Design Web 2.0 vmesnik v Photoshopu
Razumevanje vadnice spodaj je razumevanje je tehnika, z njo lahko narišete nekaj grafični uporabniški vmesnik za spletno stran. Stranska navigacija, gumbov, glave, na primer. Vsi stili Web 2.0.
Zaženite novo platno; velikosti. Nekaj večjega od 450x300px bi bilo dobro. Izberite Zaokroženo pravokotno orodje in narišite pravokotno velikost, kot je prikazana na zgornji sliki.
Dvakrat kliknite na plast okroglega pravokotnika, da zaženete Možnosti mešanja. Spremenite nastavitve za naslednje sloge.
Drop Shadow
Nepreglednost: 31% Razdalja: 1px Širina: 0% Velikost: 5px
Bevel in Emboss
Globina: 100% Velikost: 0px Zmehča: 0px
Gradiantno prekrivanje
Dvakrat kliknite Gradiant in nastavite naslednje zaustavitvene točke. Lokacija: 0%, # 1378cd Lokacija: 100% # 4da5f0
Možganska kap
Velikost: 5px Položaj: Notranja Barva: # 54abf6
Vstavimo besedilo, slogan, URL ali kaj podobnega. Imejte sredino in poravnajte desno, tako da se lahko logotip pozneje nahaja na levi strani. Oblikujmo besedilo. Uporabljam Lucida Sans Unicode; 55pt; gladka; -120 za sledenje znakov (razmik med črkami). Dvakrat kliknite na plast besedila in nastavite naslednje Možnosti mešanja.
Gradientno prekrivanje
Dvakrat kliknite Gradiant in nastavite naslednje zaustavitvene točke. Lokacija: 0%, # 9ec7eb Lokacija: 100% ecf6ff
Nato boste morali vstaviti logotip na levo stran besedila. Za predstavitev logotipa bom uporabil zaokrožen pravokotnik s polmerom 5px. Tukaj je Možnost mešanja nastavitve zaokroženega pravokotnika.
Notranja senca
Nepreglednost: 45% Razdalja: 0px Velikost: 43px;
Bevel in Emboss
Globina: 100% Velikost: 0px Zmehča: 0px Osvetlitev Nezanesljivost: 50% ShadowMode Opacity: 100%
Gradiantno prekrivanje
Dvakrat kliknite Gradiant in nastavite naslednje zaustavitvene točke. Lokacija: 0% # 0e2f4a Lokacija: 47% # 001a31 Lokacija: 48% # 002545 Lokacija: 100% # 0f4b7f
Možganska kap
Velikost: 5px Dvakrat kliknite Gradiant in nastavite naslednje zaustavitvene točke. Lokacija: 0% # 1468af Lokacija: 100% # 50abf8
Dajmo mu majhen sijajni učinek. Zadrži CTRL in levi klik na zaobljen pravokotnik Sličica sloja. Ko izberete celoten zaokrožen pravokotnik, se spremeni v Pravokotno orodje Marquee, držite ALT in črpa drugo polovico izbranega območja; tako kot zgornja slika.
Ustvarite novo plast; Povlecite ga navzgor, da se postavi na vrh vseh plasti; izpolnite izbrani del z belo [#ffffff]; spremenite motnost na 15%.
Vadnica se bo končala tukaj. Kako boste uporabili to zasnovo, je popolnoma odvisno od vas. Z rahlim spreminjanjem velikosti in barv je mogoče uporabiti kot spletno glavo ali gumbe. Tukaj je nekaj primerov.
Glava spletne strani
Gumbi za spletne strani
