▷ 윤샘컴교실 (^(oo)^) YoonSemComClassroom ◁

[연습문제 02]

그동안 학습한 내용을 기억을 되살리고 복습, 반복/숙달/숙지를 위한 시간 입니다. (스스로 연습문제와 실습과제를 풀어 보세요!!)

(문제1)

도형 툴로 사각형, 원형 오브젝트를 가운데 부터 시작해 만들려면 마우스 드래그와 같이 사용하는 조합키는? 

①Ctrl    ②Shift    ③Alt    ④V

(문제2)

직선을 점선으로 바꾸기 위해서, 패널 그룹에 선의 속성을 변경 또는 수정할 수 있는 Stroke Panel을 띄우는 단축키는?

①Ctrl + S    

②Ctrl + F10   

③F7   

④A

(문제3)

툴 패널(박스)의 다각형 툴을 이용해서 정삼각형 또는 팔각형을 만들려고 한다. 마우스 드래그 작업과 병행해서 같이 사용하는 키는?

①키보드 좌/우 방향키    

②키보드 상/하 방향키    

③키보드 스페이스 바    

④키보드 Shift

(문제4)

3개의 도형 오브젝트를 동시에 선택, 중심점에 맞게 가운데 정렬 하려고 한다. Align 패널만 띄우는 단축키는 ?

①Ctr + Shift + F9   

②Shift + F7   

③F7    

④F6

(문제5)

오브젝트 패스의 기준점(포인트)을 선택, 또는 마우스 드래그 작업으로 패스의 곡선을 직선으로, 직선을 곡선으로 변형할 수 있는 일러스트레이터의 도구(Tool)는?

①펜 툴(Pen Tool)    

②기준점 추가 툴(Add Anchor Point Tool)    

③기준점 삭제 툴(Delete Anchor Point Tool)   

④기준점 변환 툴(Convert Anchor Point Tool)

(문제6)

작업중인 파일을 처음 열기 상태나 마지막 저장 단계까지 빠르게 되돌리는 단축키는 ?

①Ctrl + Z    

②Ctrl + Shift + Z

③F6    

④F12

(문제7)

일러스트에서 입력한 텍스트나 오브젝트에 그림자 효과를 주려고 한다. 적절한 메뉴 선택은? 

①Object / Stylize / Drop shadow    

②Object / Warp / Drop shadow 

③Effect / Stylize / Drop shadow

④Effect / Warp / Arc

(문제8)

일러스트에서 (태극) 오브젝트를 Offset: -3mm(-10px) 값을 설정하여 축소 하려고 한다. 적절한 메뉴 선택은?

①Object / Path / Offset Path    

②Object / Transform / Offset Path 

③Object / Path / Join / Offset Path

④Edit / Paste in Back / Offset Path

+++++++

(주관식 문제)

(문제9 - 주관식)

일러스트에서 입력한 텍스트를 벡터 이미지(Create Outlines)로 변환하려면, 텍스트를 선택하고 Ctrl + ( ?       ) + O 단축키를 이용하면 된다.

(문제10 - 주관식)

일러스트에서 열린 패스(Path)를 닫힌 패스로 이을려고 한다. 열린 패스의 양쪽 끝단 포인트 점을 Shift 키를 이용해 동시에 선택하고 단축키 ( ?               ) + J 를 이용하면 닫힌 패스로 마무리 된다.

(문제11 - 주관식)

작업중인 아트보드의 크기를 중간에 변경하려고 한다. 사용하는 단축키는 ( ?            ) + O 이다.

(문제12 - 주관식)

일러스트레이터의 중요 툴인 펜툴 드로잉 작업의 마무리는 키보드의 V(선택 툴로 전환)나 ( ?          ) + 아트보드 클릭을 하면 된다.

(문제13 - 주관식)

안료/물감, 감산혼합, 출판/인쇄에 사용하는 CMYK Color 는 Cyan, Magenta, ( ?                    ), Black 4가지 색상을 의미한다.

