본문 바로가기
디자인/무료 디자인 자습서

Adobe Illustrator에서 3D 로고를 만드는 방법

by 코코리★ 2018. 4. 23.
728x90


문서 준비

1 단계

먼저 다음 값을 사용하여 Adobe Illustrator에서 새 문서를 만듭니다.

01

 

2 단계

이제 50x50 픽셀을 측정하는 그리드를 만들고 Preferences> Guides and Grid에서 다음 값을 입력하십시오.

02

 

3 단계

마지막으로 그리드를 활성화 (보기> 그리드 표시)하고 그리드에 객체를 스냅합니다 (보기> 그리드에 맞추기).

03

로고의 기본 모양 만들기

이 단계에서는 로고의 구조를 기하학적 모양으로 그려 나중에 로고와 그라디언트를 적용 할 로고의 최종 모양을 정의 할 수 있습니다.

1 단계

Ellipse Tool (L)을 사용하여 채우기 색상이없는 대지 중앙에서 200x200 픽셀 타원을 그리기 시작합니다. 첫 번째 중간에 100x100 픽셀 크기의 다른 이미지를 만듭니다.

04

2 단계

첫 번째 두 개의 중심에 맞춘 새로운 타원 (150x150 픽셀)을 만들고 컴퓨터의 화살표 키로 두 번 오른쪽으로 이동하십시오.

이제 두 개의 직사각형을 만듭니다. 하나는 50x50 픽셀이고 다른 하나는 50x25 픽셀입니다. 각 타원의 가운데에 가운데를 놓습니다. 이것들은 우리 로고의 요령이 될 것입니다. 

05

3 단계

셰이프 구성 도구 (Shift + M)를 사용하여 모든 셰이프를 선택하고 병합하십시오. 먼저 아치의 첫 번째 부분을 채우기 색 (나중에 변경할 수 있음)과 병합하고 아치의 오른쪽 부분을 병합하여 마무리합니다. 그리고 이것이 우리가 겹쳐진 두 조각을 얻는 방법입니다.

우리가 필요로하지 않는 부분을 지우십시오.

06

4 단계

볼록 아치가 생길 때까지 직접 선택 도구 (A)를 사용하여 아래쪽 꼭지점을 둥글게 만듭니다. 두 도형의 선을 모두 제거하십시오.

07

모서리 그리기

우리는 이미 기본 쉐이프를 그렸습니다. 이제 로고를 약간 더 깊이 추가하기 위해 모서리를 그릴 수 있습니다. 

1 단계

그리드 스냅을 비활성화하고 0,50 px 키보드 증분을 추가하십시오. 환경 설정> 일반으로 이동하십시오. 아치의 왼쪽 부분을 선택하고 키보드로 왼쪽으로 10 번 움직여서 다시 보냅니다 (Object> Arrange> Send to back).

다른 부분을 복제 (Ctrl + C> Crtl + F)하고 오른쪽으로 10 번 이동하여 뒤로 이동하십시오. Shape Builder 도구 (Shift + M)를 사용하여 아치에서 원하지 않는 부분을 삭제하십시오.

 

08

 

09

2 단계

아치의 오른쪽을 선택하여 복제 한 다음 오른쪽으로 10 번 이동하여 다시 보냅니다 (오브젝트> 정렬> 뒤로 보내기). 구별하기 위해 더 어두운 채우기 색을 적용하십시오.

10

그라데이션과 투명성의 마법

기본 모양과 가장자리가 완성되면 이제 3D 효과를 얻기 위해 그라디언트, 투명도 레이어 및 경사 가장자리를 적용하여 마법을 추가해야합니다.

놀라운 결과를 얻으려면 다음 단계를주의 깊게 따르십시오. 가자!

1 단계

그라디언트 도구 (G)를 사용하여 선형 그라디언트를 왼쪽 부분에 적용하고 로고 뒷면에 ​​다른 부분을 적용합니다. 아치의 가장자리에 다른 그래디언트를 적용하십시오.

11

2 단계

