Visual & Media Design

수업에 빠지고 계속 않오시는 분들이 많아서 다음주에 중간과정 작업한것으로 50% 점수를 내겠습니다. 완성되기 전까지 40% 이상 작업된 화일을 다음주에 꼭 보여주시기 바랍니다. 12월 16일에 발표합니다. 모두 발표할 예정이며 아래 제출 가이드라인을 지켜주시기 바랍니다. 모션 그래픽 최종화일을 embeded 로 공유할수 있도록 하고. 다운로드 받을수 있도록 합니다.그 URL을 블로그에 다시고 여기에 동영상 블로그 URL을 달아제출합니다. (blip.tv에 올리시면 다운로드 가능한 화일 URL을 제공합니다.) 또한 프리젠테이션 화일의 slideshare URL (슬라이드 쉐어에서도 다운로드 가능하게 설정하시기 바랍니다.) 도 함께 제출합니다. 수업시간전에 오셔서 미리 컴퓨터에 모션그래픽 기말발표 폴더아래에..

완성한 스토리보드와, 현재 20% 정도 작업 끝난 동영상을 블로그에 다시고 여기에 블로그 URL을 댓글로 달아주세요.

http://neofuture.cafe24.com/jqtouch_medi/jqtouch-r148/sample/index.html 지난번에 민원기님이 주신것으로 간단한것을 만들어보았습니다. 음. 잘 뜯어서 해보세요. 저는 여기에 몇가지 기능을 추가하고 싶은데... 동영상 플레이연결하는것등등... 추가적인 질문 있으면 댓글로 달아주세요. 이번주 수업 월요일날 수시때문에 못한것은 주말에 미술관에 필드트립을 옵션으로 가는것으로 대치하려고 합니다. 좋은전시 있으면 알려주세요~

http://twibbon.com/join/Creative-Commons-3

이제 스토리보드 완성단계를 넘어서 작업으로 넘어가야 합니다. 스토리보드 완성한것 여기에 댓글로 포스트해주세요. 그외의 진전한것도 여기에 댓글로 달아주세요.

쉬운 설치 방법 (테마 및 플러그인) Winscp를 통해서 접속하고(cafe 24인경우 root 아이디로 들어가야함) 터미널을 구동함 1. VSFTP 실행 /etc/init.d/vsftpd restart 터미널창에 명령어입력에 위의 빨강글씨를 복사하여 입력 2. VSFTP 설정 FTP에서 최상위로 이동 /etc/vsftps/ftpusers (화일명) , user_list

사파리 브라우저는 깔고 기본설정의 고급의 제일하단에 개발자용으로 보기에 체크박스를 선택한 후 브라우저의 개발자용에서 사용자에이전트를 safari 4.1 iPhone으로 설정한다. 참고 : http://wkimin.tistory.com/15 샘플 데모 http://www.inheart.kr/html5/jqtouch-r148/sample/index.html 샘플 코드 http://www.inheart.kr/html5/jqtouch_sample.zip 테마 변경 themes/apple 또는 jpt 를 복사해서 새로운 자기 많은 테마를 만든다. 디자인 변경이 필요한곳 (이미지 변경 필요) sample/jqt_startup.png (320 * 480) sample/jqtouch.png (57 * 57) ABOUT..

어제 최진권님에게 들은 같은 이야기가 유투브에 있어서 실어나릅니다. video codec formats, audio codec formats and container formats .MPEG4, 3GPP and MOV files - (typically supporting h264 and mpeg4 video codecs and AAC audio codec) Tips and notes: You should always upload your video in the original format in the highest quality possible. We prefer

오늘 게시판을 이용하신분들은 테마 및 플러그인을 설치해보시면서 모바일용으로 자신이 만드는 사이트 디자인을 구현해보시고 다음시간에 질문바랍니다. * 다음시간에 워드 프레스와 FTP를 연결하는 방법을 배우도록 하겠습니다. 11월 22일에는 그림책을 구현하는 방법에 대해서 배워보도록 하겠습니다. - JQ Touch 로 아이폰 타겟으로 만해서 이미지 슬라이딩으로 하던가 - 워드 프레스등의 플러그인을 찾아서 솔루션을 알려드리도록 요청하겠습니다. 다음시간까지는 기술적 지원을 모두 드릴예정이니 질문있으신분 꼭 질문바랍니다.

