Navrhnite kartu Web 2.0 s aplikáciou Photoshop
Nasledujúci sprievodca sa pokúša predstaviť, ako navrhnúť pekné elegantné menu v štýle Photoshop, Web 2.0.
Krok 1
Vytvorte nové plátno s bielym [#ffffff] pozadím akejkoľvek veľkosti, ktorá sa vám páči, najlepšie obdĺžnikové; sú vhodnejšie na kreslenie kariet. Potom prejdite na Karta Kanály (Windows -> Kanály) kliknite na Vytvorte nový kanál vpravo dole.
Krok 2
Na vybranej vrstve kanála nakreslite podobný tvar s nástrojom Polygonal Lasso. Vyplňte ho bielou farbou [#ffffff]; zrušte výber polygonálnej oblasti (vyberte ľubovoľný nástroj a stlačte jeden z nich); dajte tvar Gaussovské rozostrenie s polomerom 6,0 px.
Krok 3
CTRL-L vyvolajte dialógové okno úrovne a stlačte ľavú a pravú šípku, aby ste dosiahli stredovú šípku, ako je obrázok vyššie. Toto bude “hladký” váš rozmazaný tvar nahor a dá vám pekný zaoblený tvar rohu.
Krok 4
V karte Kanály, Podržte CTRL, kliknite na Kanál Miniatúra vrstvy Alpha 1. Teraz sa vyberie nový tvar a vráťte sa späť Karta Vrstvy, Vytvorte novú vrstvu a vyplňte vybranú oblasť čiernym [# 000000].
Krok 5
Odstráňte zaoblené rohy pre bot doľa vľavo a vpravo dole, posuňte ho smerom doľava a umiestnite ho tak, ako je to znázornené vyššie. Ďalej sa zameriame na kartu čiernej farby.
| vydržať CTRL, kliknite na kartu Vrstva miniatúr aby sa zvýraznil celý obrázok karty. | |
| Ak je karta stále zvýraznená, vyberte položku Nástroj obdĺžnikového náčrtu, vydržať ALT a nakresliť obdĺžnikovú oblasť, ktorú chceme odstrániť. | |
| Mala by sa zobraziť len vybraná horná časť. vybrať -> pozmeniť -> zmluva, Zmluva o 2px a mali by ste získať niečo ako obrázok vľavo. | |
| Vytvorte novú vrstvu, vyplňte zvýraznenú oblasť bielou farbou [#ffffff]. Kliknite pravým tlačidlom myši, vyberte Blending Options potom Gradient Overlay. Vymeňte bielu stopu [#ffffff] za sivú [# 616161]. Karta by mala vyzerať ako obrázok vľavo. |
Krok 6
Vytvorte novú vrstvu. vybrať Zaoblený obdĺžnikový nástroj (Radius 8px), nakreslite obdĺžnik a vložte túto vrstvu za vrstvu čiernej tabule. Kliknite pravým tlačidlom a vyberte Blending Options a vložte nasledujúce nastavenia.
Vrhať tieň
- Neprístupnosť: 31%
- Vzdialenosť: 0px
- Spread: 0%
- Veľkosť: 2px
Skosenie a reliéf
- Hĺbka: 100%
- Veľkosť: 0px
- Zmäkčiť: 0px
Gradient Overlay
- Tu sú nastavenia Color stops.
- Farba: #aaaaaa, Umiestnenie: 0%
- Farba: #ffffff, umiestnenie 100%
Krok 7
Vložte nejaký text, aby ste videli celkový vzhľad web 2.0. Používam písmo Lucida Fax, veľkosť písma 32pt a 25pt. Vaša karta je hotová! Nebojte sa hrať s kombináciou farieb karty Tab.
Stiahnite si tutoriál
