Photoshop tutorial - Hímzés Photoshop-pal

Szunyogh Krisztina képe



A hímzés a reneszánszát éli. A divat sem hiába felfedezte fel újra magának a hímzett ruhadarabokat, kiegészítőket. A Photoshop-os hímzés hatás is lenyűgöző, ráadásul a digitális kézimunkázáshoz sem hímzőfonal, sem hímzőráma nem szükségeltetik. Ámulatba ejtő, ha modern motívumokat hímzünk Photoshop-al, a fantáziádra bízzuk, hogy mit keltesz életre ezzel a klasszikus kézműves módszerrel.

A hímzés újra trendi



A fenti képről csak a szöveget készítjük el.

Mindenképpen le kell letöltened a mintát, ami ingyenesen elérhető ezen a linken. A minta neve: Simple Pixel Pattern. Egy .PAT formátumú fájl, amit be kell töltened a Photoshop-ba.

A háttérnek kiválaszthatsz bármilyen típusú textíliát. A legjobb hatást a sötétebb színű farmer anyagokon lehet elérni, azonban bátran kísérletezz a különböző textúrákkal. Az általunk használt farmer anyag letölthető ezen a linken.

A hímzéshatás létrehozásához olyan betűtípust keress, ami elég kerek, vastag, testes, hogy a hatás plasztikusan érvényesüljön. Mi a False Positive Round ... nevű ingyenes kalligrafikus fontot választottuk. Töltsd le itt és telepítsd a betűkészletedbe. Ha ezt használod, akkor tanácsolom, hogy kerüld a hosszú ékezetes betűk használatát, nem ad szép eredményt.

1 Szöveg alakítása rétegstílusokkal

Nyisd meg a farmer textúrát és hozz létre egy új szövegréteget, majd írj egy tetszőleges szöveget. Az alábbiakban láthatod a betűbeállításokat.

Szöveg létrehozása



(Ha nem érzed elég kövérnek a választott betűtípusodat, akkor adj hozzá Körvonalazás rétegstílust, megnövelve ezzel a font vastagságát. Ez a lépés opcionális.)

A szövegréteget konvertáld Intelligens objektummá (Convert to Smart Object). Adj nevet a rétegnek: Hímzett szöveg. Alkalmazd a következő rétegstílusokat.

Bevésés és domborítás (Bevel and Emboss)

  • Rétegsítlus(Style): Belső véset (Inner Bevel)
  • Technika: Simítás (Smooth)
  • Mélység (Depth): 184%
  • Irány (Direction): Felfelé nyíl (Up)
  • Lágyítás (Soften): 0 px
  • Elmosás (Shading) Szög (Angle): 120
  • Globális fényforrás (Global Light): tedd ki a pipát
  • Magasság (Altitude): 30
  • Csúcsfénymód (Highlight Mode): Raszter (Screen)/Opacity: 100%
  • Árnyékmód (Shadow Mode): Többszörözés (Multiply)/Opacity: 39%

Textúra (Texture)




Válaszd ki a képen látható mintát (A lecke elején találod a forrás linket, ahol le kell töltened a Pixel Pattern. pat fájlt.)