민원기님 블로그 참고 http://wkimin.tistory.com/13 모바일 웹에서도 동영상을 재생할수 있는 간단한 방법을 알아 보겠다. * 3가지 방법이 있는데, blip.tv, youtube, vimeo 사이트를 사용하는 방법을 알아보자. * 주의점 blip.tv를 제외하고는 default로 모바일 영상을 제공하지 않습니다. 동영상을 업로드 하는 사용자의 선택에 의해서 모바일 영상 제공여부가 구분됩니다. 본인이 직접 동영상을 제작해서 업로드 한다면, 동영상 업로드시 mobile 동영상 제공 여부를 확인해야 합니다. 1) blip.tv 영상 (embed 코드) 2) youtube 영상 (iframe 코드) 3) viemo 영상 (iframe 코드) 4) test link www.inheart.kr/..

참고 : http://wkimin.tistory.com/14 1. 가상 서버 호스팅을 한다. 2. 신청 완료까지 카페 24의 경우 한시간정도 걸린다. 3. http://ko.wordpress.org/ 한국 워드프레스에 접속 http://ko.wordpress.org/download/ 에서 오른쪽의 빨간 버튼을 눌러 다운로드 한다. 4. 보안을 추가한 FTP 파일 전송 프로그램을 다운로드 받아 설치해 놓을것 winscp download (http://winscp.net/download/winscp429setup.exe) 5. 가상 서버 호스팅이 신청된 메일을 확이하여 Winscp 의 바탕화면의 아이콘을 더블클릭하여 실행... 호스트 이름 Domain neofuture.cafe24.com 포트번호가 비보안채..

1. CAFE24 홈페지에서 가상호스팅 클릭합니다. 2. 리눅스 가상서버 호스팅에서 신청합니다 3. 회원가입을 하고 들어 오면 기본적인 정보를 넣는곳이 있습니다. (관리자 정보 넣을때 유념해서 보시기 바랍니다) 나중에 가상 서버 관리할대 필요합니다. 4. 동의 하고 넘어가시면. 도메인 선택 과 서비스 선택이 있습니다 1) 일단 무료 도메인 사용하시고 2) 서비스 선택에서 상품명은 (가상서버 일발형), 서비스기간(알아서 선택), 설치O/X(Fedora11)+APM설치, 보안설정(사용) 3) 결재 하시면 됩니다. 5. 결제가 끝나고, 가상 서버 설치가 끝나면 메일이 오게 됩니다. (이상입니다)

기말까지 작업할 프로젝트, 프리젠테이션 업그레이드한것. 그리고 디자인 완성한것 블로그에 붙이고 블로그 URL을 여기에 댓글로 달아주세요. 오늘은 민원기님의 특강이 있을 예정입니다. 게시판 쓰실분들 미리 계정신청하세요. 참고 블로그 글 : http://visualcommunication.tistory.com/entry/웹디자인2-워드프레스-설치를-위해서는-가상서버-신청-필요

http://www.motionserved.com/gallery/V-WATER-viral-animation/43975 http://www.motionserved.com/gallery/Zoo-Together/149938 비디오쪽 아트 작업을 많이 선보이는 국제 컨퍼런스? http://www.aec.at/en/festival2008

오늘 11월 11일 스토리보드 완성한것 댓글로 여기에 달아주세요! 적어도 아래처럼 스토리 보드가 완성되어야... http://library.creativecow.net/articles/val_mark/3d_toon.php 자신이 어떻게 스토리보드에서 구현까지를 잘 다큐멘테이션 하시기 바람 Here I am going to explain the pipeline from XSI to After Effects to get the final result, and I'll assume that you have at least one model in your scene (ex: a cube) to follow along. The pipeline that I am going to explain doesn't need..

