Adobe Illustrator - 앱 아이콘 만들기

결국 앱 아이콘은 이렇게 생겼습니다. 하지만 이제 이야기는 충분합니다. Adobe Illustrator에서 직접 시작하겠습니다 ...

1단계: 기초 만들기

일러스트레이터에서 가장 먼저 해야 할 일은 파일>새로 만들기를 통해 새 작업 공간을 만드는 것입니다. 다음 창에서 70x70mm 형식을 선택합니다. 확인으로 창을 확인합니다 .

도구 팔레트에서 사각형 도구를 선택한 다음 작업 공간의 아무 곳이나 한 번 클릭합니다. 직사각형의 크기를 입력할 수 있는 대화 상자가 나타납니다. 35x35mm 크기를 입력하고 확인으로 확인합니다 . 이제 앱 아이콘의 기초가 완성되었습니다.

Apple의 앱 아이콘은 정사각형이 아니므로 이제 모서리를 둥글게 만들어야 합니다. 따라서 직사각형을 선택한 다음 상단 메뉴 표시줄에서 효과>스타일화 필터>모서리 둥글게...로 이동합니다.

다음 창에서 모서리 반경을 7mm로 입력합니다. 확인으로 모든 것을 확인합니다.

이 효과를 확인하면 모서리가 둥글어지지만 경로는 여전히 각진 모양이 됩니다. 이를 변경하려면 개체> 모양 변환으로 이동합니다 . 이제 효과가 개체로 변환되었습니다 (이제 경로가 둥근 모서리를 따라 직접 실행됩니다).

다음 단계에서는 그라데이션 팔레트가 필요합니다. 아직 열지 않았다면 창 > 그라데이션에서 찾을 수 있습니다.

이제 그라데이션 팔레트에서 그라데이션 필드를 클릭하여 둥근 직사각형을 표준 흑백 그라데이션으로 채웁니다. (직사각형에 여전히 윤곽선이 있는 경우 지금 제거할 때입니다).

그라데이션 각도 설정에서 90°의 값을 입력하여 위에서 아래로 멋지게 이어지도록 합니다.

아이콘은 파란색 그라데이션을 사용해야 하므로(물론 고유한 색상을 사용할 수도 있습니다) 이미 두 가지 RGB 색상 값을 준비했습니다.

- 진한 파란색 - 28/57/145
- 하늘색 - 84/244/255

이러한 색상 값을 그라데이션에 할당하려면 그라데이션 팔레트에서 색상 필드를 두 번 클릭하기만 하면 됩니다. 그런 다음 RGB 값을 입력하는 옵션이 있습니다.

(다른 색상 모드를 설정한 경우 그라데이션 팔레트의 오른쪽 상단에 있는 작은 화살표를 클릭하여 적절한 색상 모드를 선택하세요).

이 작업을 마치면 모든 것이 다음과 같이 보일 것입니다. (그림 11).

그라디언트를 좀 더 세분화하려면 효과>스타일화 필터>안쪽으로 빛나게...로 이동하여 혼합 모드를 오버레이로 설정합니다. 불투명도를 75%로 설정하고 흐림 설정을 8.8mm로 설정합니다. 이 효과를 바깥쪽 영역에만 적용하고 싶으므로 선택 지점을 가장자리로 설정합니다 . 확인으로 창을 확인합니다 .

다음으로 전체에 그림자를 추가합니다. 효과>스타일화 필터> 그림자 그림자 ... 그림 13과 같이 이 필터의 설정을 선택하되 약간 자유롭게 변경할 수 있습니다.

다음 단계에서는 Command+C로 사각형을 복사한 후 Command+F로 같은 위치에 붙여넣습니다. (PC에서는 Ctrl+C 및 Ctrl+F로 이 작업을 수행할 수 있습니다).

사각형 사본에 위에 적용한 효과는 더 이상 필요하지 않으므로 삭제해야 합니다. 이미 알고 계신 분들도 계시겠지만, 일러스트레이터에서 적용된 모든 효과와 필터는 모양 팔레트에 나열됩니다. 이 팔레트가 보이지 않는 경우 창> 모양을 통해 팔레트를 다시 불러올 수 있습니다.

