Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

어도비 포토샵에서 롤리팝에 영감을 얻은 텍스트 효과를 만드는 법

by
Difficulty:IntermediateLength:MediumLanguages:

Korean (한국어) translation by h1ghqlty. (you can also view the original English article)

Final product image
What You'll Be Creating

이 튜토리얼은 현실감있는 롤리팝 텍스트 효과를 만들기 위해 여러 가지 레이어 스타일, 텍스처 및 필터와 함께 몇 가지 텍스트 및 모양 레이어를 사용하는 방법을 보여줍니다. 시작합시다!

이 텍스트 효과는 GraphicRiver에서 사용할 수있는 많은 레이어 스타일에서 영감을 얻었습니다.

튜토리얼 준비물

이 튜토리얼을 제작하는 동안 다음 준비물이 사용 되었습니다.

간단한 배경 만드는 법

1 단계

1000 x 750px 문서를 만듭니다. 그런 다음 레이어 패널의 아래쪽에있는 새 채우기 또는 조정 레이어 만들기 아이콘을 클릭하고 그래디언트를 선택합니다.

Gradient Adjustment Layer

2 단계

왼쪽에 #deeff0 오른쪽에 #167e75 색상을 사용하여 그래디언트 채우기를 만듭니다. 스타일Radial로 변경하고 Scale200으로 변경하고 Dither 상자를 선택하십시오. 원하는 경우 문서에서 그래디언트를 클릭-드래그하여 이동할 수도 있습니다.

Gradient Fill Settings

3 단계

SpiritsighsTexture22 이미지를 백그라운드 레이어 위에 놓고 레이어를 BG Texture로 이름을 바꾸고 편집> 변형 > 시계 반대 방향으로 90 ° 회전으로 이동하십시오.

Image > Adjustments > Desaturate로 이동 한 다음 BG Texture 레이어의 혼합 모드Color Burn으로 변경하고 불투명도5%로 변경합니다.

그런 다음 필요에 따라 텍스처의 크기를 조정하십시오. 배경에 원하는 텍스처의 양에 따라 불투명도 값을 변경할 수 있습니다.

Add the Background Texture

2. 텍스트 레이어 만드는 법

1 단계

Museo Sans Rounded 1000 글꼴을 사용하여 대문자로 텍스트를 만듭니다.

색상#ff0000 (또는 원하는 다른 색상)으로, 크기250pt로, Tracking100으로 설정하십시오.

Create the Text

2 단계

텍스트 레이어를 복제하고 복사본의 채우기 값을 0으로 변경합니다.

Duplicate the Text Layer

3. 간단한 돌출 생성 방법

1 단계

원본 텍스트 레이어를 복제하고 복사본을 원본 아래로 드래그합니다.

이동 도구를 선택한 다음 왼쪽 화살표 키와 아래쪽 화살표 키를 한 번 눌러 복사 레이어를 해당 방향으로 1px 씩 이동합니다.

Nudge the Text Layer

2 단계

뾰족한 레이어를 복제하고 그 아래에 복사본을 놓은 다음 같은 방향으로 복사본을 1px 이동합니다. 두 개의 뾰족한 레이어를 그룹에 배치하고 Extrusion이라고 부릅니다.

The Extrusion Group

4. 간단한 반투명 스타일을 만드는 법

원본 텍스트 레이어를 두 번 클릭하여 다음 레이어 스타일을 적용합니다.

1 단계

