그림 2.5d- App 디자인에 그림 적용

AI 로 2.5D 삽화를 그리는 방법? 아시다시피, 많은 Banner 광고는 2.5D 등거리 그림을 그릴 것입니다. 이런 삽화는 보기에 매우 편안해 보여서 디자이너의 기교에 따라 코디할 수 있다. 여기서 AI 로 2.5D 그림을 그리는 방법을 가르쳐 드리겠습니다.

도구/재료

Adobeillustrator

0 1

컴퓨터에서 AI 소프트웨어를 열고 ctrl+n 을 눌러 새 캔버스를 만듭니다. 캔버스의 높이와 폭은 임의적입니다.

02

작성이 완료되면 왼쪽 도구 모음에서 [사각형 도구] 를 선택하여 2.5D 사각형 그리기를 예로 들어 보겠습니다.

03

[사각형 도구] 를 선택한 후 캔버스에 사각형을 그리고 shift 키를 누른 채 사각형을 그립니다.

04

직사각형이 그려진 후 위 옵션에서 "효과 -3D- 돌출과 모따기" 를 클릭합니다.

05

[3D] 패널로 들어가면 위치 옵션에서 선택할 수 있는 다양한 각도를 볼 수 있습니다. 일반적으로 우리가 선택한 각도는 모두 동일하므로 자신의 필요에 따라 선택할 수 있다.

06

예를 들어 등각투영-맨 위 를 선택하고 선택 후 미리보기 를 선택하여 효과를 보고 돌출 두께를 조정한 다음 확인 을 클릭합니다.

07

확인 후, 우리는 곧 2.5D 의 기본 모양을 그렸다. 이때 이를 확장하고 객체-모양 확장 을 선택해야 합니다.

08

모양을 확장한 후 모양을 마우스 오른쪽 버튼으로 클릭하고 그룹이 없을 때까지 그룹 해제를 클릭합니다.

09

그룹화가 완전히 취소되면 모양의 다른 면을 조정한 다음 자신의 상상력에 따라 기본 2.5D 모양을 조합하여 사용할 수 있습니다.

AI 를 사용하여 2.5D 그림 그리기 1. 기념비 밸리 스타일 원칙: 2.5D+ 역설 공간

2. 2. 5d d 와 3D 의 차이점:

가깝고 먼 사이에는 원근 관계가 없다.

3. 역설공간: 착시 (긍정도 착시) 입니다. 예를 들어 삼위일체가 불가능합니다.

4.4 2.5D 구현 방법. 아이:

(1) 그래픽 드로잉 (2) 효과 -3D 효과

첫째, 그래픽을 그리는 방법

1. 안내선 만들기

방법 1: 수직선 그리기, 복사-복사-수평 분포 정렬-새 "안내선 레이어1.0"-ctrl+g 모든 안내선 그룹-회전 버튼을 두 번 클릭-60 도 각도 입력-미리 보기 확인-

방법 2: 새 레이어 "안내선 레이어 2.0"-다각형 선택 도구-정삼각형 그리기-대칭 도구 선택 (회전 도구 아래) -삼각형의 맨 위 정점을 클릭합니다. Alt+Shift 키를 누른 채 드래그하여 미러 삼각형을 복사합니다.-펜 도구로 두 삼각형 사이에 수평선을 그립니다.-삼각형이 채워지지 않도록 설정합니다.-모든 모양을 선택합니다.-Shift 키를 누른 채 90 도 회전-ctrl/commann 또는 창에서 열기)-픽셀 격자 정렬 선택 해제-ctrl/command+y-그룹화-축소 및 견본 패널로 드래그 패턴 변경-드로잉 그래픽 삭제-사각형 삽입-선택한 견본의 패턴 채우기-ctrl/command+k-변형 선택 해제 개수 증가 또는 감소)-사각형 크기 조정 (페인트할 그래픽 크기에 따라)-ctrl/command+k-[패턴 타일 변형] 선택 (사각형 크기 변경 시: 내부 패턴 수가 변하지 않고 크기 증가 또는 감소)-메시 감소 (편집 영역을 작게 하고 메모리 사용량 감소)

2. 2.5D 그래픽 그리기

방법 1: 보조 메쉬로 그리기.

라이브 페인트 통 도구: PS 의 페인트 통과 비슷하지만 패스 사이의 공간 (모양 생성기 도구 아래) 에만 사용됩니다

(1) [안내선 레이어 1.0] 에서 모든 안내선 선택-[라이브 페인트 도구 선택]-[색상 칠 선택]-[격자 사이의 간격을 칠하기 위해 클릭/드래그].

(2) [안내선 레이어 2.0] 에서 모든 안내선 선택-객체-확장 (×2)- 그룹 해제 (×2)- 마우스 오른쪽 버튼-클리핑 마스크 해제-모든 안내선 선택-보기-가장자리 숨기기-라이브 페인트 선택 도구-색상 칠 선택

(3) 컬러 그래픽만 선택하는 방법: 메시 선택-오브젝트-확장-보기-가장자리 표시-그룹 해제 (x2)-컬러 그래픽 드래그-변형 도구 선택 (오른쪽 또는 창에서 열기)-픽셀 메시 정렬 선택 해제-모양 생성 도구 선택-같은 면의 모든 연결

