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

[일러스트] 달 이모티콘 아이콘을 만드는 방법

by 코코리★ 2018. 6. 9.
728x90

너무 오래 전, 우리는 귀여운 지구의 이모티콘을 만드는 것이 얼마나 쉬운지를 보았습니다. 오늘, 우리는 달에있는 졸린 남자를위한 달 이모티콘 아이콘을 만드는 법을 배우면서 프로젝트에 추가 할 것입니다.

그래서, 당신은 이미 자신에게 신선한 커피 한잔을 붓고 있다고 가정 해 보자.

자습서 세부 사항 : 달 이모티콘 아이콘

  • 프로그램 : Adobe Illustrator CS6 - CC 2018
  • 난이도 : 초보자
  • 다루는 주제 : 디자인 이론, 작곡, 모양 정렬, 그리드 위치 지정
  • 예상 완료 시간 : 25 분

최종 이미지 : 달 이모티콘 아이콘

1 단계

언제나 그렇듯이 파일> 새로 만들기 (또는 Control-N 키보드 단축키 사용) 로 이동하여 새 문서를 설정하여 프로젝트를 시작할 수 있습니다.이 단축키는 다음과 같이 조정됩니다.

  • 대작의 수 : 1
  • 너비 : 128 px
  • 높이 : 128 px
  • 단위 : 픽셀

그리고 고급 탭에서 :

  • 색상 모드 : RGB
  • 래스터 효과 : 스크린 (72ppi)
  • 미리보기 모드 : 기본값

빠른 팁 : 문서의 프로파일 을  으로 설정하면 지시 된 설정 대부분이 자동으로 트리거 될 수 있습니다. 수동으로 조정해야하는 것은 대지의 크기 ( 너비 x 높이 ) 뿐입니다 .

2 단계

# 3D4763을 사용하여 색상 을 지정 하고 참조 이미지에 표시 되는 기본 대지 의 중앙에 배치 하여 120 x 120 픽셀 서클을 사용하여 배경을 작성하여 실제 아이콘 작업을 시작하십시오 .

3 단계

더 작은 64 x 64 픽셀 서클을 사용하여 본문에 대한 기본 모양을 작성하여 위성 작업을 시작합니다. # C1CDE5를 사용하여 색상 을 지정하고 기본 배경에 가운데 정렬합니다.

4 단계

행성의 기본 모양의 사본 ( Control-C> Control-F )을 사용하여 상단 강조 표시의 기본 모양을 만듭니다. 방향 화살표 키 또는 이동 도구를 사용하여 4 px 거리만큼 아래로 밀 겁니다 오른쪽 클릭> 변형> 이동> 세로> 4 픽셀 ).

5 단계

직접 선택 도구 (A)를 사용하여 아래쪽 앵커 포인트 를 선택한 다음 Delete 키 를 눌러 즉시 제거 하면 중복 경로가 열립니다 . 그런 다음 펜 도구 (P) 를 사용하여 참조 이미지에 표시된대로 위쪽 섹션에 대한 새 선을 그려 결과 모양의 경로를 닫습니다.

6 단계

결과 모양의 색상을 흰색으로 설정하고 ( #FFFFFF ), Opacity 레벨을 40 %로 낮추고 , Moon 본체의 복사본 ( Control-C )을 사용하여 마스크를 마스크합니다 Control-F ) 두 셰이프 모두를 선택하고 오른쪽 클릭> 클리핑 마스크 만들기를 선택 하십시오 .

7 단계

Next, create the eyes using two 8 x 8 px circles with a 4 px thick Stroke (#3D4763), which we will adjust by removing their upper halves, making sure to set the resulting paths’ Cap to Round. Once you’re done, horizontally distance the two at 4 px from one another, grouping (Control-G) and then positioning them as seen in the reference image.

Step 8

Add the mouth using a 4 x 4 px circle (#3D4763), which we will position below the left eye at a distance of 8 px, making sure to select and group (Control-G) all three shapes together afterwards.

Step 9

불투명도 를 28 x 6 px 줄임표 ( # 3D4763 ) 개를 사용하여 작성하고 불투명도 를 28 % 로 낮추어 조정 한 다음 참조 이미지에 표시된대로 양쪽에 배치하십시오. 일단 그 자리에 모양이 있으면, 다음 단계로 넘어 가기 전에 모든 행성의 구성 부분을 함께 그룹화 ( Control-G )하십시오.

10 단계

4 픽셀 스트로크 ( # 5FD6D6 )와 라운드  이있는 두 개의 12 x 16 픽셀의 직사각형을 사용하여 손을 추가합니다 . 그러면 경로를 열고 해당 코너의 반경을 라이브 코너를 사용하여 8 픽셀 로 설정합니다. 수단. 작업이 완료되면 결과 모양을 큰 행성 아래에 배치합니다 ( 오른쪽 클릭> 정렬> 뒤로 보내기 ). Control-G 키보드 단축키를 사용하여 구성하는 모든 모양을 선택하고 그룹화하십시오 .

11 단계

행성의 손과 몸의 복사본 ( Control-C )을 사용하여 그림자를 빠르게 추가합니다 Control-B ). 뒤에서 ( Ctrl-B ) 붙여 넣기 한 다음 색상을 # 3D4763 으로 설정하여 조정 합니다. 손 에 4 px , 본체에 8 px 의 거리 .

12 단계

그랩 펜 공구 (P)를 및 사용 2 PX 두꺼운 스트로크 ( # F0F4FC를 으로) 모자 및 가입 설정 라운드두 그릴 4 × 4 픽셀의 된 바와 같이 입구의 우측에 그 위치, Z 문자 참조 이미지.

13 단계

사용하여 작은 일 추가하여 프로젝트 자체 아이콘과 마무리 8 × 8 픽셀의 원 ( # FFDA66를 로모그래퍼) 20 % 불투명도 우리는 작은 추가 할 위에 바깥 빛에 대한, 4 × 4 픽셀의 하나를 ( # FFDA66 ). 작업이 완료되면, 그룹 ( 제어-G ) 및 선택해야하고 그룹 (만들기, 배경의 오른쪽 상단 부분에 두 개의 위치를 제어-G 그 저장 버튼을 타격하기 전에) 아이콘의 구성 형태를 모두.

훌륭한 일!

항상 그렇듯이이 작은 프로젝트를 진행하면서 재미있게 지내기를 바랄뿐입니다. 질문이 있으시면 댓글 섹션에 게시하여 최대한 빨리 답변 해 드리겠습니다.

728x90

댓글