http://ae.tutsplus.com/ http://ae.tutsplus.com/category/tutorials/motion-graphics/ Design Rhythmic Motion Typography in After Effects 사운드를 불러들이고, 그 다음에 원하는 가사들을 우선 잘라서 키프레임에 각각얹어놓은뒤에 시간을 맞추고 그다음에 디자인을 맞추는 작업으로 합니다. Create a Stunning Website Demo Presentation 자신이 작업한 그래픽 작업을 프리젠테이션하는 방법을 배우실수 있습니다. Create a Geometric Color Explosion 일러스트레이터에서 글씨를 구성하는 기하학 모형을 만들어서 불러들이뒤에 모션을 준것에 대한 투토리얼 . 일러스트레이..

게시판을 수정해서 운영하는 형태들을 고려하신분들은 워드프레스를 쓰시는 방안으로 결정하는게 좋다고 합니다. (민원기님 자문) 그래서 워드프레스를 설치를 해서 써야 하는데 이런경우에는 가상 서버 호스팅을 받아서 써야 한다고 합니다. 음. 결국은 돈이 좀 들어가야 할것 같습니다. 우선 다음 수업시간이 수업을 들어보고 결정하던가... 아니면 무조건 모바일쪽에 게시판을 써서 뭔가 제공을 해보겠다고 생각하시는 분들은 아래 민원기님의 메일을 참고하셔서 워드프레스를 설치하는것을 수업시간에 배울수 있도록 가상서버호스팅을 미리 신청하시기 바랍니다. 어쨌든 이번에 잘 만들어서 계속 가지고 있겠다고 생각하면... 자신의 웹페이지를 도메인으로 사서 웹사이트와 모바일쪽에서 모두 운영하겠다고 생각하시면... 가상 서버 호스팅을 받..

예술의 전당 한가람미술관 : 디자인 & 아트페어 http://www.designartfair.com/sub01_02.html 삼원페이퍼갤러리 : 도쿄디렉터즈클럽 전시. -> 작년에 갔엇는데... 전시규모는 작았지만 괜찮았음 http://www.papergallery.co.kr/

다음주까지 디자인 이미지작업 완료해 옵니다. 숙제한것은 블로그에 올리시고 여기에 댓글로 블로그 포스트 URL을 달아주세요. 코딩은 그 다음주부터 본격적으로 들어가서 기말에 최대한 완성도를 높이는것에 포커스를 맞추시기 바랍니다. 디자인 컨셉이 바뀌신분은 프리젠테이션 화일도 업그레이드 하시고 디자인 이미지 작업도 완료해 오시기 바랍니다. 다음주에는 민원기님이 동화책, 동영상 모바일웹에서 삽입하는것을 특강하실 에정이고 워드프레스는 현재 서버문제로 다시 방법을 찾고 있습니다. 조만간 다시 공지토록하겠습니다. 그리고, 금요일 열린대학 디자인전공 금요일 오후 2시 한상은 라운지 꼭 참석바랍니다. http://www.snow.or.kr/common/notice.html?mode=viewForm&uid=36

http://www.tutorialized.com/tutorials/Photoshop/Textures-and-Patterns/1 http://vandelaydesign.com/blog/design/photoshop-tutorials-textures/ Texturing of Old Paper Abstract Background of Colored Bars The Ultimate Wood Texture Tutorial Liquid Blood Background Fabric Folds Smooth Silk Texture Creating a Wrinkled Paper Effect Creating a Mac-Type Background in Photoshop Windows Vista Aurora Effect Cr..

http://www.smashingmagazine.com/2009/01/07/textures-in-modern-web-design/ Design Commission Design Commission is another website that uses a very clean content area with a textured background. The background of Design Commission also includes a slight red color on the left side to give it some variety. Carbonica Carbonica uses neutral-colored textures throughout the design of its website. Headli..

http://inspiredology.com/26-hand-drawn-websites/ http://www.smashingmagazine.com/2008/01/03/hand-drawing-style-in-modern-web-design/

Illustrated Vector Landscape Web Design Trendhttp://www.blog.spoongraphics.co.uk/articles/vector-cartoon-and-illustrated-landscape-web-design-trend http://www.divvoted.com/ http://www.meomi.com/

