Ang mga naka-embossed na naka-istilong text tutorial ay nasa lahat ng dako, ngunit ang isang ito ay perpekto para sa mga nagsisimula. Gusto mo ng talagang naka-istilong embossed text effect? Mahigit 2 buwan na ang nakalipas mula noong huling Photoshop tutorial na nai-post ko, ngunit mayroon akong magandang balita para sa iyo — I am back online with load of new stuff to show you, kaya manatiling nakatutok para sa lahat ng aming paparating na tuts!

Ngayon, magsisimula kami sa magandang text effect na ito, at gaya ng hinihiling ng karamihan sa mga mambabasa, ilalabas din namin ang PSD para sa pag-download sa halagang $1 lang. Ang PSD ay para sa mga layunin ng pag-aaral lamang; maaari mo itong isama sa isang proyekto para sa isang kliyente, ngunit hindi mo maaaring direktang ibenta muli ang file na ito.

Sapat na pakikipag-usap; Magsimula na tayo.

Embossed text effect photoshop

embossed text effect photoshop - Dinisenyo ng Naka-istilong Embossed Text na may Metallic Glow
https://loreleiwebdesign.com/wp-content/uploads/2010/01/downloadssuccess1dollar.jpg

Hakbang 1. Paghahanda ng Photoshop Canvas.

Lumikha ng bagong Photoshop file (Ctrl + N). Gumagamit kami ng 600*400 na laki dito, ngunit gaya ng dati — maaaring mas malaki ang sa iyo kung kailangan mo ito.

embossed text effect photoshop - Dinisenyo ng Naka-istilong Embossed Text na may Metallic Glow

Gamit ang tool na Paint Bucket, punan ang canvas ng dark grey-blue na kulay — #535559.

Hakbang 2. Piliin ang font.

Ako ay isang malaking tagahanga ng lahat ng mga font na ginamit at sikat noong '50s, kaya ang paborito kong font sa lahat ng oras ay malamang na "Bello." Hindi ito libre, ngunit maaari mo itong bilhin online. Pakitandaan na HINDI isasama ang font kung bibili ka ng PSD file dahil hindi kami makakapagbigay ng mga komersyal na font. Kaya, kung mayroon kang Bello font, piliin ito at i-type ang iyong salita sa isang malaking titik. 188pt ang ginamit namin dito.

embossed text effect photoshop - Dinisenyo ng Naka-istilong Embossed Text na may Metallic Glow

Hakbang 3. Pagdaragdag ng Mga Estilo ng Layer.

Habang pinili pa rin ang iyong text layer, pumunta sa Layer >> Layer Styles, at ilapat ang mga sumusunod na setting...

embossed text effect photoshop - Dinisenyo ng Naka-istilong Embossed Text na may Metallic Glow
embossed text effect photoshop - Dinisenyo ng Naka-istilong Embossed Text na may Metallic Glow

Ngayon ang texture ng background. Gagamitin namin ang pattern na ginawa namin mismo, at kung bibilhin mo ang PSD file, isasama na ito sa istilo.

embossed text effect photoshop - Dinisenyo ng Naka-istilong Embossed Text na may Metallic Glow

Panghuli, magdaragdag kami ng 1px na stroke na may gradient na overlay upang bigyan ang teksto ng mas malalim.

Watawat
embossed text effect photoshop - Dinisenyo ng Naka-istilong Embossed Text na may Metallic Glow

Nakarating na kami sa lahat ng mga estilo ng layer na inilapat nang tama. Kung ang iyong resulta ay naiiba sa nakikita mo dito, bumalik at suriin kung ang lahat ng mga setting para sa mga estilo ng layer ay nailapat nang tama; so far, technical part lang yan, so dapat wala kang problema.

embossed text effect photoshop - Dinisenyo ng Naka-istilong Embossed Text na may Metallic Glow

Hakbang 4. Pagdaragdag ng Lalim sa Canvas.

Ito ang panahon ng web 2.0, at ang pagkakaroon ng flat canvas ay maaaring makasira ng anumang epekto, gaano man ito kaganda, kaya kung gusto nating lumabas ang ating produkto, kailangan itong magkaroon ng kaunting lalim. Iyon ang dahilan kung bakit hindi kami babalik sa base canvas (kung ito ay naka-lock, i-double click ito sa layer palette, at pindutin ang OK upang i-unlock). Pumunta sa Layer >> Layer Styles, at ilapat ang mga sumusunod na setting:

embossed text effect photoshop - Dinisenyo ng Naka-istilong Embossed Text na may Metallic Glow
embossed text effect photoshop - Dinisenyo ng Naka-istilong Embossed Text na may Metallic Glow

Para sa gradient, gamitin ang mga sumusunod na kulay:
1. #667c85 bilang mapusyaw na asul
2. #475e68 bilang madilim na asul