방법 2: 3D 효과 맵 사용 (공간 파악 능력 테스트)

새 모양 만들기-효과-3D-돌출과 경사-위치 선택 "등각위"-돌출부의 두께를 설정합니다. 색상을 수정하는 방법: 오브젝트-모양 확장-그룹 해제 (×2)- 보기-가장자리 표시-불필요한 흰색 화살표 선 제거

* 첨탑 문 그리기 방법: 사각형을 그립니다. 펜 도구를 선택합니다. Alt 키를 누른 채 위쪽 가장자리를 드래그합니다. 위의 세 점을 선택합니다. 위쪽 도구 모음에서 "뾰족한 모서리로 변환" 을 클릭하여 완료합니다.

App 디자인에 삽화를 적용하는 앱이 많아지면서 제작도 점점 더 정교해지고 있다. 모든 종류의 app 는 디자인을 다른 app 와 구별하여 사용자의 주의를 더 잘 끌 수 있기를 원합니다. 삽화를 앱에 적용하는 것은 의심할 여지 없이 좋은 선택이다. IOS 에서는 ,

1 1 AppStore' 오늘' 은 많은 그림을 사용하여 사용자에게 새로운 경험을 제공합니다.

1.APP 에 어떤 그림을 사용해야 합니까?

시각적 충격을 증가시켜 "Walkup" APP 와 같은 두 단어로 요약합니다. 이 중 각 페이지는 삽화를 사용하여 디자인이 매우 아름답습니다.

재미를 더하면 페이지가 지루하지 않게 됩니다. 한 가지 분명한 예는 앱의 빈 페이지와 잘못된 페이지입니다. 예를 들어 타오바오가 오프라인일 때 귀여운 일러스트를 전시하는 것이 단순히 문자를 전시하는 것보다 훨씬 낫고 사용자의 불안감을 최소화할 수 있다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언)

호스팅되는 정보가 많을수록 직관적일수록 아이콘에 더 두드러지게 나타납니다. 예를 들어 바이두 찹쌀의 분류 아이콘은 사실적인 스타일을 채택하여 더욱 직관적인 느낌을 준다.

사용자의 정서적 욕구, 감정적 디자인을 만족시키는 것은 keep 에서 잘 드러난다. 막 지나간 칠석에서 keep 은 달리기 노선을 분홍색으로 바꿔 개를 데리고 갔다. 칠석에서 아직 뛰고 있는 사람은 아마 외톨이일 것이다. 의미는 말할 것도 없다.

두 개. 몇 가지 유행하는 삽화와 그 특징.

평면 그림

텍스처 그림

손으로 그린 삽화

MBE 일러스트 (드리블 신이 이런 스타일을 만들어서 MBE 스타일 일러스트) 라고 합니다.

그라데이션 그림 (일명 희미한 그림)

3 차원 그림 (2.5D 그림이라고도 함)

필선 삽화

다음은 각종 삽화의 예입니다. 모두 드리블에서 나온 것입니다.

평면 일러스트레이션: 평면 일러스트레이션은 평면, 간결, 선명함이 특징이며, 평면 일러스트레이션은 현재 가장 유행하고 가장 많이 사용되는 스타일입니다.

텍스처 일러스트레이션: 텍스처 일러스트레이션도 평면 일러스트레이션의 일종이라고 생각하지만 결국에는 입자감을 높여야 합니다. 텍스처 일러스트레이션의 가장 뚜렷한 특징은 텍스처여야 하며, 빛의 그림자 관계가 비교적 좋다.

손으로 그린 일러스트레이션: 저는 이것이 가장 어려운 부분이자 디자이너 예술의 밑바닥에 대한 요구가 가장 높은 것 같아요. 손으로 그린 ​​스타일은 널리 사용되어 많은 것을 표현할 수 있습니다. 아래의 이 디자이너의 작품은 동취가 넘치고, 마치 몽환처럼 아름답다.

MBE 일러스트레이션: 간결하고 둥글고 사랑스럽습니다.

그라데이션 일러스트레이션: 매우 아름다운 스타일로, 색상 사용에는 일반적으로 비슷한 색상을 사용하며, 색상 종류는 너무 많지 않습니다.

입체일러스트레이션: 이름에서 알 수 있듯이, 이 일러스트레이션의 가장 큰 특징은 입체이며, 2 차원 공간에서 3 차원 사물을 표현할 수 있다.

획 일러스트레이션: 모양뿐만 아니라 획도 사용해야 합니다. 획은 아주 추상적인 것이 될 수 있습니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언)

MBE 일러스트레이션: 주방에 있는 아이콘으로, MBE 스타일은 아이콘으로 사용하기에 적합합니다.

그라데이션 일러스트 및 입체 일러스트: 훅. 이 두 가지 스타일을 함께 두는 것은 한 그림에 이 두 가지 스타일이 포함되어 있기 때문이다. (배너, 주제용)

스케치 그림: 스펠링, 넷이즈 클라우드 뮤직 (아이콘 및 시작 페이지용)

요약: 그림은 APP 의 시작 페이지, 배너, 주제, 새로 고침, 아이콘, 팝업, 배경 그림 등에 적용됩니다.