Pixels Go Mad – The Celebration Of Pixel Art http://www.smashingmagazine.com/2008/05/05/pixels-go-mad-the-celebration-of-pixel-art/ Panda Chart We are not sure if pandas actually eat strawberries. Apparently, they do. A simple yet cute pixel artwork. It’s Raining Drea Pixels meet architecture. Adobe Air poster A pixelated poster designed for Adobe Air launch. So many details in one single image...

게시판 이용 : 썸네일이 표시되는 목록, 그림과 텍스트의 내용페이지 표시 -> tistoy, 직접 DB 구성 (Word Press => 민원기님) 동화책을 구현할수 있는 방법 -> 다음, 이전으로 이미지를 이동하면서, 목차로 이동하는 기능의 구현 동영상을 삽입하여 구동하는 방법 -> YouTube의 URL 삽입, MP4, H.264 코덱 동영상 삽입 -> 태그를 입력하여 동영상과 같이 띄우는데. 검색하는 방법에 대해서도 추가하였으면 함

1. 자신의 모바일 웹프로젝트는 작은 두꺼운 종이 카드에 그리고. 어떻게 구현할것인지 스케치해볼것. 2. 친구/가족에게 자신의 종이카드로 만든 모바일 사이트를 보여주고 사용해보라고 하면서 클릭하는대로 다음 화면을 보여줌. 좋고 나쁜것에 대한 피드백을 받고 정리할것. 이것을 반영하여 스케치를 고침. 3. 정보구조도 형태 또는 수행 프로세스(task 수행순서)에 따라서 늘어놓고 디지털 카메라로 사진을 찍어서 블로그에 올릴것.

정보구조 : 최신트렌드 http://informationarchitects.jp/ http://www.informationarchitects.jp/en/wtm4/ What web designers could learn from print designers View more presentations from Erlend Debast. The Art Of Colors View more presentations from Elisa Giaccardi. 분학 보색, 3색, 4색, 유사색 설정하여 웹사이트 샘플에 적용할수 있는 사이트 Export 기능을 이용하면 웹사이트 코드로 받거나 text로 받고... Photoshop에서 자신만의 swatch 를 만들어서 save 하여놓으면 일관성있게 작업을 할수 있음 (lo..

서윤석 http://blog.naver.com/conyunv 나이키의 로고는 원래 나이키의 로고타입 빨강, 흰색, 검정등읫 색상을 이용하였으면 더 좋았을것 같음 실사+ 모션숙제는 타이틀만 넣은 너무 단순한것같음. 원래 작가의 의도는 포토그라피로 어떤 환상을 그려내는것으로 기억하는데 그것에 관한 각 사진의 본인의 감상에 대한 단어들을 삽입해서 좀더 작업을 했으면 좋았을듯 중간고사 이후의 광고는 30" 로 만들고 초당 12프레임으로 작업 - 어떤 모션으로 모션 동영상을 작업해 올것. 텍스트가 들어간 스토리를 그려올것. 원작이 영국 필름으로 색상이 원색은 아니였던것으로 기억... 원래 영화의 이미지에대한 색상규정을 잘해볼것. 이것도 다음시간의 스토리 보드에 포함할것 http://en.wikipedia.org/..

지난 수업시간에 갔다왔던 디지털시티 전시는 저에게도 리프레쉬 할수 있는 좋은 계기였던것 같습니다.그날 수업에 오신분들께는 공지가 나갔었구요. 숙제 밀린것 + 진권씨랑 같이 진행하신 3가지 숙제의 동영상을 블로그에 올리고 여기에 댓글로 해당 포스트의 URL을 달것! - 스틸컷 합해서  에니메이션 만든기 - 타이포로 모션표현하기- 진권씨랑 진행하는 실사를 디카로 동영상 촬영하고 그위에 모션그래픽 오브젝트를 얹어서 완성최진권님이 참석하셔서 숙제하신것에 대한 크리틱을 해주실거예요~10월 중간발표  준비- 자신이 작업한 과제 소개 (동영상 틀기)- 중간발표 이후에 작업할 프로젝트에 대한 프로포잘중간발표화일은 ppt나 pdf 화일로 slideshare.net에 올리고 그 임베디드를 가져다가 본인의 블로그에 붙이신뒤..