드라마틱한 타이포그래픽 디자인 - DIGITAL iNSIGHT 디지털 인사이트
Know-how, Tip & Technic, UX & Design

드라마틱한 타이포그래픽 디자인

이번 과정은 반복되는 작은 타이포 위에 큰 타이포를 올려준 뒤 Gradient Fill 을 활용하여 드라마틱한 타이포 그래픽 디자인 효과를 연출하는 포토샵 강좌입니다.

프로그램: Adobe Photoshop
버전: CC
난이도: ★★☆☆☆

Step.1

File > New(Ctrl + N)를 클릭하여 새로운 문서(600x430px)를 열어줍니다.
좌측 툴박스의 페인트 버킷 툴(Paint Bucket Tool)을 이용하여 배경을 검정색(#000000)으로 채워줍니다.

Step.2

좌측 툴박스의 타이포 툴을 선택한 뒤 타이포 컬러를 변경(#323131)합니다.
원하는 문구를 적당한 사이즈로 입력한 뒤 복사(Ctrl + C), 붙여넣기(Ctrl + V)를 반복하여 배경 전체를 같은 문구로 채워줍니다. 이때 문구가 배경에 딱 맞지 않아도 괜찮습니다. 문구를 입력할 때는 짧은 단어를 반복하여 입력하면 결과물을 가시적으로 부각할 수 있습니다.

#Check up


Step.3

Edit > Free Transform(Ctrl + T)을 선택한 뒤 화면 상단의 옵션바에서 기울기를 아래 그림과 같이 적당히 조절합니다. 이어 Enter 키를 눌러 Free Transform 회전 명령을 적용합니다. (※ 기울기 값을 입력하지 않고 마우스를 이용하여 회전시켜도 좋습니다.)

Step.4

좌측 툴박스의 타이포 툴을 선택한 뒤 타이포 컬러를 변경(#FFFFFF)합니다.

<Step.2> 과정과 동일한 문구를 그림과 같이 적당한 사이즈로 조정한 뒤 <Step.3>과 같은 방식으로 문구를 회전시켜 가운데에 위치시킵니다.

Step.5

레이어 팔레트에서 상단의 타입 레이어(DESIGN)의 블렌딩 모드를 ‘Soft Light’로 변경합니다.

#Check up


Step.6

레이어 팔레트에서 상단의 타입 레이어(DESIGN)를 복사하여 새로운 레이어를 추가한 뒤, 복사한 레이어의 ‘Opacity(불투명)’ 수치를 45~50% 정도로 맞춥니다. 이어 해당 문구가 부각될 수 있도록 추가로 작업합니다.

#Check up

Step.7

레이어 팔레트 하단의 ‘Create new fill or adjustments layer‘ 버튼을 클릭한 뒤, ‘Gradient Fill’ 항목을 선택하여 아래 그림과 같이 적당한 값을 넣어 설정합니다.
(상단 메뉴바 선택 시 : Layer > New Fill Layer > Gradient Fill)

#Check up

Step.8

레이어 팔레트에서 ‘Gradient Fill 1’ 레이어의 블렌딩 모드를 ‘Soft Light’로 변경한 뒤 Move Tool(이동툴)을 이용하여 강조할 문구의 위치를 조정합니다.

#Finish

드라마틱한 타이포그래픽 디자인! 완성!

Comments
© DIGITAL iNSIGHT 디지털 인사이트. 무단전재 및 재배포 금지

뉴스콘텐츠는 저작권법 제7조 규정된 단서조항을 제외한 저작물로서 저작권법의 보호대상입니다. 본 기사를 개인블로그 및 홈페이지, 카페 등에 게재(링크)를 원하시는 분은 반드시 기사의 출처(로고)를 붙여주시기 바랍니다. 영리를 목적으로 하지 않더라도 출처 없이 본 기사를 재편집해 올린 해당 미디어에 대해서는 합법적인 절차(지적재산권법)에 따라 그 책임을 묻게 되며, 이에 따른 불이익은 책임지지 않습니다.

Related Posts