본문 바로가기

Pr Ae

[HE-17] 컴퓨터그래픽스 운용기능사 실기(인디자인, 파일-패키지)

컴퓨터그래픽스운용기능사 실기시험대비 최고의 적중률을 자랑하는 영진닷컴의 이기적 컴퓨터그래픽스운용기능사 교재를 참고하세요.   이기적 교재의 실기시험의 풀이요령을 소개하되 이 강좌의 주요내용은 교재에 소개하지 않은 실무핵심 중 하나이나 익숙하지 않은 인디자인 작업의 노트 중 하단에 패키지로 내보내기참고하고 연습하세요.


실기시험은 4시간 동안  일러스트 ▶ 포토샵▶ 인디자인   순서로 작업 후 인디자인에서 파일-패키지로 따로 저장된 폴더채 USB에 담아서 내보낸 후, 프린터 기기가 있는 앞으로 이동해서 출력하고 A3크기의 도화지에 마운트(양면테이프이용 깔끔한 부착)해서 제출하는 것으로 마무리 합니다.  

 

   기출문제 일러스트 참고 문제지 53편 다운로드 

  포토샵 용 이미지는 픽사베이에서 비슷한 것으로 연습 

 

 

영진닷컴의 이기적 컴퓨터그래픽스운용기능사물제풀이 영상

 

 



 
■ 자격종목 : 컴퓨터그래픽스운용기능사
■ 과제명 : 도시농업박람회 포스터  ※ 시험시간 : 4시간

※ 시험시간 : 4시간

다음의 요구사항에 맞도록 주어진 자료(컴퓨터에 수록)를 활용하여 디자인 원고를 시험시간 내에 컴퓨터 작업으로 완성하여 저장하고,  최종 결과물은  인디자인에서 파일의 패키지기능으로 '홍길동_컴운기실기.zip'파일로 메일로 제출 한다.

 

1. 요구사항
※ 실기시험에는  A4 용지로 출력 후 A3용지에 마운팅(부착)하여 제출한다. 모든 작업은 수험자가 컴퓨터 바탕화면에 폴더를 만들어 저장하시오.


가. 작품규격(재단되었을 때의 규격) : 160mm×240mm  ※A4 용지 중앙에 작품이 배치되도록 하시오.

나, 구성요소(문자, 그림): ※(디자인 원고 참조)

 

①문자요소
•도시의 텃밭정원! 팍팍한 도시에 치유와 예술을 더하다.
•제12회 서울도시농업 박람회
•박람회기간
•2023.9.24(화)~9.27(일)
•박람회장소
•중랑구 용마폭포공원 특설무대
②그림요소: 디자인 원고 참조

도시농업박람회_사진이미지.zip
5.06MB

 



다. 작업내용
01] 주어진 디자인 원고(그림, 사진, 문자, 색채, 레이아웃, 규격 등)와 동일하게 작업하시오.
02] 디자인 원고 내용 중 불명확한 형상, 색상코드 불일치, 색 지정이 없는 부분. 원고에 없는 형상 등이 있을 때는 수험 자가 완성도면 내용과 같이 작업하시오.
03] 디자인 원고의 서체(요구서체)가 사용 컴퓨터 및 소프트웨어와 맞지 않을 경우는 가장 근접한 서체를 사용하시오.
04] 상하, 좌우에 3mm 재단여유를 갖도록 작품을 배치하고, 재단선은 작품규격에 맞추어 용도에 맞게 표시하시오.
(단, 디자인 원고 중 작품의 규격을 표시한 외곽선이 있을 때는 원고의 지시에 따라 표시여부를 결정한다.)
05] 디자인 원고 좌측 하단으로부터 3mm를 띄워 비번호를 고딕 10pt로 반드시 기록하시오.
06] 출력물(A4)은 어떠한 경우에도 절취할 수 없으며, 반드시 A3용지 중앙에 마운팅하시오 

