다음 자습서에서는 Adobe Illustrator에서 간단한 동전 아이콘을 만드는 방법을 배우게됩니다.
처음에는 새 문서를 준비하는 방법, 간단한 눈금을 설정하는 방법 및 패턴을 만들고 저장하는 방법을 배우게됩니다. 몇 가지 기본 도형, 간단한 텍스트 및 아주 간단한 3D 돌출 및 경사 효과부터 시작하겠습니다.
그런 다음 모양 패널을 최대한 활용하고 기본 블렌딩 및 벡터 모양 작성 기술을 사용하여 저장된 패턴과 일부 효과를 사용하여 색상, 음영 및 하이라이트를 추가하는 방법을 배우게됩니다. 마지막으로, 당신은 Artolor Recolor 옵션을 사용하여 전체 동전을 얼마나 쉽게 색칠 할 수 있는지 배우게됩니다.
최종 이미지
언제나처럼, 이것이 우리가 만들게 될 최종 이미지입니다.
자습서 세부 정보
- 프로그램 : Adobe Illustrator CS5
- 예상 완료 시간 : 45 분
- 난이도 : 초급 - 중급
1 단계
히트 명령 + N을 새 문서를 만들 수 있습니다. 너비 상자에 600을 입력하고 높이 상자에 400을 입력 한 다음 고급 단추를 클릭하십시오 .
RGB , Screen (72ppi)을 선택 하고 [ OK] 를 클릭하기 전에 [ 픽셀 격자에 새 객체 정렬] 상자가 선택 해제 되어 있는지 확인하십시오 . 그리드 ( 보기> 그리드 표시 ) 및 그리드 에 스냅 ( 보기> 그리드에 맞추기)을 활성화하십시오 .
우선 당신은 그리드의 모든 필요 x 1 픽셀을 그렇게 간단로 이동 > 환경 설정을 편집> 가이드> 그리드 , 입력 1 에 눈금 선 모든 상자와 1 에 세분 상자.
또한 정보 패널 ( 윈도우> 정보 )을 열어 모양의 크기와 위치가 포함 된 실시간 미리보기를 열어야합니다 . 편집> 환경 설정> 단위> 일반에서 단위 를 픽셀로 설정하는 것을 잊지 마십시오 . 이 모든 옵션을 통해 작업 속도가 크게 향상됩니다.
2 단계
사각형 도구 (M)를 선택하고 툴바에 초점을 맞 춥니 다. 스트로크에서 색상을 제거한 다음 채우기를 선택하고 색상을 검정색으로 설정합니다. 대지로 이동하여 1px 크기의 사각형을 만들면 그리드에 맞춤이 작업을 쉽게 수행 할 수 있습니다.
사각형 도구 (M)를 계속 하고 두 번째 1px 사각형을 만듭니다 . 흰색으로 채우고 첫 번째 이미지 에서처럼 검은 색 사각형 바로 옆에 놓습니다.
사각형 도구 (M) 가 여전히 활성 상태 인지 확인 하고 세 번째 1px 사각형을 만듭니다 . 흰색 사각형 옆에 놓고 채우기 또는 획에 대한 색이 설정되지 않았는지 확인하십시오.
세 개의 사각형을 모두 선택하고 견본 패널 ( 윈도우> 견본 ) 안으로 드래그 하면 간단한 패턴으로 저장할 수 있습니다. 견본 패널에서 새 패턴을 볼 수 있으면 아트 보드에서 작은 사각형을 제거 할 수 있습니다.
3 단계
은 Using 직사각형 도구 (M) , 크리에이트 60 픽셀에서 , 원은 스트로크에 설정된 어떤 색이없는 것을 확인하고 그것을 채울 R = 57 G = B = 181 (74) .
4 단계
녹색 원이 여전히 선택되어 있는지 확인하고 [ 효과]> [3D]> [밀어 내기 및 경사] 로 이동합니다 . 추가 옵션버튼을 클릭하고 다음 이미지에 표시된 모든 등록 정보를 입력 한 다음 확인을 클릭하십시오 .
오브젝트> 모양 확장으로 이동 하십시오 .
5 단계
[ 레이어] 패널 ([ 윈도우]> [레이어] ) 에 포커스를 맞춘 다음 클리핑 마스크에 도달 할 때까지 기존 그룹으로 드릴 다운합니다 . 그것을 제거한 다음 전체 그룹을 선택하고 Shift + CTRL + G를 네 번 눌러 해당 그룹과 하위 그룹을 제거하십시오. 결국에는 두 개의 녹색 모양이 있어야합니다. 더 어두운 것을 선택하고 앞에서 사본을 만듭니다 ( CTRL + C> CTRL + F ).
이 사본을 아래쪽의 녹색 모양과 함께 선택하고 정렬 패널 ( 윈도우> 정렬 )을 연 다음 세로 정렬 아래쪽 버튼을 클릭하기 만하면 됩니다.
이 단계에서 만든 복사본을 다시 선택하고 채우기에 사용 된 진한 녹색을 R = 127 G = 128 B = 129로 바꿉니다 .
6 단계
이전 단계에서 만든 회색 모양이 선택된 상태로 유지되었는지 확인한 다음 뒤쪽으로 보내십시오 ( Shift + Ctrl + [] ).
Appearance 패널 에 초점을두고 Add New Fill 버튼을 사용하여 두 개의 새로운 채우기를 추가 합니다 (다음 그림의 작은 파란색 화살표로 표시).
바닥 채우기를 선택의 낮은 불투명도 를 10 % 및 이동 효과> 경로> 오프셋 경로 . 3px 오프셋을 입력하고 확인을 클릭하십시오.
효과> 흐리게하기> 가우시안 흐림 효과로 이동하십시오 . 3px 반경을 입력하고 확인을 클릭하십시오.
[ 모양] 패널로 돌아가 가운데 채우기를 선택하고 불투명도 를 10 %로 낮추고 [ 효과]> [패스]> [패스 오프셋]으로 이동합니다 . 3px 오프셋을 입력하고 확인을 클릭하십시오.
[모양] 패널로 돌아가서 위쪽 채우기를 선택하고 불투명도 를 25 %로 낮추고 [ 효과]> [패스]> [패스 오프셋]으로 이동합니다 . 1px 오프셋을 입력하고 확인을 클릭하십시오.
7 단계
그리드에 맞추기 ( 보기> 그리드에 맞추기)를 해제하고 편집> 환경 설정> 일반으로 이동 하여 키보드 증가가 1px로 설정되어 있는지 확인하십시오 .
아래쪽의 녹색 모양을 선택하고 앞에 두 개의 사본을 만듭니다 ( Ctrl + C> CTRL + F> CTRL + F ).
상단 복사본을 선택하고 키보드에서 위쪽 화살표를 사용하여 1px 위로 이동하십시오.
두 복사본을 모두 다시 선택하고 패스 파인더 패널 ( 윈도우> 패스 파인더 )을 열고 패스 파인더 패널 에서 마이너스 프런트 버튼을 클릭합니다 .
결과 모양을 R = 127 G = 128 B = 129로 채운 다음 불투명도 를 15 %로 낮추고 혼합 모드 를 컬러 번으로변경하십시오 .
8 단계
아래쪽의 녹색 모양을 선택하고 앞에 두 개의 사본을 만듭니다 ( Ctrl + C> CTRL + F> CTRL + F ).
상단 복사본을 선택하고 키보드의 위쪽 화살표를 사용하여 3px 위로 이동하십시오.
두 사본을 다시 선택 하고 패스 파인더 패널 에서 마이너스 전면 버튼을 클릭하십시오 .
결과 모양을 R = 127 G = 128 B = 129 로 채우고 불투명도 를 10 %로 낮추고 혼합 모드 를 컬러 번으로변경하십시오 .
9 단계
하단의 녹색 모양을 다시 선택하고 모양 패널 에 초점을 맞 춥니 다 . 먼저 채우기에 사용 된 평면 색상을 다음 그림에 표시된 선형 그래디언트로 바꿉니다. 그라디언트 이미지 의 흰색 숫자는 위치 비율의 약자입니다.
그런 다음 모양 패널 의 아래쪽에있는 동일한 새 Add Add 단추를 사용하여이 도형의 두 번째 채우기를 추가해야합니다 . 이 새 채우기를 선택하고 불투명도 를 20 %로 낮추고 혼합 모드 를 부드러운 빛으로 변경 하고 두 번째 단계에서 저장된 패턴을 추가하십시오.
이 모양이 선택되어 있는지 확인한 다음 그래픽 스타일 패널 ( 윈도우> 그래픽 스타일 )을 열고 새 그래픽 스타일 버튼 (다음 이미지의 작은 파란색 화살표로 표시)을 클릭하기 만하면 됩니다.
10 단계
눈금에 맞추기 ( 보기> 눈금에 맞추기)를 활성화하십시오 . 이 단계 에서는 1px마다 그리드 가 필요 하므로 편집> 환경 설정> 안내선 및 격자 로 이동하여 모든 눈금 선 상자에 1 을 입력하십시오 .
은 Using 타원 도구 (L) , 크리에이트 60 픽셀의 원형과 제 화상에 나타낸 바와 같이 배치. 아무 것도 입력하지 않고 3pt를 입력 합니다. 색상을 R = 255 G = 222 B = 23으로 설정 하고 안쪽에 정렬 한 다음 오브젝트> 패스> 윤곽선 획으로 이동하십시오 .
Type Tool (T)로 전환하고 Artboard를 클릭하여 "V"를 추가하십시오. 크기가 35pt로 설정되고 색상이 R = 255 G = 222 B = 23 인 Copperplate Gothic Bold 글꼴을 사용하십시오 . 이 텍스트가 선택되어 있는지 확인하고 Shift + Ctrl + O를 누르 십시오 (또는 유형> 외곽선 작성으로 이동 ).
이 단계에서 만든 두 가지 모양을 모두 선택하고 선택 도구 (V)를 선택 하고 원 테두리를 클릭 한 다음 (강조해야 함) 정렬 패널 에서 가로 맞춤 센터 및 세로 맞춤 센터 버튼을 클릭합니다 . 결국 네 번째 이미지에서와 같이 보일 것입니다.
노란색 도형을 다시 선택하고 복합 경로로 변환하십시오 ( Object> Compound Path> Make 또는 CTRL + 8 ).
11 단계
"gridline every 5px"(으)로 돌아 가기 위해서는 Edit> Preferences> Guides & Grid 로 가서 Gridline every상자에 5 를 입력하십시오 .
노란색 복합 경로가 선택되어 있는지 확인하고 [ 효과]> [3D]> [밀어 내기 및 경사] 로 이동합니다 . 다음 이미지에 표시된 등록 정보를 입력하고 확인을 클릭 한 다음 오브젝트> 모양 확장으로 이동 하십시오 .
12 단계
레이어 패널에서 초점을 맞추고 이전 단계에서 만든 그룹을 선택한 다음 Shift + Ctrl + G를 세 번 누릅니다 .
노란색 "V"를 구성하는 모양 만 선택하고 그룹화 ( Ctrl + G )하십시오.
레이어 패널 에 계속 집중 하고 작은 눈 모양의 아이콘을 클릭하여이 새 그룹의 가시성을 끕니다.
13 단계
보이는 노란색 모양을 복제합니다 ( Ctrl + C> CTRL + F ). 이 사본을 선택하고 클릭 뭉 칩시 으로부터 버튼을 패스 파인더 패널. 결과 모양을 흰색으로 채 웁니다.
중복 ( CTRL + C> CTRL + F ) 짙은 녹색 모양. 이 단계에서 만든 흰색 모양과 함께이 사본을 선택 하고 패스 파인더 패널 에서 마이너스 전면 버튼을 클릭하십시오 . 결과 모양을 R = 39 G = 170 B = 225로 채 웁니다.
14 단계
눈금에 맞추기 ( 보기> 눈금에 맞추기)를 비활성화하십시오 . 파란색 모양을 다시 선택하고 앞에 두 개의 사본을 만듭니다 ( Ctrl + C> CTRL + F> CTRL + F ).
상단 복사본을 선택하고 키보드에서 위쪽 화살표를 사용하여 1px 위로 이동하십시오.
두 사본을 다시 선택 하고 패스 파인더 패널 에서 마이너스 전면 버튼을 클릭하십시오 . 결과 모양을 검정색으로 채우고 불투명도 를 20 %로 낮추고 혼합 모드 를 부드러운 빛으로 변경하십시오 .
15 단계
파란색 모양을 다시 선택하고 앞에 두 개의 사본을 만듭니다 ( Ctrl + C> CTRL + F> CTRL + F ).
상단 복사본을 선택하고 키보드의 위쪽 화살표를 사용하여 3px 위로 이동하십시오.
두 사본을 다시 선택 하고 패스 파인더 패널 에서 마이너스 전면 버튼을 클릭하십시오 . 결과 모양을 검정색으로 채우고 불투명도 를 10 %로 낮추고 혼합 모드 를 부드러운 빛으로 변경하십시오 .
16 단계
파란색 모양을 다시 선택하고 앞에 하나의 복사본 만 만듭니다 ( Ctrl + C> CTRL + F ).
상단 복사본을 선택하고 키보드에서 아래쪽 화살표를 사용하여 1px 아래로 이동하십시오.
두 사본을 다시 선택 하고 패스 파인더 패널 에서 마이너스 전면 버튼을 클릭하십시오 . 결과 모양을 검정색으로 채우고 불투명도 를 25 %로 낮추고 혼합 모드 를 부드러운 빛으로 변경하십시오 .
17 단계
나머지 녹색 모양을 선택하고 녹색을 다음 그림에 표시된 선형 그래디언트로 바꿉니다.
18 단계
보이는, 노란 모양에 집중하십시오. 맨 아래 경로를 선택하고 9 단계에서 저장된 그래픽 스타일을 간단히 추가하십시오.
이 얇은 패스에 계속 집중하고 Appearance 패널 로 이동하여 세 번째 채우기를 추가합니다. 그것을 선택하고 블렌딩 모드 를 Soft Light로 변경 하고 다음 그림과 같은 선형 그래디언트를 추가하십시오. 그라디언트이미지 의 흰색 숫자는 위치 백분율을 나타내고 노란색 제로는 불투명도 백분율을 나타냅니다.
19 단계
상단의 얇은 노랑색 경로를 선택하고 노란색을 다음 그림에 표시된 선형 그라데이션으로 바꿉니다.
20 단계
나머지 노란색 경로를 선택하고 앞에 두 개의 사본을 만듭니다 ( Ctrl + C> Ctrl + F> Ctrl + F ).
상단 복사본을 선택하고 1px 아래로 이동하십시오.
두 사본을 다시 선택 하고 패스 파인더 패널 에서 마이너스 전면 버튼을 클릭하십시오 . 결과 그룹을 그룹 해제 ( Shift + CTRL + G ) 한 다음 맨 아래 경로를 제거한 다음 나머지 모양을 흰색으로 채우고 혼합 모드를 부드러운 빛으로 변경합니다 .
21 단계
나머지 노란색 경로를 선택하고 앞에 두 개의 사본을 만듭니다 ( Ctrl + C> Ctrl + F> Ctrl + F ).
상단 복사본을 선택하고 1px 위로 이동하십시오.
두 사본을 다시 선택 하고 패스 파인더 패널 에서 마이너스 전면 버튼을 클릭하십시오 . 결과 그룹을 그룹 해제 ( Shift + CTRL + G )하고 맨 아래 경로를 제거한 다음 나머지 모양을 검정색으로 채우고 불투명도 를 50 %로 낮추고 혼합 모드 를 부드러운 빛으로 변경합니다 .
22 단계
남은 황색 경로를 선택하고 노란색을 다음 그림에 표시된 선형 그라데이션으로 바꿉니다.
23 단계
레이어 패널 에 초점을 맞추고 12 단계에서 만든 노란색 모양 그룹에 대한 가시성을 켭니다.
"V"경로를 선택하고 노란색을 첫 번째 이미지에 표시된 선형 그래디언트로 바꾸고 앞에 두 개의 복사본을 만듭니다 ( Ctrl + C> Ctrl + F> Ctrl + F ).
상단 복사본을 선택하고 1px 아래로 이동하십시오.
두 사본을 다시 선택 하고 패스 파인더 패널 에서 마이너스 전면 버튼을 클릭하십시오 . 결과 모양 그룹을 복합 경로 ( Ctrl + 8 )로 바꾸고 세 번째 이미지에 표시된 선형 그래디언트로 채우고 불투명도 를 75 %로낮추고 혼합 모드 를 부드러운 빛으로 변경하십시오 .
24 단계
남아있는 노란색 도형을 선택하고 패스 파인더 패널 에서 Unite 버튼을 클릭 한 다음 CTRL + 8 을 누릅니다 . 이 새로운 복합 경로를 다음 이미지에 표시된 선형 그래디언트로 채 웁니다.
25 단계
"V"경로를 다시 선택하고 복제하십시오 ( CTRL + C> CTRL + F ).
이전 단계에서 만든 컴파운드 패스와 함께이 사본을 선택 하고 정렬 패널 에서 수직 정렬 하단 버튼을 누릅니다 . 이 단계에서 만든 모양 만 선택해야합니다.
모양 패널 에 초점을두고 기존 선형 그래디언트를 R = 127 G = 128 B = 129로 바꿉니다 .
레이어 패널로 이동 하여이 회색 패스를 "V"를 구성하는 두 도형 아래로 드래그하고 [ 효과]> [스타일]> [그림자] 로 이동합니다 . 왼쪽 창 (다음 이미지)에 표시된 등록 정보를 입력하고 확인을 클릭하십시오.
[ 효과]> [스타일]> [그림자]로 다시 이동합니다 . 오른쪽 창 (다음 그림)에 표시된 등록 정보를 입력하고 확인을 클릭하십시오 .
26 단계
눈금에 맞추기 ( 보기> 눈금에 맞추기)를 활성화하십시오 . 이 마지막 단계에서는 1px마다 그리드가 필요하므로 편집> 환경 설정> 안내선 및 격자 로 이동하여 모든 눈금 선 상자에 1 을 입력하십시오 .
지금까지 만들어진 모든 도형을 선택하고 그룹화하십시오 ( Ctrl + G ).
이 새 그룹을 복제 ( CTRL + C> CTRL + F )하고 레이어 패널에 초점을 맞 춥니 다. 이 새 그룹을 열고 아래쪽 모양을 제거하면됩니다.
그룹 복사본 전체를 다시 선택하고 두 번째 이미지에서와 같이 왼쪽 위로 몇 픽셀 끕니다. 다시 그리드에 맞추기 옵션을 사용하면 작업을 쉽게 할 수 있습니다.
27 단계
이전 단계에서 언급 한 기술을 반복하고 새로운 동전을 몇 개 추가하고 무작위로 왼쪽이나 오른쪽으로 이동하십시오.
28 단계
마지막으로, Artolor Recolor 옵션을 사용하여 쉽게 동전을 다시 칠할 수 있습니다 . 동전을 선택하고 편집> 색상 편집> 아트웍 색칠하기 로 이동 하십시오 . 편집 섹션으로 이동하여 [ 색상 칠하기 아트웍] 상자와 [ 조화 색상 링크] 버튼을 선택하고 [ 밝기] 슬라이더를 조정 한 후 다음 그림과 같이 색상 핸들을 대략 끕니다.
그리고 우리는 완료되었습니다!
여기 그것이 어떻게 보일 것입니다. 이 튜토리얼을 즐겁게 사용하고 앞으로의 프로젝트에 이러한 기술을 적용 해주기를 바랍니다.
'디자인 > 무료 디자인 자습서' 카테고리의 다른 글
| [일러스트] Google 크롬 아이콘을 만드는 방법 (0) | 2018.06.01 |
|---|---|
| [일러스트] 멋진 모자 일러스트를 그리는 방법 (0) | 2018.06.01 |
| [일러스트] 리본 그리는 방법 (0) | 2018.06.01 |
| [일러스트] 팔레트,물감,페인트 아이콘을 만드는 방법 (0) | 2018.05.31 |
| [일러스트] 간단한 퍼즐 조각 아이콘 만들기 (0) | 2018.05.31 |
| [일러스트] 간단한 드럼 아이콘 만들기 (0) | 2018.05.30 |
| [일러스트] 맛있는 식품 아이콘 그리는 방법 (0) | 2018.05.30 |
| [일러스트] 알람 시계(자명종) 그리는 방법 (0) | 2018.05.30 |
댓글