2007년 1/4분기 전역후, 바로 공부를 할려고 했는데 계획에는 없었떤 회사에 들어가게되어 관련 웹/그래픽을 하느라 3D공부가 필요한 저에게 발등에 불이 떨어진 상태라 공부한걸 정리하는 개념으로 작성하는 개인적인 자료입니다. (정보는 있겠지만, 강좌는 아닙니다) 공유정도?;;;

제가 공부 하고있는 책은 3DS MAX 7.X - 건축 인테리어 & 건축물 디자인을 위한 입니다.

산업디자인과(제품디자인)에서 교수님이 왜 이책을 선택하셨는지는 모르지만, 같은과 동기인 도로시양의 협찬으로 현재 이책을 기초로 공부하고 있습니다.

3일간 책 그대로 만들어본 결과물입니다. 맵핑이 안된 상태라 노메이크업 상태!

#1 일자계단만들기

각 오브젝트를 Align(정렬)을 사용하여 정리하는 법, Clone Options(복사 속성) , Extras를 이용해 Array 를 이용해서 반복 복사하기, Rotate(회전),복사할때 동시에 속성이 변하는 Instance(원본or복사본을 수정하면 동시 수정)를 배웠습니다. 그리고 뷰포트정리하는 기본 기능(단축키)를 익혔습니다.

#2 회전계단 만들기

일자계단에서 배운 Extras>Align의 Array(배열)에서 360도 회전해서 복사되는 기능을 배웠습니다.
주의할것은 Array를 사용하기전에 축의 위치가 정확한지 뷰포트를 제대로 선택했는지를 확인하고 실행해야 한다는 점입니다. 처음할땐 잘되었다가 두번째할때 축을 돌면서 복사가 안되고 제자리에서 틀어지는 바람에 흠칫했었습니다. ( 왠지 디워에서 용이 건물 감싸는듯한;;; )

#3 기본 도형으로 캐릭터 만들기!

위에서 배운 내용들과 각 기본도형으로 만들어본 캐릭터입니다. 포트리스 기본캐릭터였던 그녀석인것 같습니다. 각 기본도형의 Parameters 속성을 수정하는 방법을 배우고, 회전하고 복사하고 Mirror(대칭 복사)기능 그리고 기타 C-Ext 모양도(포를 받치는 받침대) 만들어보며 기본 기능을 다시 복습하는 기회였습니다. ( 사용한 도형 : Sphere, Torus, Cylinder, Tube, Chamfer Box, Chamfer Cylineder, Capsule, C-Ext 를 사용 )

#4 Edit Spline으로 의자만들기

드디어, 제품의 모델링의 시작을 알리는 기능을 배웠습니다. Edit Spline으로 의자를 만든 것인데요. 단순한 Line 을 이용해 구조를 만들고 Vertex(점의 특성설정), Attach(하나의 오브젝트로 만드는기능), Connect(선과선 연결), Fillet(둥근라인) 을 이용해서 점을 이동하고 두께를 지정하며 만들었습니다.

기본적으로 반복이 많은 의자여서 Shift를 이용해 복사하며 Instance 을 많이 사용했습니다.

여기서 TIP : Shift, Ctrl, Alt 키는 맥스에서 자주 사용하는 버튼입니다. Shift는 오브젝트를 복사할 때와 [Select by Name]아이콘을 사용할 때 연속적으로 여러 개를 선택하기 위해 사용합니다. 그리고  Ctrl은 오브젝트를 각각 선택할 때 사용하고, Alt는 오브젝트의 선택을 해제할 때 사용합니다.

#5 EXtrude로 장식장 만들기

Extrude 는 2차원적인 단면을 구성한 오브젝트에 Extrude 명령어를 적용하면, Z축 방향으로 면을 생성 및 돌출시키면서 입체적으로 만드는 기능입니다.

TIP : 2D 쉐이프를 만들 때 그리드 선과 2D 셰이프가 겹쳐 보여서 작업의 효율성이 떨어지기 떄문에, 감추고 하는게 훨씬 보기 좋습니다.  단축키는 G 키를 누르면 되구요. Front , Left 등 의 글자에 오른쪽버튼을 누르면 Show Grid 체크 해제하면 됩니다.

장식장도 의자를 만들때와 같이 Attach 기능으로 오브젝트를 하나로 묶는 기능을 사용하셨고, 두께를 주기위해서 Editable Spline 하위 메뉴의 Spline 기능을 사용하여, Outline을 주었습니다.

일러스트에서 사용하는 오브젝트를 합집합,교집합 등의 부분을 합치는것에 해당하는 Boolean 을 사용해서 모양을 만들었습니다.