라. 컴퓨터 작업범위
01] 10MB 용량의 폴더에 수록될 수 있도록 작업범위(해상도 및 포맷형식)를 계획하시오.
02] 규격:A4(210x297mm) 중앙에 디자인 원고 내용과 같은 작품(원고규격)을 배치하시오.
03] 해상도 및 포맷형식: 제한용량 범위 내에서 선택하시오.
04] 기타: 
①제공된 자료범위 내에서 활용하시오.
②3개의 2D 응용프로그램을 고루 활용하되, 최종작업 및 출력은 편집 프로그램(쿽 익스프레스, 인디자인)에서 하시오. 
③최종 결과물은  인디자인에서 파일의 패키지기능으로 '홍길동_컴운기실기.zip'파일로 메일로 제출 한다.

 

홍길동_컴운기실기1.indd
0.86MB

 

 

위 제공하는 인디자인 파일을 다운로드 후 파일명을 변경하세요.
포토샵에서 디자인JPG를 File-Place로 가져와 텍스트 입력작업하고
 작업이 끝나가면 꼭 좌측하단 재단선 아래 이름변경 저장 후
File-Package로 내보낸 압축파일을 아래메일로 제출
하세요.
oknok70@naver.com

 

●일러스트레이터에서 제공한 원고와 같은 삽화작업을 구성요소, 색상, 심미성을 고려해서 유사하게 작업을 하고 누락된 부분없이 우수하게 작업했는가?
●포토샵에서 주어진 디자인 원고를 참고해서 사진, 문자, 색채, 레이아웃, 규격 등을 유사하게 디자인 작업을 하고 누락된 부분없이 우수하게 작업했는가?
●인디자인에서 A4 용지 중앙에 작품규격(재단되었을 때의 규격)인 160mm×240mm를 고려한 재단선을 포함한 최종결과물을 오류없이 완성도를 높여서 제출했는가?

 


 

패턴관련 작업참고

일러스트레이터에서는 스와치에 던져 등록한 패턴을 더블클릭해서 직접 패턴의 회전,크기의 변화를 줄 수 있으며, 크기의 경우에도 Scale툴을 더블클릭해서 아래 와 같은 옵션에서 Transform Patterns만 체크해서 변화를 줄 수 있습니다.

 


 



이기적 컴퓨터그래픽스 운용기능사 실기 기본서의 예상문제풀이는 아래 유튜브채널을 통해 보시고, 꼭 교재의 구입해서 관련된 자세한 지식을 함께 배워보시기 바랍니다.

https://www.youtube.com/watch?v=-Fyt-uBGfH8&list=PL6i7rGeEmTvo_hmO3Tr7trn6WXkPm5wGr

 

 

01. 한국전통차 박람회

 

 

일러스트/포토샵/인디자인
순서로 작업을 진행합니다.

 

문제01.한국전통차 박람회.pdf
16.82MB

 

 

3-1.일러스트 작업 (2/3작업소요. 약2시간)

사진이미지를 제외한 대부분의 일러스트 그림을 초반에 작업을 해야 합니다. 많은 시간을 들이는 작업이기에 요령껏  출제된 샘플디자인과 유사하게 작업하는 요령으로 작업을 해주세요.

한국전통차_일러스트1007.ai
2.19MB

 


1. 일러스트레이터를 실행하고 새 문서는 6mm 큰 크기로 만든다.
제시하는 작품규격 160x220mm , 새 문서 Print A4용지에 맞추고, 규격은 재단여유를 고려한 6mm늘어난, 166x226mm 크기로 CMYK컬러모드 확인하고 새 문서 만든다.  

2. Rectangular Grid로 규격 그대로 160x220mm, Horz.D 3, Vert.D 3   OK!   전체적인 레이아웃의 참고용 라인이다.
 대각선을  / 도구로 그리드를 그린다. 선 색상은 방해되지 않는 Red 컬러를 보통 부여한다. 전체적인 레이아웃의 도움이 되는 그리드틀을 만드는 것이다.


3. 패턴브러시는 그룹주고 F5 브러시창에 드롭다운으로 던져서 등록창을 띄우고, Pattern Brush를 선택하고  중심평평한 부분 패턴지정 후 OK.
(그림형태의 Brush 3종, Scatter/Art/Pattern)

원을 Shift 일정비율로 정원그리고, Brush창의 위 등록한 PB를 누른다.

