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

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

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

튜토리얼 준비물

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

• Museo Sans Rounded 1000 font
• SpiritsighsTexture22 by spiritsighs-stock
• WaterSplashes0119 - Small 936 x 1024
• Water Texture by Stock-by-Kai
• Water Stock II by PlutoHasCows
• 11 by darkrose42-stock
• Texture Pattern 2
• Brushed Alum Dark pattern by Tim Ward
• Free Pack 6000 photoshop gradients by Supertuts007 (CSP True Sky Gradients.grd 파일을 로드하세요)

간단한 배경 만드는 법

1 단계

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

2 단계

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

3 단계

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

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

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

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

1 단계

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

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

2 단계

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

3. 간단한 돌출 생성 방법

1 단계

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

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

2 단계

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

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

2 단계

Contour에 다음 설정을 추가

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

3 단계

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

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

2 단계

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

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

3 단계

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

• Pattern: Texture Pattern 2
• Depth: 4%

4 단계

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

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

5 단계

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

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

6 단계

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

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

7 단계

원한다면 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%

2 단계

Contour에 다음 설정을 추가.

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

3 단계

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

• Pattern: Texture Pattern 2
• Depth: 7%

4 단계

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

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

5 단계

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

7. 스틱 모양을 만드는 법

1 단계

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

2 단계

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

3 단계

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

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

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

1 단계

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

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

2 단계

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

• Pattern: Brushed Alum Dark

3 단계

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

9. 그림자 추가하는 방법

1 단계

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

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

2 단계

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

3 단계

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

4 단계

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

5 단계

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

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

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

1 단계

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

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

2 단계

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

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

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

3 단계

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

4 단계

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

5 단계

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

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

1 단계

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

2 단계

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

3 단계

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

4 단계

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

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

1 단계

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

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

2 단계

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

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

3 단계

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

4 단계

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

5 단계

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

6 단계

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

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

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

1 단계

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

2 단계

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

3 단계

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

4 단계

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

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

1 단계

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

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

2 단계

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

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

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

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

1 단계

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

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

2 단계

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

3 단계

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

4 단계

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

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

5 단계

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

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

축하합니다! 끝났습니다

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

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

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

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