Visual & Media Design

박현주 뱀하고 소녀, 포토샵에서 칼라 설정뒤에 에펙에 불러들일때 에러가 생김 다음주 월요일 24일 도우미 할때 가져와서 보여줄 예정 (조퇴) 문정윤 슬로우모션, 빠른거하고 섞어서 해보고, 거품나는거는 거품이게 보이도록... 1분30초 정유선

1. 과제전 전시용 화일 제출 - 영상 화일 모션그래픽은 사운드가 들어가 영상으로 인당 10초 내로 준비합니다. 영상은 860x620로 .mov 로 제출바랍니다. 최대 500 M 사이즈, 1분 30초 동영상으로 작업. 타이틀은 빼시고 작업바랍니다!!!!!!!!! - 타이틀 이미지 타이틀은 일괄적으로 이미지화일을 생성하여 하도록 하겠습니다. 오늘중으로 타이틀 디자인을 하여 포토샵 PSD 화일로 업로드 할예정이니, 이것을 열어서 텍스트로 바꾸고 jpeg로 제출하면 됩니다. 제목, 시간, 용도, 성명 템플릿 포토샵화일 첨부합니다. 나눔고딕 ExtraBold를 사용하였습니다. 서체다운로드 : http://hangeul.naver.com/nanum.nhn 폰트를 먼저 인스톨하시고 포토샵을 여셔서 입력한뒤에 jpg..

모션그래픽 기초 : 카메라의 위치를 이용한 텍스트 에니메이션 DVCPRO HD 720 23.976 을 선택 Duration을 4 sec로 선택 Layer에 가서 Solid 를 선택하여 백그라운드 색상을 조정

Lasse Lindh - Bruised from recandplay.net on Vimeo. http://recandplay.net/ 홍대학생 5명이서 길거리 뮤지션, 무명 뮤지션의 뮤직비디오를 찍어서 온라인에서 배포하는 일을 하고 있습니다. 어제 CCK 살롱에 가서 보았는데 감성적인 영상을 잘 만들어서 하고 재미있는일을 하더군요. 카메라와 제작방법이 궁금했는데... 뮤지션선정 => 섭외 => 공간상상(장소섭외) => 기록(촬영) 2~3번 촬영 => 영상 + 사운드 편집 => 온라인배포 카메라는 일반 DSLR이고 35mm 광각렌즈에 마이크를 따로 사운드를 받아 편집한다고 합니다. 편집프로그램은 맥에서 쓰는 final cut을 쓰고... 자세한것을 그들 사이트 FAQ에서 퍼왔습니다. Canon EOS 7D..

박상원군에게 배운 플래시 투토리얼과 관련있는 동영상을 찾아서 올립니다. 박상원군에게 오늘 했던 예제화일을 받아서 추후에 포스팅하도록 하겠습니다. 예제화일 올립니다. 다운로드 받아서 해보시고 다음시간에 질문하시기 바랍니다. 박상원군이 추천하는 플래시 교재는 "Flash Navigation Patter" 플래시 네비게이션 패턴 18 윤용호 지음. www.thedofl.com/navigation18 절판되었다고는 하나 헌서점이나 도서관에서 찾아서 보면될것같습니다. 아도비에서 제공하는 동영상이기때문에 차근차근 따라하시면 어렵지 않을것입니다. 따라하시면서 오늘 한 내용도 복습해 보시기 바랍니다. 액션스크립트를 이용하여 링크를 제공하는것에 대한 투토리얼 http://tv.adobe.com/watch/flash-do..

과제전 공간문제로 프린트를 안 하는것으로 결정되었습니다!!!!!!!! 1. 과제전 전시계획 5월 25일 1시에 설치하고 26일~6월3일까지 과제전 전시합니다. 프로젝터와 프린트 두가지로 예정하고 있으며 프린트로 하고 싶은신 분은 아래에 댓글 달아주시기 바랍니다. 전부 그리고 프로젝션으로 갑니다. 전시공간 문제로 모두 프로젝션으로만 과제전시합니다. 2대를 쓸예정이고, 큰것에는 이미지슬라이드를 하고 작은것에는 각자 작업한 웹사이트의 링크를 보여주고 직접 접속할 예정입니다. (버그가 있거나, 이미지가 깨지거나, 링크가 잘 안되는 웹사이트는 빼고 가겠습니다.) 2. 과제제출 프린트 하실분은 다음주까지 A1 사이즈(추후 한번더 공지예정)로 작업하시기 바라고 프로젝션은 2대를 설치해서 한대는 이미지 넘기는 슬라이드..