Bevel and Emboss에 다음 설정을 추가

  • Size: 3
  • Use Global Light 박스 체크해제
  • Angle: -175
  • Altitude: 26
  • Gloss Contour: Guassian - Inverse
  • Anti-aliased 박스 체크
  • Highlight Mode: Vivid Light
    • Shadow Mode: Color Burn
      Bevel and Emboss

      2 단계

      Contour에 다음 설정을 추가

      • Contour: Rolling Slope - Descending
      • Anti-aliased 박스 체크
      • Range: 100%
      Contour

      3 단계

      원본 텍스트 레이어의 채우기 값을 50%로 변경하십시오. 옆에 있는 눈 모양 아이콘을 클릭하여 Extrusion 그룹을 숨겨서 결과를 볼 수 있습니다.

      Change the Fill Value

      5. 질감 있는 반투명 레이어 스타일을 만드는 방법

      복사 텍스트 레이어를 두 번 클릭하여 다음 레이어 스타일을 적용합니다.

      1 단계

      Bevel and Emboss에 다음 설정을 추가합니다.

      • Size: 8
      • Use Global Light 박스 체크해제
      • Angle: 126
      • Altitude: 42
      • Gloss Contour: Cove - Deep
      • Anti-aliased 박스 체크
      • Highlight Mode: Vivid Light
        • Color: #b6b6b6
        • Opacity: 100%
      • Shadow Mode: Color Burn
        • Color: #010101
      Bevel and Emboss

      2 단계

      Contour에 다음 설정을 추가합니다.

      • Contour: Cove - Shallow
      • Anti-aliased 박스 체크
      • Range: 44%
      Contour

      3 단계

      Texture에 다음 설정을 추가합니다.

      • Pattern: Texture Pattern 2
      • Depth: 4%
      Texture

      4 단계

      Inner Shadow에 다음 설정을 추가합니다.

      • Opacity: 15%
      • Use Global Light 박스 체크해제
      • Angle: 140
      • Distance: 6
      • Choke: 6
      • Size: 32
      • Contour: Cove - Deep
      Inner Shadow

      5 단계

      Inner Glow에 다음 설정을 추가합니다.

      • Blend Mode: Vivid Light
      • Opacity: 5%
      • Color: #d1d1d1
      • Size: 55
      Inner Glow

      6 단계

      Gradient Overlay에 다음 설정을 추가합니다.

      • Blend Mode: Soft Light
      • Opacity: 35%
      • Black to White gradient 채우기 사용
      Gradient Overlay

      7 단계

      원한다면 Texture 효과로 돌아가서 클릭-드래그하여 원하는 패턴으로 이동합니다.

      Move the Texture

      6. 반투명 돌출 스타일을 지정하는 방법

      Extrusion 그룹을 두 번 클릭하여 다음 레이어 스타일을 적용합니다.

      1 단계

      Bevel and Emboss에 다음 설정을 추가합니다.

      • Size: 10
      • Use Global Light 박스 체크해제
      • Angle: 6
      • Altitude: 37
      • Gloss Contour: Rounded Steps
      • Anti-aliased 박스 체크
      • Shadow Mode: Color Burn
        • Color: #8b8b8b
        • Opacity: 10%
      Bevel and Emboss

      2 단계

      Contour에 다음 설정을 추가.

      • Contour: Gaussian
      • Anti-aliased 박스 체크
      • Range: 100%
      Contour

      3 단계

      Texture에 다음 설정을 추가합니다.

      • Pattern: Texture Pattern 2
      • Depth: 7%
      Texture

      4 단계

      Inner Shadow에 다음 설정을 추가합니다.

      • Opacity: 35%
      • Use Global Light 박스 체크해제
      • Angle: 141
      • Distance: 9
      • Choke: 6
      • Size: 18
      • Contour: Rolling Slope - Descending
      Inner Shadow

      5 단계

      Extrusion 그룹의 채우기 값을 38%로 변경하십시오.

      Change the Fill Value

      7. 스틱 모양을 만드는 법

      1 단계

      사각형 도구를 선택한 다음 Extrusion 레이어의 맨 위에있는 첫 번째 글자에 막대 모양을 만듭니다.

      Create a Stick Shape

      2 단계

      타원형 도구를 선택하고 한쪽의 막대 끝에 대한 타원을 만든 다음 막대의 다른쪽에 대한 타원을 복제하십시오.

      Create the Sticks Tips

      3 단계

      모든 스틱 모양 레이어를 선택한 다음 레이어 > 세이프 병합으로 이동하고 모양 레이어의 이름을 Stick으로 변경하고 글자에 이름을 추가하여 정리하십시오.

      Merge Shapes

      8. 막대 모양 스타일링 하는 방법

      스틱 모양 레이어를 두 번 클릭하여 다음 레이어 스타일을 적용합니다.

      1 단계

      Gradient Overlay에 다음 설정을 추가합니다.

      • Opacity: 77%
      • Style: Reflected
      • Angle: 0
      • Scale: 150%
      • 왼쪽에 #ffffff 오른쪽에 #d8d8d7 색상을 사용하여 그래디언트를 만듭니다.
      Gradient Overlay

      2 단계

      Pattern Overlay에 다음 설정을 추가합니다.

      • Pattern: Brushed Alum Dark
      Pattern Overlay

      3 단계

      스타일이 지정된 Stick 레이어를 복제하여 각 문자에 하나씩 추가하고, 복사 레이어의 이름을 바꾸고, Stick 그룹에 그룹화합니다.

      Create the Sticks Group

      9. 그림자 추가하는 방법

      1 단계

      Elliptical Marquee Tool을 사용하여 스틱이 첫 번째 글자를 만나는 지점에 작은 타원을 만듭니다.

      새 레이어를 만들고 Shadow라고 부르고 글자에 이름을 추가한 다음 Black으로 채웁니다.

      Create the Shadow Fill

      2 단계

      선택을 취소하려면 Command-D를 누르고 필터 > 블러 > 가우시안 블러로 이동하여 그림자를 부드럽게 하려는 정도에 따라 반지름3 또는 다른 값으로 설정하십시오.

      Gaussian Blur

      3 단계

      그런 다음 레이어의 불투명도를 변경하고 원하는 결과가 나올 때까지 그림자를 변형 할 수 있습니다.

      Adjust the Shadow

      4 단계

      Shadow 레이어를 복제하여 가지고 있는 다른 글자에 추가하고 복사 레이어 이름을 바꿉니다.

      Duplicate the Shadow Layer

      5 단계

      동일한 단계를 반복하여 각 글자 아래에 그림자를 만듭니다.

      색상 #454545를 사용하고 레이어의 혼합 모드를 Color Burn으로 불투명도를 7%로 변경합니다.

      Create a Drop Shadow

      10. 거품 텍스처링을 추가하는 방법

      1 단계

      Sticks 그룹 위에 WaterSplashes0119 텍스처를 놓고 첫 번째 문자의 이름으로 레이어의 이름을 Bubbles로 바꾸고 혼합 모드Linear Burn불투명도70%로 변경하십시오.

      원하는 크기의 텍스처로 버블 크기를 조정하십시오.

      Add the Bubbles Texture

      2 단계

      레벨 조정 레이어를 추가하고 보유하고있는 Bubbles 레이어에 클립합니다.

      Sample in image to set white point 아이콘을 클릭한 다음 약간 더 어두운 영역을 클릭하여 텍스처를 밝게하십시오.

      원하는 결과를 얻을 때까지 다른 영역을 클릭 할 수 있습니다.

      Brighten the Texture

      3 단계

      Command-클릭하고 텍스트 레이어의 섬네일을 클릭하여 선택 영역을 만듭니다.

      Create a Selection

      4 단계

      Rectangular Marquee Tool을 선택한 다음 Shift-Option키를 누른 채로 교차하여 사용자가 가지고있는 첫 글자 주위에 직사각형을 만듭니다.

      Intersect the Selections

      5 단계

      Bubbles 레이어를 선택한 상태에서 레이어 패널 아래쪽의 레이어 마스크 추가 아이콘을 클릭합니다.

      Add a Layer Mask

      11. 마스크 내부의 텍스처를 편집하는 방법

      1 단계

      레이어와 마스크 축소판 사이의 링크 아이콘을 클릭하여 링크를 해제합니다.

      Unlink the Layer and the Mask

      2 단계

      레이어의 섬네일이 선택되어 있는지 확인하고 이동 도구를 사용하여 레이어 마스크 안의 텍스처를 이동합니다. 이때 첫 번째 문자 안의 버블 배치가 마음에 들때까지 이동하십시오

      Move the Bubbles

      3 단계

      브러시 도구를 선택하고 전경색을 Black으로 설정하고 Bubbles 레이어 마스크의 섬네일을 선택하고 soft round tip을 사용하여 텍스처의 불필요한 부분을 페인트하고 마스크합니다.

      Mask Unwanted Areas

      4 단계

      다른 글자에 대해서도 반복하고 BubblesLevels 레이어를 Bubbles그룹에 배치하십시오.

      Create a Bubbles Group

      12. 텍스처 오버레이 추가 방법

      1 단계

      Water Texture 이미지를 모든 레이어 위에 배치하고 레이어를 Texture Overlay 1로 이름을 바꾸고 필요에 따라 크기를 조정합니다.

      Image > Adjustments > Desaturate로 이동합니다.

      Add the First Texture Overlay

      2 단계

      Command 키를 누른 상태에서 원본 텍스트 레이어의 섬네일을 클릭하여 선택 영역을 만듭니다.

      그런 다음 Shift-Command 키를 누른 상태에서 각 Extrusion 텍스트 레이어의 섬네일을 클릭하여 선택 항목에 추가합니다.

      Create a Selection

      3 단계

      Texture Overlay 1 레이어에 레이어 마스크를 추가합니다.

      Add a Layer Mask

      4 단계

      Texture Overlay 1 레이어의 혼합 모드를 Soft Light 및 불투명도80%로 변경하십시오.

      Adjust the Texture Overlay

      5 단계

      모든 레이어 위에 Water Stock II 텍스처를 추가하고, 필요에 따라 크기를 조정하고, 레이어를 Texture Overlay 2로 이름을 바꾸고, Command-I을 눌러 색상을 바꿉니다.

      Add the Second Texture Overlay

      6 단계

      Option 키를 누른 채Texture Overlay 1 레이어 마스크를 클릭하여 Texture Overlay 2 레이어로 클릭-드래그합니다.

      Texture Overlay 2 레이어의 혼합 모드를 Soft Light 및 불투명도25%로 변경하십시오.

      Adjust the Texture Overlay

      13. 긁힌 자국을 수정하는 방법

      1 단계

      포토샵에서 11텍스처 이미지를 연 다음 Filter > Distort > Polar Coordinates로 이동하여 Rectangular to Polar 옵션을 사용하십시오.

      Polar Coordinates Filter

      2 단계

      Command-A를 누른 다음 Command-C를 눌러 이미지를 복사하십시오.

      Copy the Image

      3 단계

      원본 문서로 돌아가서 Command-V를 눌러 이미지를 붙여 넣습니다. 레이어의 이름을 첫 번째 글자의 이름으로 Scratches로 바꿉니다.

      Create the Scratches Layer

      4 단계

      Scratches 레이어에는 동일한 Texture Overlay 마스크를 사용하고 링크를 해제하십시오.

      Apply the Layer Mask

      14. 긁힌 자국을 입히는 방법

      1 단계

      Scratches 레이어를 복제하여 갖고있는 각 글자의 사본을 만들고 사본 이름을 변경하여 글자의 이름을 추가하십시오

      그런 다음 각 문자에 대해 Scratches 레이어를 선택한 다음 Rectangular Marquee Tool를 사용하여 다른 문자를 선택하고 마스크를 Black으로 채워 숨깁니다.

      Adjust the Layer Masks

      2 단계

      원의 중심이 글자의 중심에 오도록 각 텍스처를 이동하고 원하는 경우 크기를 조정하십시오.

      그런 다음 Scratches 레이어의 혼합 모드를 Linear Burn으로 변경하고 불투명도 값을 25%로 변경하십시오.

      작업이 끝나면 모든 Scratches 레이어를 Scratches 그룹에 추가하십시오.

      Create a Scratches Group

      15. 필터를 적용하고 최종 색상을 조정하는 방법

      1 단계

      모든 레이어 위에 새 레이어를 만들고 Shift-Option-Command-E 키를 눌러 스탬프를 만듭니다.

      스탬프 레이어의 이름을 High Pass로 변경 한 다음 마우스 오른쪽 버튼으로 클릭하고 스마트 오브젝트로 변환을 선택합니다.

      Convert to a Smart Object

      2 단계

      Filter > Other > High Pass으로 이동하여 Radius1로 변경하십시오.

      High Pass Filter

      3 단계

      High Pass 레이어의 혼합 모드를 Soft Light로 변경합니다.

      Blend Mode

      4 단계

      전경색배경색을 BlackWhite로 설정 한 다음 필터 > 노이즈 > 노이즈 추가로 이동하십시오.

      Amount1.35로 변경하고 Distribution가우시안으로 변경 한 다음 Monochromatic 박스에 체크하십시오.

      Add Noise Filter

      5 단계

      마지막으로 모든 레이어 상단에 그래디언트 맵 조정 레이어를 추가합니다.

      아래의 그래디언트 채우기를 사용한 다음 Dither 박스에 체크하고 레이어의 혼합 모드를 Soft Light로 변경하십시오.

      Gradient Map

      축하합니다! 끝났습니다

      이 튜토리얼에서는 그라데이션 채우기와 텍스처를 사용하여 간단한 배경을 만들었습니다.

      그런 다음 텍스트 및 돌출 레이어를 만들고 스타일을 지정하여 롤리팝 효과를 구현했습니다. 그 후 모양과 선택을 사용하여 막대기와 그림자를 만들고 레이어 스타일과 필터를 사용하여 스타일이 적용된 텍스트에 추가했습니다.

      마지막으로, 텍스처와 필터를 사용하여 효과에 대한 세부 정보를 추가하고 더욱 사실적으로 보이게 했습니다.

      의견, 제안 및 결과를 아래에 자유롭게 남겨주십시오.

      Final Result
      Advertisement
      Advertisement
      Advertisement
      Advertisement
      Looking for something to help kick start your next project?
      Envato Market has a range of items for sale to help get you started.