Nem túl nehéz weboldal-sablont létrehozni a Photoshop alkalmazásban. A sablon tartalmaz menüket, keresési űrlapokat, grafikákat, esetleg például szöveget. Maga az oldal már programozásra kerül annak alapján.
Utasítás
1. lépés
Kezdje el megformálni a webhely sablonját a Photoshop alkalmazásban egy új dokumentum létrehozásával, amelynek mérete 1020x1020 pic. Tegye fehérvé a hátteret. Állítsa az előtér színét # c5e0dd, a háttérszínét pedig # ece5cf értékre.
2. lépés
Fogja a Színátmenet eszközt, és válassza ki az első kitöltési típust annak beállításai panelen. Húzza a színátmenet vonalát a fehér mezőben fentről lefelé.
3. lépés
Fogja meg a Szöveg eszközt, írja be a webhely címét a jobb felső sarokba, hogy egy vonalba kerüljön a keresési űrlappal, amely a bal felső sarokban található. Állítsa be a betűméretet, például 12.
4. lépés
A keresési alakzat létrehozásához válassza a Téglalap eszközt, és rajzoljon egy fehér téglalapot a jobb felső sarokba. Alkalmazza a következő rétegbeállításokat: Belső árnyék - Blend mód - Szorzás, Szín - # a2b7b1, Opacitás - 43, Szög - 90, Távolság - 0, Fojtó - 0, Méret - 10.
5. lépés
A Szöveg eszközzel puha szöveget készíthet az alakzat belsejében.
6. lépés
Válassza ki a Lekerekített téglalap eszközt, és készítsen egy gombot a keresési forma belsejében a jobb szélén. Alkalmazza a következő rétegstílusokat: Színátmenet - Blend mód - Normál, Opacitás - 100, Színátmenet sötéttől világosig (színek # 754f39-től # a1704f-ig), Stílus - Lineáris, Szög - 90, Méret - 59.
7. lépés
A Szöveg eszközzel írjon "go" vagy valami hasonlót erre a gombra.
8. lépés
A navigáció létrehozásához használja a Lekerekített téglalap eszközt, és rajzoljon egy hosszú téglalapot a cím és a keresési forma alá. Alkalmazza a következő rétegstílusokat: Gradiens átfedés - Blend mód - Normál, Opacitás - 100, Színátmenet sötéttől világosig (színek # 76503e-től # a46ecd-ig), Stílus - Lineáris, Szög - 90, Méret - 59; Stroke Structure - 1, Position - Inside, Blend Mode - Normal, Opacity - 100, Fill Type - Color, Color # 9F6038.
9. lépés
Fogja meg a lekerekített téglalap eszközt, és rajzoljon egy kis téglalapot a navigációs sáv bal oldalára. Alkalmazza a következő rétegstílusokat: Belső árnyék - Blend mód - Szorzás, Opacitás - 75, Szög - 90, Távolság - 1, Fojtó - 0, Méret - 8; Gradiens átfedés - Blend mód - Normál, Opacitás - 100, Színátmenet sötéttől világosig (színek # 76503c-től # a46e4d), Stílus - Lineáris, Szög - 90, Méret - 59; Stroke - Struktúra - 1, Position - Inside, Blend Mode - Normal, Opacity - 100, Fill Type - Color, Color # 8f6347.
10. lépés
Adjon címkéket a navigációs sávhoz.
