본문 바로가기
Portfolio/design

포트폴리오 시작 - 로고제작

by chaen98 2021. 3. 26.
반응형

 

작년 여름방학 때부터 진행되었던 저의 포트폴리오 제작기를 오늘부터 하나씩 정리해볼까 합니다.

디자인을 전공하지 않아서 디자인적으로는 많이 부족한걸 저 또한 잘 알고 있습니다.

구독자님들이나 방문자들 중에서 디자인을 전공하신 분들이나 관심이 많으신 분들이 많이 들어와서 조언을 해주시면 저에게 많은 도움이 될 거 같아서 부끄럽지만 이렇게 정리해볼까 합니다.

 

포트폴리오를 시작하기 전에 나만의 로고를 제작을 제일 먼저 했던 거 같네요

로고를 어떻게 만들까 고민을 많이 하다가 고딕체와 필기체를 겹쳐서 만들면 이쁠 거 같아서 일러스트를 이용해서 제작을 해보았습니다.

 

함께 만드는 과정을 같이 보시죠 :)

 

 

포트폴리오 로고이미지

 

위에 있는 로고가 저의 포트폴리오에서 사용된 저의 로고입니다.

이와 같이 고딕체와 필기체를 같이 사용하여서 멋있는 로고를 한번 같이 만들어봅시다.

 

준비물

고딕체 글꼴, 필기체 글꼴
(여기서 글꼴이 꼭 고딕, 필기일 필요는 없다. 원하는 글꼴 두개준비)

일러스트레이터

(일러스트또한 버전은 상관이 없다. 패스파인더만 가능하면된다)

 

준비물이 다 준비가 되었으면 일러스트레이터를 실행을 시켜 시작해봅시다.

 

 

1. 원하는 폰트 두 개로 원하는 글씨를 쓴다.
(제가 사용한 글꼴은 Everything Calligraphy, Mermaid Bold입니다. 글꼴은 다폰트에서 다운로드한 폰트입니다.)

1단계 : 원하는 글꼴로 글씨쓰기

 

 

2.  원하는 위치로 두 개의 폰트를 겹쳐준다
(색상변경은 나중에도 가능하지만 지금 단계에서 미리 잡고 가는 것도 괜찮습니다.)

2단계 : 원하는 위치에 겹치기

 

 

3.  폰트를 깨주기 위해서 두 개의 폰트를 선택하고 오른쪽 마우스 → Create Outlines
(아웃라인 만들기 단축키는 shift+ctrl+O)

3-1단계 : 아웃라인 만들기

3-2단계 : 아웃라인 완성

 

4. 3-2단계처럼 아웃라인으로 만든 두 개의 글씨를 선택한 후 패스파인더 divide를 이용하여 쪼개기
(패스파인더 작업창이 안 보이면 상단에 window → Pathfinder)

4단계 : 패스파인더 divide 사용

 

5. 패스파인더를 사용하게 되면 두 개의 글씨가 하나로 그룹이 된다. 그 그룹을 풀어줘야 한다
(오른쪽 마우스 → Ungroup, 단축키는 shift+ctrl+G)

5-1단계 : Ungroup을 해준다

5-2단계 : 그룹해지로 개별 선택가능

 

5. 마지막 단계로 필기체 글씨가 앞으로 뒤로 왔다 갔다 하는 것처럼 해당 부분 색상변경
(shift를 누르면서 뒤로 보낼 요소들을 선택한 후 색상 선택은 스포이드를 이용하여 적용
)

6-1단계 : 뒤로 보낼 요소들 선택

6-2단계 : 고딕체 색상인 검정색을 선택한 요소들에게 적용

 

완성된 로고

이런 방식으로 필기체, 고딕체가 아닌 글꼴로도 이쁜 로고를 만들 수 있지 않을까요?

포트폴리오 로고를 보면 필기체의 색상이 금색 그라데이션으로 되어있는데 이 부분은 아웃라인으로 만들고 나서 원하는 색상으로 변경을 하시면 됩니다.

금색 그라데이션은 구글에 검색을 하시면 AI 파일로 다운을 받을 수 있습니다.

 

제가 다운 받은 블로그입니다. 해당 블로거님께 허락을 받고 업로드합니다. 다시한번 감사합니다^^

0300am.tistory.com/7

 

금색,금속 그라데이션 나눔 [일러스트/벡터/AI 다운로드]

            금색,금속 그라데이션 나눔 [일러스트/벡터/AI 다운로드]           ※금색, 금속 그라데이션 나눔 [일러스트/백터/AI 원본파일 다운로드] 금색 그라데이션과 금속 느낌의

0300am.tistory.com

 

ps. 포트폴리오의 필기체랑 방금 같이 만든 필기체와 다르지만 방금 만든 로고의 필기체가 더 이쁜 거 같네요..ㅎㅎ

 

반응형

댓글