Programmā Photoshop varat izveidot vietnes izkārtojumu, saskaņā ar kuru tas jau ir izveidots html. Šis process ir samērā vienkāršs.
Nepieciešams
Adobe Photoshop programma
Instrukcijas
1. solis
Atveriet Photoshop un izveidojiet tajā 1020 x 1200 pikseļu dokumentu. Iestatiet fona krāsu uz # a8a995. Ja vietne ir paredzēta uzņēmumam, navigācijas joslas augšējā kreisajā stūrī varat ievietot tās logotipu. Labajā pusē atstājiet vietu saitēm, lai pārvietotos vietnē.
2. solis
Izmantojiet Taisnstūra rīku un vietnes navigācijas joslā izveidojiet 80 x 54 attēlu taisnstūri. Tas norādīs aktīvo izvēlnes vienumu vietnes navigācijā.
3. solis
Atveriet izvēlni Layer-Layer Style, atzīmējiet izvēles rūtiņu Color Overlay, krāsu # ADAE9E, Opacity - 100% un izvēles rūtiņu Insults, Size - 1 px, Position - Outside, Opacity - 100%, color # CED0BB.
4. solis
Taisnstūra augšpusē, kas jums jau ir, pievienojiet vēl 71x50 attēlu, krāsojiet to ar # cfbe28. Atveriet izvēlni Layer-Layer Style, šim taisnstūrim iestatiet šādus parametrus: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Distance - 1, Spread - 0, Size - 5; Iekšējā ēna: sajaukšanas režīms - reizinājums, krāsa # 000000, necaurredzamība - 27%, leņķis - 90, attālums - 1, droselis - 0, izmērs - 18; Insults: izmērs - 1, pozīcija - ārpusē, necaurredzamība - 100, aizpildījuma veids - krāsa, krāsa # D6C72C.
5. solis
Pievienojiet ēnu navigācijas joslā esošajām saitēm. Lai to izdarītu, atlasiet slāni ar šo saišu tekstu, dodieties uz izvēlni Layer-Layer Style un iestatiet šādus parametrus: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 75%, Angle - 90, Distance - 1, Izplatība - 0, Izmērs - 1. Atkārtojiet šīs darbības katram slānim, kurā būs saišu teksts.
6. solis
Tagad jums ir jāizveido veidnes ievaddaļa. Atlasiet Taisnstūra rīku un zem logotipa izveidojiet taisnstūri, aizpildiet to ar baltu, samaziniet necaurredzamību līdz 20%.
7. solis
Atlasiet Ellipse rīku un izveidojiet ovālu zem šī taisnstūra. Atveriet Filtrs> Izplūšana> Gausa izplūšana un iestatiet rādiusu uz 7, 8.
8. solis
Paņemiet taisnstūra zīmoga rīku un atlasiet taisnstūra apakšējo daļu un izplūdušo ovālu. Izdzēs to.
9. solis
Pēc tam ievadiet tekstu taisnstūra pogā. Izveidojiet līniju tieši virs tās ar šādiem parametriem: 866 ar 1 attēlu.