패턴 안과 밖의 원은 기존의 정원을 복사하고, 빈 곳 클릭 후 Ctrl+F 붙인 후에 D를 눌러 기본색으로 바꾸고 Shift+X로 Strok/Fill컬러를 바꾸거나, /를 누르고 None을 누르면 빠르다.  선두께는 i 아이드롭퍼로 같은 선두께를 유지할 수 있다.


4. 브러시창의 = 더보기-오픈 라이브러리
Artistic -  Artistic ChalkCharcoal Pencil을 누른다. 기본적인 펜툴로 곡선을 그리고 선색상을 유지한 상태에서 원하는 유사한 모양의 브러시 형상을 클릭해서 반영한다.   

 

선두께의 변화를 일정하게 Ctrl+K를 누르고  설정에서 Scale Stroke...를 체크 끄고 기존의 곡선을 복제해서 회전, 크기로 비슷하게만 표현해야한다.  Alt 키는 복제도 해주며, 중심기준의 크기조절로 수평/수직 뒤집는 표현에도 사용하니 꼭 적용해 시간을 줄여라.

 

 

5. 잎새원형을 펜툴로 해도되지만,  줄기는 선으로 그리고 프로파일을 활용해서 그려도 된다.  줄기의 경우 모든이상한 선을 쉐이프로 변환-Object-Exp(Ap) 처리하면 작업이 빠르다.  아래 잎새면을 위 쉐이프 빼기 - 우측속성창 패파 2번째
아래기준 앞에것 빼기 Minus Front로 마무리가 된다.

잎새외곽의 두꺼운 흰선을 저자는 Object-Path-Offset Path : +부풀이고 -줄이며 별도 분리기능(Off set) 이용했음.
필자는 Appearance창에서 스트로크 위치를 필아래로 바꿔도 된다.

'전통문화' 궁서체(C+t, 옵션창) 원고와 유사하게 적용한다. 크기와 서체 언급이 없다면 유사하게 표현한다.  글씨는 아웃라인처리로 쉐이프로 변환시킨다.   Type-Create Outline (CS+o) 혹은  Object-Expand를 이용해도 된다.

 

 

 


6. 회전 앵커와옵션=회전툴과+Alt  ...... 각도 360/6, 미리보기 체크 60도  Copy버튼 누른다.   
복제된 상태에서
Ctrl+D 복제 ....
기존 원형상을 재활용(복제) 크기조절할수도 있다. 설정에 선두께 크기 변하지 않게....C+K Scale Strok항목 체크 끄기
회전체???  그룹<심볼 /////// 변화를 주는 경우에는 그룹보다 심볼을 회전시키는 편이 수정도 쉽고, 더 좋다.

◆ 선택반전을 Ps단축키를 설정하려면?    Edit-Keyboard Shortcuts [툴/메뉴]

 

 

 

 

 

7. 기타 아트워크 작업하기


 

 

 

위 7번그림의  전통구름그리기는 유사한 일러스트 그리기 유튜브영상을 참고하세요. 똑 같은 나선형 그리고 끝 부분을 뾰족하고 한쪽은 둥글게 하는 방법은 별도 강의시간에 그려보겠습니다.

 

나선형툴로 대략적인 기본 라인을 그려보고 툴을 더블클릭하면 원하는 지점에 아래와 같은 옵션이 뜨며, Decay 80%, Segments 6 정도에 맞추면 구름형상의 나선형을 그릴 수 있습니다.  복제한 형상을 수평으로 반전시키고 가위도구로 원하는 라인까지 남기고 잘라 버린 후에 별개의 라인들을 끝이 뾰족한 프로파일 기능을 이용해서 복제 및 표현을 하면 됩니다.

 

 

 

 


 

3-2. 포토샵작업(1/3의 남은 시간을 1시간 정도 할애)

아래 사진 이미지를 활용해서 인디자인 3번째 단계로 보내는 JPG최종작업을 하는 단계입니다. 첫 과정에 작업한 일러스트 그림을 픽셀형태로 포토샵에 붙여서 대부분의 디자인 작업을 진행하고 JPG이미지로 내보내해야 합니다.

 

 

1.포토샵의 새 문서 규격은 6mm 늘어난 크기로 제작합니다. 
160*220mm가 작품규격이니,  문서형식은 Print-A4용지에 맞추고, 166*226  (재단선3mm), 해상도 100dpi, 컬러모드 CMYK로 지정합니다.
※ 실무에서는 300, 이미지사이즈 AC+i 메뉴로 크기를 변경하거나 확인합니다.

