Blog o webdizajne - tvorbawebstranok.net

Úprava veľkosti efektov vrstvy vo Photoshope

Fri, 09 Apr 2010 17:00:00 GMT

V Illustratore je známa možnosť zväčšovať a zmenšovať efekty cesty zväčšovať a zmenšovať pri zväčšovaní a zmenšovaní cesty alebo objektu. Takáto možnosť často chýba užívateľom vo Photoshope – keď má vrstva nastavený efekt tieňa na 20 px, pri zväčšovaní alebo zmenšovaní vrstvy zostáva tieň stále 20 px.

Čo však robiť, keď má vrstva nastavených napríklad 5 rôznych efektov a potrebujeme zväčšiť alebo zmenšiť viac vrstiev? Postupné upravovanie všetkých jednotlivých efektovje v takomto prípade veľmi zdĺhavé.

Pomôže nám možnosť úpravy veľkosti efektov hromadne, pomocou nástroja Scale Effects.

Farby a farebné schémy pre webstránku

Tue, 30 Mar 2010 15:00:00 GMT

Voľba vhodnej farebnej schémy býva jednou z najťažších fáz navrhovania dizajnu webstránky. Ladiace, dobre zvolené farby sú základom pre dosiahnutie žiadaného efektu. Budú pre váš projekt lepšie jemné pastelové, tmavé, žiarivé, kontrastné, sýte alebo odtiene šedej? A ak už sa rozhodnete pre typ farieb, ako sa rozhodnúť pre konkrétne odtiene? Budú sa k sebe vôbec hodiť?

Jednou z metód voľby hodiacich sa farieb je použitie prirodzených schém, teda výber farieb z prirodzene jestvujúcich kombinácií.

Nedeliteľná medzera v HTML, v Adobe Photoshope a Illustratore

Tue, 09 Mar 2010 19:00:00 GMT

Z Wordu väčšina aktívnych používateľov pozná takzvanú nedeliteľnú, pevnú medzeru (non-breaking space). Možnosť vyrobiť nedeliteľné medzery je užitočná, ak človek chce zabrániť predložkám, spojkám a iným krátkym slovám zostať osihotene na konci riadku.

Niekedy sa aj vo Photoshope a Illustratore vyskytne priestor pre využitie nedeliteľnej medzery. Ako sa k nej však v týchto Adobe produktoch dopracovať? :)

Oko na stiahnutie - vektorová ilustrácia očí v Adobe Illustratore

Sat, 27 Feb 2010 10:00:00 GMT

Tento týždeň som potrebovala v jednom dizajne ilustráciu oka, dívajúceho sa jedným smerom. Spravila som si teda jednoduchú vektorovú ilustráciu očnej bulvy v Illustratore.

Tak sa mi oko zapáčilo, že som si oči spravila ešte tri. :) Ponúkam vám teda na voľné stiahnutie štyri ilustrácie rôznych očí. Každé oko má inú farbu a pozerá sa iným smerom...

Double margin chyba pri floatovaných elementoch a Internet Explorer 6

Sat, 20 Feb 2010 11:00:00 GMT

Testovanie pre Internet Explorer 6 je v našich končinách stále nutným zlom.

Jedným zo známych problémov je takzvaný Double margin bug, teda chyba dvojitého okraja. Tento bug spôsobí, že floatovaný element s nastaveným marginom v smere floatu je v IE6-tke zobrazený s marginom dvojnásobným. Táto chyba sa dá ošetriť viacerými spôsobmi; spomeňme dva jednoduché – CSS IE6 hack a predchádzanie bugu nahradením marginu paddingom.

Zabezpečiť, aby sa webstránky zobrazovali správne v IE6 je pri dobrom chápaní fungovania jeho špecifických bugov pomerne jednoduché – treba sa skrátka pri kódovaní vyvarovať špecifických nastavení a štýlovania.

Rozmazané žiarivé farebné pozadie na webstránku

Sat, 06 Feb 2010 08:00:00 GMT

Takzvané „rozmazané“ alebo „rozostrené“ pozadia webstránok sa stali nedávno veľmi populárnymi, najmä vďaka rozšírenému tzv. Vista efektu. Je zrejmé prečo – sú prosto pekné a stránkam dodávajú nádych tajomna a profesionálny šmrnc.

