kimmy_notes

 그래픽 디자인 · 브랜딩/편집 

[Design Practice] Photoshop_패스(Path)에 텍스트 작성하기
2019.10.17 | 그래픽 디자인 · 브랜딩/편집
  •  

    [Design Practice] Photoshop_패스(Path) 텍스트 작성하기

    이번 작업을 통해서 알 수 있어요-! 

    *패스에 따라 흐르는 텍스트를 표현할 수 있어요

    *문자 왜곡 효과(Warp Text)를 사용하지 않고 커브 텍스트를 만들 수 있어요

     

    더 많은 디자인 꿀팁을 원한다면  ▶  Kimmy의 Design Notes

  • 문자 왜곡 효과와 패스를 사용한 텍스트의 차이

    *문자 왜곡 효과를 사용한 텍스트는 모양이 변형되기 때문에 잘 사용하지 않습니다

    *일반적으로 커브 텍스트를 작업할 때에는 패스를 활용해 텍스트를 작성합니다

  • 원형의 패스(Path)를 그립니다

    Path 모드로 Ellipse Tool 이용해 원형의 패스를 그립니다

  • 패스(Path)의 곡선에 텍스트를 작성합니다

    Type Tool Path 선택한 원하는 텍스트를 작성합니다

    ① Type Tool의 커서가 패스 위에서 이런 모양으로 바뀌었을 때 패스를 클릭합니다

    원하는 텍스트를 작성하면 패스의 곡선에 맞춰 텍스트가 작성되는 것을 확인할 수 있습니다

    ③ Path Selection Tool 이용해 텍스트의 위치나 방향을 변경할 있습니다

  • 텍스트에 그라데이션 효과를 적용합니다

    Gradient Overlay 그라데이션 효과를 적용합니다

  •  

    텍스트에 드롭 쉐도우 효과를 적용합니다

    Drop Shadow 효과를 추가해 텍스트 뒤에 디자인을 추가합니다

  •  

    클리핑 마스크를 사용해 텍스트에 디자인을 추가합니다

    그라데이션 효과가 적용된 도형을 텍스트에 클리핑 마스크 합니다

    적용하고자 하는 도형을 그립니다

    ② Blending Options▶Gradient Overlay 적용합니다

    ③ Smart Object 변환한 Multiply 모드로 변경합니다

    도형 레이어를 텍스트 레이어에 클리핑 마스크 합니다

  • 레이어에 테두리를 추가합니다

    Stroke 효과를 추가해 레이어에 테두리를 적용합니다

  • 완성-!

    패스(Path)를 활용해 곡선 모양으로 텍스트를 작성해보았습니다

  •  

    이 콘텐츠를 통해서 패스(Path)에 텍스트를 작성할 수 있습니다

    [Design Practice] Photoshop_패스(Path)에 텍스트 작성하기

     

    더 많은 디자인 꿀팁을 원한다면  ▶  Kimmy의 Design Notes

     

    ⓒ 2019. Heejae Kim All Rights Reserved.

>
이 작업을 콜렉트 하시겠습니까? / 아니오
콜렉트 하였습니다. 취소
kimmy_notes 님의 모든 작업을 감상하였습니다
kimmy_notes 님을 팔로우하고 피드에서 새로운 소식을 받아보세요
프로필 바로가기
more