U Photoshopu možete napraviti izgled web stranice prema kojem je već izrađen u html-u. Ovaj je postupak relativno jednostavan.
Potrebno
Program Adobe Photoshop
Upute
Korak 1
Otvorite Photoshop i u njemu stvorite dokument s slikom 1020 x 1200. Postavite boju pozadine na # a8a995. Ako je web mjesto posvećeno nekoj tvrtki, tada možete staviti njegov logotip u gornji lijevi kut navigacijske trake. Ostavite malo prostora s desne strane za poveznice za navigaciju web stranicom.
Korak 2
Uzmite alat Rectangle Tool i na navigacijskoj traci web mjesta napravite pravokutnik veličine 80 x 54 slike. Označit će aktivnu stavku izbornika u navigaciji web stranice.
3. korak
Idite na izbornik Layer-Layer Style, označite potvrdni okvir Color Overlay, boja # ADAE9E, Opacity - 100% i potvrdni okvir Stroke, Size - 1 px, Position - Outside, Opacity - 100%, color # CED0BB.
4. korak
Na vrh pravokutnika koji već imate dodajte još jednu sliku 71x50, obojite je # cfbe28. Idite na izbornik Layer-Layer Style, postavite sljedeće parametre za ovaj pravokutnik: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Distance - 1, Spread - 0, Size - 5; Unutarnja sjena: Način miješanja - Množenje, boja # 000000, Neprozirnost - 27%, Kut - 90, Udaljenost - 1, Prigušnica - 0, Veličina - 18; Hod: Veličina - 1, Položaj - Izvana, Neprozirnost - 100, Vrsta ispune - Boja, Boja # D6C72C.
Korak 5
Dodajte sjenu za veze smještene na navigacijskoj traci. Da biste to učinili, odaberite sloj s tekstom ovih poveznica, idite na izbornik Layer-Layer Style i postavite sljedeće parametre: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 75%, Angle - 90, Distance - 1, širenje - 0, veličina - 1. Ponovite ove korake za svaki sloj koji će sadržavati tekst veza.
Korak 6
Sada morate napraviti uvodni dio predloška. Odaberite Rectangle Tool i napravite pravokutnik ispod logotipa, napunite ga bijelom bojom, smanjite neprozirnost na 20%.
7. korak
Odaberite Ellipse Tool i napravite oval ispod ovog pravokutnika. Idite na Filter> Blur> Gaussian Blur i postavite Radius na 7, 8.
Korak 8
Uzmite Rectangular Marque Tool i odaberite donji dio pravokutnika i zamućeni oval. Obriši.
Korak 9
Nakon toga unesite tekst u gumb pravokutnika. Stvorite liniju izravno iznad nje sa sljedećim parametrima: 866 na 1 sliku.
