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

어도비 포토샵에서 놀랍도록 영국적인 스콘 텍스트 효과 만들기

by
Read Time:8 minsLanguages:

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

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

각각 다른 브러시, 텍스처 및 레이어 스타일을 사용하면 자세한 텍스트 효과를 구성 할 수 있습니다. 이 튜토리얼은 맛있는 영국식 스콘에서 영감을 얻은 텍스트 효과를 만들기 위해 세 가지 요소와 다른 도구 및 설정을 사용하는 방법을 보여줍니다. 시작해봅시다!

튜토리얼 준비물

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

1. 배경 만들기

1 단계

새로운 838 x 530px 문서를 만듭니다 Texture : Wood Floor 이미지를 Background 레이어 위에 놓고 필요에 따라 크기를 조정합니다.

Background Wood TextureBackground Wood TextureBackground Wood Texture

2 단계

색조 / 채도 조정 레이어를 추가하고 채도 값을 -83으로 변경하십시오.

Hue SaturationHue SaturationHue Saturation

3 단계

레벨 조정 레이어를 추가하고 감마 값을 1.17로, 하이라이트 값을 238로 변경하십시오.

LevelsLevelsLevels

4 단계

MARBLE TEXTURE 이미지를 모든 레이어 위에 배치하고 필요에 따라 크기를 조정 한 다음 레이어의 블렌드 모드를 Color Burn 및 불투명도30%로 변경합니다.

Noise TextureNoise TextureNoise Texture

2. 텍스트 및 작업 경로 만들기

1 단계

Rockin Record G 폰트로 크기 235pt, 색상 #f2ece6을 사용하여 대문자로 텍스트를 만듭니다. 트래킹 값은 100으로 세팅합니다.

Create the TextCreate the TextCreate the Text

2 단계

텍스트를 마우스 오른쪽 단추로 클릭하고 작업 경로 만들기를 선택한 다음 텍스트 레이어를 보이지 않게 만듭니다.

Create Work PathCreate Work PathCreate Work Path

3. 브러시 1과  2로 작업 경로에 스트로크하기

1 단계

전경색#f1ece6으로 설정하고 모든 레이어 위에 새 레이어를 만든 다음 1로 지정합니다. 그런 다음 Scones Text Effect Brushes Set에서 브러시 1로 패스를 선을 그립니다.

Stroke 1Stroke 1Stroke 1

2 단계

레이어 1 위에 새 레이어를 만들고 2로 이름을 지정하고 브러시 2로 패스에 스트로크합니다.

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

Stroke 2Stroke 2Stroke 2

3 단계

레이어 2 copy를 복제, Command-클릭하여 텍스트 레이어의 섬네일을 클릭하여 선택 영역을 만든 다음 레이어 2 copy 2의 스트로크에서 선택한 파트를 삭제합니다.

Delete SelectionDelete SelectionDelete Selection

4. 내부 작업 경로 스트로크

1 단계

Contract the selection을 10 pixels로 설정

Contract SelectionContract SelectionContract Selection

2 단계

패스 패널의 아래쪽에있는 선택 항목에서 작업 패스 만들기 아이콘을 클릭하여 선택 영역을 작업 패스로 변환합니다.

Convert Selection into a Work PathConvert Selection into a Work PathConvert Selection into a Work Path

3 단계

모든 레이어의 맨 위에 새 레이어를 만들고 이름을 3으로 설정, 브러시 3 으로 패스를 획 긋고, 레이어 3을 복제하고, 채우기 값을 0으로 변경합니다.

Stroke 3Stroke 3Stroke 3

4 단계

다시 한 번 원래 텍스트에서 선택 영역을 만들고 15 픽셀 씩 선택 영역을 축소합니다.

모든 레이어의 맨 위에 새 레이어를 만들고 이름을 4로 쓰고 전경색 으로 선택 항목을 채웁니다.