Stále rýchlejšie pripojenia umožňujú dizajnérom využívať bez ostychu aj veľkorozmerné pozadia a teda možností hrať sa s efektmi je skutočne neúrekom.

V tomto tutoriáli vytvoríme na pozadí webstránky intenzívnu žiaru vychádzajúcu spoza tela stránky.

Vektorové puzzle dieliky v Adobe Illustratore

Thu, 14 Jan 2010 19:00:00 GMT

Pred pár dňami som v jednom fóre narazila na žiadosť o návod, ako vytvoriť vzor opakujúcich sa puzzle dielikov.

Keďže z vesmírneho hľadiska pokladám za dobré vytvárať trvalé hodnoty s potenciálom na opakované využitie (;]), rozhodla som sa poskytnúť návod na vytvorenie opakujúceho sa vzoru puzzle dielikov vo vektoroch – teda dieliky, ktoré sa dajú ľubovoľne zväčšovať bez straty kvality, majú presne taký tvar, aký od nich očakávam a môžem ich aplikovať kdekoľvek potrebujem a akýmkoľvek spôsobom.

Smart Guides vo Photoshope – automatické zarovnávanie pomocou vodítok

Mon, 14 Dec 2009 11:00:00 GMT

Väčšina webdizajnérov používajúcich Photoshop potrebuje čo najefektívnejšie metódy na zrovnávanie objektov.

Na zarovnávanie objektov je možné použiť viaceré metódy. Jednou z metód okamžitého zarovnávania v reálnom čase je použitie Smart Guides, teda Inteligentných vodítok.

Mrznúci Firefox a riešenie tohto problému

Tue, 10 Nov 2009 21:00:00 GMT

Posledné dva dni mi šiel Firefox veľmi pomaly. Myslel som si, že to bude kvôli novej verzii 3.5.5. Čakal som, že nejaký addon s ňou nie je plne kompatibilný.

Problém sa prejavoval tak, že približne každých 10 sekúnd Firefox zamrzol aj s celým systémom skoro na sekundu. Keďže addon-ov mám aktívnych skoro 20, vôbec ma netešila predstava hľadania, ktorý z nich to spôsobuje....

Čo je to redakčný systém?

Sat, 31 Oct 2009 09:00:00 GMT

Tak túto otázku som počul prvýkrát v roku 2001. A počúvam ju dodnes.

A práve preto napíšem tento blog, lebo snáď si ho ľudia nájdu a prečítajú si, čo to vlastne je :)

A dúfam, že si to prečítajú aj tí, ktorí nevedia, čo je to CMS, WCM, publikačný systém, content management system, web content managemnet system alebo dokonca Content Publishing.

A keď už budete vedieť, čo to je a prečo to potrebujete, tak Vám poradím, ako si vybrať ten najvhodnejší...

Dobre zostavená internetová reklama

Mon, 26 Oct 2009 13:00:00 GMT

Dnes som nezávisle dvakrát videla na internete tú istú reklamu, ktorá mi spôsobila dilemu – mám sa smiať, alebo plakať? Dôvodom bol obsah reklamy – jedna jediná nič nehovoriaca veta. A to bola prosím platená reklama, ktorú som videla prvýkrát na facebooku, druhýkrát niekde na webe, myslím cez Etarget.

Pozrime sa teda na to, čo urobil pisateľ tejto reklamy zle a aké základné pravidlá sú dôležité pri zostavovaní krátkej internetovej reklamy.

Automatický výber vrstvy vo Photoshope pomocou klávesovej skratky

Wed, 21 Oct 2009 18:00:00 GMT

Práca vo Photoshope môže byť neuveriteľne komplexná, a každý užívateľ využíva vlastné spôsoby a techniky na rôzne úkony. Pozrime sa na niektoré špecifické spôsoby práce s vrstvami – a to na vyhľadávanie konkrétnej vrstvy v Palete vrstiev a na vyberanie vrstvy priamo z pracovnej plochy pomocou klávesovej skratky.

Priamy výbery z pracovnej plochy je až neskutočne užitočná vlastnosť Photoshopu, ktorá pri práci s vrstvami šetrí množstvo času...