Tervezés reális rozsdamentes acél háttér és szöveg [Photoshop bemutató]

A webes tervezők és webmesterek a hűvös acél- vagy fémes effekteket szerették a Web 2.0 viharok és mindent elmosni; elhagyja a WWW fényes, bántalmazó gradiens weboldalakkal. Apple.com mindig is jó web 2.0 interfész-kialakításhoz kapcsolódik, de ezek a srácok soha nem vesztették el a hűvös fekete-ezüst-ish-effektusokat, és nem is tették jobban a tervükben és a tipográfiában.

A formatervezés inspirálta, hogy ezeket a stílusokat visszahelyezem a személyes tervezésembe, és így valami kissé szilárdt hoztam létre, és kicsit úgy néz ki, mint egy darab rozsdamentes acélból. Teljes Photoshop bemutató ugrás után.

Rozsdamentes acél háttér

1. lépés

Hozzon létre egy üres új dokumentumot 600 × 400 méretben. Hozzon létre egy új réteget, nevezze el 'háttér' és töltse fel szürke színnel [# c0c0c0]. Másolat 'háttér' réteg, nevezze meg az új rétegetacél háttér"és helyezze a tetejére"háttér'.

2. lépés

Az „acél háttér” réteg kiválasztásával alkalmazza Szűrő -> Zaj hozzáadása és adja meg a következő beállításokat:

• Összeg: 14,21
• Eloszlás: Gauss
• Ellenőrzött monokróm

3. lépés

Val vel 'acél háttér'réteg még mindig kiválasztott, menj Szűrő -> Elhomályosít -> Elmosódás és adja meg a következő beállításokat:

• Angel: 0
• Távolság: 34 képpont

Jobb klikk 'acél háttér', válassza a lehetőséget Keverési opciók és adja meg a következő beállításokat Gradiens átfedés - színátmenet-szerkesztő:

Color Stop 1

• Szín: # 000000
• Opacity: 50%
• Helyszín: 0%

Color Stop 2

• Szín: #ffffff
• Helyszín: 50%

Color Stop 3

• Szín: # 000000
• Opacity: 50%
• Helyszín: 0%

Fémszöveg

4. lépés

A rozsdamentes acél háttere alapvetően megtörtént, onnan folytatjuk, hogy beillessünk egy fém szöveget, melynek megfelelőnek kell lennie. Használja a Szöveges eszköz, írj valamit a középen, lehetőleg gondolkodj a kövér betűtípussal (itt a Myriad Pro Bold-et használom). Kattintson a jobb egérgombbal (vagy kattintson duplán) a szöveges rétegre a Keverési opciók párbeszéd.

1. Árnyék

• Opacity: 38%
• Távolság: 1px
• Spread: 1%
• Méret: 2px

• Mélység: 100%
• Méret: 0px
• Lágyít: 0px
• Az opacitás kiemelése: 42%
• Árnyékképtelenség: 32%

A szövegnek hasonlónak kell lennie az alábbiakhoz.

5. lépés

Itt van valami, amit szorosan követnie kell. Tartsa lenyomva a vezérlőgombot (Mac: Parancsgomb) és a bal oldali egérgombbal jelölje ki a vázlatot. Győződjön meg róla, hogy a vázlat még mindig ott van, válassza a "acél háttér'réteg, és nyomja meg a Control + J billentyűt (Mac: Command + J)

Ezzel megduplázza az acél hátterét a szöveg alakjában. A réteg átnevezése 'szöveges háttérbenés mozgassa a tetejére.

6. lépés

Változás 'szöveges háttérben' nak nek Szín ég, hozza Átlátszatlanság le 67%.

A végső kimenetnek hasonlónak kell lennie az alábbi képhez.

Letöltés .PSD fájl.