Fill SelectionFill SelectionFill Selection

5 단계

선택을 작업 경로로 변환하고 브러쉬 3 으로 선을 그립니다.

Stroke 4Stroke 4Stroke 4

5. 레이어1 스타일링

1 단계

Seamless Bread Texture 이미지를 열고 295 x 275 px로 크기를 조정하십시오. 그런 다음 Edit > Define Pattern로 이동하여 이름에 Bread Texture를 입력하십시오.

Define PatternDefine PatternDefine Pattern

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

2 단계

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

  • Depth: 275
  • Gloss Contour: Gaussian
  • Anti-aliased 박스 체크
  • Highlight Mode - Color: #4f3e34
  • Shadow Mode: Linear Burn
  • Color: #e6d6bf
Bevel and EmbossBevel and EmbossBevel and Emboss

3 단계

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

  • Contour: Half Round
  • Anti-aliased 박스 체크
ContourContourContour

4 단계

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

  • Pattern: Bread Texture
  • Depth: 50%
  • Invert 박스 체크
TextureTextureTexture

5 단계

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

  • Pattern: Bread Texture
Pattern OverlayPattern OverlayPattern Overlay

6 단계

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

  • Opacity: 12%
  • Use Global Light 박스 체크 해제
  • Angle: 99
  • Distance: 18
  • Size: 6
Drop ShadowDrop ShadowDrop Shadow

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

Styled Edges 1Styled Edges 1Styled Edges 1

6. 레이어 2와 2 copy 스타일링

1 단계

레이어 2블렌드 모드를 Multiply로 변경하십시오.

Change Blend ModeChange Blend ModeChange Blend Mode

2 단계

레이어 2 copy를 두 번 클릭하여 다음 설정을 사용하여 Drop Shadow 효과를 적용합니다.

  • Color: #6e6355
  • Opacity: 50%
  • Distance: 5
  • Size: 10
Drop ShadowDrop ShadowDrop Shadow

이렇게 하면 가장자리에 간단한 그림자가 추가됩니다.

Styled Edges 2Styled Edges 2Styled Edges 2

7. 레이어 2와 copy 2 스타일링

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

1 단계

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

  • Size: 10
  • Highlight Mode: Screen
  • Color: #695041
  • Opacity: 50%
  • Shadow Mode: Multiply
  • Color: #aa998b
  • Opacity: 30%
Bevel and EmbossBevel and EmbossBevel and Emboss

2 단계

기본값을 사용하여 Contour을 추가하십시오.

ContourContourContour

3 단계

Texture에 다음 설정을 추가하십시오:

  • Pattern: Bread Texture
  • Depth: 50%
TextureTextureTexture

그러면 레이어 2 copy 2의 스타일이 지정됩니다.

Styled Edges 3Styled Edges 3Styled Edges 3

8. 레이어 3 스타일링

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

1 단계

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

  • Style: Outer Bevel
  • Anti-aliased 박스 체크
  • Highlight Mode: Linear Light
  • Opacity: 10%
  • Shadow Mode: Multiply
  • Color: #a47a54
  • Opacity: 15%
Bevel and EmbossBevel and EmbossBevel and Emboss

2 단계

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

  • Contour: Half Round
  • Anti-aliased 박스 체크
Contour Contour Contour

이렇게 하면 레이어 3의 스타일이 지정됩니다.

Styled Edges 4Styled Edges 4Styled Edges 4

9. 레이어 3 copy 스타일링

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

1 단계

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

  • Size: 13
  • Use Global Light 박스 체크 해제
  • Angle: 27
  • Altitude: 69
  • Anti-aliased 박스 체크
  • Shadow Mode: Multiply -  Color: #8d672c
Bevel and EmbossBevel and EmbossBevel and Emboss

2 단계

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

  • Pattern: Clouds
TextureTextureTexture

3 단계

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

  • Color: #e9e1d9
Color OverlayColor OverlayColor Overlay

