Suunnittele Web 2.0 -välilehti Photoshopin avulla

Seuraava opas yrittää antaa sinulle käsityksen siitä, miten suunnitella mukava, tyylikäs välilehti valikkoon Photoshopissa, Web 2.0 -tyyliin.

Vaihe 1

Luo uusi kangas, jossa on valkoista [#ffffff] -taustaa missä tahansa koossa, mieluiten suorakulmainen; ne ovat sopivampia vetämään välilehtiä. Siirry sitten Kanavat-välilehti (Windows -> Kanavat), napsauta Luo uusi kanava oikeassa alareunassa.

Vaihe 2

Piirrä valitun kanavan kerroksessa samanlainen muoto Polygonal Lasso -työkalulla. Täytä se valkoisella värillä [#ffffff]; poista polygonaalinen alue (valitse mikä tahansa Marquee-työkalu ja osoita näyttöä); anna muoto Gaussin hämärtyminen säteellä 6.0px.

Vaihe 3

CTRL-L Voit avata tason valintaikkunan ja painaa vasenta ja oikeaa nuolta vastaamaan keskimmäistä nuolta, kuten yllä oleva kuva. Tämä tulee “sileä” hämärtynyt muoto ja mukava pyöristetty kulma.

Vaihe 4

Kanavat-välilehdessä, Pidä CTRL, Klikkaa Kanavan pikkukuva kerroksen Alpha 1. Uusi muoto valitaan nyt, siirry takaisin Tasot-välilehti, Luo uusi kerros ja täytä valittu alue mustalla [# 000000].

Vaihe 5

Poista pyöristetyt kulmat alhaalla vasemmalle ja oikealle, siirrä sitä vasemmalle ja aseta se edellä kuvatulla tavalla. Seuraavaksi keskitymme mustaan väliin Tab.

	pitää CTRL, napsauta välilehteä Kerroksen pikkukuva saat näkyviin koko välilehden kuvan.
	Kun välilehti on edelleen korostettuna, valitse Suorakulmainen Marquee-työkalu, pitää ALT ja piirrä suorakulmainen alue, jonka haluamme poistaa.
	Näet vain yläosan valitun osan. valita -> Muuttaa -> sopimus, Sopimus 2px ja sinun pitäisi saada jotain vasempaan kuvaan.
	Luo uusi kerros, täytä korostettu alue valkoisella [#ffffff]. Napsauta hiiren kakkospainikkeella, valitse Sekoitusasetukset sitten Gradiant Overlay. Vaihda valkoinen [#ffffff] värin pysäytys harmaalla [# 616161]. Välilehdellä pitäisi näyttää vasemmalla oleva kuva.

Vaihe 6

Luo uusi kerros; valita Pyöristetty suorakulmainen työkalu (Radius 8px), piirrä suorakulmainen ja aseta tämä kerros mustan välilehden taakse. Napsauta hiiren kakkospainikkeella ja valitse Sekoitusasetukset ja aseta seuraavat asetukset.

Pudota varjo

Läpinäkyvyys: 31%
Etäisyys: 0px
Levitä: 0%
Koko: 2px

Viiste-ja kohokuva

Syvyys: 100%
Koko: 0px
Pehmennä: 0px

Gradiant Overlay

Tässä ovat värin pysäytysasetukset.
Väri: #aaaaaa, Sijainti: 0%
Väri: #ffffff, sijainti 100%

Vaihe 7

Laita teksti, jotta näet yleisen web 2.0 -näkymän. Käytän fonttia Lucida Fax, fonttikoko 32pt ja 25pt. Ja välilehti on tehty! Voit vapaasti pelata Tab-värien yhdistelmällä.

Lataa opetusohjelma