서울디자인한마당 2010의 주요행사인 서울국제디자인공모전에 대한 교수님의 협조를 구하고자 합니다. (재)서울디자인재단이 주관하는 「서울국제디자인공모전 2010」은 ‘모두를 위한 디자인_Design for All’을 주제로 모든 사람들이 쉽고 편하게 그리고 행복하게 사용할 수 있는 지속 가능한 디자인을 발굴하고자 개최되는 국제 공모전입니다. 디자인을 사랑하는 모든 사람이 참여 가능한 이번 공모전에 보다 많은 유능한 인재들이 참여할 수 있도록 공모전에 대한 홍보와 안내 부탁 드립니다. 자세한 내용은 첨부파일 참고바랍니다.

4월 28일까지 스터디 part 4 타이틀 아티스트가 되다 chapter 4 모든것이 사라지다 이전과 동일하게 두분이 위의 내용을 다른 소스를 이용하셔서 작업하신것을 시연하여 주시면 됩니다. 과제 : 예제를 실습해보고 자신의 디자인 소스를 이용하여 작업함 고은지 유지혜 5월 12일까지 스터디 part 5 타이틀 아티스트가 되다 chapter 1 깊은 어둠속의 그림자 이전과 동일하게 두분이 위의 내용을 다른 소스를 이용하셔서 작업하신것을 시연하여 주시면 됩니다. 과제 : 예제를 실습해보고 자신의 디자인 소스를 이용하여 작업함 김수련 이정민

1. 모션그래픽 작업할것 스토리 보드 완성 2. 스토리보드에 해당하는 대표이미지 완성 3컷 이상... 완성된 상태가 보이는 정도로 작업해야 함 3. 작업 스케쥴 잡기 이제부터는 타임라인을 잘 잡아서 어떻게 갈지 계획을 세우시고 작업들어갈것 위의 내용을 자신의 블로그에 올리고 여기에 댓글 달것. 2. 교재 스터디 책교재는 해당 섹션인 280p~305p 까지 해보시기 바랍니다. 교재 다음부분 진행하실것... 하기로 하셨던 분들 준비해오시기 바랍니다. 강서현, 김현진 part 4 타이틀 아티스트가 되다 chapter 3 새로운 첨단공학 준비해오시기 바랍니다. CS4 버전이 교실에 없으니 CS3로 컨버팅해오시기 바랍니다.

보호되어 있는 글입니다.

20명 묶어서 가면 1만원으로 할인되는데... 모션그래픽에서 단체로 한번 시도해 볼까요? 다음 다음주 수요일 오전에 어떨까요? 거기서 만나서 수업을 한번 진행해 보는것도 재미있을듯... 의견들 주시와요. http://www.beyondmuseum.com/2010/popup.html 세계적인 디자이너 의 전시회가 청담동 반얀트리홍보관에서 열리고 있습니다. http://www.beyondmuseum.com/2010/ 도쿠진의 환상적인 디자인을 즐감하세요.~~!!!

원래 교실에서 합니다. 모션그래픽 407호 제가 화일을 가지고 계신분들은 따로 카피해놓지 않으셔도 됩니다. 저녁 8시에 수업이 끝나시는 분들은 수업후에 오시면 됩니다. 5월 11일이 수업은 오늘 저녁에 다시 조정토록 하겠습니다.

1. Main(1~2 페이지 이상) & Sub(5 페이지 이상) 디자인 마무리 => 블로그에 포스트하고 여기에 숙제 댓글 달기 주제를 바꾸거나 새로 정하신 분들은 다음시간까지 ppt마무리와 디자인까지 마무리하여서 저에게 보여주시기 바랍니다. 2. 교재 스터디 312 페이지의 배경 이미지고정과 외부 스타일 시트까지 최종 복습하여 마무리 합니다. 3. 위의 교재 및 제가 올려놓은 화일을 참고하여 external CSS 적용안한사람은 적용하여 완성하기 바랍니다. 이 포트폴리오사이트 숙제는 기말까지 계속가니 미리미리 끝내시길 바라니다. * 다음주는 뷰티풀 웹 디자인 교재로 넘어가서 강의토록 하겠습니다.교재 사지 않아도 됩니다. ** 서울대 박상원군이 플래쉬 메뉴 만드는 방법에 대해서 다음주 부터 2주간 특강을할..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