Narito ang mayroon tayo hanggang ngayon...

embossed text effect photoshop - Dinisenyo ng Naka-istilong Embossed Text na may Metallic Glow

Hakbang 5. Pagdaragdag ng Gloss

Pindutin ang "Ctrl" at mag-click sa layer ng teksto sa iyong palette ng mga layer ng Photoshop. Maglo-load ito ng seleksyon ng teksto.

embossed text effect photoshop - Dinisenyo ng Naka-istilong Embossed Text na may Metallic Glow

Gumawa ng bagong layer sa ibabaw ng lahat ng iba pa. Gamit ang gradient tool, mula sa puti hanggang transparent, gumuhit ng linya mula sa itaas ng teksto hanggang sa ibaba. Magdaragdag ito ng banayad ngunit nakikitang gradient sa mambabasa.

Gamit ang elliptical lasso tool, gumuhit ng bilog, tulad ng makikita mo sa larawan sa ibaba:

embossed text effect photoshop - Dinisenyo ng Naka-istilong Embossed Text na may Metallic Glow

Pumunta sa Piliin ang >> Inverse upang baligtarin ang pagpili at pindutin ang "tanggalin" upang tanggalin ang natitira sa gradient. Iiwan lamang nito ang pagtakpan sa itaas na bahagi ng teksto, tulad nito:

embossed text effect photoshop - Dinisenyo ng Naka-istilong Embossed Text na may Metallic Glow

Ngayon, para bigyan ito ng kaaya-aya at natural na pagpindot, itakda ang opacity ng layer ng gloss sa "Overlay" (pakitingnan sa ibaba):

embossed text effect photoshop - Dinisenyo ng Naka-istilong Embossed Text na may Metallic Glow

Hakbang 6. Pagdaragdag ng Sparkles

Ang susunod na hakbang ay ang pagdaragdag ng matatamis na kislap sa paligid ng teksto. Bibigyan ito ng mas malalim, mapangarapin at eleganteng pakiramdam. Lumikha ng bagong layer ng Photoshop sa ibabaw ng iba pa. Gamit ang iyong Brush Tool, piliin ang 27pixel brush na may malambot na gilid, at gamit ang puting kulay, magulong ikalat ang ilang tuldok sa mga gilid ng text.

Watawat

Itakda ang fill opacity ng mga tuldok sa 70%. Lumipat mula sa "Normal" patungo sa "overlay" na mode.

TIP: ilapat lamang ang mga tuldok kung saan ang stroke ng teksto ay puti, ito ay magpapahusay sa light effect.

Sa ngayon, kung sinunod mo nang mabuti ang mga hakbang, dapat ay natanggap mo ito:

embossed text effect photoshop - Dinisenyo ng Naka-istilong Embossed Text na may Metallic Glow

Nagdagdag din kami ng ilan pang glow na may iba't ibang mga brush, ngunit siguraduhing huwag lumampas ito dahil mas mahusay na magkaroon ng mas kaunting gloss at masyadong marami nito.
Dinisenyo ng Naka-istilong Embossed Text na may Metallic Glow - Mga Tutorial sa PS Lorelei Web Design

Sana ay nasiyahan ka sa Photoshop tutorial na ito, at siguraduhin din na suriin ang aming iba pang mga Photoshop tutorial at mag-subscribe sa feed. Kung gusto mong matuto nang mas mabilis, mangyaring bilhin ang PSD file ng tutorial sa halagang $1.00 lang. Kapag nakumpleto mo ang pag-checkout, i-click ang button na “bumalik sa merchant” — awtomatikong magsisimula ang pag-download. Kung, sa anumang dahilan, hindi ka na-redirect ng download, mangyaring mag-iwan ng komento sa ibaba o mag-email sa amin, at ipapadala namin sa iyo ang file sa lalong madaling panahon. Salamat!

embossed text effect photoshop - Dinisenyo ng Naka-istilong Embossed Text na may Metallic Glow - bumili

Bersyon ng Teksto

Pinahusay na Tutorial: Paglikha ng Embossed Text na may Metallic Glow sa Photoshop

Pangkalahatang-ideya

Gagabayan ka ng tutorial na ito sa proseso ng paggawa ng naka-istilong embossed text na may metallic glow effect, perpekto para sa mga logo, heading, o digital art. Gagamitin namin ang mga estilo ng layer, gradient, at mga pagpipilian sa blending upang makamit ang isang sopistikadong hitsura.

Kinakailangan

  • Adobe Photoshop (anumang kamakailang bersyon ay gagawin)
  • Pangunahing kaalaman sa mga tool at interface ng Photoshop

