ISOMETRIC Illustrator Tutorial: Isometric Tips & Techniques

오늘 아이소 메트릭 디자인을 만드는 방법에 대해 매우 많이 요구되는 비디오와 나는 오늘의 일러스트 레이터 자습서에서 아이소 메트릭 랩톱을 만드는 법을 보여줍니다 아이소 메트릭 그리드를 만들 필요가 있지만 직선이므로 그리드에 내장되어 있지 않습니다

프로그램 그래서 지금 임시 변통을 만드는 법을 보여 드리겠습니다 직사각형 그리드 도구를 선택한 다음 아트 보드를 한 번 클릭하십시오 1000 픽셀을 제곱하고 120 픽셀을 세로로 사용하고 수평 숫자가 아니라 수직과 동일한 값으로 수평 숫자 준비가되면 그리드를 45도 각도로 찍을 것입니다하지만 이것은 거의 등각 투영입니다 그래서 우리는 변형 창으로 들어가 높이 값을 다음과 같이 조정해야합니다

57 점 7 4 %이고이 숫자는 절대적으로 필요합니다 Adobe Illustrator에서 아이소 메트릭 그리드가 준비되어 있습니다 여기에서 스트로크 가중치를 조절하면 등각 투영 그리드가 얼마나 보이는 지 보류 중입니다 지금 명령을 누르거나 그리드를 제자리에 고정시키기 위해 두 가지를 제어하기 때문에 우리는 이제 isometric 랩톱을 디자인 할 것입니다 오늘의 튜토리얼은 상당히 길어요

그러나 따르고 모든 간계 및 기술을 배우거나 a를 만들기 멋진 아이소 메트릭 디자인으로 색상을 선택한 다음 스트로크인지 확인하십시오 당신이 누를 수있는 컬러 팔레트는 스트로크와 이제 채우기가 연필을 위해 P를 누르고 아이소 메트릭 그리드를 가이드로 사용하면서 여기에서 직사각형을 사용합니다 이제 일러스트 레이터 CC를 사용하는 사람이라면 a를 눌러서 직접 선택 도구를 사용하면 모서리를 반올림 할 수 있습니다 라이브 기능을 사용하고 한 번에 한 모서리를 반올림하려는 경우 즉시 선택하고 보안관을 붙잡은 후 다시 클릭하십시오 당신에게 일종의 CC가 없으면 맨 위에 둥근 모서리 효과가 생깁니다

드롭 다운 메뉴가 효과적이고 모퉁이를 돌면 이제 반올림 만하고 싶습니다 노트북 바닥에있는 모퉁이 중 3 개가 이제 alt 옵션 키를 누르고 있습니다 그런 다음 클릭하여 드래그하여 해당 모양 아래 복사를 만들 수 있습니다 직접 선택 도구를 다시 저장하면 다음의 앵커 포인트를 조작 할 수 있습니다 여기에 새로운 디자인이 나왔습니다

이제 디자인을 만들 때 도움이 될 것입니다 아이소 메트릭 디자인에 대한 3D 효과의 일종 인 오늘날 우리는 원래 선이 레이어의 새 객체 앞에 오게됩니다 창 이제 우리는 할 수있는 그라데이션을 원래 모양에 줄 시간입니다 나중에 이것은 물론 우리 아이소 메트릭의 기본이 될 것입니다 노트북 및 내 깊은 보라색 또는 파란색 그라디언트 내 좋은 디자인을위한 싶습니다

이제 편집 소프트웨어로 인해 내 비디오에서 렌더가 꽤 나빠 보이지만 실생활 일러스트 레이터 그것은 심각하게 매끄럽게 보입니다 그라디언트 도구를 사용하여 그라디언트 방향을 빠르게 바꿀 수 있습니다 형태 이제 아래쪽 객체를 선택하고 스포이드 도구와 I를 누르십시오 채점하거나 채우려는 위의 모양이이 모양으로 이전됩니다 맞는 것을 보면서 조정할 수 있으며 개인적으로 이것을 더 낮추고 싶습니다