평면을 입체를 주기 위해서는 Modifier List > Extrude을 사용하는데 Amount에 수치를 입력하면 수직으로 두께가 형성되면서 입체가 됩니다. 장식장문을 회전하기 위해선 축을 지정해야하는데 그 기능은 Hierarchy 패널에서 Adjust Pivot > Affect Pivot Only 기능으로 기준을 잡고 Rotate를 했습니다.



맵핑을 배우면 실제와 가까운 제품이 될꺼예요, 부족하지만 조금이나마 맥스의 기초를 알게 되었습니다. 일어나서 장식장 한번더 만들어보고, Lathe로 전등을 만들어 보겠습니다. :D

안녕하세요. 2007년 Sdayz 로고를 포스팅한후 몇개월이 지나 작년이 되었습니다. 로고 제작후 바로 명함을 제작하고 대외활동을 하면서 일도할때 필요하기에 개인명함을 만들었습니다. 늦었지만 오늘 포스팅을 합니다 :D






군대 복무하기전 2003년부터 2004년까지는 VISUALSAY로 활동할때 만든 명함이 있었습니다. 그당시에는 당신에게 보내는 편지라는 출발로 모티브를 " 편지 "로 잡고, 그에 맞게 디자인을 했었습니다. 당시는 수입지를 사용했었는데, 이번에는 좀 다르게 하기위해 최근 많이 사용하는 PET Card 재질을 사용했습니다.




기본 원칙으로 보통의 앞면은 국문, 뒷면은 영문으로 하지만, 한면에 다 보일 수 있도록 국문+영문을 한번에 표기하는 방법을 선택하였습니다.


개인정보가 있는 부분을 보시면 상단은 사이트주소 와 전화번호, 이메일이 있구요. 이름보다 연락처가 먼저 위치해 있습니다. 명함을 받는 사람의 입장으로서는 연락할 일이 있을경우, 작게보면 연락처가 더 중요하다고 생각되어 상단에 표기하였습니다.


하단에는 Sdayz 로고(국가명)와 이름이 있습니다. 이름은 가장 큰 폰트로 여백을 두고 가독성이 있도록 하였고, 개인 명함이라서 집주소는 적지 않았습니다. 다 넣고보니 공간이 많이 비어 보였고, 외국친구를 만나면 줄 수 도 있게 한국인임을 나타내는 Seoul, Republic of Korea를 로고 하단에 넣었습니다. 그러니 좀 디자인상으로 안정되보이고 균형이 맞게 보였습니다.


이미지를 보시는분과 명함을 받은 분들이 궁금해할 Sdayz 위에 할큄 자국은 Sdayz의 모티브중 하나인 붉은 매의 발톱자국을 나타냅니다. 같은 로고를 앞뒤로 넣기엔 지루한감도 없지 않아 있었고, 무엇보다 저를 나타내는 명함이기에 뭔가 제 생각을 넣고 싶었습니다.


첫번째로 붉은매의 형상을 하고 있는 심볼은 먹이감을 잡기위해 정지 비행하는 모습입니다. 그 것과 연관해서 목표로한 것을 내것으로 만든다는 의미로 넣었구요.


두번째로 많은 경험은 아니지만, 동갑내기 친구들에 비해 빠른 사회경험과 대인관계에 있어서 상처와 아픔 그리고 어느 환경에서도 이겨낼 수 있다는 것을 표현합니다. 현재 제가 느꼈던 모든 것들은 앞으로의 일에 일부분이라고 생각합니다. 그렇기에 모든걸 이겨낼 준비가 됐다는 뜻이 되겠지요.


그리고 하단에는 제가 좋아하는 영어글이 있습니다.

" Design is imagination : 디자인은 상상이다. "

01. 메인페이지

2008년 1월1일 새해를 맞아 arirangTV가 리뉴얼을 했다. 기존 arirangTV 사이트보다 밝아지고 산뜻하게 새해를 알리며 글로벌매체로서 성큼 다가서는 모습을 느낄 수 있다.

Layout - 응용된 3단형구조
리뉴얼된 arirangTV의 identity라고 생각되는 부분은 상단의 네비게이션 부분인 모서리가 둥근 오렌지 색상 라인이다. 각 페이지별로 색상을 달리해 통일감을 주고, 사용자의 시선 또한 한곳으로 모아 arirangTV 접속후 사용자가 주로 클릭하는 부분들로 구성하여 잘 정리된 느낌이다. 중앙의 그래픽이미지는 접속시 제일 먼저 시선이 가는 부분으로 깔끔하게 패스작업으로되어 전체 디자인에 잘 융화가 되고 있다. ( 아마 아리랑 대표 프로그램으로 구성한 듯 )

