본문 바로가기


전체 글

(565)
일러스트레이터 - 왜곡표현과 보기메뉴 일러스트레이터는 포토샵같은 글씨전용 워프텍스트는 없나? 일러에서는 그림과 글씨 어떤 것이 되었든지 그룹형태를 가진 오브젝트 덩어리를 메뉴 Object - Envelop Distort 를 통해서 워프를 표현 할 수 있습니다.
방송CG작업 - 포폴형평가(1024) 보호되어 있는 글입니다.
Ai~Ae 동작표현 - 아트브러시, 퍼펫(Puppet) 모션그래픽의 시작은 Shape라는 벡터형태의 그림입니다.  일러스트레이션을 모르면 애프터이펙트는 몇몇 도형들로만 가지고 놀아야 합니다.  Walk cycle, Run cycle등 Motion Graphic의 각 동작별로 키프레임을 찍어가면서 만드는 것이 번거롭다면, 차라리 그려보세요.  모션그래픽을 위한 일러스트레이터의 아트브러시 E01를 통해 Frame By Frame방법을 배워보세요.   Character Animation Frames Vectors, Photos and PSD files | Free DownloadAre you looking for character animation frames vectors or photos? We have 94,196 free resources for you. ..
GTQ 포토샵 1급 기출문제 속 Shape 연습그림들 기출문제 GTQ 포토샵 1급 수준에서 일러스트레이터에서 형상을 만들어서 출제한 문제들이 대부분으로 포토샵에서 작업하기에 어려운 Shape를 그리고 Save Path하는 부분, Shape 공간내에 클리핑마스크로 처리한 대상이나 패턴오버레이가 표현된 부분 특징입니다. ◆Object-Expand (Ap.) : 무조건 Fill 쉐이프가 강제됨! ◆Pathfinder - Merge : 겹칩없이 정물화처럼 형상화 ◆마술봉 제거할 구멍색 지움 : Ai 복사 > Ps붙이기 Shape GTQ 포토샵 1급 기출문제 속 Shape 연습그림들 Shape유형은 다르지만 형상을 그려보는 연습을 충분히 해서 가장 유사하게 표현하고 시간을 단축해 작업하는 요령을 연습해보시기 바랍니다.
종합편집(2023.10.12 포폴형) 보호되어 있는 글입니다.
NCS_EX03. 제작기획(09.19) - 스토리보드 보호되어 있는 글입니다.
Creative Idea... 인공지능과 융합 세상에 공개되지 않은 나만의 창의적인 아이디어(Creative Idea)는 없을까? 대부분 유사한 콘텐츠가 홍수처럼 넘처나는 시대에 크리이에터로 늘 하는 고민입니다. 창조... 쉽게 만들려는 주제를 정하고 구체적인 컨셉을 잡고, 나만의 기발한 아이디어들의 키워드나열법와 멋진 생각의 나무가지를 펼치는 마인드맵 , 유행을 따라가는 다양한 트랜드의 변화를 읽는 핀터레스트, 관심있는 정보는 위키백과와 나무위키, 하는 방법은 위키하우등을 인터넷을 기반으로 Know-Where를 알아 볼 수 있습니다. 어디에 어떤 정보가 있는지를 모르면 고생하는 Know-How를 알아야 합니다. 여기에 이제는 흔하게 경험하게된 인공지능 챗과 스마트하고 연결되는 단서로 꼬치꼬치 캐묻는 질문을 통해 새로운 아이디어 융합 표현하는 방법을..
NCS_EX02. 크리에이티브 전략수립(09.13) - 광고이미지 보호되어 있는 글입니다.
크리에이티브 전략수립 - 광고이미지 불과 물, 스마트오브젝트 창의적인 광고이미지 제작을 위한 크리에이티브 전략 수립의 목표는 포트폴리오 광고이미지를 2회차의 경륜을 통해 1~3개정도의 디자인 베리에이션을 통해 여러분의 작품제작능력을 키우는 것입니다. 손가락 도구으로 표현하는 엘레먼트 2가지 불과 연기. Smudge 포토샵의 연기와 불같은 표현을 짧게 스머지 Smudge란 얼룩(을 묻히다), 오점(을 찍다)란 사전적의미의 손가락도구를 통해 불과 구름 엘레먼트(요소)의 표현하는 방법을 소개합니다. 강좌에 사용한 포토샵 작업내용은 아래 첨부한 PSD파일을 참고하세요. Portfolio, 초보는 모르는 고급개체 Smart Object - Zumba Dance 외부 이미지 혹은 포토샵 등의 파일들을 현재 문서내에 포함시켜서 작업하는 고급개체(Smart Object)를 제대..
포토샵 - 다양한 디자인시안 베리에이션, Image-Duplicate 하나로 만족 못해! Duplicate를 통한 디자인 베리에이션 (Variation) 디자인 실무에서 Photoshop을 이용한 디자인 시안 제작할때 A안 하나로 승부하기에 아깝고, 하나의 기본적인 형태나 색채를 변화시키는 작업이나 변화를 주는 변용. 영어로는 베리에이션 (Variation) 작업을 통해 쉽게 색다른 시안으로의 시도를 생각했다면 메뉴 Image-Duplicate를 통해서 다양한 디자인 시안을 제작하는 방법을 소개합니다. Duplicate는 복제된 PSD파일을 만들어 준다. 포토샵으로 디자인 작업을 할 때 새 문서에서 너비와 높이 등 규격을 정하고 디자인 업무를 할때 캔버스와 이미지 크기의 이해가 어려운 분들을 위한 자주묻는 문제점을 충분히 이해하고 원활한 작업을 하는 다양한 방법을 소개합니..
Photoshop AtoZ - 원형 속 마이클 조던(알파채널, 마스크) Photoshop AtoZ - 원형 속 마이클 조던(알파채널, 마스크 Michael Jordan 23, Group Layer Mask, Trick, Portfolio , 레이어 마스크, 돌출된 로고제작, 알파채널을 편집한 독특한 로고표현방법을 배워봅니다. 내용이 방대해서 영상을 참고하세요. 레이어그룹에 적용한 레이어마스크의 표현이 돋보입니다. 머리가 돌출된 표현은 어떻게 할까요?? 레이어마스크가 적용된 그룹에 그림자효과 2종을 반영해봅니다. Photoshop AtoZ - 알파채널을 편집한 로고제작, Edit Alpha Channel, Layer Style, Warp Text, Portfolio
레스터(Rastor) VS 벡터(Vector) 비트맵(Bitmap):레스터(Rastor) VS 벡터(Vector) 새 문서를 생성하고 작업하는 방식이 아닌 특정한 JPG로 부터 글씨를 추가하고 디자인작업을 진행한 경우 이미지 크기를 조절하는 방법을 소개합니다. 1.이미지크기확인 AC+i >> 수정은 너비 위뜨(Width) 1920 2.높이는 캔버스로 조정(배경 복제C+j) AC+c >> 높이 하이트(Height) 1080 ※위 2단계 절차로 이미지가 1920x1080px 유튜브표준인 FHD(Full High Definition 꽉찬화면의 고 해상도) 형태로 작업을 진행하고 결과물을 JPG로 내보내면 됩니다. 작업중인 PSD파일에서 필요에 의해서 또 크기조절시에는 이미지크기로 너비만 조절... 1280px과 같이 위뜨만 조절하면 됩니다. // 캔버시크..
Simulation Tag - HARIBO Jelly Bear Modeling Simulation Tag - Soft body 부드러운 Candy, Jelly가 접시에 담겨지는 장면 Haribo Candy in a Dish 시뮬레이션과 별도 움직이는 키프레임 표현을 알아봅니다. 떨어지거나 충돌하는 젤리 묵 딱딱한 물체가 아닌 부드러운 젤리, 묵이 떨어지는 Soft Body로 시뮬레이션 하다. 주의사항으로는 Subdivision 명령으로 너무 면의 숫자, 즉 폴리가 많으면 시스템이 멈출 수 있다는 점 잊지마시라. 01. Front 뷰에서 접시모양의 우측면을 펜툴로 Spline을 그리고, Lathe를 추가해서 스플라인은 레스에 속하게하여 접시를 완성한다. Subdivision값에 따려 면이 추가되어 부드럽게 보인다. 02. 접시에는 콜리더 바디로 바닥이 되게 지정해 주고, 콜루션 옵션..
Simulation Tag - Rigid body 탄성있는 딱딱한 물체 : 강체 물리학(物理學, 영어: physics)은 물질과 그것의 시공간에서의 운동, 질량을 가진 두 물체 사이에 작용하는 힘이자 질량을 가진 모든 물체 사이에 작용하는 만유인력인 중력, 그리고 그것과 관련된 에너지나 힘 등을 연구하는 자연과학의 한 분야이다. 국내 디자인박스 유튜브 채널등을 통해 포폴을 만들어 보는 시간을 같이 갖는 것도 중요한 시간이 될 것이다. 물리학분야의기본원칙과개념이 Cinema 4D의 모션그래픽에 반영 되었다. After Effects에서는 Newton이라는 외부 플러그인으로 이와 같은 장면을 표현하지만, 3D 모션그래픽과의 입체적인 사실감은 당연 C4D가 압도적이다. 딱딱한 물체와 부드러운 물체의 중력 및 외력에 변화하는 장면을 연출해 보겠습니다. 개념1. SimulationTag - ..
Boole Objects(Cloner), Line Cut, Split 영국의 수학자 George Boole의 참과 거짓 논리대수 관계를 본질을 A라 하고 논리대상을 B라 칭하여 Boole( 불, 불린)이라는 더하고/빼고/겹친면 공간/겹치지 않은 공간을 3D그래픽의 오브젝트간의 모델링개념에 반영한 편집기능을 수행한다. 일러스트레이터의 Pathfinder와 같은 오브젝트들의 편집하여 다양한 형태를 만드는 역할을 한다. https://youtu.be/YfrmDlM9pjI A-1. 논리대수 3차원 Boole 기본개념 따라하기 01. 불, 혹은 블린 Boole을 추가하고 본체인 메인 오브젝트 큐브 A를 먼저 속하게 하고, 다음으로 편집하려는 형태가 되는 서브 오브젝트인 실린더를 큐브에 속해서 B라는 관계를 만든다. 블린유형인 Boolean Type를 A Subtract B를 선택하..
C4D MoGraph - 파티클 텍스트 트랜지션, C4D 추천 튜토리얼들 Cinema 4D에서도 After Effects와 같이 화려한 Motion Graphic을 표현하는 MoGraph이 있습니다.  이번 강좌에는 아래 예시 그림처럼  MoText의 글씨 내용이 바뀌는 Keyframe Animation과  Cloner 를 통해 모여있는 작은 Object들로 구성된 형상들이 Simulation Tag의 MoText의 형상에 맞게 부서지고 다시 모이는  깨알 글씨 트랜지션 장면을 표현해 보겠습니다.   01. 3개의 오브젝트를 작은 크기로 구성하고 Clowner 를 추가하고 내부에 속하게 한다. 필요하다면 작은 크기의 다른 Object들도 Clowner 아래에 속하게 하면 됩니다. 02. Clowner  선택 후 Count 30 / Position Y : 30cm 그림과 같이 ..
Text 전용 Animator After Effect에서 개성있는 Text Animation을 표현하기 위한 Effects & Preset의 기원이되는 Animator를 Position, Opacity, Scale 등의 개별 Text에 속하는Transform 속성을 필요에 의해 추가하고 Start, End 값을 조절해서 애니메이션 만드는 원리와 3D Layer를 활용한 표현을 소개합니다. 01. Text레이어를 펼치고 Animate ▶ Position을 추가한다. 02. Position을 0,-200 Y축으로 내려주고, Range Selector1의 End값을 0~100키프레임을 삽입해서 아래서 위로 올라가는 애니메이션을 표현해본다. 03. Text레이어에서 다시 Animate ▶ Opacity를 더 추가한다. 다른 속성의 불투명도를..
시네마4D 포폴 01. 파도의 표현(Water Wave) 시네마4D 포트폴리오 제작에 활용할 멋진 모션그래픽 중 여름 무더위를 날려보낼 Water Wave표현을 C4D의 표현방법과 더 쉽게하는 C4D관련 외부 설치형 hot4D 플러그인을 이용해서 파도위에 오브젝트들이 떠있는 장면을 연출해보겠습니다. A-1. No Plugin 시네마4D 자체 기능 중에서 파도장면 Water Wave를 우선 제작해보겠습니다. 01. 평면인 Plane을 추가하고 Object 탭에서 아래 그림과 같이 너비, 높이와 공간 내의 나눠지는 Segments를 각 50정도 준다. 02. Displacer을 추가하고 Plane아래에 연결해준다. 그리고, Shading 탭으로 가서 Shader ▶에서 Noise를 적용한다. 03. Displacer Noise 썸네일을 클릭하여 크게보고, 0F 타..
Ae 식물 성장 모션그래픽 - 일러스트레이터 , Taper 일러스트레이터에서 선형도구인 Spiral tool로 그린 넝쿨식물이 애프터이펙트에서 성장하며 싹을 나게하는 자연, 성장, 재생을 표현하는 모션그래픽을 표현해보겠습니다.Plant growth motion graphics 식물성장 모션그래픽 E0101일러스트레이터에서 선형도구인 Spiral tool(스파이럴 툴, 나선형 도구)를 이용해 그린 후 Pen tool으로 이어 그린 형태에 Width tool로 완성한 잎을 그려서 완성한 일러스트파일(Ai, PDF)을 저장합니다. 다음으로 저장한 파일을 애프터이펙트에 파일 가져오기(Import)를 통해 Composition Retain Layer Sizes로 레이어 사이지를 유지하며 자동으로 Comp를 만들어주며 작업을 진행합니다. 일러스트레이터의 Stroke의..
시네마4D 08. 2D얼굴표정으로 캐릭터의 감정표현 3D모델에 눈,코,입 등의 감정표현을 하는 것은 어려운 작업으로 각 표정을 하는 신체부위를 크기를 조절하고 회전을 주는 방식으로는 작업효율이 떨어집니다. 포토샵과 일러스트레이터를 이용해서 정해진 크기의 투명한 PNG이미지를 준비한다면 캐릭터의 표정을 4단계로 쉽게 바꿀 수 있다. 2D 얼굴표정으로 캐릭터의 감정표현은 일러스트레이터에서 작업을 하고 각각 필요한 얼굴 단위로 face1.png와 같이 PNG이미지파일로 사용할 수 있습니다. PNG이미지는 Color와 Alpha라는 재질에서 동일한 Shade의 복사,붙이기를 이용하며 재질내의 속성을 변경하고 렌더링을 하면 아래 그림과 같이 같은 표정을 다수의 캐릭터얼굴에 부여할 수 있습니다. PNG Face JPG Face PNG 얼굴표정 재질적용 순서 01. ..
시네마4D 07. 지구본 Earth (Ai Merge ) 시네마4D에서 Ai 활용해 지구본을 반들어보는 튜토리얼을 준비했습니다. 픽사베이에서 SVG파일로 받아서도 Adobe Illustrator에서 열어 볼 수 있습니다. 색상은 Material로 적용하니 단색으로 구성하고 중요한 것은 저장시 Ai 버전을 8.0으로 저장해서 C4D에서 File - Merge로 가져와서 작업이 진행됩니다. 01. 일러스트레이터에서 Ai파일을 Illustrator 8.0 버전으로 저장한다. 02. C4D에서 새 스피어를 만들어 놓고, File-Merge 를 통해서 Ai파일을 Import한다. Position은 0,0,0 맞춘다. 그리고 Spline(Shape) 전용의 Extrude를 추가한다. 03. 지도를 Extrude에 삽입하고 하단의 Hierarchical를 체크하면 입체감이..
시네마4D 05. 카메라 추가와 렌더링 시네마4D에서는 여러분이 Alt키를 누르고 이동하면서 각기 다른 관점에서 렌더링을 하면 되는 편의가 있습니다. 하지만 카메라가 트렉을 회전하며 촬영하는 것 같은 전문적인 카메라 추가하고 렌더링하는 방법을 소개합니다. Additive manufacturing Building Information Modeling (BIM) Product design Visual effects (VFX) Virtual reality (VR) Generative design CAD/CAM https://www.coursera.org/articles/3d-design 어떤 환경에서도 특정한 대상만 잡는 타겟카메라 타겟 카메라는 액션영화의 주인공을 타겟으로 카메라맨이 넘어지고, 회전해도 주인공을 필히 잡아서 앵글속에 담는 기술입니..
시네마4D 04. 시뮬레이션 효과 사실적인 텍스쳐 시네마4D의 연기, 바람 등 사실적인 시뮬레이션 효과를 소개합니다. https://youtu.be/NF7cvDXPGEw 01. 최상단 메뉴 Simulate에서 Particles - Emitter을 찾아서 추가하고, 목적에 맞게 회전, 크기를 조절한다. 결과물을 Play [F8]키를 누르면 작은 입자가 나가는 것을 볼 수 있다. Landscape & UV Mapping C4D에서 풍경이란 뜻의 랜드스케이프(Landscape)를 추가하고 아래 재질들을 Color에서 Texture- Load Image를 통해 적용해 산악지형을 반영했습니다. 이어서 Physical Sky를 추가하고 앞의 아이콘을 클릭해서 시점을 19:00 전후로 놓으면 사진같은 사실감을 줄 수 있습니다. 지형과 산은 단순히 추가하는 Color..
시네마4D 03.이미지로 오브젝트를 덮는 UV Map UV 매핑(UV mapping)은 3차원 모델로 펼쳐서 2차원 그림으로 변환시킨후 그래픽작업 하고 다시 3차원 모델에 맵핑 소스로 덮어서 사실적인 표면을 보이게 하는 프로세스 입니다. 대 부분 면(Polygon, Face)에 색상대신에 이미지 파일을 표면에 덮는 기술로 오브젝트를 펼치고 이미지 파일로 내보낸 후 포토샵, 일러스트레이터에서 편집한 이미지파일을 다시 가져와 메테리얼로 덮는 기술 입니다. cereal boxes images | My Art School Designs: 3D Cereal Box Design | Box template, Box design, Barbie paper dolls It's not to scale because I have to be able to print it on 8..
영상CG작업 - 포트폴리오 모션그래픽 인트로씬 30s 보호되어 있는 글입니다.
Ae Portfolio 03 - Portfolio(Pride) Cover Title Portfolio를 소개하는 영상은 대부분 1분정도로 인트로와 이어지는 영상들의 컬렉션을 트랜지션으로 마주리하고 최종 아웃트로로 제작을합니다. 이번 강좌는 인트로에 사용하는 커버타이틀로 오징어게임, 아래 그림을 클릭해서 볼 수 있는 원조 Movie Shapes님의 Pride 등 일러스트레이터를 이용한 라인아트를 주로 다뤄보겠습니다. 01. 일러스트레이터에서 단어별로 이어지는 라인 작업을 그림과 같이 진행합니다. 이 작업은 폰트를 사용하는 것이 아니라 도형과 펜툴을 이용한 작업이어야 하고 Portfolio와 같이 표지 타이틀 같은 느낌으로 각 단어별(레이어의 선형 형태별)작업을 해야 하는 점 잊지 마세요. 직선으로 그리고 직접선택도구를 이용해서 그림과 같이 코너를 둥글게 처리해줍니다...
Ae Portfolio 01 - 신한은행, Trim path, Track Matte, Mask 애프터이펙터에서 제일 많이 활용되는 Trim Path 를 일러스트레이터 파일을 가져와 사용한ㄴ 방법과 애프터이펙트의 펜툴, Text를 Shape로 만들어 사용하는 트림패스 작업을 소개합니다. 본 내용은 앞서서 알아야할 기본지식을 배우고 적용할 수 있으니 아래 배너를 클릭해서 배우고 각자의 창의적인 발상으로 모션그래픽에 활용하면 좋겠습니다 E01 - 트림패스의 응용 Ae 5편. 선형 모션그래픽기법 Trim Paths와 오프닝애프터이팩트(Ae)에서 방송영상에 많이 활용되는 선형 모션그래픽기법 트림패츠(Trim Paths)를 배워봅니다. 벡터 그래픽 응용프로그램인 일러스트레이터(Ai)의 기본 선형들과 유사한 개념으로 선,oztv.tistory.com앞서 소개한 트림패스는 많이 적용하는 Ae의 모션그래픽..
QR코드 생성하고 콘텐츠에 삽입하기 QR코드는 폰으로 찍어서 바로간다 QR 코드(Quick Response code)은 Black Color의 패턴 형태속에 '정보를 담은 매트릭스 이차원 코드'이다. 위키백과를 참고하면 해당 정보를 더 볼수 있다. 주로 종이, 현수막, 패키지 등 인쇄형태로 출력되는 기획한 콘텐츠(출력물)에 삽입해서 단순한 텍스트 에서 부터 전화번호, 웹사이트 URL(홈페이지, 블로그, 유튜브채널 주소), 전자우편, 단문서비스 문자보내기(SMS)로 스마트폰 기기(디바이스)의 카메라 기능으로 접근할 수 있어서 오프라인 환경에서 유선전화 및 네트워크 등 온라인의 가교역할을 하고 있다. QR코드는 웹콘텐츠에서도 해당된 고객센터, 앱 플레이스토어 등에 바로 접근할 수 있어서 오프라인과 온라인 다양한 플랫폼에 적용가능하다. QR코드..
GTQi 일러스트 B형 2급-3번(속전술 연필N, 패턴) 최신기출문제 링크 - GTQ (종목전체에서 선택 후 검색) KPC자격 한국생산성본부 자격에 대한 원서접수 ITQ, GTQ, ERP, IEQ, UTQ, SWC, MAT, SMAT, CAD, 3D CAD 실무능력평가, DSAC, PAC, 데이터 사이언티스트 능력인증자격 ,프레젠테이션 능력, 3D 프린팅 모델링 자격 등을 서비 license.kpc.or.kr
Ae CG. Fill Water - Wave Warp, Ripple Rainfall이 전체에 떨어지는 물같다면, 컵같은 제한 공간에 떨어지는 낙수에 물이 채워지는 효과는 기존에 배운 기법들을 활용하면 좋다. Wave와 Trim Path로 떨어지는 낙수표현에 Particle, Bubbles(Foam)을 적용하면 더 좋은 특수영상 합성효과를 구현할 수 있다. 작/업/순/서 01. Trim Paths, Wave Warp 파란색상의 Stroke를 그리고 세로로 떨어지는 물을 표현하기 위해 우선 Trim paths를 적용해서 End 0 ~ 100%으로 처리하고, Start는 뒤에 0 ~ 100%처리를 했습니다. 파란색상의 Stroke를 선택하여 Wave Warp를 적용하고, Direction을 0도로 수직으로 내리는 형태가 되게 방향을 바꾼 후, Wave Height와 Width..

반응형