Chrome text – I.


Egy újabb szöveges effekt, mely elég népszerű a neten .. :)


src=”http://www.tutorial.hu/photoshop/chrometext_1/team_small.gif”
width=”200″>

src=”http://www.tutorial.hu/photoshop/chrometext_1/1.gif”
width=”200″>

1.

Első lépésként hozz létre egy 400×400-as új képet, fehér háttérrel. A TYPE TOOL-lal irjatok be egy szöveget (pl. az itt látható “team”-t), a színét állítsd feketére. Amit a képen látsz, annak típusa Times New Roman, mérete 180 pt, crisp anti-aliasing.

src=”http://www.tutorial.hu/photoshop/chrometext_1/drop_vars.gif”
width=”250″>

2.

A menüben válaszd a LAYER/LAYER STYLE/DROP SHADOW-t (vagy akár a layerre is rákattinthatsz duplán, a felugró ablakban szintén megtalálod). A képen látható módon állítsd be te is a vetett árnyék tulajdonságait.

src=”http://www.tutorial.hu/photoshop/chrometext_1/innershadow_vars.gif”
width=”241″>

3.

Most az INNER SHADOW értékeit állítsd be a képen látható módon.

src=”http://www.tutorial.hu/photoshop/chrometext_1/innerglow_vars.gif”
width=”236″>

4.

Következő lépésként az INNER GLOW értékeit állítsd be

src=”http://www.tutorial.hu/photoshop/chrometext_1/bevel_emboss_vars.gif”
width=”333″>

5.

Következő lépés, hogy a BEVEL AND EMBOSS -t állítsd be ahogy a képen is látható

src=”http://www.tutorial.hu/photoshop/chrometext_1/gradient_overlay.gif”
width=”264″> src=”http://www.tutorial.hu/photoshop/chrometext_1/grad_example.gif”
width=”200″>

6.

Most menj a GRADIENT OVERLAY-re és állítsd be ahogy a képen látható. A gradient mellett látható színátmenetet állítsd be ahogy ahogy a lentebbi kis képen is látható, a fekete és a fehér szín használatával megcsinálható. Ahhoz hogy a kis ablakot megkapd, a nagyobbik képen látható színátmenetre kattints rá duplán.

src=”http://www.tutorial.hu/photoshop/chrometext_1/stroke.gif”
width=”238″>

7.

Állítsd be a STROKE értékeit ahogy itt is látható.

src=”http://www.tutorial.hu/photoshop/chrometext_1/team_small.gif”
width=”200″>

8.

Utolsó lépésként egy árnyékolást kéne hozzáadni a képhez. Ehhez kell még egy picit melózni, mert a kép mostani formájában már tartalmaz egy árnyékot (2. lépés). 2 megoldást fogok mutatni erre, az egyik az eredeti amit a angol nyelvű tutorial tartalmazott, a másik a saját megoldásom.

8./a.

A szöveget és a hozzá tartozó effekteket tartalmazó layer fölé hozz létre egy újat. Állj rá a szöveg layer-ére, kattints egy jobbegérgombot és válaszd a RASTERIZE LAYER-t. (Figyelem! Innentől kezdve a szöveg már nem szerkeszthető, ha erre mégis szükséged van, tedd meg a lépés előtt.) Miután megtörtént a rasterize művelet, maradj a szöveg layer-én, és kösd össze a felette található újonnan létrehozott layer-rel. Kösd össze/olvaszd össze őket az alábbival: LAYER/MERGE LINKED (CTRL+E). Így megmaradt az összes eddig alkalmazott effekt, viszont újakat is hozzáadhatsz. Tehát menj a LAYER/LAYER STYLE/DROP SHADOW.. -ra és addj hozzá tetszés szerint egy kis szolid árnyékot.

8./b.

Az eredeti megoldás nekem azért nem tetszik annyira, mert a rasterize művelet után már nem szerkeszthető a szöveg. Én inkább azt tanácsolnám, hogy a 7. lépés után így csináld:

A szöveg layer-én jobbegérgomb/DUPLICATE LAYER. Az újonnan létrehozott másolatot húzd le az eredeti alá, majd kattints rajta egy jobbegérgombot és CLEAR LAYER STYLE. Így megkapod a ugyanazt a szöveget csak az összes hatást kiszedted belőle. Mivel a másolat pixelre pontosan az eredeti alatt helyezkedik és nem tartalmaz semmilyen effektet, így erre tedd rá azt az előbb említett szolid kis árnyékot. Teljesen úgy fog kinézni, mintha az eredeti szövegre alkalmaztad volna, hiszen a másolat szövege nem fog látszódni sehol, de a rajta alkalmazott árnyék igen. Így ugyanaz lesz a végeredmény látványban mint a 8./a. esetében, de a szöveg szerkeszthető marad. :)

Kapcsolódó bejegyzések:
  • Egyszerű, gyorsan elkészíthető .. mi kell még? :)Átlátszó szöveg layer stílus alkalmazásávalSoftware: Photoshop 6.0 or 7.0A Photoshop 6-os és …

  • Ez a tutorial a layer style használatára buzdít, mint azt már tette megelőzőleg jópár.. :) A lépések egyszerűek, csak csináljatok mindent a képeken látható mód …

  • 1. Lépés: Kezdj egy új képet mondjuk 300×300 pixellel, fehér háttérrel. Válaszd ki a “Rounded Rectangle Tool”-t az alábbi módon:…

  • Az alábbi leírás segítségével egy króm hatású “bar”-t tudsz majd elkészíteni a photoshop segítségével.1.) Első lépésként válassz ki egy 15 pixel maga …

  • A leírást követve egy igen érdekes hatást érhetünk el pl. különböző szövegeken. A leírás során megtanult módszerek később is sokszor jól jöhetnek majd, …

A cikket beküldte: Harder (http://blog.harder.hu)

Szólj hozzá
a Chrome text – I. c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>