
시드니 오페라 하우스를 그렸습니다.
1 단계
다음 값을 사용하여 Adobe Illustrator에서 새 문서를 만들기 시작하십시오.

2 단계
먼저 Art Board에 중심을 둔 폭이 2 픽셀 인 가로선을 만듭니다. Line Segment Tool은 오페라 하우스를 그리기에 충분합니다.
그런 다음 오페라의 기초에 대해 2 픽셀 너비의 직사각형 (340x6 픽셀)을 만듭니다.

3 단계
이제 아래와 같이 펜 도구 (P)와 직접 선택 도구 (A)를 사용하여 수정할 직사각형을 사용하여 오페라의 벽과 구역을 그려 봅시다.
그런 다음 Rectangle Tool (M)을 사용하여 문과 창을 추가합니다.

4 단계
우리가 그릴 다음 것은 펜 도구가있는 돔입니다. 흰색 채우기 색과 2 픽셀 획으로 첫 번째 그림을 그립니다.
이제 음영을 만듭니다. 우리는 돔의 모양을 가진 마스크를 만들기 위해 위에 새로운 모양을 만들 것입니다.
이렇게하려면 돔 (Ctrl + C 및 Ctrl + F)을 복제하고 선을 가져 와서 앞으로 가져 오면 모양이 다시 마스크가됩니다. 다시 복제하십시오 (Ctrl + C 및 Ctrl + F ), 앞으로 가져온 다음 복제 된 돔의 채우기를 삭제하십시오. 우리는 모든 것을 그룹화하고 다른 돔과 반복 할 것입니다.

5 단계
이제 돔 사이에 창문을 그려 봅시다.
먼저 Line Segment Tool과 교차로를 그리고 Shape Builder Tool (Shift + M)을 사용하여 창을 만들고 초과 부분을 삭제합니다.

6 단계
이제 우리는 극단적 인 테라스와 오른쪽의 다른 세부 사항을 만들 것입니다.
펜 도구 (P)를 사용하여 테라스를 만들고 다시 보냅니다.
또한 오른쪽에서 돔 내부를 그리고 마침내 우리는 돔 사이의 창에 반사 (4 단계에서했던 것처럼 마스크 만들기)를 추가하는 두 개의 흰색 사각형을 만듭니다.
그리고 이것으로 시드니 오페라 하우스가 완성되었습니다!

7 단계
모든 것을 감싸서 바다와 구름을 그릴 수 있습니다.
먼저 바다를 만들기 위해 다양한 직사각형 (6px 높이)을 만듭니다. 패스 파인더와 병합 한 다음 모서리를 둥글게하십시오. 선분 도구를 사용하여 바다 안에 2 픽셀의 짧은 선을 그릴 것입니다. 마지막으로 배경을 만들고 두 개의 흰 타원으로 구름을 그리고 밑 부분을 직선으로 자릅니다.
이제는 Photoshop으로 이동하여 구름을 움직일 수 있습니다!


8 단계
우리가 시작하기 전에 우리는 아무런 문제없이 움직일 수 있도록 그림을 준비해야합니다. 이렇게하려면 레이어 패널로 이동하여 레이어 1을 선택하고 디스플레이 메뉴에서 "레이어에 릴리스 (시퀀스)"를 클릭합니다. 그런 다음 파일> 내보내기> 다른 이름으로 내보내기 ...로 이동 한 다음 파일을 다음 값을 사용하여 Photoshop 파일 (.psd)로 내 보냅니다.


Photoshop에서 애니메이션 GIF 만들기
1 단계
Illustrator에서 가져온 PS 파일을 열어 보겠습니다. 타임 라인 패널에 비디오 타임 라인을 만듭니다.

2 단계
우리는 작업 공간을 3 프레임으로 닫을 것입니다. 그런 다음 레이어 4,6,7의 위치에 애니메이션을 적용합니다. 원래 위치로 프레임을 만들고 프레임 3에서 구름을 오른쪽으로 이동합니다. 레이어 2,3, 5 그러나 왼쪽으로.

3 단계
우리는 거의 다 끝났어! 이제 애니메이션을 GIF 형식으로 내보내십시오. 파일> 내보내기> 웹용 저장 (기존)으로 이동하여 다음 값을 입력하고 저장하십시오.

최종 결과

Et voilá! 우리는 우리의 애니메이션 일러스트레이션을 마쳤습니다! 총 마스터 피스!
'디자인 > 무료 디자인 자습서' 카테고리의 다른 글
기본 도형을 사용하여 간단한 문자를 만드는 법 (0) | 2018.04.28 |
---|---|
Adobe Illustrator에서 크리스마스 카드를 만드는 방법 (0) | 2018.04.28 |
벡터 형태로 마카롱을 만드는 법 (0) | 2018.04.28 |
Illustrator에서 제한된 색상 선 아이콘을 만드는 방법 (0) | 2018.04.28 |
Adobe Photoshop에서 Foodtruck을 만드는 방법 (0) | 2018.04.28 |
손으로 그린 패턴 디자인을 만드는 법 (0) | 2018.04.28 |
12 월 테마 일러스트 만들기 (0) | 2018.04.27 |
영감을주는 그림 만드는 방법 (0) | 2018.04.27 |
댓글