일반적으로 아이소 메트릭 디자인 느낌이 더 어두운 형태이므로베이스가 거의 완성하자 도형과 감명 명령을 모두 선택한다 두 가지를 제어하여 제자리에 고정시킵니다 그래서 어떤 이유로 내 동영상을 말했습니다 그래도 소프트웨어를 편집하면 그라디언트가 꽤 끔찍 해 보이지만 최종 디자이너가 정말 부드럽게 보이고 화면 상에 부드럽게 나타나야합니다

이제 펜 도구를 사용하여 하이라이트를 추가하고 이렇게 선을 그릴 것입니다 획기 가중치를 늘린 다음 동일한 스트로크 스타일을 추가하십시오 사용하려면 너비 도구를 사용할 수도 있지만 줄을 준비해야 할 때 유럽 ​​패널을 열면 여기에서 외부 광선 효과를 사용하거나 줄에 가우시안 흐림 효과가 있더라도 이것이 나타나게 할 것입니다 일반적으로 디자인에 더 잘 어울립니다 그래서 아이소 메트릭 랩톱을 구축하기 시작하면 모양이 훨씬 좋아지고 디자인에 더 적합하다

래스터 효과가 필요한지 확인하려면 여기에서 값을 늘릴 수 있습니다 모든 흐림 및 글로벌 윤리가 이제 우리가 깨끗하게해야 할 필요가 있음을 보장하는 보호 장치 모양 패널의 모양 설정을 선택한 다음 오늘의 튜토리얼에서 다음 단계로 나가기 때문에 여기 작은 사각형을 그리고 그런 다음 외관 패널로 한번 더 가면 외부 광선 효과를 추가 할 수 없습니다 그리고 이것은 노트북의 가장자리에있는 빛이 될 것이며 당신은 다음과 같이 추가 할 수 있습니다 이것들 중 많은 것들이 이처럼 작은 세부 사항을 기억하고 싶다면 완성되었을 때 등각 투영 디자인을 시작하는 데 도움이 될 것입니다 내가 레이어 창에 들어가면 끝났다

내 레이어를 사용하면 내 인생을 더 편리하게 만들 수 있지만 기본으로 사용되므로 오늘날의 프로세스에서 다음 단계의 그래디언트를 샘플링 할 수 있습니다 이제는 터치 패드를위한 사각형을 그리고 모서리를 둥글게 만듭니다 우리는 당신이 터치 패드의 스트로크를 Shift + X를 누른 다음 완벽한 배치로 디자인에 가져옵니다 그라디언트에서 편집 할 때 개체를 선택하도록하십시오 명령 또는 Ctrl 키를 누른 상태에서 터치 패드로 복사 한 다음 복사를 붙여 넣습니다

Ctrl 키를 사용하여 맨 위로 이미 이동 Shift + X를 눌러 복제본을 켭니다 을 클릭 한 다음 C를 눌러 가위 도구를 자르십시오 반으로 모양을하고 그림자와 깊이의 환영을주기 위해 섹션을 제거합니다 노트북의 터치 패드에 스트로크 스타일을 변경하여 스트로크 선의 가장자리가 이제 다음 단계는 상당히 짜증나지만 필수적으로 우리는 랩톱의 키를 만들려고합니다 직사각형 도구를 클릭하고 사각형 모서리에서 둥근 사각형을 그립니다

셰이프를 누른 다음 alt / option 키를 누른 채로 사각형을 복제하고 그런 다음 드래그하는 누르기 명령이나 컨트롤 D를 클릭하여 프로세스를 반복하십시오 똑똑한 녀석을 데리고 총 14 가지 키를 남겨두고 여기에서 활성화하면 엄청난 도움이 될 것이며 명령을 누르거나 제어 할 수 있습니다 이제 완벽한 사각형이 필요하므로 교대를 누른 다음 사각형을 사용하십시오 사각형을 생성 한 다음 코너를 반복 실행하여 프로세스를 반복하십시오 총 13 개의 사각형이 있고 사각형 인 마지막 키를 추가합니다