(문제14 - 주관식)

가산혼합, 빛의 3원색 RGB Color에서 G 색상의 16진수 칼라 코드 값은? ( ?  #                         )

(문제15 - 주관식)

일러스트레이터의 원본 파일 형식인 *.ai 파일을 이용해서 웹에 사용하기 위한 Save for Web, 배경을 투명하게 GIF, PNG 이미지 형식으로 저장하려 한다.

Save for Web 대화상자에서 ( ?                             ) 메뉴를 체크해야 한다.

(문제16 - 주관식)

일러스트레이터의 원본 파일 형식인 *.ai 파일을 이용해서 웹에 사용하기 위한 Save for Web 저장 메뉴를 선택했다. 저장 작업시 아트보드의 크기를 오브젝트의 크기 만큼 자동으로 축소 하려면 Save for Web 대화상자에서 Clip to Artboart 메뉴를 ( ? 체크 / 체크 해제 ) 해야 한다.

(문제17 - 주관식)

좁은 의미로는 서체의 모양과 스타일을 의미하며, 넓은 의미로는 활자를 어떠한 목적에 맞게 또렷하고 가독성 높게 배열함으로써 호소력을 갖추도록 하는 기법 및 디자인을 의미한다.

( ?                )는 정보 전달을 비롯하여 다양한 시각적 효과를 표현할 수 있고, 감성 및 정서의 표현까지도 가능하다.

(문제18 - 주관식)

일러스트에서 웹에서 사용할 이미지는 일반적으로 ( ?           )px 로 설정하고, 출판 및 인쇄는 해상도를 300px (신문은 150px) 로 설정하여 작업한다.

(문제19 - 주관식)

일러스트레이터(ILLUSTERATOR)에서 드로잉 작업시, 오브젝트를 복사하여 같은 간격 또는 일정한 각도로 반복해서 붙여넣기 할 때 사용하는 단축키는?

( ?            ) + ( ?            )

(문제20 - 주관식)

일러스트레이터(ILLUSTERATOR)에서 선택한 오브젝트의 X, Y 좌표 위치 값과 크기를 확인할 수 있는 Info Panel 을 화면에 나타나게 하는 단축키는?

( ?            ) + ( ?           )

(일러스트 메뉴 확인: Window / Info)

(문제21 - 주관식)

일러스트레이터(ILLUSTERATOR)에서 Symbol Libraries menu를 활용해 제공되는 심벌 오브젝트를 사용하려고 한다. Symbols Panel 을 화면에 나타나게 하는 단축키는?

 Ctrl + ( ?          ) + ( ?          )

+++++++

[실습과제 02]

① 도형&펜 툴로 공중 화장실 로고 드로잉~

(Artboard: 400*400px, RGB)

▶과제 제출 파일명 --> 본인이름(일러스트-펜툴과제01).ai

창의적이고 도전(인상)적인 발상으로 

공중 화장실 로고를 색다르게 제작해 보세요...

(서울 용산역에서 그냥 지나 가다가... 한 컷!!)

 +++++++

가끔은 짬짬이 기초데이터 수집하기

윤샘생각!! 디자인의 시작은...?

자꾸보고(리서치), 수집하고, 구상하고,

고민하고, 시도하고, 수정하고, 보완하고,

직접 사용해 보고--> 그리고 또 한번 최종 수정하고!!

[아래는 제품디자인 구상/구현... 하나의 예시] 

+ 공중화장실 로고 참고자료 (3D 프린팅) +

http://edyoon.tistory.com/709

*******

+ 양치질 컵 제품기획/제작 (3D 프린팅) +

http://edyoon.tistory.com/720

(최종 완제품 링크 페이지 암호--> d37)

+++++++

[실습과제 03]

디자인구성요소 아이디어 시각화

② 찾아오시는 길(약도) 프로토타입 제작

(가벼운 연습!! 똑 같이 드로잉 약도 제작해 보기)

width 500 x 280 height ( Resolution 150 pixels/inch )

width 500 x 280 height ( Resolution 150 pixels/inch )

+ 프로토타입 기초데이터 수집 샘플 +

(영주김밥 신촌점)

(철판산성 / 고양시 자유로 행주산성 부근 맛집)

[자유로 일산 가는길 행주산성 맛집 철판산성 삼겹살]

(가격은 동영상에 나오는 메뉴판에서 확인 가능...)

(철판산성 명함 로고)

+++++++

+ 약도 프로토타입 제작 결과물 벤치마킹 참고자료 +

본인이 잘 아는 장소, 찾아오시는 길(약도) 제작해 보기

카페 / 떡복이 집 / 롯데리아 / 할인매장 / 치맥 호프집 등...

(웹에서 지도 검색 - 간단한 스케치 - 일러스트 드로잉 시각화 작업)

(Artboard: 500*600px, RGB Color, 72px)

++ 본 페이지 맨 밑에 추가 샘플 약도 ++

나중에 구직활동시...

본인이 입사지원할 회사의 약도(찾아 오시는길)을 일러스트로 드로잉 작업하여 이력서 이메일 보낼때 첨부해서 보내보기!!

Window / Brush Libraries / Artistic / Artistic_Paintbrush

F5 - Brushes Panel

Window / Brush Libraries / Arrows / Arrows_Standard

펜 툴(Pen Tool)이나 연필 툴로 먼저 길따라 라인을 형성하고, 화살표 머리(맨위) 선택하기

용산전자상가 리서치하고 약도 제작해 보기

(가상의 회사위치 찾아오시는 길 기획하기)

- 용산전자상가 약도 참고자료 -

http://edyoon.tistory.com/963

▶과제 제출 파일명 --> 본인이름(일러스트-약도과제02).ai

[홈페이지 찾아 오시는 길(약도) 제작 참고자료 1]

- 네이버 지도 검색 후 참고, 일러스트 약도 제작 -

[홈페이지 찾아 오시는 길(약도) 제작 참고자료 2]

드로잉 작업으로 위 샘플과 같이 필요한 오브젝트 제작

+ 일러스트 제공 심벌 오브젝트 이용 +

Symbols / Open Symbol Library / Logo Elments

Symbols / Open Symbol Library / Nature

[홈페이지 찾아 오시는 길(약도) 제작 참고자료 3]

+ 추가 실습과제 (포트폴리오 제작) 예시 +

디자인구성요소 아이디어 시각화 프로토타입 제작

현재 수강중인 훈련기관 네이버 지도 검색 후 약도 제작

잘 알고 있는 맛집? 이나, 본인만의 의미 있는 장소 약도 제작

(먼저 백지에 대략적인 구상, 스케치를 하고 작업 할 것)

[찾아오시는 길(약도) 벤치마킹 참고자료]

+++++++

약도 제작에 필요한 다양한 오브젝트 추가로 제작해 보기

(오브젝트 제작 스케치 및 창의적인 아이디어 시각화 연습)

+++++++

+++++++

 [실습과제 04]

③ 도형&펜 툴로 아이콘 30개 이상 제작해 보기

(Artboard: 500*600px, RGB)

(^^ 아래 아이콘 샘플에서 골라 작업하세요 ^^)

▶과제 제출 파일명 --> 본인이름(일러스트-아이콘과제03).ai

+ 개별 아이콘 1개당, 총 4개의 파일 저장 +
(GIF: 불투명.gif, 투명_tcy.gif  //  PNG: 불투명.png, 투명_tcy.png)

▣ 윤샘 edyoon.tistory.com 컴교실 ▣

[일러스트레이터 ★펜 툴(Pen Tool)★ 다루기3]

!! 펜툴 잘 다루는 사람이 일러스트 잘하는 사람 !!

(본 페이지 맨 아래 일러스트 포트폴리오 컬렉션 샘플)
 

1.

+ 애플(사과) 이미지, 다운로드 저장: 애플.gif

+ 일러스트에서 저장한 이미지, 아트보드에 삽입: File / Place...

+ 이미지 잠금: Ctrl + 2

+ 이미지 해제: Ctrl + Alt + 2

[펜툴로 작업한 패스(오브젝트)를 아래와 같이 색상을 넣으세요]

2.

펜툴을 활용한 곰돌이 캐릭터 제작
(창의적인 아이디어 시각화 & 컬러링 연습)

점차적으로 수정보완... 디지털구성요소 제작

(발전적인 진화형 프로토타입 제작)

3.

4.

5.

6.

+ + + + + + +

[개별연습 및 실습과제!!]

일러스트 학습한 내용을 종합적으로 활용 및 응용!!

아래에 예시된 드로잉 예제 중 3개 선택해 창의적으로 작업해 보기

(스스로 결과물을 산출해 내서, 문제해결능력 키우기!!)

1. 산과 나무

 2. 카메라 (창의적으로 아이디어 시각화 드로잉 제작)

3. 버스 / 자동차

+++

4. 사각 문양

5. 곰돌이

6. 꽃병

7. 쇼파

8. 서재(난이도 중상)

9. 정원(난이도 중상)

10. 캐릭터 컬렉션(베리에이션)

11. 너구리

?... 호랑이 / 사자 ...?

( 기초데이터 수집 & 창의적으로 아이디어 시각화 스케치 )

12. 주택

13. 로봇

14. 건물

15. 하우스

16. 빌딩1

17. 빌딩2

18. 고릴라

19. (난이도 상)

+++++++

20. 메뉴판(베리에이션 아이디어 시각화)

디자인구성요소 진화형 프로토타입제작 메뉴판 템플릿

디자인구성요소 진화형 프로토타입 결과물 벤치마킹

[일러스트레이터 브러시 라이브러리 활용!!]

Window / Brush Libraries / Decorative / Banners and Seals

+++++++

디자인구성요소 제작, 디자인 시안(Design Draft)

프로토타입(Prototype) 기본 개요

사용자의 요구사항을 반영 및 수차례의 수정보완 과정을 통해 완제품을 산출해 내기 위한 사전 시제품을 프로토타입이라고 할 수 있다.

(NCS 훈련교과 프로토타입 // 내부평가, 이수자평가 예상문제)

프로토타이핑의 목적에 따른 프로토타입의 종류 5가지를 완성해 쓰시오.


① 오직 사용자의 요구 분석이 목적인 경우 폐기 처분용 프로토타입

② 가급적 빨리 개발해야 하는 경우, 빠르게 작업 지저분하게 만든 quick and dirty 프로토타입

③ 상세 설계와 구현까지 마친 다음 ( ? ① ) 생산에 앞서 시험용으로 개발된 프로토타입


④ 입출력의 사례를 보여줄 뿐 실제 ( ? ② )도 없고, 절차 논리도 구현되지 않는 프로토타입


⑤ 개발된 프로토타입을 계속 진화시켜 나감으로써 ( ? ③ )적인 시스템으로 발전 시키는 진화형 프로토타입

정답: ① 대량     ② 데이터     ③ 최종

+++++++

+ 일러스트 결과물 / 포트폴리오 컬렉션 +

+ icon sns +

+ icon sample +

+ background template sample +

(w500 x 600h)

+++++++

++ 아트보드 크기 재설정 및 오브젝트 잠금(해제) ++

아트보드 크기 재설정: shift + o

(툴박스 / Artboard Tool)

오브젝트 잠금(해제): ctrl + 2 (ctrl + alt +2)

+++++++

+ 프로토타입(Prototype) 참고 자료 +

(3D프린팅 완제품 컵 만들기, 프로토타입 수정보완)

https://edyoon.tistory.com/1315

▣ 윤샘 YoonSemCom 컴교실 ▣

.  s48