본문 바로가기


전체 글

(468)
6-2 판촉물제작(Ai) 수행내용 참고 포폴형과제는 아닌, 편집디자인 시안제작의 수행내용(Page 51)으로 직접디자인한 Adobe Illustrator(Ai파일 CS5이하 저장)파일을 이용해서 쇼핑몰, 기념품샵으로 비즈니스 가능한 판촉물을 Huni 프린팅, OOO 업체 등에 제작해 볼 수 있는 경험을 쌓아보세요. 디자인파일을 이용해서 판촉물 제작업체 중 소량으로 인쇄가능한 아래 Huni printing의 예를 보겠습니다. 상단의 메뉴 중 굿즈(Goods)제작 주문하기의 카테고리 중 3개의 서브카테고리를 선별해서 대표적인 샘플 이미지를 하단에 표시해놓았습니다. 자세한 내용은 아래 링크를 참고하세요. 후니프린팅 (huniprinting.com) 후니프린팅 디지털인쇄 토탈서비스 www.huniprinting.com www.ohprint.me/st..
6-1 편집디자인 시안제작(미술관 소책자8p/QR코드) 포폴형과제로 소책자를 만들어 볼 것입니다. 주제는 미술관의 홍보용 전시관.미술관 소개 8p 소책자(표지포함)를 제작해봅니다. 실무에서는 소량의 페이지인 소책자이므로 중철(중간의 스템플러철)을 해야 하지만, 각각의 페이지로 인디자인에서 작업하겠습니다. 각 지면구성을 A4용지를 수평으로 나눈 후 아래와 같이 구성을 해봤습니다. 디자인 참고사이트 : 디자인DB / 디자인정글 크리에이티브 영감을 주고 디자인 시안 작업 시 참고하는 자료들을 레퍼런스(Reference)라고 한다. 1. Pinterest: https://www.pinterest.com Pinterest 요리법, 집 꾸미기 아이디어, 영감을 주는 스타일 등 시도해 볼 만한 아이디어를 찾아서 저장하세요. www.pinterest.co.kr 8p형 소책..
편집디자인 시안제작용 미리캔바와 미리캔버스 편집디자인 시안제작은 편집디자인의 포맷을 확정하기 위하여 출판물의 기획 의도를 파악하고 디자인 요소를 선정하여 시안을 디자인하고 완성된 시안을 제작할 수 있다. Miri Canva 템플릿 중 브로셔에서 가로형, 세로형을 선택후 각각의 페이지 작업 후 편집가능한 솔루션 자체의 저장과 후에 편집도 가능하며 PDF로 내보내는 가능도 수행한다. 말그대로 온라인 디자인 편집 솔루션이다. www.miricanvas.com/templates/searchundefined#/templates/search?templateTypeId=brochure_catalogue_ver&purpose=PRINT 템플릿 - 미리캔버스 수만 가지의 무료 템플릿을 100% 무료로 제공합니다. www.miricanvas.com Canva.co..
인쇄편집의 주요개념 요약(혼합형) 보호되어 있는 글입니다.
5-1. 인쇄편집-여행(관광)포스터 보호되어 있는 글입니다.
일러스트레이터의 숨겨진 메뉴와 효과 일러스트레이터의 숨겨진 메뉴와 효과들을 정리해 봅니다. 컵홀더 디자인 > 구글이미지 검색결과
Color Halftone-포토샵과 일러스트레이터 색상중간톤(Color Halftone) 포토샵과 일러스트레이터에서 흑백이미지에 적용하면 명암을 구분해서 원형으로 Dot가 보이게 형태를 표현하는 효과(포토샵에서는 필터)입니다. 01. 비트맵 이미지 흑백화 Edit- Edit Colors - Convert to GrayScale (흑백이미지로 변환) : 흑백으로 안하면 색맹검사표와 같이 보니다. 02. 색상 중간톤 효과 적용 Effect - Pixelate - Color Half tone 중간톤 Max : 8~
편집디자인-인쇄물 직접 제작 후 주문하기 기인이나 기업 등 홍보할 인쇄매체를 직접 제작 후 주문하는 경험해보시기 바랍니다. 명함제작을 우선 해볼 텐데, 재단규격과 실제규격을 알아보시기 바랍니다. 명함제작 명함크기는 90x50mm이며, 인쇄물의 경우는 작업영역과 재단영역(실제크기)가 있습니다. 아래 링크를 참고하시고, 명함 규격에 맞는 샘플을 첨부했으니 아래 파일을 다운받아서 명함제작을 해보세요. 오프린트미 | 명함, 스티커, 사인&포스터, 홍보물, 카드, 액세서리 누구나 쉽고 빠르게 개인 맞춤 소량 인쇄! 나를 프린트하다, 오프린트미 www.ohprint.me 위 링크에 가보면 작업가이드가 상세히 되어있습니다. 유료광고 아님! 아래첨부된 파일CS6버전에서 위 설명과 명함디자인 샘플을 볼 수 있습니다. [주의] 위 이미지는 실제명함의 작업영역 크..
시각디자인 실무지식 #1 [일러스트레이터, 포토샵 ] 편집디자인 실무작업 방식(일러스트레이터,포토샵)을 소개합니다. 포토샵은 이미지 편집의 귀재이니, 배경이미지 요소를 PSD파일로 만들어서 일러스트레이터 작업파일(AI)에 File-Place로 가져옵니다. PSD는 배경이미지이니 가끔 바뀔 수 있어서 연결된(Link)파일은 언제든 업데이트(Update) 여부를 물을때 해주시면 됩니다. 최종적인 상태에서는 Object-Rasterize를 해주셔야 되요. 중요옵션은 컬러(종이출력물 CMYK/화면 RGB)와 아래 해상도와 그림을 참고한다. 72 : 영상, 웹디자인(쇼핑몰 상세디자인 등) 150 : 오피스문서용 300 : 간행물 및 비간행물 고급인쇄물 Other : 기타 해상도 아래 영상을 보시면 전체적인 작업순서를 소개하고 있습니다. (▶ Play해서 보세요) y..
공모전 소식 디자인 공모전 전체 요강 매년 수십개의 관련공고가 발표됩니다. 아래 공모전 관련 링크를 통해 수시로 소개가 되니 참고하시면 포트폴리오의 준비와 명성에 도움이 될 것입니다. 아래 배너이미지와 글을 클릭하면 해당 공모전 페이지로 연결되니 관심갖고 참여해보세요. 국내보다는 해외에 더 알려진 아기자기한 캐릭터가 등장하는 '쟈니 익스프레스' 👍 캐릭터관련 #Hashtag 현대리바트 캐릭터 공모전 캐릭터 디자인 상금 1,600만원 | 회사명 현대리바트 | 라우드소싱 현대리바트는 가정용 가구(리바트)부터 주방 가구(리바트 키친), 오피스 가구(리바트 오피스)등 우리의 생활공간과 관련된 제품 및 서비스를 제공하는 '토탈인테리어기업' 입니다. www.loud.kr ~ 2020-12-27 공모전 소식을 알리는 웹사이트 0..
북커버디자인과 3D Book 북커버디자인과 3D Book으로 주요 북커버 디자인 하는 앞표지-중간세로-뒷표지 디자인을 개별적으로 분리하여 별도로 심볼 등록한 종이면과 함게 아래의 순서로 3D Effect의 Extrude 적용과 Map Art를 통해 입체적인 각 3차원 표면들을 표현 할 수 있다. 아래 링크를 통해 북커버디자인의 포트폴리오 예시를 볼 수 있습니다. www.jungle.co.kr/gallery/43379 북커버 디자인 www.jungle.co.kr
타이포그래피와 캘러그래피 손글씨처럼 직접 쓴 캘러그래피와 폰트파일 중 손글씨 같은 모양의 글꼴을 설치하고 일러스트레이터에서 시각디자인의 컨셉트에 맞는 표현을 알아봅니다. 타이포그래피와 캘러그래피 손글씨 느낌을 직접 마커펜으로 그려보고, 촬영이나 스캔을 한 후에 포토샾으로 색보정하여 JPG파일로 저장합니다. 이렇게 직접 쓴 캘러그래피 손글씨 이미지파일을 일러스트레이터에 가져와서 이미지트래이싱 하여 완성합니다. 타이포그래피와 캘러그래피 타이포그래피는 직접 서체를 선정해서, 저작권과 사용범위등을 파악해서 표현하고, 영상자료와 같이 클리핑마스크등의 표현으로 디자인요소를 부여해 봅니다. gongu.copyright.or.kr/freeFontEvent.html 안심 글꼴파일서비스 gongu.copyright.or.kr 클리핑마스크에서 제목..
인물의 특징 - 캐리커처 인물의 특징을 살려서 캐리커처 일러스트레이션 방법은 포토샵에서는 어렵게는 다양한 브러시를 이용하거나, 사진에 잠깐 필터효과를 줘서 쉽게 표현 할 수 도 있습니다. 하지만, 일러스트레이터에서 만드는 인물의 캐리커쳐는 사실적인 묘사보다는 특징만을 살린 그림표현이 일반적입니다. 아래는 사진을 기반으로한 만화에 가까운 스타일의 캐리커쳐 아트웍의 예입니다. republic of korea bank of korea 오드리햅번 사진이미지 > 바로가기 복잡한 일러스트레이터 작업시 사용하는 액션은 불러오기(Load Action) 저장하기(영상참고) 일러스트레이터(Ai)에서의 머리카락(Hair)표현
GIF 이모티콘 제작원리 GIF(graphics interchange format)의 약자로 모든 웹브라우저에서 지원되고, 용량이 작으며, 애니메이션과 투명도 등이 가능한 파일 포맷이다. GIF는 최대 256색을 지원한다. 인쇄물 출력인 편집디자인에 사용하기에 품질이 떨어져서 사용을 가급적 금한다. PNG(portable network graphics)의 약자로 투명도지원 및 최대품질의 PSD원본파일과 같은 해상도 갖는다. 편집디자인에 PSD를 대신해서 가져오기로 삽입되는 데 최종인쇄공정전에 Object-Rastrize처리를 해야 이미지가 문서내 포함된다. (JPG 역시 레스터라이즈 공통사항) JPEG(joint photographic experts group) JPG라고도 하며(확장자 구분필요) 압축률이 뛰어나고 품질(Qual..
심볼과 그래프 도구의 2D그래픽 활용 심볼과 그래프 도구의 2D그래픽 활용 Newpaper의 통계자료 등을 그래프로 표현할 수 있는 일러스트레이터의 그래프툴에 대해 알아봅니다.
2D그래픽제작(교재) 포토샵과 일러스트레이터를 활용한 2D 그래픽제작하는 시간을 가져봅니다. 교재는 아래 링크로 받으세요. 단순화 및 왜곡으로 사물 그리기 / 다양한 스타일의 사람 얼굴 그리기 1. 사물의 특징을 살리고 독특한 감각으로 사물을 그린다. 2. 사물을 그릴 때는 먼저 간단한 사물을 선정하고, 정직하게 묘사한 후 특정 부분을 강조 하면서 그리고, 과장하여 왜곡시키면서 그려 나간다. 2D그래픽제작 PDF교재 mega.nz/file/eKhhRaxa#HXzQ9Qw7N9_vuw8LbshsuoE5mMVuzuM5YjTjqG484qg 17.26 MB file on MEGA mega.nz 스케치 벽면 사진촬영 한 것과 별도로 스캔받는 이미지를 아래와 같이 첨부하며, 이미지를 포토샵에서 보정 후 채색하는 방법을 소개합니다. 김정기..
일러스트레이터의 Export와 색상체계 등 기타표현 일러스트레이터에서 작업중인 파일들은 보통 저장과 다른이름 저장(Save, Save As...)를 이용하는데, 기본저장은 Save이며, 파일명을 다르게 하거나, 기본파일인 AI파일외에 일러스트레이터에서 지원하는 동일한 벡터계통의 EPS, PDF, SVG 등의 파일로 저장할때는 Save As...를 이용합니다. 하지만, 같은 형식이 아닌 일러스트레이터에서 JPG, PNG, PSD 등 비트맵이미지와 기타 외부 파일로 내보내는 명령이 File-Export입니다. 색상체계와 기타관련기능 : 첨부된 아래 수업노트 활용
비트맵이미지 레스터화 및 선관련 옵션 비트맵이미지 레스터화 비트맵이미지 레스터화 및 선관련 옵션 해당지역의 대학교에서 위 PDF문서등을 브루슈어로 확인할 수 있다. plus.cnu.ac.kr/html/kr/sub01/sub01_010702.html 홍보브로슈어 > CNU홍보 > CNU > 충남대학교 충대생의 아이패드 활용법🍎| 대학생 아이패드 공부, 필기 방법,추천 어플🍎| 2020-10-29 plus.cnu.ac.kr 그라디언트와 메뉴 그리고 기타 도구들 주요 노트는 아래 PDF를 참고하세요.
픽토그램과 다양한 일러스트 편집방법 픽토그램과 다양한 일러스트 편집방법을 소개합니다. 아래 수업노트 파일이 있으니 참고하세요. 픽토그램(pictogram)은 그림문자라고 하며, "그림"을 뜻하는 라틴어 픽토pict(us) 와 "전달"을 의미하는 텔레그램(telegram)는 합성어로 의미하고자 하는 바를 직접적으로 묘사한 그림을 통해 의미를 전달하는 표의문자이다. 스마트폰 디바이스용 앱이나 웹디자인용으로 주로 사용하는 SVG도 하나의 픽토그램의 유형이다. 아래는 폰트어썸 공식사이트의 픽토그램 검색과 다운받는 경로이다. 다운받은 SVG파일은 일러스트레이터에서 열면 단색의 스와치에 보여지며 복사해서 기본 새문서에 붙여서 컬렉션으로 모을 수 있다. fontawesome.com/icons?d=gallery&m=free Font Awesome The..
비트맵이미지의 벡터화/아트브러시 어도비 일러스트레이터라는 프로그램을 설치 하시고 아래 아트브러시 같은 개체를 표현해보세요. Premiere Pro CC 시험판 설치와 사용 프리미어(Premiere)는 가슴떨리는 "영화와 연극의 첫 공연(초연), 첫작품"을 말합니다. 전통적으로 2D 그래픽분야의 응용프로램(앱)의 표준은 Adobe사의 제품군들이 절대적인 표준입니다. 영상편집(Vi oztv.tistory.com 비트맵이미지의 벡터화-Image Trace 아날로그형태 스캔(촬영)을 받은 비트맵이미지(Raster : JPG, PNG)를 일러스트레이터에서는 바로 Vector로 변환하는 Image Trace기능을 이용하면 디지털화 됨 / Preset에서 흑백,색상 수 지정(많은 색상은 용량증가) 최종적인 벡터작업에는 Object - Expand를..
D1. 드로잉 이미지 편집디자인 현장에서 직접 필요한 일러스트레이터 교육용 노트 PDF를 다운받아 보세요. 드로잉 이미지 편집디자인 아래 교재 참고 Image Trace 아날로그형태 스캔(촬영)을 받은 비트맵이미지(Raster : JPG,PNG)를 일러스트레이터에서는 바로 Vector로 변환하는 Image Trace기능을 이용하면 디지털화가 된다. Window - Image Trace : 흑백, 컬러(색상수 지정) 대칭표현 반전도구(Reflect) youtu.be/oWDF5hy2bP4 개체를 일정한 각도로 회전시키기 youtu.be/-QnBSf-goEc 세리프와 산세리프 서체의 차이 www.97thfloor.com/blog/serif-vs-sans-serif Logo Design: Serif vs Sans-Serif Remember h..
사진 이미지 검수하기 및 기타편집 사진 이미지 편집 응용프로그램(Application)인 Photoshop의 Rotate(회전)은 2개이다 Edit : 1개레이어상의 있는 대상만 회전 Image : 전체문서(이미지 자체) 회전 채널패널을 이용한 사진이미지의 채도, 명도 조절 상단, 하단 중 일부를 밝게 채도는 높게 조절해보자. 이때 사용하는 것은 Black-White의 그라디언트 도구와 채널패널이다.
색상,채도,명도 조절 이미지-색상보정 색상(Hue) 채도(Saturation) 명도(Brightness) 이미지-Adjustment 내 Curves(C+M) : 색상,채도 조절 RGB : 명도, 채도 / Red etc : 색상 Leve(C+L) : 명도조절(스캔이미지 밝기조절) Hue/Saturation(C+U) : 컬러라이즈 체크 후 채도, 명도조절 Destura(CS+U) : 한방에 흑백만들기
펜툴사용과 패스패널활용 펜툴사용과 패스패널활용 패스패널 Pen Tool(Vector) 특히 대칭형 베이지커브를 통해서 곡선을 선택하기 최적이다.(Path패널) 검고 흰 화살표(이동 및 수정도구), 도형과 모양도구는 정해진 모양 Mode(옵션바) Shape(그림형태-채움색 Fill, 선색 Stroke) : 일러스트레이터의 그림표현과 같음 Path(선택도구를 도움 > Path패널 저장, 작업화면에서 보이거나 안보이게) 참고: 이미지크기 확인 : Image-Image Size 픽셀 수변경해서 크기조절 1000px 채널 패널 (레이어, 패스) 선택한 부분을 저장하거나, 불러오기 Alpha알파채널을 통해 저장,편집(CD그림) 기본은 색상체계를 보여준다.(RGB ; Red, Green, Blue) 채널은 RGB(혹은 CMYK)를 제외하고..
사진이미지 편집디자인 04 - 자유변형과 합성기법(레이어 마스크,블랜드모드) [실습1]자유변형 모니터내 이미지합성하기 ■Layer Mask 관련메뉴(오른클릭) Delete Layer Mask : Mask 제거 Apply Layer Mask : Mask 적용하기(잘려진것처럼 완성=제거) Disable Layer Mask : Mask 잠시풀기(X버튼누르면 돌아감) ■Layer Mask 표현들 빛(흰색)과 어둠(검은색)의 원리로 대상을 일부만 보이게함 ▷방법A : 범위를 선택하고 마스크-특정범위만 보인다. 편집이 필요한 경우 흰색과 검은색으로 일부를 채색한다. ▷방법B : 선택없이 마스크 - 흰색과 검은색으로 일부를 채색한다. 선택도구, 채색키, 브러시, 그라디언트 (※채색키 : 앞색채우기 Alt+Delete 혹은 뒷색채우기 Ctrl+Delete) [실습2] 컵이미지(현재문서)내에 작..
사진이미지 편집디자인 03 -가족일러스트(그라데이션) 가족일러스트(그라데이션)과 해상도, 문서 및 이미지의 크기조절등을 알아본다. 포토샵의 그라디언트는 가장 기본적인 라인형태의 리니어그라이언트 공모양의 레디알 그라디언트 외 360도 회전각의 앵글그라디언트, 중간시점과 끝을 잇는 반사형 리플렉티드 그라디언트, 중심에서 퍼지는 사각빛 다이아몬드 그라디언트 등이 있다. youtu.be/P28hZStJQCM?list=PLOQkV5KuGOvb8x9A8wLglDFBp3yvBtbgP 🌻레이어생성과 순서정돈 CS+N : 레이어생성 단축키로 레이어이름과 속성을 쉽게 주면서 만들 수 있다. 레이어의 앞/뒤 순서정돈에는 아래 단축키가 많이 사용된다. C+[ : 뒤로(밑) / C+] : 앞으로(위) / CS+ : 맨~ 🚘정확한 단위작업을 할때 사용하는 줄자와 안내선 C+R : ..
사진이미지 편집디자인 02 - NG 바탕화면(Wallpaper) 시각디자인 - Wallpaper 1920x1080px 72dpi 네셔널지오그래픽(National Geographic) 개체를 직접현재문서에 삽입한 경우에는 편집이 되지 않지만, 해당레이어를 선택후 오른클릭해서 Resterize를 하면 편집할 수 있는 상태로 변환된다. 텍스트 레이어의 썸네일을 클릭하고, Ctrl+T를 클릭하면 Character/Paragraph 작은 패널이 떠서 서체크기와 줄간격, V/A 앞뒤의 커닝간격, VA자간격, 첨자, 밑줄등의 기능을 이용할 수 있다. 반면에 화면에서 대상을 선택하고 Ctrl+T를 클릭하면 해당 레이어의 개체를 자유롭게 변형할 수 있는 자유변형 기능을 수행할 수 있다.
사진이미지 편집디자인 01 - 교육관련 리플릿 아래는 [사진이미지편집디자인] 공식PDF교재를 다운받아서 수업에 활용하세요. 겟티이미지 무료이미지 검색 바로가기 포트폴리오(포폴)의 예시와 원본 PSD파일 00. 제출자료 확인하기 학교생활관련된 리플릿디자인의 예로 교육부에서 "학부모와 함께하는 원격 등교수업 톺아보기" 제작의뢰를 받았다. 아래 자료를 이용해서 표지디자인을 해보고, 포폴1로 jpg 파일로 시안을 제출하자(작업원본 psd파일 보관). (리플릿) 학부모와 함께하는 원격 등교수업 톺아보기 (리플릿) 학부모와 함께하는 원격 등교수업 톺아보기 제목 (리플릿) 학부모와 함께하는 원격 등교수업 톺아보기 등록일 2020-10-16 등록자 전동호 조회수 70 첨부파일 학부모와 함께하는 원격 등교� www.moe.go.kr 01.사진이미지 수집하기 만들고자..
Ae 카메라활용한 모션그래픽(일러스트레이터,포토샵) Ps 활용한 모션그래픽 작업 프리미어와 에펙으로 댕댕이편입니다. 각기 다른 장면은 별도의 프로젝트와 콤프로 만드는 것입니다. 트림패스와 3D 카메라오프닝 만들기 작업한 애펙파일의 각각 콤프파일을 프리미어 프로에서 C+I 로 프로젝트를 먼저 정하고 다음으로 여러분이 가져올 콤프파일을 현재 프리미어에 영상의 일부인 것처럼 가져와서 작업을 하면 원하는 영상편집을 통해 쉽게 mp4파일로 내보내기 할 수 있습니다. 포토샵의 레이어 이름을 명확히 구분하자. 불필요하게 이미지 크기를 줄일 필요는 없다. 배경을 필히 제거한 이미지로 구성되어 있어야 한다. 포토샵은 비트맵이미지라 화면에 맞게 줄여놓으면, Ae작업시 이미지 품질이 떨어질 수 있다는 점을 고려하는 것이다. 1. 프로젝트 생성후 별도의 Comp를 만들지 않고..
코믹효과 크로마키영상 배포 프리미어 프로에서 Ultra Key를 적용하면 멋지고 재미있는 장면을 연출할 수 있는 크로마키 영상을 배포합니다.

반응형