이 두 번째 행을 복사 한 다음 180도 회전 할 수 있습니다 그들은 본질적으로 동일하지만 반대 순서로 이제는 노트북을 사용하고 있기 때문에 여전히 남은 키를 찾아냅니다 오늘의 비디오에서 너무 오래 걸릴 것입니다 키들은 완벽 할 필요는 없습니다 아이소 메트릭 디자인이 멋지게 보이지는 않지만 키를 가지고있을 때입니다

그들을 모두 선택하고 패스 파인더 창으로 향하고 그들을 결합하십시오 하나의 벡터 모양으로 함께 이제 우리는 먼저 그라디언트를 추가 한 다음 나중에 내 그라디언트는 꽤 펑키하고 당연히 ISO 측정 기준을 세우십시오 나중에 변경할 수 있으며 그라디언트에 원하는 색상을 사용할 수 있습니다 G 키를 눌러 그라디언트 도구를 사용하여 키 디자인 전반에 걸쳐 그레이딩을 펼칩니다 이제 노트북의 등각 투영을 45도 회전시켜야합니다

도 튜토리얼의 앞 부분에서했던 것처럼 높이 값을 창을 47 포인트 7/4 퍼센트로 정확하게 변환합니다 아이소 메트릭 랩톱베이스에 배치 한 경우와 보시다시피 것들은 정말로 형태를 취하기 시작하지만 여전히 멋진 기술들을 가지고 있습니다 오늘의 일러스트 레이터 자습서에서 보여줄 수 있도록 지금 우리가 사용하는 프로세스를 반복 할 화면에 대해 계속하십시오 펜 도구와 등각 투영 그리드를 사용하여 사각형을 그려베이스를 그립니다 가이드로 사용하고 모서리를 반올림 한 다음 선을 복제하십시오

뒤쪽과 뒤쪽의이 레이어는 디자인의 다른 레이어 뒤에 있어야합니다 레이어 창에서 일단 모서리를 반올림하면 alt / option 키를 누르고 이전에했던 것처럼 모양을 복제하십시오 이 모든 객체에 채우기 대신 획이있는 것이 도움이됩니다 색상이므로 Shift + X를 눌러 직접 선택 도구를 사용하여 변경할 수 있습니다 내가 여기서하고있는 배후 모양의 앵커 포인트를 조작하는 방법 그리고 이미 말했듯이 당신의 레이어에 라벨을 붙이는 것이 실제로 도움이됩니다

모든 것을 추적하고 특정 부분을 쉽게 찾을 수 있습니다 어떤 순간을 디자인하면 화면 레이어를 트릭으로 사용하는 데 도움이됩니다 다음 단계를 위해 또는 명령이나 컨트롤 Y를 눌러서 입력 할 수 있습니다 아웃 라인 모드이지만 실제 화면 자체를위한 사각형 그리기 준비 그리고 이것은 반올림 될 필요가 없다 하지만 화면이 그라디언트를 채울 필요가 있고 디자인에 대한 선택이 필요합니다

배경이 있다면 지금 하늘이나 베이비 그라데이션을위한 파란색 일종의 그것은 영구적이지 않고 나중에 변경할 것이고 또한 몇 가지를 추가했습니다 이전처럼 우리가했던 것처럼 더 많은 하이라이트가 전체적으로 도움이됩니다 아이소 메트릭 디자인의 외양과 느낌 그리고 마침내 실제로 우리의 창조물을 조금 줄 수 있습니다 팝업과 펀치가 화면을 복제하고 노트북 자체에 그라디언트 가능 내 디자인에이 두 번째 화면의 색상은 분홍색으로 향한 흰색입니다 오늘 내 디자인에서 가장 좋아 보인다

이제이 레이아웃 화면에 약간의 죽음을 추가하려면 흰색과 컬러 플레이트를 누른 다음 새로운 화면의 모퉁이 가장자리를 그립니다 획의 무게와 화면 자체에 맞게 획 스타일을 변경합니다 이제 너비 도구로 실험 해 볼 수 있지만 변경할 수도 있습니다 투명도 창의 레이어 블렌드 모드 필자는 Illustrator CC의 새로운 그라디언트 도구를 사용하여 배경을 만들었습니다 매우 쉽습니다

