세상을 아름답게 만드는 디자인

안녕하세요 우타냥입니다ㅎ

오늘은 타이포그래피(Typography)만드는 작업을 해볼까 합니다

타이포그래피가 무엇인지 네이버에 검색을 해 보면

활판술. 활자 서체의 배열을 말하는데 특히 문자 또는 활판적 기호를 중심으로 한 2차원적 표현을 칭한다. 뜻이 바뀌어 사진까지도 첨가하여 구성적인 그래픽 디자인 전체를 가리키고 일반의 디자인과 동의어 같이 쓰이는 일도 있다. 서양의 활판술 발명 이전의 양식을 지금도 계승하고 있으나 바우하우스를 중심으로 하는 근대 타이포그래피는 구성주의적인 창작에 의하여 옛 형태를 타파하고, 점차 기능적인 표현을 행하여 디자인의 한 분야가 되었다. 한편 조본(造本)을 중심으로 하는 고전적인 기법과 유기적 ∙ 유동적인 아메리칸 타이포그래피 등도 있다

라고 지식백과에 설명이 장황하게 나오지만 한마디로 말하자면 그냥 글자로만 표현하는 디자인입니다.

오늘은 간단하게 이런 방법을 통해서 만든다...라는 만드는 방식에 관해서만 설명을 할게요

우선 일러스트 키시고 새로운 도큐먼트를 불러옵니다

아이스바 모양의 도형을 만들어 글자를 집어 넣는 걸 보여드릴게요

도형을 하나 그리는데 선은 없고 면만 있게 선택을 한 뒤에 긴 직사각형을 하나 그려줍니다

선으로 된 모양을 마우스로 클릭하면 선이 앞으로 나오고 밑에 작은 네모상자 3개(색상, 그라디언트, 없음) 중 없음을 클릭하면 선이 없게 만드는 것이 가능해요

그리고 도형이 선택이 된 상태에서 상단의 메뉴바에 Effect -> Stylize -> Round Corners 의 경로로 들어갑니다

Round Corners는 말 그대로 사각의 꼭지점을 둥글게 만들어 주는게 가능한데 둥글게 만드는 그 수치를 얼마만큼 주고 싶은지 설정하는게 가능해요

Preview를 클릭하면 미리보기가 가능하여 도형이 변하는 것을 보며 수치조절을 해 줄수가 있습니다

이렇게 만드는 방법도 있고 도형툴을 선택할 때 애초에 Rounded Rectangle Tool을 클릭해서 만들어 줘도 됩니다

Rounded Rectangle Tool을 클릭해 마우스로 드래그를 한 상태(마우스를 놓으면 이미 도형이 만들어지기 때문에 마우스를 놓지 않은 상태에서 조절해야합니다)에서 ▼, ▲ 위아래 방향키를 누르는 걸로 인해 코너를 조절해 줘서 만든 방법 이렇게 2가지가 있습니다

동그란 아이스바 모양처럼 도형을 하나 만들어 주었다면 다시한번 사각형툴을 이용해 사각 박스를 만들어 주는데요 이번에는 면이 없고 선이 있는 상태에서 만들어 주세요 이 사각박스를 넣을 글자 수만큼 만들어 줄거에요

저는 '아이스바' 라는 4글자를 넣을거라서 막스를 4개를 만들어 주었어요ㅎㅎ

복사할려면 단축키 Alt를 누르면 되죠?

처음에 만든 사각 박스를 클릭하고 Alt키를 누르고 있는 상태에서 사각박스를 눌러 옆으로 이동시키는데 이때 Shift를 같이 누르면 평행하게 직선방향으로 이동이 가능하죠!

그리고 Ctrl + D를 눌러서 반복을 실행시키면 Alt를 눌러서 또 복사해줘야 되는 행위를 안해줘도 됩니다

이게 어려우시면 박스선택하고 Ctrl + C를 누르고 Ctrl + F를 눌러 그자리에 붙여넣기 한 다음 Shift를 눌러 평행되게 옆으로 이동시켜 주는 방법도 있으니 편하신 방법을 사용하시면 됩니다

그리고 박스가 도형에 딱 안맞는게 신경쓰인다면 박스만 전체선택을 하신 후 조절만 해 주면 크게 문제될게 없죠?ㅎㅎ

박스만 전체 선택할 때는 박스만 잡히게 드래그를 해도 되고, Shift를 눌러서 박스 하나하나 클릭해서 추가 선택해도 되고 전체선택한 뒤에 Shift를 눌러 안에 도형만 클릭하면 도형만 쏙 빠지게 되고 박스만 선택이 되게하는 방법 3가지가 있어요 이것 역시 편한 방법을 선택하셔서 하면 됩니다

그 다음 도형을 네모박스만큼 잘라줄거에요

상단의 메뉴바 Window -> Pathfinder로 들어가서 창을 하나 꺼내주시고  Divide를 눌러서 잘라줄건데요 그전에 도형을 Expand를 해줄거에요

도형만 클릭하고 상단의 메뉴바에 Object -> Expand Appearance 의 경로로 들어가서 클릭해주세요

위에가 Expand를 하고 Divide를 눌러 잘라주었을 때이고 밑에가 Expand를 하지않고 잘라주었을 경우입니다

Expand를 하지않으면 기껏 만든 도형의 모양유지가 되지 않으니 꼭 해주어야합니다

그리고 Divide를 해주었을 때면 도형이 하나의 그룹으로 묶여버리기 때문에 꼭 그룹을 풀어주어야만 해요

도형을 클릭하고 오른쪽마우스를 누른뒤에 Ungroup을 눌러 그룹을 풀어줍니다

그 뒤에는 Shift를 눌러 사용할 도형만 전체 클릭하여 밑으로 빼내어 주고 쓸데없는 건 전부 지워주세요

그다음 안에 집어넣을 글자를 써주세요

글자를 쓴 뒤에는 오른쪽 마우스를 눌러 Create Outlines를 눌러서 글씨를 깨주세요

글씨를 깨주면 이렇게 글씨에 포인터들이 생기면서 면으로 인식이 되기 시작합니다

이때도 그룹화되어 있기 때문에 꼭 오른쪽마우스를 눌러 Ungroup을 눌러 각각 따로 선택이 되도록 그룹을 풀어줍니다

그 다음 '아' 글씨만 선택하여 첫번째 도형 위로 옮겨준 뒤 도형이 위로 올라오게 만들어 줍니다

도형만 선택하여 오른쪽마우스를 누르고 Arrange -> Bring to Front를 클릭해 도형이 위에 올라오게 위치를 바꿔줍니다

알기쉽게 보여드리기 위해 하나 복사를 해서 드래그를 했는데요

글씨는 보이지 않지만 드래그를 해보면 밑에처럼 '아'라는 글씨의 포인터가 잡히는게 보이죠?

이 상태에서 글씨를 도형에 맞게 넣어주는 것만 하면 끝이에요

도형과 글씨를 같이 드래그 해준 뒤 상단의 메뉴바에서 Object -> Envelope Distort -> Make with Top Object 의 경로로 들어가서 클릭하면 끝!

단축키는 Alt + Ctrl + C

요렇게 도형모양에 맞게 글씨가 들어가게 되었어요

이런식으로 타이포그래피를 만들어줄 수가 있어요ㅎ

오늘은 만드는 방법만 설명드리기 위해 이렇게 간단하게 만들었는데 다음에는 좀 더 예쁜 디자인으로 만드는 방법을 보여드릴게요