U Photoshopu možete napraviti izgled web stranice prema kojem je već kreiran u html-u. Ovaj postupak je relativno jednostavan.
Potrebno
Adobe Photoshop program
Instrukcije
Korak 1
Otvorite Photoshop i u njemu stvorite dokument s slikom 1020 x 1200. Postavite boju pozadine na # a8a995. Ako je web lokacija posvećena nekoj kompaniji, tada možete staviti njen logotip u gornji lijevi kut navigacijske trake. Ostavite malo prostora s desne strane za veze za kretanje po web lokaciji.
Korak 2
Uzmite alat Rectangle i na navigacijskoj traci web stranice napravite pravokutnik veličine 80 x 54 slike. Označit će aktivnu stavku izbornika u navigaciji web stranice.
Korak 3
Idite na izbornik Layer-Layer Style, označite potvrdni okvir Color Overlay, boja # ADAE9E, Opacity - 100%, te Check Stroke, Size - 1 px, Position - Outside, Opacity - 100%, color # CED0BB.
Korak 4
Na vrh pravougaonika 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: Način miješanja - Množenje, boja # 000000, Neprozirnost - 27%, Kut - 90, Udaljenost - 1, Rasprostranjenost - 0, Veličina - 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 - Izvan, neprozirnost - 100, Vrsta ispune - Boja, Boja # D6C72C.
Korak 5
Dodajte sjenku za veze smještene na navigacijskoj traci. Da biste to učinili, odaberite sloj s tekstom ovih veza, 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 pravougaonik ispod logotipa, napunite ga bijelom bojom, smanjite neprozirnost na 20%.
Korak 7
Odaberite Ellipse Tool i napravite oval ispod ovog pravokutnika. Idite na Filter> Blur> Gaussian Blur i podesite radijus na 7, 8.
Korak 8
Uzmite Rectangular Marque Tool i odaberite donji dio pravokutnika i zamućeni oval. Izbriši.
Korak 9
Nakon toga unesite tekst u dugme pravougaonika. Stvorite liniju direktno iznad nje sa sljedećim parametrima: 866 na 1 slici.
