포토샵 글자디자인 (Typography Design) 기초

포토샵 글자디자인 (Typography Design) 기초

 

문자 툴 종류와 쓰임새(T)

* Horizontal Type Tool 문자 가로 쓰기 

* Vertial Type Tool 문자 세로 쓰기

* Vertial Type Mask Tool 세로문자 선택영역 만들기

* Horizontal Type Mask Tool 가로문자 선택영역 만들기

 


 

문자 타입에 따른 문자 작성하기

* 제목 또는 짧은 내용

- 글자를 작성하고 싶은 빈 위치를 마우스로 좌클릭하여 커서를 배치하고 글자를 작성합니다.

 

 

* 여러 줄의 긴 단락 위주의 내용(글상자)

1. 문자 툴로 원하는 단락 크기의
글 상자를 그려줍니다.(드래그)
2. 미리 준비해둔 글자를
복사 붙여넣기하여 넣어줍니다.
3. 글자 크기와 행간, 자간등을
조절하여 위치를 맞춰줍니다.

 

또는 문자 툴로 글상자 안쪽 영역을 클릭하여 활성화 한 후 (빨강)모서리 기준점을 드래그하여 

글상자 크기를 자유롭게 드래그하여 줄바꿈되는 위치와 글상자 크기등을 지정할 수 있습니다.


 

문자 툴 옵션

* 문자 툴을 선택해야 (아래) 옵션을 볼 수 있습니다.

 

* 작성한 글자의 방향을 가로쓰기 / 세로쓰기로 변경합니다. (클릭 시 적용/해제가 번갈아가며 적용 됩니다)

 


 

문자 툴 옵션1. 글꼴

* 시스템에 설치된 글꼴을 볼 수 있습니다.

* Filter를 선택하여 글꼴의 종류별로 나열할 수 있습니다. ex) Serfi, Sans Serif

* 글꼴 앞 ☆을 클릭하면 ★로 변경되며 즐겨찾기로 등록하여 볼 수 있습니다.

* 글꼴의 이름을 직접 검색하여 찾아 볼 수 있습니다.

 


 

문자 툴 옵션2. 글꼴 옵션(굵기)

* 글꼴에 따라 존재 유무가 차이가 날 수 있습니다. 

* 일반적으로 제공되는 추가 옵션은 Light / Bold / ExtraBold / Black 등이 있습니다.

Light -> Legular -> Bold ->  ExtraBold 순서
글꼴 자체가 굵기별로 분류된 글꼴도 있습니다. 이경우는 위 옵션이 제공되지 않으며 글꼴로 자체적으로 선택하여 적용합니다.

 


 

문자 툴 옵션3. 글자 크기

* 기본적으로 제공되는 크기는 72pt 까지 있으나 일반적으로 단축키를 사용하여 글자 크기를 조절합니다.

* Ctrl + Shift + < 글자 크기 작게 단축키

* Ctrl + Shift + > 글자 크기 크게 단축키

 

 

* 크기를 한번에 크게 조정해야 할 경우는

Ctrl + T (Free Transform) 단축키로도 크기를 조정할 수 있으나 포토샵 CC 2019 이하버전에서는 반드시

Shift키를 함께 누르고 모서리 조절점을 이용하여 크기 비율을 유지하며 조절해야 합니다.

 

* 환경설정(Ctrl + K) : Units 옵션값에서 Type의 단위를 px, pt, mm 중에 고를 수 있습니다.(기본 pt)

 

 


 

 

문자 툴 옵션 4. 글자 외곽선 처리

* 글자의 외곽선 처리를 하는 옵션으로 None은 선택하지 않으며 주로 Strong, Smooth 위주로 선택합니다.

None의 경우 Smooth의 경우

 

 


 

문자 툴 옵션 5. 글자 정렬

* 글자가 2 줄 이상일 때 정렬을 정할 수 있습니다.

* 순서대로 왼쪽/가운데/오른쪽 정렬기능입니다.

* 정렬 변경 시 기준축이 이동하기 때문에 글자의 위치를 이동 툴로 재조정해야할 수 있습니다.(글상자의 경우 해당안함)

왼쪽 정렬 가운데 정렬 오른쪽 정렬

 


 

문자 툴 옵션 6. 글자 색상

* 정렬 아이콘 옆에 사각형 아이콘으로 클릭하면

Color Pick 창이 나타나며 색상을 직접 고르거나 추출할 수 있습니다.

 

 


 

문자 툴 옵션 7. 글자 변형(Warp)

* 글자를 아치형, 물고기형, 블록 형 등 다양한 모양으로 왜곡 시 사용합니다.

* Horizontal(수평)과 Vertial(수직)으로 왜곡 방향을 설정할 수 있으며 

Bend값으로 적용되는 수치를 조절하여 형태 변형이 가능합니다.(기본값 0)

 


 

문자 툴 옵션 8. Character Panel 그 외 자세한 정보

* 기본 옵션 바에서 설정하지 못하는 글자의 자간, 행간, 비율 등을 조정할 수 있습니다.

* Window -> character 메뉴를 눌러도 꺼낼 수 있습니다.

 


 

8-1. 행간

* 행간 직접 설정시는 단축키 " Alt + ↑↓ " 를 이용합니다.

* 글자 크기에 따라 자동 변경으로 처리할떄는 Auto를 체크합니다.

크기80 / 행간 auto 크기 80 / 행간 80 크기 80 / 행간 100 크기 80 / 행간 60

 

 


 

8-2. 자간

* 자간 직접 설정시는 단축키 " Alt + → ← " 를 이용합니다.

* 글자 사이의 자간 값을 조정합니다. (기본값 0)

* 일반적으로 음수값(-)을 이용하여 가독성 좋게 자간을 좁혀서 사용합니다.

0 +50 -25 -50

 

 


 

8-3. 커서 기준 자간

* 커서 위치 기준으로 자간을 별도 설정합니다.(기본값 0)

* 자간 직접 설정시는 단축키 " Alt + → ← " 를 이용합니다.

H와 e 사이에 커서를 두고 500 이상 설정 시 적용 결과

 

 


 

8-4. 가로 세로 비율 조정

* 글자의 가로세로 비율을 조정합니다 (기본값 100%)

수직/수평 100% 수직 120% 수평 120%

 

 


 

8-5. 글자 기준선 위치 이동

* 기본값 0

* 위첨자, 아래첨자, 기준선 위치 이동한 디자인등을 만들 때 활용합니다.

0 -20 +20

 

 


 

8-6. 글자 꾸미기 추가 옵션

(왼쪽부터 순서대로)

굵기 - 기울기 - 모두 대문자 - 작은 대문자 - 위첨자 - 아래첨자 - 밑줄 - 취소선

* 굵기의 경우는 꼭 필요한 경우만 적용하고 가능하면 글자의 글꼴 옵션(2)에서 설정하는 걸 추천합니다.

* 모두 대문자와 작은 대문자는 영문에만 적용됩니다.

굵기 설정 시 (shop)의 경우

 

원본 모두 대문자 작은 대문자

 

원본 위첨자 아래첨자

 

기울기 밑줄 취소선
  Comments,     Trackbacks