좌측에서 우측으로 시선을 따라 검색엔진(about 링크)으로 간 다음 바로 아래 광고영역을 두었고, 좌측 대각선으로 시선이 내려가면서 좌측 타이틀은 강조, 우측 타이틀은 그레이색상으로 연하게 처리하였다. 중앙 하단에는 킬러 콘텐츠를 연한 옐로우계열 색상으로 강조하여 전체의 강약조절을 하였다.

Color
난색계열과 중성색계열(그린)의 유사 색상들로 배색되었고, 주색은 산뜻한 오렌지, 보조색은 브라운색과 그레이색으로 강조색으로는 옐로우색을 사용하였다.


02. TV 페이지

Layout - 2단형 구조
이번에는 그린의 테두리가 상단을 감싸고 있고, 중앙에는 오늘의 방송 하이라이트라는 배너가 롤링으로 돌아가고 있다. 메뉴는 상단으로 이동하여 그 자리는 배너의 번호가 자리 잡고 있으며, 메인처럼 불균형한 구조가 아닌 딱 떨어지는 구조로 좌측에는 스케쥴을 가독성있게 디자인되어 배치되어 있다.

스케쥴을 엑셀파일로 받을 수 있는데 맨 하단에 위치하고 있고, 색이 옅어서 가독성이 떨어진다. 상단에도 배치했으면 좋았을 것이다. ( 중요한건 아니지만;; )

Color
TV 페이지의 주색은 그린색이고, 보조색으로는 브라운계열의 진한 베이지색과 그레이색이 들어가있다. 강조색으로 오렌지색상이 들어가 싱그러운 느낌이 강하다. 2008년 돌아오는 봄을 알리는 색상 같다는 느낌이 든다. 샤방~♥


03. RADIO 페이지

LAYOUT - 2단형 구조
전체적인 부분은 통일된 것이라 별도로 언급 할말은 없지만, 달라지는 부분은 내용의 스케줄부분과 라디오 프로그램(DJ)를 펼쳐 놓은 구조를 들 수 있는데. 사이트맵처럼 한눈에 아리랑TV의 전체 라디오 프로그램과 DJ들을 볼 수 있다. ( 오! 많다! )

COLOR
로고색상을 포함해 다른 페이지보다 많은 약 7가지 색상이 들어가있으며, 난색과 중성색(보라계열)이 주를 이루고 있다. 주색으로 자주색이 사용되었고, 보조색으로 브라운계열 진한 베이지 및 그레이색상이 사용되었다. 페이지에서 가장 많이 사용되는 색상은 유사색인 보라색과 자주색, 마젠타색상인데 색상은 많지만 복잡하지 않게 배색이 잘되어있다.

하이라이트 부분에는 하늘색상이들어가 페이지의 포인트 역활을 하고 있는데, 약간 채도가 있었으면 어떨까 하는 생각이 든다. 또 다른 강조색으로 옐로우색이 들어가 있다.


04. NEWS 페이지

LAYOUT - 2단형 구조
기존의 페이지 구조는 비슷하면서 라인을 제거하니 여느 뉴스 사이트와 다르지 않다. 라인이 있던 자리 중앙에는 메인 뉴스를 넣었고 좌측은 동영상과 뉴스 카테고리가 자리 잡고있고, 우측에는 역시 검색엔진 이 자리 잡고 있다.

스케줄표가 있던자리에는 최근뉴스들이 자리 잡고 있다. 우측으로가면 각 카테고리의 뉴스들이 나열 되어있고 날씨와 환율정보가 있다.

COLOR
은행과 같은 금융권이나 공공기관에서 주로 사용된 신뢰감있는 한색계열로 이루어져있다. 주색은 블루계열 색(블루,스카이블루)이고, 강조색은 레드색을 사용해서 시선을 해당뉴스로 가도록 하고 있고, 보조색으로는 다른 페이지와 같이 브라운계열의 베이지색과 그레이색이 사용 되었다.


05. DRAMA 페이지

imbc에서 운영하는 것으로 보이며, MBC의 드라마들로 구성되어 있다. 타 방송국의 드라마 정보도 알려주었으면 하는 아쉬움이 남는다.

LAYOUT - 2단형 프레임, 1단형 구조
2단형 프레임으로 나누어져있고, 상단은 네비게이션, 하단은 내용부분으로 구성되어있다. 다른 페이지와 차별화되는 구조로 imbc에서 운영해서 기존 리뉴얼에는 해당이 안된것 같다. (리뉴얼전에 확인을 안해봐서 잘 모르겠습니다;)

