Photoshopissa voit tehdä verkkosivun asettelun, jonka mukaan se on jo luotu HTML-muodossa. Tämä prosessi on suhteellisen yksinkertainen.
Välttämätön
Adobe Photoshop -ohjelma
Ohjeet
Vaihe 1
Avaa Photoshop ja luo siihen 1020 x 1200 -kokoinen dokumentti. Aseta taustaväriksi # a8a995. Jos sivusto on omistettu yritykselle, voit sijoittaa sen logon navigointipalkin vasempaan yläkulmaan. Jätä oikealla tilaa linkkien siirtämiseen sivustossa.
Vaihe 2
Ota Suorakulmio-työkalu ja luo 80 x 54 -kuvan suorakulmio sivuston navigointipalkkiin. Se osoittaa aktiivisen valikkokohdan sivuston navigoinnissa.
Vaihe 3
Siirry Layer-Layer Style -valikkoon, valitse Väripäällyste-valintaruutu, väri # ADAE9E, Opasiteetti - 100% ja Aivohalvaus-valintaruutu, Koko - 1 px, Sijainti - Ulkopuolella, Opasiteetti - 100%, väri # CED0BB.
Vaihe 4
Lisää jo olemassa olevan suorakulmion päälle toinen 71x50-kokoinen kuva, maalaa se # cfbe28: lla. Siirry Layer-Layer Style -valikkoon ja aseta seuraavat suorakulmion seuraavat parametrit: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Distance - 1, Spread - 0, Size - 5; Sisävarjo: sekoitustila - moninkertainen, väri # 000000, peittävyys - 27%, kulma - 90, etäisyys - 1, rikastin - 0, koko - 18; Aivohalvaus: Koko - 1, Sijainti - Ulkopuolella, Opasiteetti - 100, Täytön tyyppi - Väri, Väri # D6C72C.
Vaihe 5
Lisää varjo navigointipalkissa oleville linkeille. Voit tehdä tämän valitsemalla tason, jossa on näiden linkkien teksti, siirry Layer-Layer Style -valikkoon ja aseta seuraavat parametrit: Drope Shadow: Blend Mode - Multiply, color # 000000, Opasiteetti - 75%, Kulma - 90, Etäisyys - 1, Levitä - 0, Koko - 1. Toista nämä vaiheet jokaiselle tasolle, joka sisältää linkkien tekstin.
Vaihe 6
Nyt sinun on tehtävä alustava osa mallista. Valitse Suorakulmio-työkalu ja tee suorakulmio logon alle, täytä se valkoisella, vähennä peittävyys 20 prosenttiin.
Vaihe 7
Valitse Ellipse-työkalu ja tee soikea tämän suorakulmion alle. Valitse Suodatin> Hämärtää> Gaussin sumennus ja aseta säde arvoon 7, 8.
Vaihe 8
Ota suorakaiteen muotoinen työkalu ja valitse suorakulmion alaosa ja epäselvä soikea. Poista se.
Vaihe 9
Syötä sen jälkeen teksti suorakulmion painikkeeseen. Luo viiva suoraan sen yläpuolelle seuraavilla parametreilla: 866 1 kuva.
