1. Design & Illustration
  2. Text Effects

Paano Lumikha ang Cartoon Gradient Text Effect sa Adobe Photoshop

Scroll to top
Read Time: 4 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Sa tutorial na ito gusto kong ipakita sa iyo kung paano lumikha ng isang fairytale text na epekto sa Adobe Photoshop. Kung nais mong makuha ang huling resulta nang walang anumang pagsisikap, maaari kang bumili nito sa GraphicRiver.

Ang pack na ito ay may kasamang iba't-ibang mga epekto ng teksto at gumagana sa mga hugis at teksto.

Photoshop Text Styles 01Photoshop Text Styles 01Photoshop Text Styles 01
Photoshop Text Styles

Ang mga Tutoryal na Asset

Ang mga sumusunod na asset ay gagamitin sa panahon ng tutorial na ito:

Bago mo simulan ang paglikha ng tekstong ito na epekto, i-download at i-install ang mga font.

1. Paano Lumikha ng Layer na mga Estilo

Hakbang 1

Buksan ang Photoshop, at pumunta sa File > New para lumikha ng isang bagong dokumento.

Creating a New DocumentCreating a New DocumentCreating a New Document

Hakbang 2

Punan ang dokumento gamit #282828 kulay. Piliin ang Uri ng Tool (T) na may mga setting na ito:

  • Font: Mahusay na vibes
  • Font Size: 127 pt
  • Kulay: puti 
  • Ang pagsubaybay para sa ang mga character na seleksyon: -25
Text ToolText ToolText Tool

Hakbang 3

Isulat ang "Fairy" (ang unang titik ay dapat na capital) at ilagay ito sa gitna ng Photoshop dokumento (pindutin ang Control-A upang piliin ang mga dokumento, at pagkatapos ay kunin ang Move Tool (V) at i-click ang Pantayin Vertical Center at Align Pahalang Center).

Text AlignText AlignText Align

Hakbang 4

I-double-click ang text layer na mag-aplay ang mga sumusunod na style layer.

Magdagdag ng isang Stroke sa mga pagtatakdang:

  • Size: 7 px
  • Posisyon: Sa labas
  • Blend Mode: Normal
  • Opacity: 100%
  • Uri ng Pagpunan: Kulay
  • Kulay: #ff0084
Layer 1 - StrokeLayer 1 - StrokeLayer 1 - Stroke

Pagkatapos i-click ang OK upang i-save ang mga pagbabago.

Hakbang 5

Piliin ang Fairy layer, pumunta sa Layer > Duplicate Layer, at pangalanan ang layer ng "Gitnang". I-click ang OK upang lumikha ng layer.  Piliin ang Move Tool (V) at ilipat ito up at kaliwa sa ng 7 px. Pumunta sa Layer > Layer Style > I-clear Layer Estilo upang linisin ang mga estilo ng layer. Baguhin ang kulay ng # c6c6c6.

Creating a New LayerCreating a New LayerCreating a New Layer

Hakbang 6

Pagkatapos ay i-double click ang iyong mouse sa teksto layer upang buksan ang Layer Style window.

Magdagdag ng isang Stroke sa mga pagtatakdang:

  • Size: 4 px
  • Posisyon: Sa labas
  • Blend Mode: Normal
  • Opacity: 100%
  • Uri ng Pagpunan: Kulay
  • Kulay#8c054a
Layer 2 - StrokeLayer 2 - StrokeLayer 2 - Stroke

Hakbang 7

Ngayon magdagdag ng isang Inner Glow:

  • Blend Mode: Overlay
  • Opacity: 50%
  • Ingay: 0%
  • Kulay: #ffffff
  • Diskarte: Softer
  • Source: Edge
  • Choke: 100%
  • Size: 4 px
  • Contour: Linear
  • Alisan ng tsek ang Anti-alias 
  • Saklaw: 100%
  • Jitter: 0%
Layer 2 - Inner GlowLayer 2 - Inner GlowLayer 2 - Inner Glow

Hakbang 8

Magdagdag ng isang Gradient Overlay sa mga pagtatakdang:

  • Blend Mode: Normal
  • Opacity: 100%
  • Gradient: mula #f6b6ce hanggang #e35b9b
  • Style: Masasalamin
  • Anggulo: 90°
  • Scale: 46%
  • I-uncheck Reverse at pagkataranta
  • I-check ang Align sa Layer
Layer 2 - Gradient OverlayLayer 2 - Gradient OverlayLayer 2 - Gradient Overlay

Hakbang 9

