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

디자인 : 반짝이는 금박 텍스트 효과 만들기

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

필터 계층에 대한 스마트 개체 만들기

1 단계

새로 만들기 1000x1000의 픽셀의 문서를 하고, 변경 / 전경 색상에 # f0ca31 과 배경 색상에 # 4e3e05 .

Background 레이어 위에 새 레이어를 만들고 Texture 라는 이름을 지정한 다음 Background Color로 채웁니다.

Create a smart object for the filter layer

Step 1

Create a new 1000x1000 px document, and change the Foreground Color to #f0ca31 and the Background Color to #4e3e05.

Create a new layer on top of the Background layer, name it Texture, and fill it with the Background Color.

2 단계

텍스처 레이어를 마우스 오른쪽 버튼으로 클릭하고 스마트 오브젝트로 변환을 선택합니다. 이렇게 하면 필터를 비파괴 적으로 레이어에 적용하는 데 도움이 됩니다.

Step 2

Right-click the Texture layer and select  Convert to Smart Object. This will help apply filters non-destructively to the layer.

필터를 사용하여 호일 텍스처 만들기

1 단계

이동 > 구름> 필터 렌더링.

Create a foil texture using filters

Step 1

Go to Filter > Render > Clouds.

2 단계

이동 > 필터 갤러리> 왜곡> 바다 리플 필터 . Ripple Size 를 1 로, Ripple Magnitude를 20으로 변경하십시오.

Step 2

Go to Filter > Filter Gallery > Distort > Ocean Ripple. Change the Ripple Size to 1 and the Ripple Magnitude to 20.

3 단계

[필터]> [선명하게 하기]> [언샤프 마스크]로 이동하여

[양]을 50% , [반경]을 35픽셀 , [임계값]을 0수준으로 변경합니다.

Step 3

Go to Filter > Sharpen > Unsharp Mask, and change the Amount to 50%, the Radius to 35 px, and the Threshold to 0 levels.

4 단계

파일을 저장하고 이동 모든>를 선택하고 편집> 복사 질감을 복사합니다.

Step 4

Save the file, and go to Select > All, and Edit > Copy to copy the texture.

주요 배경 이미지 조정 방법

1 단계

새로운 1531x1021 px 문서를 만들고 파일> 연결된 장소로 이동한 다음 종이와 색종이 이미지로 생일 개념을 열어 스마트 오브젝트로 추가하십시오.

How to adjust the main background image

Step 1

Create a new 1531x1021 px document, go to File > Place Linked, and open the Birthday concept with paper and confetti image to add it as a Smart Object

2 단계

[레이어] 패널의 아래쪽에 있는 [새 채우기 또는 조정 레이어 만들기] 아이콘을 클릭하고 [노출]을 선택하여 [노출값]을 +0.10으로 변경합니다.

Step 2

Click the Create new fill or adjustment layer icon at the bottom of the Layers panel and choose Exposure to change the Exposure value to +0.10.

3 단계

Vibrance 조정 레이어를 추가하고 Vibrance 값을 -5로 변경하십시오.

Step 3

Add a Vibrance adjustment layer and change the Vibrance value to -5.

종이 이미지 추가

1 단계

파일> 연결된 장소로 이동하여 파일을 엽니다. 흰색 텍스처 이미지를 만들고 용지 이름을 Paper로 바꿉니다.

편집> 변형> 시계 방향으로 90° 회전으로 이동한 다음 Command + T 키를 눌러 자유 변형 모드 로 들어가서 배경 이미지의 카드 상단에 추가할 용지의 크기를 조정하십시오.

완료되면 Return 키를 누르십시오.

Add the paper image

Step 1

Go to File > Place Linked to open the White texture image, and rename its layer to Paper

Go to Edit > Transform > Rotate 90° Clockwise, and press the Command + T keys to enter the Free Transform Mode and resize the paper to add in on top of the card in the BackgroundImage.

Hit the Return key when you're done.

2 단계

용지 레이어를 두 번 클릭 하여 다음 설정으로 그림자 효과를 적용합니다 .

  • 색상 : # 3a3637
  • 불투명도 : 38 %
  • 거리 : 27 px
  • 크기 : 35 px
  • Step 2

    Double-click the Paper layer to apply a Drop Shadow effect with these settings:

    • Color: #3a3637 
    • Opacity: 38% 
    • Distance: 27 px 
    • Size: 35 px 

당신이 좋아하는 다른 값을 사용할 수 있습니다.

You can use any other values you like as well. 

텍스트 레이어 만들기

1 단계

Charlotte 글꼴을 사용하여 각 줄을 별도의 레이어에 원하는 텍스트로 만듭니다 .