상단 부분을 선택하고 복제 (Ctrl + C> Ctrl + F)하고 노란색으로 채 웁니다. 한 번 더 복제하고 빨간색으로 채 웁니다.

직접 선택 도구 (A)로 아치의 아래쪽 점을 선택하고 한 번 위로 이동하십시오. 빨간색과 노란색 레이어를 잡고 Pathfinder에서 Minus Front를 클릭하십시오.

13

3 단계

아치의 같은 부분을 사용하여 같은 과정을 반복하고 모서리를 사면 베벨 효과를 얻으십시오.

14

15 명

4 단계

투명 그라디언트로 경사를 채 웁니다. 0 % 그라디언트로 양쪽 끝을 흰색으로 칠하고 50 % 위치에 75 % 불투명도의 흰색 채우기를 적용합니다.

경사면을 따라 그라디언트를 모두 적용합니다.

16

반사 및 투명성

우리의 로고가 조금 더 사실적으로 보이기 시작했습니다. 아들은 이제 좀 더 사실감을 더하기 위해 약간의 반사와 빛을 추가합시다.

우리는 마무리에 가깝고 멋져 보인다!

1 단계

상단 부분을 두 번 복사하고 첫 번째 복사본에 노란색을 적용하고 두 번째 복사본에 빨간색을 적용하십시오.

Shift 키를 누른 채 두 번 왼쪽과 아래로 3 번 이동합니다. 양쪽을 선택하고 패스 파인더에서 마이너스 프론트를 클릭하십시오.

그라디언트 도구 (G)를 사용하여 50 % 불투명도에서 0 % 불투명도까지 흰색 그라디언트를 적용합니다.

17

2 단계

이전 단계에서 보여준 동일한 방법을 사용하여 도형의 위와 아래 부분에 후광을 만듭니다. 50 % 불투명도와 50 % 위치의 흰색 채우기를 적용하십시오.

18

3 단계

위쪽 부분을 한 번 더 복사하고 펜 툴 (P)로 커브를 그립니다. 동일한 경로를 따르십시오.

획과 겹침 부분을 선택하고 패스 파인더로 나눕니다. 오브젝트를 그룹 해제 (오브젝트> 그룹 해제)하고 나머지는 삭제하십시오. 흰색 그라데이션을 50 % 불투명도로 적용합니다.

19

4 단계

두 번 중복하여 노란색과 빨간색으로 채 웁니다. 펜 도구 (P)를 사용하여 중간에 앵커 포인트를 만들고 위로 이동하십시오.

프론트 마이너스가 다시 나타나면 새로운 후광을 얻고 흰색으로 채 웁니다 (50 % 불투명도).

20

5 단계

동일한 단계를 수행하고 상단 및 하단에 다른 반사를 추가합니다.

21

최종 단계

1 단계

로고 및 그룹을 선택하십시오 (Ctrl + G). 복제 (Ctrl + F)를 세로 및 가로로 (Object> Transform> Reflect) 뒤집고 모든 것을 정렬하여 N처럼 보이도록 만듭니다. 모든 것을 그룹화합니다.

22

2 단계

이제 Rectangle Tool (M)을 사용하여 배경을 만듭니다. 대지 (800x600 픽셀)와 비슷한 크기의 직사각형을 진청색으로 만드십시오. 다시 보내고 로고를 가운데에 놓습니다.

23

결론

그리고 우리는 끝났어!

이 모양을 가진 로고를 만드는 것이 매우 복잡해 보일 수도 있지만 실제로는 그렇지 않습니다. 실습의 문제 일 뿐이며 다른 모양에서 물건을 보는 것입니다. 그러면 기본 모양을 사용하여 놀라운 것을 만들 수 있습니다.

간단한 단계를 통해 우리는 매우 전문적인 모양을 얻었으며이 튜토리얼이 유용하다고 생각합니다. 이제 자신의 디자인을 만들 수 있습니다!

자신 만의 스타일을 시도해보고 그것에 대해 말해주세요! 내 소셜 미디어를 통해 내 작업을 수행하십시오!

728x90

댓글