4 단계

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

  • Opacity: 94%
  • Distance: 1
  • Size: 10
Drop ShadowDrop ShadowDrop Shadow

이렇게하면 응고 된 크림 부분이 잼 아래에 형성됩니다.

Styled CreamStyled CreamStyled Cream

10. 첫번째 잼 레이어 스타일링

1 단계

레이어 4채우기 값을 0으로 변경 한 다음 5번 복제하십시오.

Duplicate Jame LayerDuplicate Jame LayerDuplicate Jame Layer

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

2 단계

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

  • Size: 32
  • Soften: 3
  • Use Global Light 박스 체크 해제
  • Angle: 27
  • Altitude: 69
  • Anti-aliased 박스 체크
  • Highlight Mode: Linear Light
  • Opacity: 20%
Bevel and EmbossBevel and EmbossBevel and Emboss

3 단계

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

  • Pattern: Clouds
  • Scale: 70%
  • Depth: 20%
Texture Texture Texture

4 단계

Color Overlay에 다음 설정을 추가합니다:

  • Color: #330417

여기서 잼의 색상을 선택합니다. 언제든지 원하는대로 언제든지 변경할 수 있습니다.

Color OverlayColor OverlayColor Overlay

5 단계

Drop Shadow에 다음 설정을 추가합니다:

  • Distance: 0
  • Size: 3
Drop ShadowDrop ShadowDrop Shadow

이렇게 하면 잼의 첫 번째 레이어 스타일이 지정됩니다. 다음으로 우리는 광택과 빛의 레이어를 추가 할 것입니다.

Styled Jam 1Styled Jam 1Styled Jam 1

11. 두번째 잼 레이어 스타일링

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

1 단계

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

  • Size: 18
  • Soften: 1
  • Use Global Light 박스 체크 해제
  • Angle: 166
  • Altitude: 69
  • Gloss Contour: Cone - Inverted
  • Anti-aliased 박스 체크
  • Highlight Mode: Linear Light
  • Opacity: 50%
  • Shadow Mode: Multiply - Opacity: 0%
Bevel and EmbossBevel and EmbossBevel and Emboss

2 단계

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

  • Pattern: Clouds
  • Depth: 20%
Texture Texture Texture

이렇게하면 잼에 약간의 하이라이트 / 광택이 추가됩니다.

Styled Jam 2Styled Jam 2Styled Jam 2

12. 세번째 잼 레이어 스타일링

레이어 4 copy의 레이어 스타일을 복사하여 레이어 4 copy 2에 붙여넣고 레이어 4 copy 2를 두 번 클릭하여 아래 표시된 값을 변경합니다.

Bevel and Emboss

  • Size: 15
  • Angle: -14
  • Highlight Mode: Linear Light - Opacity: 30%
Bevel and EmbossBevel and EmbossBevel and Emboss

이것은 잼에 더 많은 빛을 더합니다.

Styled Jam 3Styled Jam 3Styled Jam 3

13. 네번째 잼 레이어 스타일링

레이어 4 copy의 레이어 스타일을 레이어 4 copy 3에 붙여넣고 레이어 4 copy 3을 두 번 클릭하여 아래 표시된 값을 변경합니다.

1 단계

Bevel and Emboss

  • Size: 29
  • Angle: 45
  • Highlight Mode: Screen
  • Opacity: 90%
Bevel and EmbossBevel and EmbossBevel and Emboss

이렇게 하면 마지막 레이어에 빛을 스타일링 합니다.

Styled Jam 4Styled Jam 4Styled Jam 4

14. 잼 엣지 스타일링

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

1 단계

Bevel and Emboss에 다음 설정을 추가하십시오:

  • Size: 24
  • Soften: 9
  • Use Global Light 박스 체크 해제
  • Angle: -22
  • Altitude: 64
  • Gloss Contour: Cone - Inverted
  • Anti-aliased 박스 체크
  • Highlight Mode: Linear Light
  • Shadow Mode: Multiply - Opacity: 0%