Belső árnyék (Inner Shadow)


  • Szín: fekete (#000000)
  • Keverési mód (Blend mode): Többszörözés (Multiply)
  • Opacitás (Opacity): 51%
  • Globális fényforrás (Global Light): vedd ki a pipát
  • Szög (Angle): -66
  • Távolság (Distance): 2 px
  • Alátöltés (Spread): 0 px
  • Méret (Size): 5 px

Színátfedés (Color Overlay)




  • Keverési mód (Blend mode): Normal
  • Szín: #686565
  • Opacity: 100%

Vetett árnyék (Drop Shadow)


  • Szín: sötétszürke (#161616))
  • Keverési mód (Blend mode): Töbszörözés (Multiply)
  • Opacitás (Opacity): 75%
  • Szög (Angle): 120
  • Globális fényforrás (Global Ligth): hagyd meg a pipát
  • Távolság (Distance): 2 px
  • Terülés (Spread): 0 px
  • Méret (Size): 3 px

Ismét konvertáld Intelligens objektummá a réteget, hogy újabb rétegstílusokat tudjunk hozzáadni anélkül, hogy raszterizálni kelljen a hatásokat.
Készíts egy másolatot a Hímzett szöveg rétegből (Ctrl+J) és nevezd el Árnyék-nak. Vidd ezt a réteget a Hímzés réteg alá. Ezzel a réteggel később foglalkozunk.

Most újra a Hímzett szöveg rétegnek adunk stílusokat:

Színátfedés (Color Overlay)




  • Keverési mód (Blend mode): Szín (Color)
  • Szín: #ff0000
  • Opacity: 100%

Bevésés és domborítás (Bevel and Emboss)


  • Rétegsítlus(Style): Belső véset (Inner Bevel)
  • Technika: Simítás (Smooth)
  • Mélység (Depth): 62
  • rány (Direction): Felfelé nyíl (Up)
  • Méret (Size): 16 px
  • Lágyítás (Soften): 0 px
  • Elmosás (Shading) Szög (Angle): 39
  • Globális fényforrás (Global Light): vedd ki a pipát
  • Magasság (Altitude): 21
  • Csúcsfénymód (Highlight Mode): Átfedés (Overlay)/Opacity: 87% Szín:fehér
  • Árnyékmód (Shadow Mode): Többszörözés (Multiply)/Opacity: 32% Szín: fekete

Belső árnyék (Inner Shadow)


  • Szín: fekete (#000000)
  • Keverési mód (Blend mode): Többszörözés (Multiply)
  • Opacitás (Opacity): 38%
  • Globális fényforrás (Global Light): vedd ki a pipát
  • Szög (Angle): -135
  • Távolság (Distance): 3 px
  • Alátöltés (Choke): 0 px
  • Méret (Size):5 px

Színátmenet átfedés (Gradient Overlay)




  • Szín: fehér (#ffffff ) és fehér (#ffffff)
  • Opacity: 70%
  • Rétegstílus (Stlye): Visszavert (Reflected)
  • Angel: 90

2 Szűrők hozzáadása

A realisztikus hatás eléréséhez alkalmazd a következő szűrőket a képen látható beállításokkal.

1. Textúra hozzáadása

Lépj a menüsoron a Szűrő>Szűrőgaléria>Textúrázó (Filter>Filter Gallery>Texture>Texturizer) parancsra és állítsd a következőket.

  • Textúra: Zsákvászon (Burlap)
  • Fény (Light): Felső (Top)



2. Fodrozás és Zaj hozzáadása

Válaszd a Szűrő>Torzítás>Fodrozás (Filter> Distort >Ripple...), majd a Szűrő>Zaj>Zaj hozzáadása (Filter> Noise > Add noise…) és állítsd be a következőket.


Mivel ezek Intelligens szűrök (Smart Filters), bármikor módosíthatsz a beállításokon, ha duplán kattintasz a szűrő nevére a rétegpanelen.

Most foglalkozunk az árnyékkal is. Válaszd ki a korábban létrehozott Árnyék réteget és állítsd a Kitöltést (Fill) 0%-ra.
Adj hozzá Bevésés és domborítás (Bevel and Emboss) rétegstílust. (Az utoljára használt beállítások teljesen megfelelnek, nem kell állítani semmit.)

Most így néz ki a szövegünk



3 Saját ecset létrehozása

1. Ecset elkészítése


  • Hozz létre egy új dokumentumot a Photoshop-ban, mérete legyen 27 x 5 px.
  • Töltsd ki a réteget feketével.
  • Menj a menüsoron a Szerkesztés>Ecsetkészlet megadás (Edit > Define Brush Preset) művelethez. A felugró ablakban nevezd el az ecsetet „öltés1”-nek.
  • Kattints az OK gombra.
  • Most bezárhatod az új dokumentumot mentés nélkül. Menj vissza az eredeti farmeres dokumentumba.

2.Saját ecset testreszabása

Az elkészített „öltés1”ecsetünket személyre szabjuk. Nyomd meg az "F5" gombot, ezzel megnyitod az Ecset panelt. Alkalmazd a következő beállításokat az ecsethegy alakjára és dinamikájára.

  • Méret: 10 kp
  • Szög: Angle 90◦
  • Kerekség (Roundness): 50%
  • Köz (Spacing): 87%
  • Az alakzat dinamikájánál (Shape Dynamics) a Szög vibrálásának vezérlőjét (Angle Jitter) állítsd Irány-ra (Direction).

4 Tűzött szegély létrehozása

A létrehozott ecsetet fogjuk felhasználni arra, hogy a hímzett betűket körbetűzzük.

1. lépés

  • Hozz létre egy új réteget.
  • Nevezd át Tűzött szegély rétegnek és tedd az Árnyék réteg alá. Most ezen a rétegen dolgozunk, legyen aktív.
  • A Control gombot lenyomva tartva kattints a Hímzés rétegen a Bélyegképre. Ezzel kijelölést hozunk létre a szöveg körül.
  • Válaszd a Kijelölés>Módosítás>Kibővítés (Select > Modify > Expand) műveletet és bővítsd a kijelölést 3 px-el.

2. lépés



Menj a Görbék (Paths) panelre és válaszd a Munkagörbe létrehozása (Make Work Path) a görbék panel menüjében

3. lépés



  • Válaszd ki az Ecset eszközt (Brush Tool), a szín legyen fehér #ffffff, és válaszd az „öltés1” ecsetet.
  • A Görbék (Paths) panel menüjéből válaszd a Görbe körvonalazása (Stroke Path) műveletet.
  • Kattints az OK gombra.
  • Utána töröld a munkagörbét - Görbe törlése (Delete).
Ilyen lesz az eredmény



4. lépés



Adj Vetett árnyék (Drop Shadow) rétegstílust a tűzött szegély réteghez az alábbi paraméterekkel.

  • Szín fekete (#000000)
  • Keverési mód (Blend mode): Töbszörözés (Multiply)
  • Opacitás (Opacity): 75%
  • Szög (Angle): 120
  • Globális fényforrás (Global Ligth): hagyd meg a pipát
  • Távolság (Distance): 1 px
  • Terülés (Spread): 0 px
  • Méret (Size): 0 px

4 Utolsó simítások a tűzött szegélyen

Még mindig a tűzött szegéllyel foglalkozunk. A rétegen állva konvertáld Intelligens objektummá (Convert to Smart Object).

Újabb rétegstílusokat adunk hozzá.

Bevésés és domborítás (Bevel and Emboss)

  • Rétegstílus (Style): Belső véset (Inner Bevel)
  • Technika: Simítás (Smooth)
  • Irány (Direction): Felfelé nyíl (Up)
  • Méret (Size): 5 px
  • Lágyítás (Soften): 0 px
  • Elmosás (Shading) Szög (Angle): 120
  • Globális fényforrás (Global Light): tedd ki a pipát
  • Magasság (Altitude): 30
  • Csúcsfénymód (Highlight Mode): Átfedés (Overlay)/Opacity: 21%. Szín: fehér
  • Árnyékmód (Shadow Mode): Többszörözés (Multiply)/Opacity: 72%. Szín: sötétszürke #161616

Belső árnyék (Inner Shadow)

  • Szín: sötétszürke (#161616)
  • Keverési mód (Blend mode): Többszörözés (Multiply)
  • Opacitás (Opacity): 50%
  • Globális fényforrás (Global Light): vedd ki a pipát
  • Szög (Angle): -47
  • Távolság (Distance): 0 px
  • Alátöltés (Spread): 0 px
  • Méret (Size): 0 px

Színátfedés (Color Overlay)

  • Keverési mód (Blend mode): Normal
  • Szín: #ffffff
  • Opacity: 100%

Vetett árnyék (Drop Shadow)

  • Szín: sötétszürke (#161616)
  • Keverési mód (Blend mode): Töbszörözés (Multiply)
  • Opacitás (Opacity): 75%
  • Szög (Angle): 120
  • Globális fényforrás (Global Ligth): hagyd meg a pipát
  • Távolság (Distance): 1 px
  • Terülés (Spread): 0 px
  • Méret (Size): 0 px
Megszületett a végeredmény



Most már csak a fantáziádra van szükség, hogy mit fogsz kihímezni! Íme, egy példa.

5 Ráadás 3 lépésben

Mutatunk még néhány trükköt, amivel érdekessé teheted a hátteret.

1. lépés

  • Hozz létre egy új réteget és tedd a Famer háttér fölé.
  • Töltsd ki fehérrel. (Győződj meg róla, hogy az Előtér/Háttér színek az alapértelmezett Fehér/Feketére van állítva.)
  • Válaszd a Szűrő>Rendelés>Felhők (Filter>Render>Clouds) műveletet.

2. lépés

Ezután válaszd a Szűrő>Szűrőgaléria>Ecsetvonások>Árnyékolás-t (Filter>Filtergalery>Brush strokes>Crosshatch). Állítsd be a következő paramétereket.

3. lépés

  • Állítsd át az új réteg Blend Mode-ját Lágy fényre (Soft Light).
  • Fedettséget (Opacity) vedd vissza 50%.
  • Hozzáadhatsz a réteghez egy Színátfedés (Color Overlay) rétegstílust is. Válassz bármilyen színt, azonban a Keverési módja mindenképpen Szín (Color) legyen. Így kedvedre változtathatod a hátteret.

További posztok a sorozatban: 

Új hozzászólás

CAPTCHA
Bizonyítsd be, hogy nem vagy robot!
  ____                                    _   _ 
/ ___| _ _ __ __ _ _ __ _ | | | |
\___ \ | | | | \ \ / / | | | | / _` | | | | |
___) | | |_| | \ V / | |_| | | (_| | | |_| |
|____/ \__,_| \_/ \__, | \__, | \___/
|___/ |___/
Enter the code depicted in ASCII art style.

Kocsis Kata

programtervező matematikus, webdesign oktató
Kocsis Kata, programtervező matematikus, webdesign oktató

Életem legfantasztikusabb döntése volt a sok kompromisszummal terhelt alkalmazotti lét feladása. Nagyon büszke vagyok négy éve alapított saját cégünkre, ami az én szememben életforma, hivatás, közösség és gyönyörű célok együttese. A Kreatív Webdesign Tanfolyamok nem egyszerűen online tanfolyami termékek a számomra. A szaktudáson, a tapasztalaton túl olyan értékeket is szeretnék közvetíteni, amelyek a mai társadalomban hiánycikknek számítanak. A vizuális kultúra és igényesség fejlesztése, a művészet és az alkotás becsempészése a hétköznapokba, az együttműködésben rejlő erő megtapasztalása azoknak a hallgatóknak is nagyon sokat adhat, akikből végül nem is lesz webdesigner.

Melyik témák érdekelnek a legjobban?

* kötelező mezők



Ezek a témák érdekelnek

Go to top