Magdagdag ng isang Drop Shadow sa mga pagtatakdang:

  • Blending Mode: Normal
  • Piliin ang mga kulay #840048
  • Opacity: 100%
  • Alisan ng tsek ang Paggamit Global Light box bago itakda ang Anggulo: 135°
  • Distance: 10 px
  • Spread: 100%
  • Size: 0 px
  • Contour: Linear
  • I-uncheck Anti-aliased
  • Ingay: 0%
  • Check Layer Knocks Out Drop Shadow
Layer 2 - Drop ShadowLayer 2 - Drop ShadowLayer 2 - Drop Shadow

I-clickang OK upang i-save ang mga pagbabago.

Hakbang 10

Piliin ang Middle layer at doblehin ito. I-double-click ang pangalan at baguhin ito ng "Front". Pindutin ang Enter upang ilapat ang mga setting. Piliin ang Move Tool (V) at iakyat ng 5 px at kaliwa ng 1 px. Pumunta sa Layer> Layer Style> I-clear Layer Estilo upang linisin ang mga estilo ng layer.

Creating a New LayerCreating a New LayerCreating a New Layer

Hakbang 11

Tiyakin na ang Front layer ay nakapili. I-double-click gamit ang iyong mouse sa layer para mag-aplay ang mga sumusunod na style layer. Itakda ang Fill Opacity sa 0%.

Layer 3 - Blending OptionsLayer 3 - Blending OptionsLayer 3 - Blending Options

Hakbang 12

Magdagdag ng isang Stroke:

  • Size: 7 px
  • Posisyon: Sa loob
  • Blend Mode: Normal
  • Opacity: 0%
  • Punan Uri: Kulay
  • Kulay #000000
Layer 3 - StrokeLayer 3 - StrokeLayer 3 - Stroke

Hakbang 13

Magdagdag ng isang Color Overlay sa mga pagtatakdang:

  • Blend Mode: Normal
  • Kulay: #ffffff
  • Opacity: 40%
Layer 3 - Color OverlayLayer 3 - Color OverlayLayer 3 - Color Overlay

Pagkatapos i-clickang OK upang i-save ang mga pagbabago.

Hakbang 14

Piliin ang layers Fairy, Middle at Front, pumunta sa Layer > Pagsamahin Layer (o pindutin ang Control-E) upang pagsamahin ang mga ito sa isa.

Merging the LayersMerging the LayersMerging the Layers

Hakbang 15

I-double-click ang text layer para mag-aplay ang mga sumusunod na style layer.

Magdagdag ng isang Stroke:

  • Size: 10 px
  • Position: Sa labas
  • Blend Mode: Normal
  • Opacity: 100%
  • Punan Uri: Kulay
  • Kulay: #000000
Merged Layer - StrokeMerged Layer - StrokeMerged Layer - Stroke

Hakbang 16

Ngayon magdagdag ng isang Outer Glow:

  • Blend Mode: Normal
  • Opacity: 100%
  • Ingay: 0%
  • Kulay: #ffffff
  • Diskarte: Softer
  • Choke: 100%
  • Size: 14 px
  • Contour: Linear
  • I-uncheck Anti-aliased
  • Saklaw: 100%
  • Jitter: 0%
Merged Layer - Outer GlowMerged Layer - Outer GlowMerged Layer - Outer Glow

Hakbang 17

Magdagdag ng isang Drop Shadow sa mga pagtatakdang:

  • Blending Mode: Normal
  • Piliin ang mga kulay #000000
  • Opacity: 30%
  • Alisan ng tsek ang Paggamit Global Light box bago itakda ang Anggulo: 135°
  • Distance: 35 px
  • Spread: 0%
  • Size: 0 px
  • Contour: Linear
  • I-uncheck Anti-aliased
  • Ingay: 0%
  • Check Layer Knocks Out Drop Shadow
Merged Layer - Drop ShadowMerged Layer - Drop ShadowMerged Layer - Drop Shadow

I-clickang OK upang i-save ang mga pagbabago.

Binabati kita, Ikaw ay Tapos na!

Sa tutorial na ito, natutuhan kung paano lumikha ng isang piraso ng fairytale text. Sana ay magustuhan mo. Huwag kalimutan upang ibahagi ang iyong mga resulta sa amin.

Final ResultFinal ResultFinal Result

Ito text effect kami ay may lamang na nilikha ay isang bahagi ng aking istilo ng teksto pack sa GraphicRiver.

Photoshop Text Styles 01Photoshop Text Styles 01Photoshop Text Styles 01
Photoshop Text Styles
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads