종료
  • 글로벌 커뮤니티
    • 언어:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    일본어 사용자를 위한 전용 커뮤니티
  • 한국 커뮤니티
    한국어 사용자를 위한 전용 커뮤니티

일러스트로 타이포그래피 오브젝트 만들기(Typography)

Adobe 직원 ,
Feb 26, 2025 Feb 26, 2025

클립보드로 링크 복사

복사됨

일러스트 -타이포 그래피 만들기(Typography)

 

 

 

 

타이포그래피(typography)란? 

타이포그래피(Typography)란

typography의 어원은 그리스어의 두 단어 τύπος(typos, 표시)와 γράφω(grapho, 쓰다)에서 유래된 조어입니다.  

따라서 타이포그래피는 문자나 글자를 표시하고 쓰는 과정을 포괄적으로 나타내는 용어로, 그 자체로 글자의 형식과 배열, 디자인을 포함하는 개념으로 자리잡게 되었습니다. 

이는 문서, 웹사이트, 브로셔, 광고 등 다양한 매체에서 텍스트를 효과적으로 전달하고, 독자의 시각적인 인식과 경험을 향상시키기 위해 중요한역할을 합니다. 

 

타이포그래피의 주요 구성 요소에는 다음이 포함됩니다:

  1. 폰트 종류(Font Type): 세리프체, 산세리프체, 스크립트체 등 다양한 폰트 스타일이 있습니다.
  2. 폰트 크기(Font Size): 텍스트의 가독성을 결정짓는 중요한 요소입니다.
  3. 줄 간격(Line Spacing): 글자와 글자 사이의 공간을 조절하여 읽기 편하게 만듭니다.
  4. 자간(Tracking): 문자와 문자 사이의 간격을 조절하는 것입니다.
  5. 정렬(Alignment): 텍스트가 왼쪽, 오른쪽, 중앙 또는 양쪽 정렬되는 방식을 말합니다.
  6. 위치(Positioning): 텍스트가 페이지 내에서 어떻게 배치되는지를 나타냅니다.

타이포그래피는 단순한 텍스트의 배열을 넘어, 정보의 전달뿐만 아니라 브랜드 이미지, 감정, 메시지의 무드 등을 표현 예술이라고 할 수 있습니다. 

 

무궁한 창의적인 디자인을 기대하며, 이번 컨텐츠에서는 아래 그림과 같은 디자인의 타이포그래피를 어떻게 제작하는지를 설명합니다. 

 

nanlee_266_3-1740645599790.pngexpand image

 

 

 

 

1. 준비단계

어떤 타이포그래피를 제작하고싶은지 구상을 하고,  그것에 맞는 이미지를 준비합니다.
 
1. 아래와 같이 간단한 이미지를 준비합니다.
(*Adobe stock 에서 준비한 이미지입니다.) 
nanlee_266_1-1740644289087.pngexpand image

 


 

 

2. 타이포그래피에 들어갈 폰트도 준비합니다. adobe font 사이트에서 추가한 폰트는

이래 하단의 그림처럼 구름 모양을 클릭 > 다운로드한 전체 어도비폰트를 확인할 수 있습니다. 

폰트 다운로드 관련하여서는 아래 참조를 통해 확인할 수 있습니다. 

 

nanlee_266_1-1740640316208.pngexpand image

 

 

2. 구역 나누기

대부분의 이미지가 그렇듯 매끄럽지 않고 울퉁불퉁한 구역이 있을 것 입니다. 

이부분을 어떻게 나눌지 구상하고,  여러 도구툴을 사용하여 구역을 나눠봅니다. 

 

①물방울 브러쉬를 사용하여 구역을 나눠봅니다.

 

물방울 브러쉬는 일반 브러쉬와 다르게 면이 채워지는 브러쉬입니다, 도구를 사용하면 붓글씨 브러쉬로 칠한 다음 교차하거나 누적 순서가 인접한 같은 색상으로 칠해진 개체와 병합되는 칠 모양으로 브러쉬 칠을 확장할 수 있습니다. 