COLOR
주색으로 한색계열의 블루,스카이블루(옅은 하늘색)이 사용되었고, 보조색으로 상단의 그레이색이 들어가 있다. 강조색으로 옐로우그린색과 에메랄드색이 사용 되었다. 메뉴를 보면 브라운색으로 선택이 되어있는데, 이는 NEWS와 동일한 색상이라서 다르게 사용한듯 싶다. ( 안어울려~ ;;)

너무 동일한 색상으로 구성한 나머지 강약조절도 없고, 단조롭다는 생각이 든다.


전체적으로 잘 정리된 느낌이어서 정보 전달에 좋았고, 기존의 답답한 구조가 확트인 느낌이다.
자세하게 다른 페이지들을 확인해 보진 못했지만, DRAMA 페이지는 imbc에서 운영하던 기존페이지(라고 생각)라서 아직도 ActiveX를 사용한다는 점이다.


리뉴얼된 메인페이지 소스를 살펴봐도, 표준화작업도 전혀 되있지 않았다. 내국인 대상이 아닌 사이트인점을 생각하면 웹 트렌드의 흐름을 따라가지 못하는 점이 매우 아쉽다.

큰 테마들은 리뉴얼 되었지만, 세부 페이지들은 아직 새로운 구조에 맞게 디자인이 적용된 상태가 아니다. ( 변경 될것이라면 한번에 했으면 더 좋았을텐데; ) 곧 되리라 생각 됨!

글로벌 사이트로 도약하는 아리랑TV가 되었으면!

제작기간 : 2005/10/23 SUN ~ 2006/6/22 THU (1차시안)
                2006/6/22 THU ~ 2006/10/05 THU (2차시안)
                2006/10/05 THU ~ 2007/10/23 TUE (3차시안/확정)
의미 :  영문표기시 Ahn Dae Yong의 이니셜로 만들 수 있는 단어, day와 1998년부터 사용해
           온 Soondae4u의 이니셜, sd를 조합해서 나 자신을 표현할 수 있는 것으로 디자이너
           로서 갖추어야할 창의성과 다양성 그리고 비상하는 독수리를 의미
모티브 : 1. 산업디자인의 기본인 육면체
             2. 자유롭게 생각 할 수 있는 날개를 상징할 무엇(맹금류과)
             3. 입체느낌이나는 기하학적인 모양
             4. 길이,넓이를 달리하여 다양성을 부여하며, 창의성을 나타냄
             5. 좋아하는 숫자 3을 표현 ( 3의 어원은 Trans로 ~ 뛰어 넘는다의 어원을 갖음)
             6. 위에 모든것을 표현하면서 복잡하지 않는 형상
             7. Passion(열정)을 나타낼 수 있는 색상 붉은색 사용

──────────────────────────────────────────────

Story
Sdayz(에스데이즈)라는 이름과 로고가 만들어지기까지는 2년이라는 기간이 걸렸습니다. 이전에 사용하던 이름이 있었는데 visualsay(비주얼세이)를 만들 당시(고등학교) 전공이 그래픽이었기에 군대가기전까지 약 1년~2년정도 사용했었습니다. 이후 군복무를 하면서 비주얼세이보다 나를 표현 할 수 있는 것이 무엇이 있을까 고민하며, 앞서 첫 포스팅에서도 썼듯이 이름의 이니셜을 조합해서 만든 DAY라는 단어를 만들고, 모티브를 약 7가지를 정한후 스케치를 시작했습니다.


원하는 형태가 나올때까지 다시 수정하며, 계속해서 아이디어를 발전시켜 나갔습니다. 삼각형을 토대로 날개를 형상화해보고 간단한 도형을 갖고 여러차례 스케치했습니다. 위 스케치는 그 일부분들 입니다.
다른 모티브를 제외하고 그중 육면체,날개,맹금류를 염두해두고 스케치를 했고, 현재와 비슷한 형태가 나왔습니다. 이름역시 Fly day 라는 이름으로 진행하면서 여러가지 의미를 부여했는데, 단어 두개가 섞이고 전체적으로 디자인을 해보니 왠지 마음에 들지 않아 2차시안에는 이름을 day로만해서 진행했던 것입니다. * 그림 우측 육면체 모서리가 Sdayz의 심볼의 전체적인 모티브가 되었습니다.

* 좌측로고는 일반 A4에 출력한것을 스캔한것이고, 우측은 전용포토지에 출력해본 것 입니다.
심볼이 날카롭기때문에 비슷하게 가려고 2차시안때 폰트스타일을 세리프체를 사용했었습니다.

지금의 폰트는 보다 심볼과 잘어울려지고 폰트 자체만으로도 스타일이 나올 수 있도록 하기위해 사용 였습니다. 자신을 나타내는 로고가 있으신분들은 트랙백을 해주세요~