In Photoshop kan u 'n webwerf-uitleg maak, waarvolgens dit reeds in html geskep is. Hierdie proses is relatief eenvoudig.
Nodig
Adobe Photoshop-program
Instruksies
Stap 1
Maak Photoshop oop en skep 'n dokument van 1020 x 1200 daarin. Stel die agtergrondkleur op # a8a995. As die webwerf aan 'n onderneming toegewy is, kan u sy logo links bo in die navigasiebalk plaas. Laat ruimte aan die regterkant vir skakels om deur die werf te navigeer.
Stap 2
Neem die reghoekhulpmiddel en skep 'n reghoek van 80 by 54 in die navigasiebalk. Dit sal die aktiewe menu-item in die webwerfnavigasie aandui.
Stap 3
Gaan na die menu Layer-Layer Style, merk die vinkie Color Overlay, kleur # ADAE9E, dekking - 100%, en die vinkje Stroke, grootte - 1 px, posisie - buite, dekking - 100%, kleur # CED0BB.
Stap 4
Voeg nog 'n 71x50 foto bo-op die reghoek wat u reeds het, verf dit met # cfbe28. Gaan na die Layer-Layer Style menu, stel die volgende parameters vir hierdie reghoek in: Drope Shadow: Blend Mode - Vermenigvuldig, kleur # 000000, dekking - 27%, Hoek - 90, Afstand - 1, Spread - 0, Grootte - 5; Inner Shadow: Blend Mode - Vermenigvuldig, kleur # 000000, dekking - 27%, hoek - 90, afstand - 1, verstikking - 0, grootte - 18; Slag: grootte - 1, posisie - buite, dekking - 100, vul tipe - kleur, kleur # D6C72C.
Stap 5
Voeg skaduwee by vir skakels in die navigasiebalk. Om dit te doen, kies die laag met die teks van hierdie skakels, gaan na die Layer-Layer Style menu en stel die volgende parameters in: Drope Shadow: Blend Mode - Vermenigvuldig, kleur # 000000, Opacity - 75%, Hoek - 90, Distance - 1, Spread - 0, Size - 1. Herhaal hierdie stappe vir elke laag wat die teks van die skakels sal bevat.
Stap 6
Nou moet u 'n inleidende deel van die sjabloon maak. Kies die reghoekhulpmiddel en maak 'n reghoek onder die logo, vul dit met wit, verminder die deursigtigheid tot 20%.
Stap 7
Kies die Ellipsgereedskap en maak 'n ovaal onder hierdie reghoek. Gaan na Filter> Vervaging> Gaussiese vervaging en stel die Radius op 7, 8.
Stap 8
Neem die reghoekige markwerktuig en kies die onderste gedeelte van die reghoek en die vaag ovaal. Skrap dit.
Stap 9
Voer daarna die teks in die reghoekknoppie in. Skep 'n lyn direk daarbo met die volgende parameters: 866 by 1 foto.