2. 그리드를 일러스트에서 복사후, 포토샵에 ▣ Pixel형태로 붙인다.  중앙에 붙여지니 엔터키만 치면됩니다.

3. 배경레이어를 새로 만든다. New Layer CS+N  '배경' 그라디언트 적용한다.

4. 패턴의 경우는 새 문서(클립보드규격 그대로) 만들고 붙이고, 크기를 Alt+Shift키를 누르며 중앙기준으로 일정비율로 줄인다.  패턴등록을 위해서(선택이 안된경우는 전체가 대상)   ★Edit-Define Pattern... 메뉴로 '구름'등록한다.

5. 누끼작업. JPG이미지는 가급적 현재 문서내 던지고 엔터!  우클릭 레스터라이즈 레이어(Rasterize Layer) 체크 후 빠른 누끼작업 실행한다. 
★ Pen-Path로 작업한 경우에는 Ctrl+엔터 [load Selection]  선택화함
★ 마술봉 선택 < 퀵 선택 < 오브젝트 선택

6. 투명도는 레이어 선택하고 3 입력하면, Opacity에 자동으로 30% 입력되니 숫자만 입력하는 것 잊지말고,  기타 마스크 등 포토샵 합성기법을 표현한다. 

 

포토샵의 최종 결과물은 아래와 같은 JPG로 웹용저장 혹은 Save as... 다른 이름 저장으로 Quality 100으로 내보냅니다.  실무에서는 PSD파일을 인디자인에 그대로 가져올 수 있습니다.

 

 

포토샵결과물.zip
0.99MB

 

 

RGB로 모드변경 후 필터적용

CMYK모드에서는 빛 기반의 FILTER가안되서, Image-Mode를 RGB로 바꿔고 해야한다. 최종적인 작업까지 RGB로 작업하고, 인쇄용 디자인인 경우에 CMYK로 변경해서 저장후 jpg로 내보낸다!


 

3-3. 인디자인 작업

포토샵의 사진 이미지를 활용해서 최종 작업한 결과물은 JPG로 인디자인에서 가져오고 위에 레이어를 추가하고 텍스트를 입력합니다.  중요한 재단선과 등번호를 입력하고 저장하고 인쇄과정으로 넘어가는 마지막 단계가 됩니다.

 

 


01. 인디자인에서 새 문서 만들기

인디자인에서 새 문서 만드는 설정은 중요합니다.  작품규격만큼 충분히 출력할 만한 여유공간의 A4용지를 기준으로 용지 설정을 합니다.  한글워드와 같은 프로그램에서는 규격을 중요하지 않지만,  인디자인에서는 A4용지의 정확한 중앙에 배치하기 위해서 작품규격과 재단선을 포함한 6mm정도가 크게 인쇄하는 통합규격의 차를 빼고, 여백을 상하좌우 공평히 나눈 여백을 표기해서 마진을 지정해야 합니다.   

 

A4용지규격에서 너비가 210  - 재단여유를 고려한 크기 166   = 차이 44  로 나옵니다.   44  /2=22  의 여백을 좌/우의 Margin으로 지정을 하는 것입니다.   

 

CS6 / CC버전에 따른 다른 새 문서 생성창

 

 

02. 작품규격에 맞춘 기준선 위치 변경

 

 

 

 

03. 안내선과 안쪽에 3  재단선 그리기

 

 

04. 포토샵에서 작업한 JPG파일을 File-Place 작업에 렉이 걸려서 그림 추가후에 Display Performance를 Typical Display에 놓고 작업을 합니다.   

 

 

 

05. F7키를 눌러서 그림과 재단선이 들어간 레이어 위에 디자인 작업을 합니다.

 

 

 

06. 인디자인 작업을 마무라하고 저장은 현재 폴더에 합니다. 중요한 것은 USB에는 패키지 형태로 저장해서 출력할 감독관이 있는 프린터기 위치에서 인디자인 파일을 열어야하는데, 포함된 이미지등을 함축한 패키지로 저장을 필히 해야 합니다.  인쇄소에 보낼때도 실무에 적용하는 기능입니다.