2017 서울모터쇼 오프닝 공연을 위한 프로젝션 영상을 제작하였습니다.

공연에 사용될 음악에 맞춰서 오피셜 CM 영상을 컷편집 및 색보정하고 시작부와 마지막 부분에 애니메이션과 이펙트를 추가하는 작업이 주된 작업이었습니다.

모터쇼에 출품한 업체들의 주요 차종에 대한 노출 밸런스를 맞추는 부분이 조금 민감한 부분이었기 때문에 오피셜 CM 컷편집이 여러차례 반복된 부분을 제외하고는 큰 무리없이 진행되었습니다.




블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,

영상 감독으로 참여하고 있는 인천의 타악 퍼포먼스 그룹 ‘한울소리’에서 공연을 올린 미디어 퍼포먼스 뮤지컬 ‘타이거 헌터’의 무대 영상을 제작하였고, 또한 공연 스탭으로 영상 오퍼레이팅을 맡았습니다(2017년 3월 10~12일 공연).


뮤지컬 타이거 헌터는 2016년도 전통예술 지역브랜드 상설공연 공모 선정작으로 1871년 신미양요 중 인천 강화도 광성보 전투에서 있었던 범포수들의 희생과 업적을 그린 내용이며, 소설 ‘총의 울음 (저자:손상익, 출판:박이정)’을 원작으로 하여 이를 각색, 스토리텔링하여 음악과 퍼포먼스 그리고 영상을 콜라보레이션한 공연입니다.





블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,

https://ko.wordpress.com/ 에서 제공하는 유/무료 테마에 대한 분석, 추천 및 커스터마이징(자식 테마)을 제공하는 서비스인, “테마-딱” 홈페이지 제작을 컨설팅하였습니다.


홈페이지 제작은 설치형 워드프레스와 플러그인을 사용하면서 이를 홈페이지 설계 시안에 맞춰서 커스터마이징하는 방식으로 제작되는 것을 목표로 하였고, 이를 위한 플러그인들을 분석 및 추천하고 이를 커스터마이징하는 방법에 대한 제안을 기본으로 하였으며 플러그인 만으로는 구현하기 힘든 부분에 대한 PHP 프로그래밍 부분도 서포트하였습니다.


현재 테마-딱 홈페이지는 베타테스팅 중입니다.


테마-딱 홈페이지 바로가기 : http://themettack.org/


테마-딱 홈페이지 전면 페이지테마-딱 홈페이지 전면 페이지

테마-딱 홈페이지 소개 페이지테마-딱 홈페이지 소개 페이지

테마-딱 홈페이지 포럼 1테마-딱 홈페이지 포럼 1

테마-딱 홈페이지 포럼 2테마-딱 홈페이지 포럼 2


블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,

프로토타이핑 툴 'Proto.io'의 기초 사용법 및 인터랙션 구현에 관한 교재를 전자책(ebook)으로 출간하였습니다.

연세대학교 및 삼성 R&D 캠퍼스에서 한 특강 내용을 중점적으로 다루었으며 주로 유저인터페이스에 사용되는 인터랙션 아이템을 제작하는 내용으로 약 180여 페이지의 분량입니다. Proto.io 홈페이지의 튜토리얼과 함께 보면 더욱 이해가 빠를 것입니다.


'Proto.io (프로토.아이오) 웹 브라우저 기반의 프로토타이핑 도구'


목업이미지목업이미지


현재 전자책 판매 사이트인 '유페이퍼'와 '구글북스'에 등록되어 판매중에 있습니다.

교보문고에도 등록은 했는데 POD 방식으로만 판매가 된다고 하네요(그래서 판매신청은 보류중). 이제 PDF 방식의 전자책 서비스는 더 이상 안하는 듯 합니다.



블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,

2016년 10월 22일(토) ~ 10월 28일(금)에 광명동굴에서 열리는 '광명동굴 국제 판타지 페스티벌' 홈페이지를 워드프레스로 제작하였습니다.


giffesta 전면페이지광명동굴 국제 판타지 페스티벌 - 전면 페이지


부트스트랩3 기반의 테마를 커스터마이징하였으며 특이사항으로는 qTranslate X 플러그인을 통해 다국어 지원을 구현하였습니다. 현재 한국어, 영어, 중국어 콘텐츠가 제공되고 있으며 콘텐츠 번역작업이 계속되고 있습니다.


qTranslate X다국어 플러그인 - qTranslate X

워드프레스 qTranslate X 소개 페이지


서브 페이지는 모두 워드프레스의 '페이지'로 작업이 되었으며, 페이지 구조를 리스트로 출력하는 코드를 사용하여 페이지 우측에 서브 메뉴로 출력하였습니다.


giffesta 서브 페이지광명동굴 국제 판타지 페스티벌 - 서브 페이지


광명동굴 국제 판타지 페스티벌 홈페이지 바로 가기

광명동굴 국제 판타지 페스티벌 페이스북 페이지

블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,

2016년 10월 14일 ~ 17일에 여주에서 열리는 제27회 경기도 생활체육대축전을 위한 티저 영상, 홍보 영상 제작에 참여하여 특수효과와 애니메이션 제작 부분의 작업을 하였습니다.