Hakbang 1: Pag-set Up ng Iyong Dokumento

  1. Buksan ang Photoshop at gumawa ng bagong dokumento. Para sa paggamit sa web, sapat na ang sukat na 800×600 pixels na may 72 dpi resolution. Para sa pag-print, isaalang-alang ang isang mas mataas na resolution (hindi bababa sa 300 dpi).
  2. Punan ang background na may madilim na kulay o gradient para maging kakaiba ang metal na glow. Ang isang malalim na asul o itim ay mahusay na gumagana para sa epekto na ito.

Hakbang 2: Paglikha ng Teksto

  1. Piliin ang Text Tool (T) at i-type ang iyong nais na teksto. Pumili ng bold o makapal na font para sa pinakamahusay na embossed effect. Ang mga font tulad ng Arial Black o Impact ay mahusay na pagpipilian.
  2. Ayusin ang laki ng font para magkasya sa iyong disenyo. Para sa tutorial na ito, gumamit tayo ng laki ng font na pumupuno sa magandang bahagi ng canvas, na tinitiyak na makikita ang mga detalye ng emboss at glow effect.

Hakbang 3: Paglalapat ng Embossed Effect

  1. Sa napiling layer ng iyong teksto, pumunta sa panel ng Mga Layer at i-double click upang buksan ang dialog box ng Layer Style.
  2. Piliin ang "Bevel & Emboss" upang magdagdag ng lalim sa iyong teksto. Gamitin ang mga setting na ito para sa banayad, makatotohanang embossed na hitsura:
    • Estilo: Inner Bevel
    • Pamamaraan: Makinis
    • Lalim: 100%
    • Direksyon: Taas
    • Laki: 5 px (i-adjust batay sa laki ng iyong text)
    • Palambutin: 0 px
  3. Ayusin ang pagtatabing upang mapahusay ang pakiramdam ng metal. Itakda ang Anggulo sa 120° at Altitude sa 30°. Mag-eksperimento sa mga preset ng Gloss Contour upang makahanap ng isa na umakma sa iyong disenyo.

Hakbang 4: Pagdaragdag ng Metallic Glow

  1. Nasa dialog box pa rin ng Layer Style, piliin ang "Inner Glow" para sa banayad na panloob na ningning. Pumili ng isang mapusyaw na kulay na tumutugma sa iyong nais na hitsura ng metal (pilak, ginto, atbp.). Itakda ang Blend Mode sa Screen, Opacity sa 75%, at Sukat sa humigit-kumulang 20px.
  2. Magdagdag ng "Outer Glow" upang lumikha ng impresyon ng liwanag na sumasalamin sa metal. Pumili ng katulad na kulay gaya ng Inner Glow, itakda ang Blend Mode sa Screen, Opacity sa 50-75%, at isaayos ang Sukat para magkaroon ng malambot, maliwanag na epekto sa paligid ng iyong teksto.

Hakbang 5: Pagpino sa Metallic Texture

  1. Para sa karagdagang texture at pagiging totoo, mag-click sa "Satin" sa dialog box ng Layer Style. Nagdaragdag ito ng lalim at pagiging kumplikado sa metalikong tapusin. Gamitin ang mga setting na ito:
    • Blend Mode: Multiply
    • Opacity: 20%
    • Anggulo: 19 °
    • Distansya: 21 px
    • Laki: 27 px
  2. Paglaruan ang "Tabas" mga setting sa ilalim ng Bevel & Emboss para sa karagdagang mga texture nuances, na nagpapahusay sa embossed effect.

Hakbang 6: Mga Panghuling Pagsasaayos

  1. I-fine-tune ang pangkalahatang hitsura sa pamamagitan ng pagsasaayos ng Fill opacity ng layer sa 0%. Gagawin nitong hindi nakikita ang kulay ng teksto, na iiwan lamang ang mga istilo ng layer na makikita para sa mas malinaw na metal at embossed na epekto.
  2. Kung gusto, magdagdag ng layer ng background na may gradient o pattern na umaakma sa iyong metal na text para makumpleto ang disenyo.

Konklusyon

Nakagawa ka na ngayon ng isang piraso ng text na hindi lang lumalabas sa screen gamit ang embossed effect nito ngunit kumikinang din sa isang sopistikadong metallic glow. Ang diskarteng ito ay maaaring iakma at mabago gamit ang iba't ibang kulay, texture, at estilo ng layer upang magkasya sa iba't ibang mga proyekto sa disenyo.

Ang pag-eksperimento sa mga setting at pagsasama ng mga karagdagang elemento tulad ng mga sparkle o mga texture sa background ay maaaring higit pang i-personalize ang iyong paglikha. Ang mga estilo ng layer ng Photoshop ay isang makapangyarihang tool para sa pagbibigay buhay sa teksto, at ang pag-master sa mga ito ay maaaring makabuluhang mapahusay ang iyong mga kakayahan sa disenyo.

Watawat