포토샵 글자디자인 (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 등이 있습니다.
문자 툴 옵션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 + → ← " 를 이용합니다.
8-4. 가로 세로 비율 조정
* 글자의 가로세로 비율을 조정합니다 (기본값 100%)
수직/수평 100% | 수직 120% | 수평 120% |
![]() |
![]() |
![]() |
8-5. 글자 기준선 위치 이동
* 기본값 0
* 위첨자, 아래첨자, 기준선 위치 이동한 디자인등을 만들 때 활용합니다.
0 | -20 | +20 |
![]() |
![]() |
![]() |
8-6. 글자 꾸미기 추가 옵션
(왼쪽부터 순서대로)
굵기 - 기울기 - 모두 대문자 - 작은 대문자 - 위첨자 - 아래첨자 - 밑줄 - 취소선
* 굵기의 경우는 꼭 필요한 경우만 적용하고 가능하면 글자의 글꼴 옵션(2)에서 설정하는 걸 추천합니다.
* 모두 대문자와 작은 대문자는 영문에만 적용됩니다.
원본 | 모두 대문자 | 작은 대문자 |
![]() |
![]() |
![]() |
원본 | 위첨자 | 아래첨자 |
![]() |
![]() |
![]() |
기울기 | 밑줄 | 취소선 |
![]() |
![]() |
![]() |