하지만 CC가 없다면 유감스럽게 생각할 것입니다 메쉬를 다루십시오 – 그런 것 같지만 중요한 것은 여기에 있습니다 제가 조명에 맞는 오른쪽 상단의 광원을 만들었습니다 내 디자인에 그리고 나서 마지막으로 isometric 디자인을위한 그림자를 만들어 보자 직사각형을 그리고 이전에했던 것과 같은 등각 투영 과정을 추가하십시오

45도 회전시킨 후 높이 값을 조정합니다 7 점 7 4 % 이 레이어가 랩톱의 다른 모든 레이어 아래에 있는지 확인하십시오 레이어 창에 추가 한 다음 모양 자체에 가우시안 흐림 효과를 추가합니다 호수는 당신이 내 화면에서 볼 수있는 것은 무료로 추가 된 것입니다 내가 실제로 사용하는 과정을 보여주는 것을 잊었던 변형 도구 당신은 거의 그것을 isometric 랩탑 전체를 필요로합니다

디자인 및이 튜토리얼은 제 생각에 가장 길었던 비디오는 제 채널의 두 날짜입니다 그리고 지금은 정말 좋은 비디오 편집기를 가지고 있기 때문에 더 긴 컨텐트를 만들 수 있습니다 이 동영상과 마찬가지로 짧은 팁 동영상을 제작할 예정이지만 시간이 지나면 시간을 들여 오늘의 일러스트 레이터 아이소 메트릭과 같은 더 긴 튜토리얼을 만들 것입니다 디자인 자습서는 오늘 비디오에 대해 어떻게 생각하는지 알려주는 것을 잊지 마십시오 물론 소셜 미디어에서 내 콘텐츠를 좋아하고 공유하면 내 도움이 필요합니다

주간 그래픽 디자인 콘텐츠를 구독하지 않은 경우 채널 구독 이미 다음 번에 당신의 미래를 오늘 평화로 디자인 할 때까지 당신

Illustrator Tutorials | How to Design an Isometric Grid

직선 그리기를 위해 Shift 키를 누릅니다 블렌드 도구를 선택하고 첫 번째 줄과 두 번째 줄을 클릭하십시오

혼합 도구를 두 번 클릭하여 옵션을 엽니 다 마우스 오른쪽 버튼을 클릭하고 회전 선택 같은 일을하지만 이번에는 선택을 반영한다 전체 및 그룹 해제 테마 선택 이제 한 그룹으로 다시 그룹화합니다 문제가 있습니다, 중간에있는 점에 대해 이것은 제가 크로스 포인트 중간에 수평선을 정확하게 배치하지 않았기 때문입니다 SHIFT를 눌러 모든 객체를 선택하십시오 그룹 주제로 CRTL + G 누르기

How to Isometric Illustrations Design Tutorial

친구 안녕 내 이름은 파이즈입니다 좋은 긴 시간이 당신을보고 후 난 좀 더 지금 나는 500 가입자를 가지고 너무 흥분하고 내 동영상을보고 내 채널을 구독에 대한 정말 감사합니다 지금은 단지 새로운 아이디어로 나와서 내 디자인 블로그를 시작 당신이 디자인을 많이 배울 수있는, 코드 및 프로토 타입 이 디자인 블로그에 내가 당신에게 많은 도움이 될 것입니다와 물건의 제비를 제공하기 위하여려고하고있다 이 비디오에서 나는 당신을 가르 칠 것입니다 일러스트 레이터에 사시 그래픽을 디자인하는 방법 당신은 WebFlow 웹 사이트와 다른 웹 사이트를 보았다과 같이 삽화가에 3D 모양과 같은 템플릿과 같은 등각 기본 레이아웃은, 글쎄 당신을 가르 칠 거 있어요 얘들 아 그래서, 나는 꽤 흥분 가르쳐 당신을 생각합니다 어떻게 등각 방법을 사용하여이 일러스트 레이터에이 일을했다