🧡참조 : 
물방울 브러쉬 도구 지침
[물방울 브러쉬]
물방울 브러시 도구를 사용하여 채워진 모양 그리기

물방울 브러쉬 도구를 더블클릭하면 아래와 같이 도구 옵션창에서 조절할 수 있습니다.

 

nanlee_266_2-1740641122874.pngexpand image

 

 ㄱ. 구역 잡기

 

nanlee_266_2-1740626384130.pngexpand image

nanlee_266_3-1740626495880.pngexpand image


ㄴ. 패쓰 파인더 사용하여 나누기

 

nanlee_266_4-1740626545462.pngexpand image

 

ㄷ. 그룹을 풀고 (ctrl+shfit+g) 나눠진 이미지를 제외한 기타 부분은 삭제

nanlee_266_5-1740626637114.pngexpand image

 

2. 펜툴을 사용하여 구역 잡기

 

여기서 추가적으로 더 세밀하게 구역이 잡을 필요가 있습니다. 강아지의 다리부분이 아무래도 표현하기

어려울 수 있어보여서 추가로 더 구역을 잡아보겠습니다. 

 

nanlee_266_3-1740642572771.pngexpand image

 

 nanlee_266_13-1740628527771.pngexpand image

 

마찬가지로 패스파인더를 사용하여 나눠보겠습니다. 

 

nanlee_266_14-1740628595810.pngexpand image




3.타이포그래피를 위한 작업

 

① 이제,  다 나눠졌으면 나눠진 오브젝트들을 맨 앞으로 보내주세요. 

 

nanlee_266_0-1740642435987.pngexpand image

RuccaCina_0-1740646583273.pngexpand image

 

②  오브젝트에 텍스트를 적용 합니다.

강아지의 몸통으로 예시를 들자면,  텍스트와 몸통 오브젝트를 같이 선택하고

오브젝트에서> 둘러싸기 왜곡> 최상위 오브젝트에 맞추기를 눌러주세요. 

 

nanlee_266_4-1740642819240.pngexpand image

 

그러면 아래 우측 그림처럼 글자가 적용된 오브젝트를 만들 수 있습니다!

 

nanlee_266_6-1740643050463.pngexpand image

 

전체적으로 다 적용을 시켜보자면, 아래 그림처럼 나오게 됩니다. 

완료되면 매끄럽지 않은 부분들을 다듬어 줍니다.

 

RuccaCina_1-1740646650549.pngexpand image

 

글자를 수정할 수 있고,  위치를 조정할 수 있습니다. 

 

 nanlee_266_2-1740643261422.pngexpand image

 

 조금 더 이쁘게 다듬어주고,

흑백 반전을 원하는경우 흰색의 네모난 오브젝트를 생성후, 전체 오브젝트 선택

 

nanlee_266_8-1740643489135.pngexpand image

 

 

nanlee_266_10-1740643605411.pngexpand image

 

편집> 색상 편집> 색상 반전을 하게되면, 

 

nanlee_266_9-1740643600589.pngexpand image

 

아래 그림과 같은 결과물을 얻을 수 있습니다. 

nanlee_266_2-1740645593983.pngexpand image


필요하다면 오브젝트 확장을 통해 이미지화하여 사용해 볼 수 있습니다. 

 

참고 문서

 

Picture 1.pngexpand image

도움이 되셨다면 좌측상단의 투표 아이콘을 클릭해 주세요.

컨텐츠 발행과 앱 사용 경험을 개선하는데 큰 도움이 됩니다!

 

 

조회수

37
번역

신고

신고
커뮤니티 가이드라인
게시판 이용시 매너를 지켜주세요. 콘텐츠의 원본 출처를 밝혀 주세요. 중복되는 질문이 있는지 확인해보신 후 게시물을 작성해주세요. 자세히 알아보기
community guidelines
no replies

추가할 사항이 있으신가요?

대화 참여