3학년 4학년분들 도전해 보시기 바랍니다. 지식경제부와 한국디자인진흥원은 국내 우수한 디자이너의 해외 진출 활성화를 위해 다음과 같이 해외 인턴디자이너 파견을 지원하오니 많은 참여바랍니다. ◦ 파견내용 - 파견 기간 : 3개월 이내 - 파견 인원 : 00명 - 파견 기업 : 미국 Continuum 등 글로벌 디자인 전문회사 및 기업 ◦ 지원내용 - 왕복항공료 전액 (이코노미 기준) - 체재비 (월 최고 1백만원) - 보험료 * 현지 기업의 별도보수 없음 ◦ 인턴 신청방법 - 제출서류: 이력서, 포트폴리오, 재학(졸업)증명서 등 - 마감일: 2010. 5. 6(목), 18:00 - 신청방법: 온라인 제출 ․ interndesign.webhard.co.kr, (ID: intern, PW: guest) ․ 제..

오늘 발표 못하신 나머지 분들 발표는 5월5일이 휴일인 관계로 5월 3일 월요일 7시 원래 수업하던 407호에서 진행합니다. 수업이 7시부터 9시까지 진행될예정이고 수업이 8시에 끝나시는 몇분은 8시이후에 오셔서 발표하시면 됩니다. 보강하실분은 보강하셔서 그날 다시 보여주셔도 됩니다.

Client I Account Executive -> Creative Director : Art Director, Copywriter, Producer I 매체본부 1. 아이디어회의 2. 시안제작 및 광고주 제시 3. 실제 제작스탭 섭외 4. 광고제작 연아광고 - 펑키한... Style 보드를 수십개를 작업 쌍방향광고 : 에니콜 신입사원 미션 스토리보드가 만화라 할지라도 만화로만드는것은 아니다. 가장 아이디어를 정확하게 전달하는것이 목표 광고속에서 캐릭터 만들기 - 윈스톰 광고 에펙보다는 Frame이라는 프로그램을 더 많이씀 스스로의 열정이 없다면 모션그래픽을 하지 마라 모션그래픽은 도화지위에 그리는 움직이는 그림같은것 시각각적 접근이 필요 의미없는 그래픽은 영상공해이다. 1. 단순함이 더 눈에 띈다. ..

1. 중간발표 준비- 모션 그래픽 분야, 콘텐트 어떤 분야, 어떤 컨텐트를 모션그래픽 디자인할것인지 정한다. 예) 뮤직비디오 - 황병기의 침향무- 디자인 키워드 모션 그래픽은 영화나 드라마와 달리 목표로 하는 정보나 이미지를 효과적으로 전달해야 하므로 이를 위한 가장 콘텐트를 잘 반영하는 디자인 키워드를 생각해 낸다. 예) 사계절, 물의 이미지, 검정 - 컨셉 정리키워드를 포함하여 모션그래픽을 어떤 컨셉으로 가져갈지를 몇문장으로 글로써 정의한다. 이 컨셉은 모션 그래픽을 결과물로 만들기 전에 자신의 작업 방향에 대한 핵심을 다른 사람이 이해 할수 있도록 제공되어야 한다. - 스토리 보드 작성디자인 키워드/컨셉을 잘 반영할수 있는 화면 스케치를 스토리보드 형태로 작성한다. 선택한 콘텐트에 따른 시간안배를 ..

보호되어 있는 글입니다.

1. 자신의 포트폴리오 html 사이트 완성 자신의 포트폴리오 사이트를 CSS 화일을 연결한 (external) HTML 작업하여 파란 웹호스팅에 업로드할것 ** 해당 웹호스팅 URL을 여기에 댓글로 달고 자신의 블로그에 캡쳐한 화면과 동시에 URL을 포스팅 할것 2. 중간발표 이후 기말까지 진행할 프로젝트 기획 발표 아래내용이 포함되어야함. 기존의 웹디자인 5주차에 이미 기 공지된 내용임. ** 이름.ppt에 정리하여 미리 수업 시작 전에 웹디자인 폴더한군데에 넣어놓을것. 1단계 전략수립(strategy / research) 1-1. Mission - 개발 하고자 하는 사이트의 미션은 무엇인가? 몇문장으로 정리 1-2. Objectives - 개발 하고자 하는 사이트의 목적은 무엇인가? 몇문장으로 정리..