티저 영상 '작은 꿈'


여주시 제27회 경기도 생활체육대축전 페이스북 페이지

https://www.facebook.com/2016yj27/

블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,

"스텝 바이 스텝 워드프레스 테마 쉽게 만들기"를 전자책으로 발매하였습니다.

부트스트랩3와 언더스코어스 테마를 가지고 직접 디자인한 홈페이지를 만드는 방법을 다루었으며, 텍소노미, 커스텀 포스트 타입 등으로 콘텐츠를 분류하여 포스팅하고 이를 출력하는 것을 배울 수 있습니다. 구글 북스에서는 20%정도 미리보기가 가능합니다.


 


워드프레스 테마 쉽게 만들기워드프레스 테마 쉽게 만들기


테마 만들기 교재 샘플 1테마 만들기 교재 샘플 1

테마 만들기 교재 샘플 2테마 만들기 교재 샘플 2

테마 만들기 교재 샘플 3테마 만들기 교재 샘플 3

테마 만들기 교재 샘플 4테마 만들기 교재 샘플 4

블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,

구글 북스(Google Play Books)에 "스텝 바이 스텝 워드프레스 홈페이지 쉽게 배우기"를 등록하였습니다. 무료 샘플을 통해 초반 30% 정도를 미리보기 하실 수 있으며 블로그 공지에 있는 파일보다는 약간 짧게 볼 수 있습니다. 교보문고와 같이 PDF 파일로 제공됩니다.

워드프레스 초급 교재 구글 북스워드프레스 초급 교재 구글 북스 등록

블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,

 

교보문고의 인터넷 개인 전자 출판 서비스인 "퍼플"을 통해서 첫번째 워드프레스 교재를 발행하였습니다. 그동안 워드프레스로 홈페이지를 만들면서 알게 된 것들과 강의 등을 하면서 연구한 내용들 중에서 초급 부분을 발췌하여 정리한 것이라고 보시면 됩니다.

워드프레스의 초급 내용으로 워드프레스의 로컬 설치부터 블로그형 홈페이지 제작, 회사 홈페이지 제작 및 실제 웹서버 설치 및 불러오기 등의 내용을 다루고 있으며, 모든 메뉴를 일일히 설명하기보다는 하나하나 따라하면서 익혀나가게 하는 것을 목표로 구성을 했습니다.

 

교보문고의 PDF 전자책 서비스가 종료됨으로 인해 '유페이퍼'에 새롭게 등록하였습니다.

유페이퍼 구매 페이지

 

 

설명용 커버설명용 커버 - 인쇄 제외
로컬 웹서버 OS X에 설치로컬 웹서버 OS X에 설치
Twenty Fifteen 블로그형 홈페이지Twenty Fifteen 블로그형 홈페이지
Twenty Twelve 회사 홈페이지형 커스터마이징Twenty Twelve 회사 홈페이지형 커스터마이징
블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,


그동안 티스토리의 기본 스킨을 사용하여 블로그를 운영(후 방치)하고 있었는데, 다른 분들 블로그이 반응형 레이아웃을 적용하여 아주 멋지게 바뀐 것들이 많더군요. 그래서 이번에 워드프레스로 운영중인 홈페이지도 부트스트랩 기반 무료 테마로 바꾸면서 동시에 블로그 스킨에 부트스트랩3를 적용하여 새로 만들었습니다.

따로 디자인 작업 없이 스킨 제작 메뉴얼을 기초로 부트스트랩의 기본 CSS를 적용하고, Font Awesome을 적용시키는 정도에 우선 만족했습니다. 아직 이곳저곳 손 볼 곳도 많고 반응형만 구현했지 뭔가 디자인적인 면은 부족하다고 여겨지지만 조금씩 업데이트해 나가려고 합니다.

블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,
연세대학교 원주캠퍼스에서 "워드프레스 포트폴리오 만들기"를 주제로 특강을 하였습니다. 디자인 학부 3, 4학년들을 대상으로 한 3시간 강의였으며, 워드프레스 설치(로컬웹서버) 및 포스팅, 주요 플러그인 소개 및 콘텍트 폼 페이지 제작, 최종적으로는 포트폴리오용 테마(갤러리 스타일) visual 테마 적용과 데이터 백업을 통해 웹호스팅을 받은 후 데이터를 이전할 수 있는 방법까지 다루었습니다.

짧은 시간이었기 때문에 일일히 실습을 다 할 수 없었던 점은 조금 아쉽습니다만 그래도 모든 학생들이 열심히 따라와 주었고, 담당 교수님께서도 필요한 교육 내용에 대한 조언을 해 주셔서 강의를 잘 마칠 수 있었습니다.




 


블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,

인천의 대표 타악 퍼포먼스 그룹 "한울소리" 홈페이지를 제작하였습니다.


워드프레스와 Moesia 테마(부분무료)를 사용하였으며, 간단한 CSS 수정만으로 큰 어려움이나 오류없이 작업을 마칠 수 있었습니다.


아직 컨텐츠(페이지 및 글) 부분에 넣어야 할 항목들이 좀 있긴 하지만 곧 마무리 될 것으로 보입니다. 


한울소리 홈페이지

http://www.hanulsori.co.kr/

 









 


블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,