Photoshopis saate teha veebisaidi paigutuse, mille järgi see on juba HTML-is loodud. See protsess on suhteliselt lihtne.
Vajalik
Adobe Photoshopi programm
Juhised
Samm 1
Avage Photoshop ja looge selles 1020 x 1200 piltdokument. Määrake taustavärviks # a8a995. Kui sait on pühendatud ettevõttele, siis võite selle logo paigutada navigeerimisriba vasakusse ülaossa. Jätke parempoolsesse ruumi linkide jaoks saidil navigeerimiseks.
2. samm
Võtke Ristküliku tööriist ja looge saidi navigeerimisribale 80x54 ristkülik. See näitab saidi navigeerimisel aktiivset menüüelementi.
3. samm
Minge menüüsse Kiht-stiil, märkige märkeruut Värvi ülekate, värv # ADAE9E, Läbipaistmatus - 100% ja märkeruut Stroke, Suurus - 1 px, Asukoht - Väljas, Läbipaistmatus - 100%, värv # CED0BB.
4. samm
Lisage juba olemasoleva ristküliku kohale veel üks 71x50 suurune pilt, värvige see # cfbe28-ga. Minge menüüsse Kiht-kiht, määrake sellele ristkülikule järgmised parameetrid: Drope Shadow: Blend Mode - Korruta, värv # 000000, Läbipaistmatus - 27%, Nurk - 90, Kaugus - 1, Levik - 0, Suurus - 5; Sisemine vari: segamisrežiim - korrutamine, värv # 000000, läbipaistmatus - 27%, nurk - 90, kaugus - 1, õhuklapp - 0, suurus - 18; Löök: suurus - 1, asend - väljaspool, läbipaistmatus - 100, täitetüüp - värv, värv # D6C72C.
5. samm
Lisage navigeerimisribal asuvate linkide varju. Selleks valige nende linkide tekstiga kiht, minge menüüsse Layer-Layer Style ja määrake järgmised parameetrid: Drope Shadow: Blend Mode - Korruta, värv # 000000, Läbipaistmatus - 75%, Nurk - 90, Kaugus - 1, levik - 0, suurus - 1. Korrake neid samme iga kihi jaoks, mis sisaldab linkide teksti.
6. samm
Nüüd peate tegema malli sissejuhatava osa. Valige Ristküliku tööriist ja tehke logo alla ristkülik, täitke see valgega, vähendage läbipaistmatust 20% -ni.
7. samm
Valige tööriist Ellipse ja tehke selle ristküliku alla ovaalne. Valige Filter> Hägusus> Gaussi hägusus ja määrake raadiuseks 7, 8.
8. samm
Võtke ristkülikukujuline tööriist ja valige ristküliku alumine osa ning hägune ovaal. Kustuta see.
9. samm
Pärast seda sisestage ristkülikunuppu tekst. Looge rida otse selle kohale järgmiste parameetritega: 866 1 pildi järgi.