Bevel and EmbossBevel and EmbossBevel and Emboss

2 단계

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

  • Contour: Cone - Inverted
  • Anti-aliased 박스 체크
Contour Contour Contour

3 단계

이렇게하면 잼의 오른쪽과 아래쪽 가장자리에 스타일이 지정됩니다. 이 레이어 스타일을 복사하여 레이어 4 copy 5에 붙여 넣으십시오.

Styled Jam 5Styled Jam 5Styled Jam 5

4 단계

레이어 4 copy 5를 두 번 클릭하여 Bevel and Emboss의 Angle 값을 112로 변경합니다.

Bevel and EmbossBevel and EmbossBevel and Emboss

그러면 잼의 왼쪽 가장자리와 위쪽 가장자리의 스타일이 지정됩니다.

Styled Jam 6Styled Jam 6Styled Jam 6

15. 부스러기 추가하기

1 단계

텍스트 작업 경로를 만들고, 레이어 1 아래에 새 레이어를 만들고, Crumbs을 불러내고, Crumbs 브러시로 패스 선을 그립니다.

Crumbs BrushCrumbs BrushCrumbs Brush

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

2 단계

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

  • Depth: 275
  • Size: 3
  • Gloss Contour: Gaussian
  • Anti-aliased 박스 체크
  • Highlight Mode: Screen - Color: #4f3e34
  • Shadow Mode: Multiply - Color: #aa998b
Bevel and EmbossBevel and EmbossBevel and Emboss

3 단계

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

  • Anti-aliased 박스 체크
Contour Contour Contour

4 단계

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

  • Pattern: Bread Texture
Texture Texture Texture

5 단계

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

  • Pattern: Bread Texture
Pattern OverlayPattern OverlayPattern Overlay

6 단계

Drop Shadow에 다음 설정을 추가합니다:

  • Opacity: 30%
  • Use Global Light 박스 체크 해제
  • Angle: 99
Drop ShadowDrop ShadowDrop Shadow

이렇게 부스러기의 스타일이 완성됩니다.

Styled CrumbsStyled CrumbsStyled Crumbs

16. 3D 파트 만들기

1 단계

레이어 1, 2 및 원본 텍스트 레이어의 내용을 선택하여 만듭니다.

Crumbs 레이어 아래에 새 레이어 (레이어 1)를 만들고 전경색 색상으로 선택 항목을 채운 다음 선택을 취소합니다.

Create a SelectionCreate a SelectionCreate a Selection

2 단계

Scale Transform Mode를 입력하고 옵션 막대에 W H 값 모두에 대해 99% 값을 입력하여 레이어 1의 내용을 축소합니다.

Scale DownScale DownScale Down

3 단계

Option-Command-Shift-T (Windows의 경우 Alt-Control-Shift-T)를 두 번 눌러 축소 된 사본을 두 개 더 만듭니다. 세 개의 레이어를 모두 3D라는 그룹에 그룹화합니다.

Duplicate LayersDuplicate LayersDuplicate Layers

17. 3D 파트 스타일링

Crumbs 레이어의 레이어 스타일을 복사하여 3D 그룹에 붙여넣고 3D 그룹을 두 번 클릭하면 다음과 같이 몇 가지 값이 변경됩니다.

1 단계

Bevel and Emboss

  • Size: 5
  • Shadow Mode: Linear Burn
  • Color: #bf9876
Bevel and EmbossBevel and EmbossBevel and Emboss

2 단계

Texture

  • Check the Invert box
TextureTextureTexture

3 단계

Drop Shadow

  • Opacity: 15%
  • Distance: 12
  • Size: 6
Drop ShadowDrop ShadowDrop Shadow

이렇게하면 3D 파트의 스타일이 지정됩니다.