이제 그림자를 삭제합니다 . 마우스 버튼을 누른 상태로 모양 팔레트에서 그림자 효과를 잡고 오른쪽 하단에 있는 이 팔레트의 작은 휴지통으로 드래그하면 쉽게 삭제할 수 있습니다.

안쪽의 빛은 약간만 조정할 것이므로 삭제할 필요는 없습니다. 그러나 이 작업을 수행하기 전에 사각형 복사본의 표면 색상을 흰색으로 변경해야 합니다.

그런 다음 모양 팔레트에서 안쪽 광선을 클릭하고 모드를 일반으로 설정한 다음 색상을 짙은 검정색으로 선택합니다. 불투명도를 100%로 설정하고 블러를 10mm로 설정합니다(그림 17).

이 복사본을 파란색 그라데이션으로 아래 원본과 혼합하려면 불투명도를 50%로 낮추고 채우기 모드를 부드러운 빛으로 설정하면 됩니다. 투명도 팔레트를 사용하여 이 모든 작업을 수행할 수 있습니다. (이 팔레트는 창>투명도에서도 찾을 수 있습니다).

이렇게 하면 대비가 약간 증가하고 앱 아이콘에 깊이가 더해집니다.

2단계: 후광 만들기

이 단계에서는 앱 아이콘의 후광을 만드는 방법을 살펴봅니다. 이렇게 하려면 먼저 1단계에서 만든 두 개의 직사각형을 숨겨 작업 공간에 다시 공간을 확보하는 것이 가장 좋습니다.

도구 모음에서 선 도구를 가져와 윤곽선 색상을 검정색으로 설정하고 윤곽선 두께를 0.5pt로 설정합니다.

이제 마우스 버튼을 누른 상태에서 대략 중앙에서 위쪽으로 선을 그립니다. 선을 그리자마자(마우스 버튼을 누른 채로) Ctrl 키 + 두 개의 괄호 < >가 있는 키를 누릅니다 .

이제 마우스 버튼을 누른 상태에서 원을 한 번 움직입니다. 이 키 조합은 마우스 포인터 이동 속도에 따라 다른 수의 선을 만듭니다.

원을 그리며 이동하면 전체가 그림 19와 같이 보일 것입니다. ("연습이 완벽을 만든다"는 말이 여기에도 적용되므로 이 작업을 몇 번 시도해 보세요.)

모든 줄을 선택하고 Command+G (PC의 경우: Ctrl+G )로 그룹화합니다. Command+C 및 Command+F (PC의 경우: Ctrl+C 및 Ctrl+F )를 사용하여 전체를 복사한 후 같은 위치에 붙여넣습니다. 이 복사본의 경우 윤곽선 색상을 흰색으로 변경하고 오른쪽이나 왼쪽으로 살짝 돌려 검은색 선이 다시 부분적으로 보이도록 합니다.

그러면 전체가 다음과 같이 보일 것입니다. (그림 20):

이제 모든 선을 다시 선택하고 Command+G (PC의 경우: Ctrl+G)를 사용하여 다시 그룹화합니다 .

이제 1단계의 직사각형을 다시 표시할 수 있습니다. 오레올의 중심이 직사각형의 대략 중앙에 있는지 확인합니다.

이제 1단계에서 파란색 그라데이션으로 오프셋한 회색 둥근 직사각형을 복사합니다. (Command+C 또는 PC의 경우 Ctrl+C).

이제 후광이 있는 그룹을 클릭하고 투명도 팔레트를 살펴봅니다. 이제 마스크를 만들 수 있는 옵션(Photoshop과 유사)이 있습니다. 이렇게 하려면 그림 23에 표시된 영역을 두 번 클릭합니다. 이 두 번 클릭하면 불투명도 마스크가 생성됩니다.

마스크를 만들자마자 마스크 안에 있는 동안 레이어 팔레트가 변경된 것을 확인할 수 있습니다. 이전에 복사한 직사각형을 마스크에 붙여넣으려면 Command+F (PC의 경우: Ctrl+F )를 누릅니다. 이제 불투명도를 50%에서 10%로 낮추기만 하면 됩니다.