2022.04.26 - [실용 디자인] - 일러스트로 입체 도형 그리기 1탄
일러스트로 입체 도형 그리기 1탄
블로그를 시작한다고 하니 그동안 물어보고 싶었던 것들을 물어보는 지인들이 생겼습니다. 그냥 물어봐도 되는데 이렇게 소스를 주시니 감사합니다! 건너 건너 지인이 물어본 내용은 정육면체
living-design.tistory.com
1탄에서는 정육면체 만들고 라인 넣고 색 넣는 것 까지 하였습니다.
다음은 하단 모양에서 선택된 부분인 연결하는 도형 그리기를 먼저 해보겠습니다.
사용한 단축키 리스트
복제 : Alt 누른 상태에서 방향키 아무거나 한번 (해당 방향으로 1개 복제)
마우스 복제 : Alt 누른 상태에서 마우스로 개체를 끌면 해당 개체 복제
선택개체 그룹지정 : Ctrl + G
그룹 해제 : Ctrl + Shift + G
선택 도구 (검은색 마우스 커서) : V
직접 선택 도구 (흰색 마우스 커서) : A
펜 툴 : P
레이어 아래로 내리기 : Ctrl + ]
1. 1탄에서 완성했던 육면체 부분에서 우측 옆 부분 사각형을 선택
그 상태에서 Alt를 누른 채 아무 방향키 한번만 눌러서 복제
그리고 Alt를 떼고 복제하며 누른 방향키의 반대 방향키를 눌러서 기존 사각형과 같은 곳으로 이동
2. 복제한 사각형의 사이즈를 적당하게 줄인다. > 배경색은 지우고 선 색만 적당한 색으로 변경
*가운데 사슬이 클릭된 상태로 사이즈를 줄여야 같은 비율로 줄여짐.
3. 육면체와 작은사각형 전부 선택한 후 (Ctrl+A 누르면 대지에 있는 모든 개체 선택됨) > 그룹지정 (ctrl + G)
4. 그룹 지정한 객체 복제
Alt 를 누른 상태에서 선택한 개체를 이동하면 복제가 됨(하단 gif 참고)
5. 복제한 이미지 불투명도 (20%정도 로) 줄인 후 > 자물쇠로 잠그기
6. 직육면체 그리기
펜툴(P) 정육면체 양쪽을 연결하는 직육면체를 그린다. (*하단 슬라이드 참고)
7. 직육면체 색상 채우기 및 불투명도 낮추기
위에서 만든 직육면체를 선택한 후 > 속성창에서 칠 색을 파란색으로 변경 후 > 불투명도 50% 정도로 낮추기
8. 직육면체의 점선 테두리 그리기
색상을 바꾼 직육면체 선택 후 Alt + 방향키 1번 눌러 복제 한 후 다시 반대 방향키 눌러 같은 자리에 위치 시킨 후
불투명도 100%, 칠색 없애기 (빨간 /), 획색 검은색 설정
8-1. 그 다음 획 옵션창에서 점선 설정
점선 체크 > 점선 5pt, 간격 2pt 설정
9. 내부 라인 추가로 그리기
아래 이미지처럼 해당 위치에 펜툴(P)로 선 그리기 > 선 굵기 변경
10. 그룹 정리 하기
1) 자물쇠로 잠궈 두었던 투명한 정육면체 자물쇠 풀고 선택하여 지우기
2) 전체 선택 후 (Ctrl+A) 그룹 해제 (Ctrl + Shift + G)
3) 정육면체에 들어간 객체만 선택하여 그룹 만들기 (Ctrl + G)
4) 직육면체 (연결 도형) 선택 후 그룹 만들기 (Ctrl + G)
아래와 같이 각각 두개의 그룹 만들어짐
11. 객체 복제
1) 위에서 선택한 두개 그룹 모두 Alt 를 누른 채 드래그 하여 복제
2) 정육면체만 추가로 복제
그러면 아래와 같이 레이어 순서가 연결 객체보다 아래라서 이상하게 복제됨
마지막 정육면체 선택 후 ctrl + ] 로 제일 위로 올리기.
12. 가이드 라인을 그린 후 위치 조정하기
1) 첫번째 정육면체의 바닥 라인에 맞춰 펜툴(p) 로 라인 하나 그리기
2) 해당 라인에 맞춰서 두번째 정육면체, 두번째 연결 직육면체, 세번째 정육면체를 이동하여 위치 맞추기
13. 전체 위치 조정
가이드 라인을 지우고 전체 도형 선택 후 그룹화 (Ctrl+G)
그룹화된 전체 개체 선택 후 > 상단에 정렬 버튼 눌러서 가운데에 정렬하기
입체 도형 완성
마지막으로 바닥 그리기는 3탄에서
'실용 디자인' 카테고리의 다른 글
스마트폰 배경화면 - 이미지 배경 늘리고 깨지는 이미지 보정 (0) | 2022.05.05 |
---|---|
일러스트로 입체 도형 그리기 3탄 (0) | 2022.04.27 |
일러스트로 입체 도형 그리기 1탄 (0) | 2022.04.26 |
내가 자주쓰는 포토샵 단축키 (0) | 2022.04.23 |
용도별 Adobe 디자인 프로그램 (0) | 2022.04.21 |