오늘 수업시간에 질문이 나왔던 파란 웹호스팅에 접속하는 방법입니다. 알 FTP를 쓰는 방법에 대해서 자세히 나와있습니다. http://bizfree.paran.com/helper/h/h_man_list.html 이 사이트에 들어가시면 좌측에 서비스별자료실>웹호스팅자료실>FTP접속안내 를 누르시면 팝업이 뜹니다. 이 팝업을 열러보시면 알 FTP를 다운로드 받을수 있는 링크가 있고 여기에 접속방법, 업로드 방법이 탭별로 정리가 되어 있습니다. 이거 따라 해보시고 잘 안되시는 질문 바랍니다.

창학 B178 오늘 웹디자인 여기서 합니다. 7:00 pm 다음의 이효숙씨가 아래의 내용으로 특강을 해주실 예정입니다 1. 포탈에서 모바일 시장을 바라보는 시각 2. 모바일 어플과 모바일웹의 기획단계에서 고려해야 할 점 3. Daum의 어플 개발사례 : tv팟, 지도, 다음앱스, 티스토리 (아직 사내 오픈 예정인 어플 등) 4. 모바일 어플 UX가이드 소개 5. 모바일웹 UX가이드 소개 이지선

http://vimeo.com/9194146?hd=1 링크를 눌러서 가서 보세요.

Vimeo, Blip.TV 에 올리거나 네이버, 네이트에 올리실수 있습니다. Vimeo가 광고도 안나오고 깔끔한 편입니다. Vimeo의 자세한 사용방법은 아래에서 찾으시길 바랍니다. http://blog.daum.net/miriya/15600858 여기 Vimeo에 업로드하면 임베디드 코드를 얻으실수 있는데 이걸 가져다가 본인의 html 또는 블로그에 삽입하시면 됩니다. 이지선

영국식 발음이라서 알아듣긴 힘들지만 캡션이 달려있습니다. 개략적으로 이야기 하며, 다 유용한 이야기이니, 시간내서 한번 보시기 바랍니다. 한글번역 누구하실분?

1. 오브젝트 에니메이션 일러스트에서 단순한 오브젝트로 구성된 뭔가를 그립니다. (레이어로 따로따로) 단순한 색상을 이용합니다. 벡터이미지로 전환하여 에프터이펙트로 불러들여서 작업합니다. 에니메이션을 하실때 부모 parent 를 설정하는 것과 puppet을 이용하여 이미지의 원하는 부분을 움직여서 제어하는것을 해보시기 바랍니다. 결과물은 기존과 마찬가지로 동영상으로 만든뒤에 블로그에 포스팅 합니다. 그리고 여기에 댓글을 달아서 숙제한것을 알려주세요. 자신의 블로그가 아닌 숙제가 포스팅된 글의 URL을 복사해서 붙여주시기 바랍니다. 책교재는 해당 섹션인 280p~305p 까지 해보시기 바랍니다. 이번주에 아파서 못온 분(서가은?), 다음주에 299p~305p까지 해오시고 시연바랍니다. 이어, 다음에 할 강..

보호되어 있는 글입니다.

1. 타이포그래피를 이용한 모션그래픽 Black/ White 만으로 구성된 글씨와 바탕으로 구성합니다. 먼저 스케치를 하시고 생각하는 글씨를 일러에서 입력하신뒤에 Creative Outline으로 벡터이미지로 전환하여 에프터이펙트로 불러들여서 작업합니다. 다양한 모션과 타이포의 이미지의 크기를 조절하시면서 작업을 시도해 보시기 바랍니다. 결과물은 기존과 마찬가지로 동영상으로 만든뒤에 블로그에 포스팅 합니다. 그리고 여기에 댓글을 달아서 숙제한것을 알려주세요. 자신의 블로그가 아닌 숙제가 포스팅된 글의 URL을 복사해서 붙여주시기 바랍니다. 책교재는 다음주에 실습 시연만 합니다. 2. 중간발표 준비 - 모션 그래픽 분야, 콘텐트 어떤 분야, 어떤 컨텐트를 모션그래픽 디자인할것인지 정한다. 예) 뮤직비디오 ..