본문 바로가기
디자인/디자인자습서

텍스트 수채화 효과 만드는 방법

by 코코리★ 2018. 4. 18.
728x90

배경 만들기

1 단계

새 960x720 px 문서를 만들고 파일> 배치된 장소로 이동하여 용지 텍스처 디자인.eps 파일을 엽니다.

필요에 따라 이미지의 크기를 조정하여 문서를 채운 다음 Return 키를 누릅니다.

Create the background

Step 1

Create a new 960x720 px document, and go to File > Place Linked to open the Paper texture design .eps file.

Resize the image as needed to fill the document, then hit the Return key.

2 단계

Cmd + L을 눌러 레벨 상자를 표시하고 감마 값을 1.50으로 변경하십시오.

Step 2

Press Cmd + L to get the Levels box, and change the Gamma value to 1,50.

3 단계

Cmd + U를 눌러 색조 / 채도 상자를 표시하고 채도 값을 -80으로 변경하십시오.

Step 3

Press Cmd + U to get the Hue/Saturation box, and change the Saturation value to -80.

텍스트 만들기

1 단계

글꼴 Hensa 를 사용하여 텍스트를 만들고 크기를 200pt로 설정합니다.

Create the text

Step 1

Create the text in using the font Hensa, and set the Size to 200 pt.

2 단계

Cmd + 텍스트 레이어의 축소판을 클릭하여 선택 영역을 만듭니다.

Step 2

Cmd + Click the text layer's thumbnail to create a selection.

3 단계

텍스트 레이어 옆의 눈 모양 아이콘을 클릭하여 텍스트 레이어를 숨깁니다. 그런 다음 새 그룹을 만들어 텍스트라고 부릅니다.

Step 3

Hide the text layer by clicking the eye icon next to it. Then, create a new group and call it Text.

4 단계

레이어 패널의 아래쪽에 있는 레이어 마스크 추가 아이콘을 클릭하여 그룹에 마스크를 적용합니다.

tep 4

Click the Add layer mask icon at the bottom of the Layers panel to mask the group.

수채화 텍스처 추가

1 단계

파일> 연결 한 장소로 다시 이동하십시오. 이번에는 화려한 수채화 얼룩 .eps 파일이 있는 예술적 배경을 추가하십시오.

텍스처를 텍스트 그룹 안에 배치하고 레이어의 이름을 텍스트 색상으로 바꾸고 블렌드 모드를 선형 굽기로 ​​변경하십시오.

원하는 결과를 얻을 때까지 텍스트 내부의 텍스처 크기를 조정하고 이동합니다.

Add the watercolor texture

Step 1

Go to File > Place Linked again, but this time, add the Artistic background with colorful watercolor stains .eps file.

Place the texture inside the Text group, rename its layer to Text Color, and change its Blend Mode to Linear Burn.

Resize and move the texture inside the text until you get a result you like.

2 단계

텍스트 색상 레이어를 복제하고 사본의 이름을 바깥 획 (Outer Stroke)으로 바꾼 다음 텍스트 그룹 밖으로 드래그합니다.

Step 2

Duplicate the Text Color layer, rename the copy to Outer Stroke, and drag it outside the Text group.

3 단계

Cmd + U를 누르고 채도 값을 -100으로 변경하십시오.

Step 3

Press Cmd + U and change the Saturation value to -100.

4 단계

Option 키를 누른 채 레이어 마스크 추가 아이콘을 클릭하여 바깥쪽 선을 지우는 마스크를 추가합니다.

Step 4

Press-hold the Option key, and click the Add layer mask icon to add an inverted mask that hides the Outer Stroke layer's contents.

텍스처의 색상 변경

1 단계

텍스트 색상 레이어를 선택하고 Cmd + U를 누른 다음 색조 값으로 재생하면 원하는 경우 텍스처의 색상을 변경할 수 있습니다.

Change the texture's coloring

Step 1

Select the Text Color layer, press Cmd + U, and play around with the Hue value to change the texture's coloring if you like.

2 단계

텍스트 색상 레이어 위에 새 레이어를 만들고 색상을 호출한 다음 블렌드 모드를 색상으로 변경합니다.

Step 2

Create a new layer on top of the Text Color layer, call it Colors, and change its Blend Mode to Color.

3 단계

부드럽고 큰 둥근 끝으로 브러시 도구를 선택하고 전경 색을 텍스트에 추가할 모든 생생한 색상으로 설정한 다음 색상을 추가할 영역 위에 페인트 합니다.

원하는 만큼의 색상을 추가하고 원하는 결과를 얻을 때까지 다른 색상 값을 시도할 수 있습니다.

Step 3

Pick the Brush Tool, with a soft big round tip, and set the Foreground Color to any vibrant colors you want to add to the text, then paint over the areas where you want to add the colors.

You can add as many colors as you like, and try different color values until you achieve the desired result.

4 단계

[레이어] 패널의 아래쪽에 있는 [새 채우기 또는 조정 레이어 만들기] 아이콘을 클릭하고 [사진 필터]를 선택한 다음 [색상] 레이어 위에 레이어를 추가해야 합니다.

필터 목록에서 온난화 필터 (85)를 선택하고 밀도를 10%로 변경하십시오. 이렇게 하면 텍스트에 아주 미묘한 온난화 효과가 추가됩니다.

Step 4

Click the Create new fill or adjustment layer icon at the bottom of the Layers panel, choose Photo Filter, and make sure to add the layer on top of the Colors layer.

Choose Warming Filter (85) from the Filter list, and change the Density to 10%. This will add a very subtle warming effect to the text.

텍스트 획 브러시 만들기

1 단계

브러시 도구를 선택하고 브러시 패널을 엽니다.