여기에 사용된 크기는 200pt이지만 텍스트에 대해 원하는 설정을 자유롭게 사용하십시오.

Create the text layers

Step 1

Create the text you want, each line in a separate layer, using the font Charlotte.

The Size used here is 200 pt, but feel free to use the settings you like for your text.

2 단계

글꼴에는 많은 양의 그림 문자가 있기 때문에 강조 표시하여 문자의 사용 가능한 문자 모양에 액세스 한 다음 사용하려는 문자 모양을 클릭할 수 있습니다.

또는 Glyphs 패널을 열고 같은 작업을 수행할 수 있습니다.

Step 2

Because the font has a ton of glyphs, you can access a character's available glyphs by highlighting it, and then click the glyph you want to use from the alternatives you get.

Or, you can open the Glyphs panel and do the same thing.

3 단계

모든 텍스트 레이어를 그룹에 넣고 텍스트 이름을 지정합니다.

Step 3

Put all the text layers in a group and name it Text.

국경을 만드는 방법

1 단계

사각형 도구를 선택하고 옵션 막대에서 모양 옵션이 활성화되어 있는지 확인하십시오.

그런 다음 용지 이미지를 덮는 사각형 모양을 만듭니다.

How to create a border

Step 1

Pick the Rectangle Tool, and make sure that the Shape option is active in the Options bar.

Then, create a rectangle shape that covers the paper image.

2 단계

에서 옵션 바, 변경 채우기 가치 없음, 그리고 스트로크 크기에 태평양 표준시 01시를.

텍스트 그룹 안에 사각형 모양 레이어 를 배치하십시오.

Step 2

In the Options bar, change the Fill value to None, and the Stroke Size to 10 pt.

Make sure to place the Rectangle shape layer inside the Text group.

호일 텍스처 추가

1 단계

우리가 만든 호일 텍스쳐를 이미 복사했으므로 편집> 붙여넣기 로 이동하여 텍스트 그룹 위에 붙여넣고 그 레이어의 이름을 Texture로 바꿉니다.

텍스처 레이어를 마우스 오른쪽 버튼으로 클릭하고 클리핑 마스크 만들기를 선택합니다 .

그런 다음 필요에 따라 텍스처의 크기를 조정할 수 있습니다.

Add the foil texture

Step 1

We already copied the foil texture when we created it, so go to Edit > Paste to paste it on top of the Text group, and rename its layer to Texture.

Right-click the Texture layer and choose Create Clipping Mask.

After you do so, you can resize the texture as needed.

텍스트 및 모양 그룹 스타일 지정

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

1 단계

경사와 엠 보스

  • 크기 : 0 px
  • 체크 안티 앨리어싱 상자를
  • 하이라이트 모드 : 선형 라이트
  • Style the text and shape group

    Double-click the Text group to apply the following layer style:

    Step 1

    Bevel and Emboss

    • Size: 0 px 
    • Check the Anti-aliased box 
    • Highlight Mode: Linear Light 

2 단계

조직

  • 패턴 : 뾰족 부시 
  • 깊이 : 200% 
  • Step 2

    Texture

    • Pattern: Spiky Bush 
    • Depth: 200% 

3 단계

내면의 불꽃

  • 불투명도 : 70%
  • 색상 : #ffffff
  • 크기 : 1 px
  • Step 3

    Inner Glow

    • Opacity: 70% 
    • Color: #ffffff 
    • Size: 1 px 

이렇게 하면 텍스트에 미묘한 깊이가 추가됩니다.

This will add a subtle depth to the text. 

배경 이미지의 채도 조정

1 단계

배경 이미지 레이어를 선택하고 이미지> 조정> 색조 / 채도로 이동하여 채도 값을 -15로 변경하십시오.

Adjust the background image's saturation

Step 1

Select the Background Image layer, go to Image > Adjustments > Hue/Saturation, and change the Saturationvalue to -15.

2 단계

다른 배경 이미지 나 요소를 사용하여 동일한 호일 텍스처를 적용할 수도 있지만 이 튜토리얼의 최종 결과입니다.

Step 2

You can use any other background images or elements to apply the same foil texture to it as well, but this is the final result of this tutorial.

결론

이 튜토리얼에서는 두 개의 필터, 조정 및 레이어 스타일을 사용하여 밝고 반짝이는 호일 텍스트 효과를 만들었습니다.

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

Conclusion

In this tutorial, we used a couple of filters, adjustments, and layer styles, to create a bright, shiny foil text effect.

Please feel free to share your work in the projects section.

728x90

댓글