분류 전체보기 (540) 썸네일형 리스트형 모션그래픽작업 FAQ - 언어변경/투명그리드 한국어버전을 영어로 변경하기 애프터이펙트 한국어버전을 영어로 변경하는 방법을 소개합니다. 애프터이펙트가 실행되어있으면, 파일을 저장하고 닫는다. 1. 아래 경로를 내컴퓨터 주소창에 붙이면 이동한다. C:\Program Files\Adobe\Adobe After Effects 2020\Support Files\Dictionaries\ko_KR 2. 위 폴더 경로에 있는 파일명을 변경한다. after_effects_ko_KR.dat 를 after_effects_ko_KR22.dat 이런식으로 일러스트 영상용 새 문서 투명그리드 > 흰배경으로 교체하기 높은 버전을 열게하는 프리미어 프로 다운그레디드 컨버트 Premier 프로젝트(.prproj) 파일은 기본적으로 gzip 압축으로 포장된 xml 파일이다. 노드 중 하나는 이를 만든 Premier 버전에 해당하는 버전 번호를 포함하고 있다. Premier는 파일을 열 때 이것을 확인하고 "이 프로젝트는 Adobe Premier Pro의 새로운 버전에 저장되었으며 이 버전에서는 열 수 없다"라는 프로젝트와 기본적으로 호환되는 경우에도 낮은 버전 번호의 어떤 것도 열지 않는다. 높은 버전을 열게하는 프리미어 프로 다운그레디드 컨버트를 이용하면 CC2022버전에서 작업한 프로젝트파일을 자신이 사용하는 CC2020버전에서 열게 할 수 있다. 단 다운받은 변환파일을 프로젝트가 있는 공간에 붙이고 낮은 현재버전의 프리미어 프로에서 열어야 한다. 당연한 것이지만 푸티지(.. 필터 하프톤 패턴과 알파채널 필터 하프톤 패턴과 알파채널 포토샵의 별빛 브러시 등록과 Path를 따라가는 브로시 스트로크 펜툴의 자유로운 Path와 브러시를 사용하여 경로 획 그리기는 방법을 소개합니다. 우선 별 브러시를 브러시의 기본 속성을 변경하면서 만들어보고 Path에 경로따라 그리는 방법을 순차적으로 진행할게요. 브러시 등록하기 포토샵에서 별, 빛 브러시 등록은 Edit-Define Brush Preset으로 합니다. 빛이라도 대상은 검은 색으로 붓의 형상을 만들어 브러드 등록의 대상이 됩니다. 별모양 생성하는 단계는 2단계의 등록을 통하며, Brush(F5) 둘레를 찌그림 5% 가로,세로 회전 십자형 생성 후, 1차등록하고 등록된 붓을 45도로 회전후 작게 안쪽빛 그림(검은색) 거기에 둥근 작은 붓으로 터치후 최종 2차 등록을 별 형태로 등록했습니다. 좌/우에 있는 이미지가 최종 2차 등록을 별 형태로 등록가능한 .. 필터효과와 타이포그래피 포토샵 2급, 1급에 공통으로 나오는 필터효과와 타이포그래피, 색상변경 등을 소개합니다. GTQ 포토샵 시험에 나오는 필터갤러리 정리 GTQ 포토샵 - 색상바꾸기(Ctrl+U) GTQ시험에 꼭 나오는 필터갤러리와 펜툴 그리기 한국에서 컴튜터그래픽 관련 자격증 중 일반적인 GTQ 포토샵 2급~1급에 거의 문제은행같이 나오는 필터갤러리를 종합해서 소개합니다. 자격증취득을 위한 목적외에도 알아두시면 좋은 기능입니다. 펜툴로 어려운거 한방에 해결 3D타이틀 제작 2가지 방법 3D타이틀 제작 2가지 방법을 소개합니다. 수업노트는 아래 PDF파일로 일러스트에서 열면 수정가능합니다. 그냥 PDF리더나 브라우저로 내용을 볼 수 있습니다. 머티리얼 디자인(스큐어모피즘, 플랫) 머티리얼 디자인(스큐어모피즘, 플랫) 메타포 아이콘에 롱샤도우 처리한 머티리얼 디자인 일러스트레이터의 그래픽 스타일로 클릭 한번에 3D 긴 그림자 아이콘 (Extrude, Long Shadow Icon)을 만들어 봅니다. 01. 메타포 아이콘 디자인하기 순서가 있는 법! Creative, Idea, Reset 등 키워드로 아이콘 디자인을 우선 해보겠습니다. 02. 메타포 아이콘 롱쉐도우 표현하기 순서가 있는 법! Creative, Idea, Reset 등 키워드로 아이콘 디자인을 우선 해보겠습니다. 우선 샘플은 아래 Ai 파일에 그래픽 스타일에 2개 롱샤도우 아이콘을 등록했으니 강좌보고 따라할 수 있습니다. 버전은 CS6부터 CC버전까지 활용가능합니다. https://www.loud.kr/contest/list 디자인 콘테스트 보기 | 라우드소싱 지금 진행중인 디자인 콘테스트를 확인해보세.. 강아지 털 누끼작업 강아지 털 누끼작업 프리미어 프로 - 블러줌 인트로 - 모션그래픽 제작원리 애프터이펙트 같은 모션그래픽같이 만드는 방법은 애니메이션과 마스크, 다양한 Effect를 이해하며 만드는 것입니다. 많은 시간을 들여야 하기 때문에 거의 노가다입니다. 아래는 프리미어 프로에서 직접 만드는 블러줌 인트로 - 모션그래픽 제작원리를 소개하며 아래 모션그래픽 템플릿을 배포합니다. 홍보영상 제작하기 홍보영상은 스토리보드를 기반으로 씬(Scene)을 구분해서 작업하는 데, 보통 #1 인트로(오프닝, 아님 시작)과 #2 본영상(무용), #3 엔딩 등으로 구분해서 프리미어 프로에서 시퀀스별로 작업해서 최종영상작업에 각각의 씬들을 모아서 타이틀 자막, 배경음 삽입, 효과삽입등을 종합적으로 제작하는 방식을 취한다. 팀별작업이 가능하고 각 영상을 시퀸스나 혹은 편하게 mp4로 편집한 영상을 씬별로 모아서 최종영상작업에서 종합해 작업하면 팀웍을 발휘해서 멋진 작품이 나올 수 있기 때문이다. 아래는 검은 분위기의 진한 로고인 블랙과 밝은 분위기의 원본 로고 화이트 버전을 올리니 ai 그대로 불러와서 사용하세요. 행사일정은 포스터를 참고하되, 준비안된 분은 아래 메모장파일을 참고해서 엔딩에 삽입하시기 바랍니다. 강.. Ai파일을 프리미어 프로에서 글씨와 함께 사용하기 Ai파일을 프리미어에서 글씨와 함께 가져오기 아래 도형을 이용해서 만든 사바캐릭을 프리미어의 T 도구를 통해 가져옵니다. PNG가 들어간 모션그래픽 템프릿 PNG가 들어간 모션그래픽 템프릿 EM-2. 포토샵에서 응용동작 표현 '아보카도군' 스케치하기 포토샵을 처음으로 사용하는 분들을 위한 과일용 캐릭터 응용 아보카도군 제작기 1편 https://youtu.be/7Opfe7RkF6I 마우스 혹은 태블릿으로 아날로그적인 손의 감각으로 그려내는 포토샵의 거친 연필과 붓의 표현, 자체내에 레이어와 레이어 그룹을 활용한 애니메이션 표현방법을 아보카도 군을 그래보고 채색하고 프레임 애니메이션 만드는 방법을 소개합니다. 포토샵에서 만들어 내는 그림은 위치/투명도/레이어스타일 등의 표현은 프레임의 변화를 3가지 속성으로 표현합니다. 다만 크기가 바뀌는 경우는 미리 다 일일히 그리놓고 작업을 해야합니다. 복제(C+J)를 이용한 레이어와 레이어 그룹을 복제해서 일부는 그리고 위치 등 변화를 주는 점은 다행이지만서도... 포토샵에서 드로잉을 손(마우스, 태블릿)으로 그.. 무료 PNG이미지 제공 - freepngs.com 영상과 그래픽작업에 필요한 무료 PNG이미지 제공하는 사이트가 있어서 소개해드립니다. 아래 URL이나 배너를 누르시면 됩니다. https://www.freepngs.com/ PNG images | 170,000+ Transparent Free PNGs | Cossyimages Ltd Here on free PNGs you can browse and download 170,000+ free transparent PNG images straight to your desktop. Our free cutout PNGs have no royalties. Cossyimages Ltd www.freepngs.com adfadf 포토샵 패턴등록, 스크립트활용 패턴채우기 Creative | 크리에이티브 창의적인 디자인결과물 중 공감을 전제로 세상에 어디에서 찾아 볼 수 없는 독특한 패턴을 표현하고 싶다면 포토샵 패턴 등록을 기본으로 알아보고 스크립트 표현을 배워보자. 패턴등록은 패턴타일의 용도에 따라 해상도와 크기를 고려해 새 문서를 만들고 디자인을 하거나, 혹은 현재 포토샵 문서(PSD Photoshop Document)내에서 사각선택 공간에서 디자인한 패턴 디자인을 한후 Edit-Define Pattern 메뉴를 통해서 등록하는데, 내가 등록한 패턴을 고객님의 패턴이라 해서 커스텀 패턴이라 한다. 선택도구로 범위를 정하고, 그 공간을 채우는 방법은 쉽게 단색인 Solid color는 단축키로 전경색/배경을 Alt/Ctrl + Delete키로 채울 수 있.. 조건하에 저작물 제작하는 상식 - CCL CCL은 세계적인 자유이용 라이선스로, 기존의 다른 라이선스로 영상 및 디자인 작업시 일정한 조건하에서 저작물을 사용하지 않으면 저작권 위배가 됩니다. 아래 CC BY의 경우를 예시로 저작자의 이름, 저작물의 제목, 출처 등 저작자에 관한 표시를 해주어야 합니다. CCL (Creative Commons License) CCL은 자신의 창작물에 대하여 일정한 조건 하에 다른 사람의 자유로운 이용을 허락하는 내용의 자유이용 라이선스(License)입니다. > CC라이선스 한국공식사이트 바로가기 자세한 CC라이선스 이용방법을 아래 공식사이트를 참고하세요. http://cckorea.org/xe/ccl CC 라이선스 :: Creative Commons Korea CCL (Creative Commons Licen.. HTML+CSS 고급 - 레이아웃 포지션과 시안 브라우저 테스트 URL 링크를 지원하는 앵커태그외 onclick 이벤트 활용한 링크표현 자체창 바뀌는 링크(일명 셀프. 기본값) onclick="location.href='URL'" 새창뜨는 링크(새창,새탭) onclick="window.open('URL')" 팝업새창뜨는 링크(별도 지정한 크기의 창) onclick="window.open('URL','window_name','width=430,height=500,location=no,status=no,scrollbars=yes');" 디자인시안 브라우저 테스트 위 이미지는 메인디자인 시안 초기 작업모델이다. 아래는 브라우저롤 볼 수 잇는 웹문서가 포함되어 있다. PC버전 메인디자인 시안작업 원본PSD파일을 아래와 같다. 시안제작에 활용할 벤치마킹 모델 웹사이트 - 포스.. 3차원으로 디자인콘셉트를 얻는 법 웹툰이나 스케치를 하려는데 원하는 3D 콘셉트가 안그려진다. 세상에는 우리가 배울 것들이 상당히 많이 있다. 그중에서도 특정한 그 무언 가를 하는 방법을 영어로 노하우(Know-how)라고한다. 하는 방법인 노하우도 중요하지만, 어디서 그런 정보가 있는지 알아야 더 차별화되고 독창적인 방법을 묘사할 수 있는데, 원하는 기술과 정보가 어디에 있는지를 말하는 노웨어(Know-where)도 중요한 것이다. 여기 3차원적인 디자인 콘셉트(개념잡고)을 얻을 수 있는 방법들인 노웨어를 소개한다. 스케치팹 Sketchfab 스케치업 관련된 자료창구와 유사한 스케치팹은 실리콘웨이퍼 제조공장을 fab 말하는 합성어로 된 웹사이트로 웹에서 3D 및 AR을 위한 최고의 플랫폼으로 유명하다. 스케치팹은 3D 자산을 관리합니다.. HTML+CSS 고급 - 레이아웃 좌/우배치 플롯과 한글 로렘입숨 플롯은 이미지 및 디비전 태그등 박스모델의 좌/우 배치를 위한 꼭 필요한 스타일 규정을 말한다. 플롯은 박스모델들을 수평으로 배분하기 위해 사용한다. 신문기사와 같은 문단과 어울어진 플롯처리 플롯은 머릿글, 이미지, 문단 등 텍스트들과의 좌우 배치기능을 함축적으로 소개한 CSS표현이 들어간 샘플입니다. float_02파일을 다운받아 에디터에서 보세요. 내비게이션에 적용하는 플롯처리 특정한 페이지로 연결되는 앵커태그등을 내비게이션이라 합니다. 아래는 플롯의 좌우 배치기능을 함축적으로 소개한 CSS표현이 들어간 샘플입니다. float_02파일을 다운받아 에디터에서 보세요. 디자인 작업을 하다보면 문단에 대체할만한 입숨이 대부분 영어로 아래와 같이 뜨는 경우가 있다. Lorem ipsum dolor sit a.. HTML+CSS 고급 - 그래픽요소 표현(배경이미지, 그림자효과) 배경 색상과 이미지의 표현을 알아봅니다. 배경색은 background 혹은 길게 background-color로 스타일이 있고 속성값으로는 16진수로 #000000 표기하거나, 목적에 따라서 투명도를 고려해서는 rgba(0,0,0,1.0)과 같이 Opacity를 적용할 내용을 추가해서 표기하기도 합니다. 컬러픽커 | 그라디언트 | 텍스트 그림자 | 박스모델 그림자 | 필터(흑백/블러) head와 body에 삽입하는 코딩소스이다. CSS Backgrounds (w3schools.com) CSS Backgrounds W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Cove.. 애니 집중선 효과소스 방송과 유튜브에 많이 볼 수 있는 애니메이션의 중앙으로 스피드한 느낌을 전해주는 집중선 효과소스로 크로마키(Green Screen) 영상은 프리미어 프로(Pr)에서는 Ultra Key효과를 이용하고, 애프터 이펙트(Ae)에서는 KeyLight를 이용해서 키컬러를 빼면 원하는 효과를 얻을 수 있다. 기본인 흑/백 영상은 혼합모드인 Blend 모드를 이용하는데 아래 소스를 구분해보고 사용하는 방법을 소개한다. Pr 8편 블랜드 모드(Blend mode in Premiere Pro) 블랜드는 다른 재료를 섞다는 의미를 갖고 있습니다. 영상에서는 기본영상에 첨가해(위트랙) 효과로 많이 사용합니다. 보통 블랜드 모드는 Nomal이 기본입니다. 서로 독립된 보통(Nomal) 상태라는 oztv.tistory.com .. 지구와 환경 - 배경이미지(Wallpaper) 작업 지구와 환경이라는 주제로 선정한 이미지파일들을 레이어를 통해 레이아웃을 정하고 세부적인 선택도구를 이용한 이미지편집과 합성작업을 함께 배워봅니다. 상업적으로 이용가능한 서체를 눈누에서 검색해보고 다운로드해서 설치후 프로그램을 재실행한 후 적용해보세요. 104개 무료서체 다운로드> FreeFont2020 Download 무료서체 타이포그래피와 자유변형(목업기초) 상업적으로 사용가능한 무료서체, 타이포그래피와 자유변형메뉴(Ctrl+T)의 다양한 활용법, 스마트오브젝트를 활용한 목업기초 복잡한 일정비율의 자유변형은 우선 스마트오브젝트로 변환시킨 후 해당 썸네일을 더블클릭해서 별도로 뜬 스마트오브젝트(psb)에서 편집 후 저장해서 그 결과를 확인할 수 있다. 스마트 오브젝트 썸네일(thumbnail)을 더블클릭.. HTML+CSS 고급 - 웹문서의 Style표현 CSS-스타일시트란? CSS란 Cascading Style Sheets(계단식 스타일 시트)의 약어로 HTML로 작성된 웹문서의 디자인과 표시 방법을 기술하기 위한 스타일 시트 언어를 말한다. 본문에 해당되는 Body부터 내부의 서식의 스타일을 규정하는 표현식을 스타일시트라고 한다. 보통은 해당된 태그에 입력하는 인라인방식과 head문에 스타일을 묶어서 표현하는 방식, 다수의 문서간 공유할 수 있는 별도 CSS파일을 연동해서 보여주는 방식이 있다. 요즘 트랜드인 이미지를 슬라이드 방식으로 만드는 카드뉴스도 대부분 CSS와 자바스크립트로 만들어진 결과물이다. CSS Tutorial (w3schools.com) CSS Tutorial CSS Tutorial CSS is the language we use t.. CSS3 background 색상과 이미지의 배경처리(포터블-컬러픽커와 다크네이머) CSS3에는 배경을 처리하는 종합된 background와 가 있다. 이들을 이용해서 색상과 이미지의 배경처리하는 방법들을 소개한다. https://www.w3schools.com/css/css_background.asp CSS Backgrounds CSS Backgrounds The CSS background properties are used to add background effects for elements. In these chapters, you will learn about the following CSS background properties: background-color background-image background-repeat background-attachment backgr ww.. 그래픽작업용 액션(Action) - 포토샵,일러스트 그래픽작업용 액션(Action) - 포토샵,일러스트 샘플을 공개합니다. HTML+CSS 중급 - 하이퍼링크 기본과 이미지맵 쉽게 코딩하기 텍스트보도더 설득력 있는 시각적인 이미지가 삽입을 통해 전달력있는 웹문서를 만들 수 있습니다. 이미지 태그는 상대경로의 현재 웹문서와 연관된 폴더(디렉토리)를 통해 보여지거나, 프로토콜까지 포함된 외부 이미지의 파일경로를 포함함 절대경로로 연결된 이미지를 표현하는 것을 기본으로 합니다. https://youtu.be/QzI6FUC5UgQ?t=1326 세상을 연결하는 앵커태그 글,이미지,박스모델에 페이지 연결기능을 목적으로하는 하이퍼링크는 일명 앵커태그(anchor)라고 한다. 페이지 연결 외에도 현재 문서내 상하이동 기능(위키백과같은 원페이지), 다운로드기능, 전자우편-전화-문자(스마트폰),회원가입등 프로그램기능 수행한다. Visit W3Schools.com! 전화 및 문자와 메일보내기에도 적용된다. 전.. HTML+CSS 중급 - 표(table) 태그와 스타일 표는 과거 웹표준이전인 html4에서 레이아웃의 방법으로 표현하던 예인데, 기본이 테두리가 없어서 T자형 구조에 원하는 대상을 배치할때 주로 사용하였습니다. 현재 html5에서는 레이아웃이 아닌 '일정표'등 일반적인 표사용에 대해서 소개하겠습니다. HTML Tables를 종합해서 배울 수 있는 w3schools.com 표는 table tr td 3개를 기본으로하여,줄(가로 행,row), 칸(세로 열,column)으로 구분된다. 필요시 td대신에 맨위에 머릿글표현을 위해서 th를 사용하기도 한다. th는 상단외에 좌측에도 표현가능하다. HTML Tables HTML Tables HTML tables allow web developers to arrange data into rows and columns. .. After Effects 심플한 아이언맨 자비스 카운터 애프터이펙트의 Trim Path, Scale, Rotation, Dashed line, Layer Style 등을 이용해서 심플한 아이언맨 자비스 카운터를 제작하는 방법을 소개합니다. 또한 튜토리얼에 사용한 After Effects cc2020 Project File을 제공합니다. https://youtu.be/KeRuGZ9QBcs ▼Download Project File YouTube Cover Design 이전 1 ··· 12 13 14 15 16 17 18 다음 목록 더보기