Styled 3D PartStyled 3D PartStyled 3D Part

18. 그림자 강화하기

1 단계

레이어 1, 2 및 원본 텍스트 레이어의 내용을 다시 선택합니다.

3D 그룹 아래에 새 레이어를 만들고 Shadow라고 이름을 지정합니다.

색상 #4b4845로 선택 항목을 채우고 레이어를 스마트 오브젝트로 변환합니다.

Create Shadow LayerCreate Shadow LayerCreate Shadow Layer

2 단계

Filter > Blur > Gaussian Blur로 이동, Radius를 3.5로 변경합니다.

Gaussian BlurGaussian BlurGaussian Blur

3 단계

Shadow 레이어의 블렌드 모드를 Linear Burn로 ​​변경하고 불투명도25%로 변경하십시오. 그런 다음 그림자가 보일 때까지 그림자를 조금 움직여 보십시오.

Modify ShadowModify ShadowModify Shadow

19. 채색 향상 및 이미지 추가

1 단계

그래디언트 조정 레이어를 추가합니다.

#f2ece6 색상을 사용하여 투명한 채우기 색상 그래디언트를 만듭니다. StyleRadial로, Scale500으로 설정하십시오.

그런 다음 모든 레이어 위에 그래디언트 조정 레이어를 놓고 블렌드 모드를 Linear Burn으로 변경합니다.

Gradient Adjustment LayerGradient Adjustment LayerGradient Adjustment Layer

2 단계

bagels and jam 이미지를 열고 자석 올가미 도구 또는 원하는 다른 선택 도구를 사용하여 칼과 잼의 그릇을 선택합니다.

Select ImageSelect ImageSelect Image

3 단계

Refine Edge 설정을 사용하여 선택 범위를 좁힐 수 있습니다.

Refine EdgeRefine EdgeRefine Edge

4 단계

선택한 부분을 복사하여 원본 텍스트 효과 문서에 붙여 넣으십시오. 이미지 모양이 마음에 들때까지 크기 조정, 회전 및 위치 변경을 하십시오

Place Selected ImagePlace Selected ImagePlace Selected Image

5 단계

색조 / 채도 조정 레이어를 추가하고 이미지 레이어에 클립합니다.

빨간색 값의 경우 Hue-30으로 변경하고 Saturation-20으로 변경합니다. 우리는 기본적으로 그릇의 잼 색의 텍스트에 맞추려고합니다.

Adjust ColoringAdjust ColoringAdjust Coloring

6 단계

이미지의 레이어를 복제하고 사본을 그 아래에 배치하십시오.

이미지 > 조정 > 색조/채도로 이동하고 Lightness 값을 -100으로 변경합니다.

스마트 오브젝트로 변환하고 반경 3.5가우시안 블러를 적용한 다음 검정색 사본을 변환하여 문서에 이미있는 다른 그림자를 기반으로 그림자를 만듭니다.

Create ShadowCreate ShadowCreate Shadow

7 단계

마지막으로 스폰지 도구를 사용하여 칼의 주황색 부분의 채도를 없애십시오.

Sponge ToolSponge ToolSponge Tool

축하합니다! 끝났습니다

Final scones text effectFinal scones text effectFinal scones text effect

이 튜토리얼에서는 몇 가지 텍스처를 사용하여 간단한 배경을 만들고 텍스트를 만들고 몇 가지 설정을 수정하여 효과 작업을 시작했습니다.

그런 다음 선택 영역, 작업 경로 및 레이어를 작성하여 다른 획과 채우기를 만들었습니다.

그 다음, 우리는 각 레이어를 스콘의 다른 레이어로 구성하여 빵 부분, 크림 부분 및 잼 부분을 만들었습니다.

마지막으로, 우리는 효과의 3D 부분을 생성하고 스타일을 지정하고 그림자를 강화하며 간단한 이미지를 추가하여 효과를 마무리했습니다.

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

Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads