A Photoshop alkalmazásban elkészíthet egy weboldal elrendezést, amely szerint már html-ben létrehozva van. Ez a folyamat viszonylag egyszerű.
Szükséges
Adobe Photoshop program
Utasítás
1. lépés
Nyissa meg a Photoshop alkalmazást, és hozzon létre egy 1020 x 1200 képméretű dokumentumot. Állítsa a háttérszínt # a8a995 értékre. Ha a webhelyet egy vállalatnak szánják, akkor elhelyezheti annak logóját a navigációs sáv bal felső sarkában. Hagyjon helyet a jobb oldalon a linkek számára a webhelyen történő navigáláshoz.
2. lépés
Használja a Téglalap eszközt, és hozzon létre egy 80 x 54 képből álló téglalapot a webhely navigációs sávjában. Jelzi az aktív menüpontot a webhely navigációjában.
3. lépés
Lépjen a Layer-Layer Style menübe, jelölje be a Color Overlay jelölőnégyzetet, az # ADAE9E színt, az Opacity - 100%, és a Stroke jelölőnégyzetet, Size - 1 px, Position - Outside, Opacity - 100%, color # CED0BB.
4. lépés
A már meglévő téglalap tetejére tegyen még egy 71x50-es képet, és festse le # cfbe28-al. Lépjen a Réteg-réteg stílus menübe, állítsa be a következő paramétereket ehhez a téglalaphoz: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Distance - 1, Spread - 0, Size - 5; Belső árnyék: Blend mód - Szorzás, # 000000 szín, Opacitás - 27%, Szög - 90, Távolság - 1, Fojtó - 0, Méret - 18; Löket: Méret - 1, Pozíció - Külső, Opacitás - 100, Kitöltés típusa - Szín, Szín # D6C72C.
5. lépés
Árnyék hozzáadása a navigációs sávban található linkekhez. Ehhez válassza ki a réteget a linkek szövegével, lépjen a Layer-Layer Style menübe, és állítsa be a következő paramétereket: Drope Shadow: Blend Mode - Szorzás, színes # 000000, Opacitás - 75%, Szög - 90, Távolság - 1, Spread - 0, Size - 1. Ismételje meg ezeket a lépéseket minden olyan rétegnél, amely tartalmazza a hivatkozások szövegét.
6. lépés
Most meg kell készítenie a sablon bevezető részét. Válassza ki a Téglalap eszközt, és tegyen egy téglalapot a logó alá, töltse ki fehérrel, csökkentse az opacitást 20% -ra.
7. lépés
Válassza ki az Ellipszis eszközt, és készítsen oválisat a téglalap alatt. Válassza a Szűrő> Elmosás> Gauss-elmosódás lehetőséget, és állítsa a Sugarat 7, 8 értékre.
8. lépés
Fogja meg a Rectangular Marque Tool eszközt, és válassza ki a téglalap alsó részét és az elmosódott ovált. Töröld.
9. lépés
Ezt követően írja be a szöveget a téglalap gombra. Hozzon létre egy vonalat közvetlenül fölötte a következő paraméterekkel: 866 1 képpel.