부드러운 둥근 끝을 선택하고 젖은 모서리 상자를 선택한 다음다음 설정을 사용하십시오.

  • 브러쉬 선 모양
  • Create the text stroke brush

    Step 1

    Pick the Brush Tool and open the Brush panel.

    Choose a soft round tip, check the Wet Edges box, and use these settings:

    • Brush Tip Shape

  • 모양 역학
  • Shape Dynamics

  • 이중 브러시
  • Dual Brush

Spatter 46 픽셀 팁 사용

Use the Spatter 46 pixels tip


2 단계

브러쉬 패널의 오른쪽 아래에 있는 새 브러쉬 만들기 아이콘을 클릭하고 이름에 텍스트 획을 입력합니다.

Step 2

Click the Create new brush icon at the bottom right corner of the Brush panel, and type Text Stroke for the Name.

바깥 쪽 선 브러시 만들기

1 단계

부드러운 둥근 끝을 선택하고 젖은 모서리 상자의 선택을 취소하고 다음 설정을 사용합니다.

  • 브러쉬 선 모양
  • Create the outer stroke brush

    Step 1

    Choose a soft round tip, un-check the Wet Edges box, and use these settings:

    • Brush Tip Shape

  • 모양 역학 Shape Dynamics

  • 스케터링 Scattering

  • 이중 브러시 Dual Brush

샘플 팁 팁 사용 Use the Sampled Tip tip


2 단계

Outer Stroke라는 이름으로 새 브러시를 새로 만듭니다.

Step 2

Create another new brush with the name Outer Stroke.

작업 경로 만들기

1 단계

텍스트 레이어를 마우스 오른쪽 단추로 클릭하고 작업 경로 만들기를 선택합니다.

Create the work path

Step 1

Right click the text layer and choose Create Work Path.

2 단계

직접 선택 도구 (A) 를 선택하고 옵션 막대에서 경로 작업 아이콘을 클릭 한 다음 모양 구성 요소 병합을 선택합니다.

Step 2

Pick the Direct Selection Tool (A), click the Path operations icon in the Options bar, and choose Merge Shape Components.

저장된 브러시 팁으로 작업 경로에 스트로크하기

1 단계

브러쉬 도구를 선택하고 텍스트 획 팁을 선택하고 전경 색을 흰색으로 설정하고 텍스트 그룹 마스크 축소판을 선택하십시오.

Return 키를 한 번 눌러 선택한 브러시 끝으로 패스를 선을 그립니다.

Stroke the work path with the saved brush tips

Step 1

Pick the Brush Tool, choose the Text Stroke tip, set the Foreground Color to White, and select the Text group mask's thumbnail.

Hit the Return key once to stroke the path with the selected brush tip.

2 단계

바깥쪽 선 브러쉬 끝을 선택하고 바깥쪽 선 영역 마스크의 축소판을 선택한 다음 Enter 키를 다시 눌러 패스를 선을 그립니다.

A 키를 누른 다음 Return 키를 한 번 더 눌러 작업 경로를 없앱니다.

Step 2

Choose the Outer Stroke brush tip, select the Outer Stroke layer mask's thumbnail, and hit the Return key again to stroke the path.

Press A then hit the Return key one more time to get rid of the work path.

3 단계

바깥 선 획 레이어의 불투명도를 약 5%로 낮춥니다.

Step 3

Lower the Outer Stroke layer's Opacity to a value around 5%.

텍스트의 가장자리 스타일 지정 및 비 네트 추가

1 단계

텍스트 그룹을 두 번 클릭하여 다음 설정으로 내부 그림자 효과를 적용합니다.

  • 블렌드 모드 : 컬러 번
  • 색상 : # 050505
  • 불투명도 : 100%
  • 거리 : 0 px
  • 크기 : 15 px
  • Style the text's edges and add vignette

    Step 1

    Double-click the Text group to apply an Inner Shadow effect with these settings:

    • Blend Mode: Color Burn
    • Color: #050505
    • Opacity: 100%
    • Distance: 0 px
    • Size: 15 px

이렇게 하면 텍스트의 가장자리에 스타일이 적용됩니다.

This will style the text's edges.

2 단계

[레이어] 패널의 아래쪽에 있는 [새 채우기 또는 조절 레이어 만들기] 아이콘을 클릭하고 [그라디언트]를 선택합니다.

왼쪽에 # 848284, 오른쪽에 # 2d2c2b 색상을 사용하여 [채우기 색상 투명한 색상] 그라디언트를 만듭니다.

스타일을 Radial로 변경하고 Scale을 200%로 변경하고 Dither 상자를 선택하십시오.

마지막으로, 그라데이션 레이어의 혼합 모드를 소프트 라이트로 변경하고 불투명도를 50%로 변경하십시오.

Step 2

Click the Create new fill or adjustment layer icon at the bottom of the Layers panel, and choose Gradient.

Create a Transparent to Fill Color gradient using the colors #848284 to the left and #2d2c2b to the right.

Change the Style to Radial, the Scale to 200%, and check the Dither box.

Finally, change the Gradient layer's Blend Mode to Soft Light, and its Opacity to 50%.

그게 다야! That's it!

결론

이 튜토리얼에서는 재미있는 쉽고 다채로운 수채화 텍스트 효과를 만들기 위해 몇 가지 텍스처, 레이어 스타일 및 브러시 설정을 사용했습니다.

프로젝트 섹션에서 귀하의 작업을 자유롭게 공유하십시오!

Conclusion

In this tutorial, we used a couple of textures, layer styles, and brush settings to create a fun, easy, colorful watercolor text effect.

Please feel free to share your work in projects section!


728x90

댓글