메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

Photoshop 플랏 아크릴

2006.09.02 18:37

불럽

bulub_profile_img.jpg
이 녀석을 만들어봅시다. 3D라고 보시는 분들도 간혹 있지만,
전 3D 관련 프로그램을 전혀 다룰줄 모르기 때문에 오직 포토샵의 기본적인 기능만을 이용하여 제작해보는 겁니다.
강의 명이 저런 이유는... 생각나는 이름이 없어서 대충 갇다붙였습니다. 네 [...]

숙련자 중심으로 썼습니다. 그래서 제작 과정 내역에 대한 자세한 설명은 물론
우선 필터라든지 여타 고급 기능은 거의 사용하지 않았기 때문에
사용한 도구나 설정법에 대해서 일일히 언급해두지 않았음을 양해부탁드립니다.
(좀 전의 서버 문제로 글 다써놓고 몽땅 날려먹어서 다시 쓰는 귀찮음이 이유가 되기도 하지만 [...] )

글 내용은 차근차근 보완 중입니다.



자 아무쪼록 그럼 시작해볼까요 +_=;

캔버스를 적당한 크기로 하나 열어서, 흰색과 거의 구별이 가지 않을 색상을 alt + delete 등을 이용해 전체에 칠해줍니다.
완전히 흰 바탕을 하셔도 되고, 이후로도 명암비나 색상등은 임의로 결정해주세요.

arc_bulub_01.jpg

그단 의미는 없습니다만, 장식용으로 종이 두어장을 깔아줘봅시다.

새 레이어를 두개 만들어, polygonal lasso tool 등의 셀렉트,
혹은 폴리곤을 직접 만드는 등의 방법으로 한쪽 각을 비추는 듯이 종이를 깔아봅시다.  

arc_bulub_02.jpg

Drop shadow로 종이도 떠있어서 나름대로 약간의 입체감이 생기도록 해봅시다.

약간 더 신경써서 조명감도 생기게 해주려면 Gradient overlay 등을 이용해서
그림자가 생기는 모서리는 약간 그늘지게 만들어주는 것도 좋겠죠.

arc_bulub_03.jpg

이제부터 본격적으로 아크릴을 만들어볼겁니다. 새 레이어를 만든 후
사각형을 셀렉트툴로 어느 정도의 크기로 영역을 정합니다.
추가로 select -> modify -> smooth 에서 선택한 영역의 모서리를 둥글게 만들어줍니다.
모서리가 딱딱한 것도 좋지만 매끈한게 보기 더 좋으니까요 (-_-)

그리고 그 선택 영역을 흰색으로 채워줍니다.

arc_bulub_04.jpg

ctrl + t 를 눌러 아까 만들어준 흰 판때기를 형태변형으로 종이 위에 놓인 것 처럼 배치해줍시다.
(모서리를 ctrl 키를 누른채로 조절해주면 됩니다.)
종이와 가로세로 선을 가능한 일직선으로 맞춰야 어색한 감이 적어지겠죠.

arc_bulub_05.jpg

레이어 투명도 (opacity)를 5% 즘으로 맞춘 뒤,
alt + 상단 방향키를 10번 정도 눌러 레이어 복사로 두께를 만들어줍니다.
처음 투명도를 설정할땐 거의 안보일 정도지만 레이어가 겹치면서 일종의 환영같은 것이 만들어집니다.

arc_bulub_06.jpg

복사된 레이어 중 최상단과 최하단의 것의 투명도를 50%로 올려주고, 복사된 레이어들만 모조리 합쳐줍니다.

arc_bulub_07.jpg

아크릴 레이어의 전체 투명도를 조금 낮춰서 고유의 투명함을 조금 되살려줍니다.

여기서부터 약간의 수작업을 요하는 부분입니다. 시야에 들어오는 바깥쪽 모서리를 희게하여
투명한 물체를 각지게 잘랐을 때 생기는 흰 명암을 만들어주는 작업입니다.

한쪽 모서리를 polygonal lasso tool로 최대한 따냅니다. 둥근 부분 따내기가 좀 번거롭지만
대충하더라도 나중에 보정을 해두면 되겠죠.

그리고 새 레이어를 만드신 후, 흰색으로 채워줍니다.
같은 방법으로 불투명 물체라면 안보여야 할 반대쪽 모서리 각부분을 회색등으로 칠해줍니다.

arc_bulub_08.jpg

조금 더 신경 써주려면 지우개를 브러쉬형으로 설정하신 뒤, 끝 모서리등을 정리합니다.

arc_bulub_09.jpg

마찬가지로 하지 않아도 상관없는 작업입니다만, 나중에 깜장 스티커를 붙일 때 그 스티커 때문에
흰 광택이 가려지는 부분을 수작업으로 만들어주는 과정입니다.
스티커가 붙여질 부분과 그 그림자가 생기는 부분을 고려해서 셀렉트로 따내신 뒤,
명도 조절등을 통해서 약간 회색으로 만들어줍니다. 어색하게 보이는 끝부분도 blur 등으로 정리해주시고요.

arc_bulub_10.jpg

아크릴이 떠있는 느낌을 주기 위해 종이때와 마찬가지로 그림자를 만들어줍시다.
아래로 향하는 drop shadow를 걸어주세요.

arc_bulub_11.jpg

이 이상 진척하지 않아도 아크릴 자체는 완성이라고도 할 수 있지만, 조금 허전하니 스티커를 붙여봅시다.
애용해온 polygonal lasso 로 붙어있는 껌은 딱지를 만들어줍니다.
모서리를 신경써서 꺾이는 부분도 만들어줘 봅시다.

arc_bulub_12.jpg

반대쪽도 덮혀있는 듯한 느낌을 만들어주는 과정입니다.
새로운 레이어를 적용하여 약간 밝은 명도로 반대쪽 부분이
살짝 보이도록 칠해준 뒤, 모서리 부분을 정리합니다.

arc_bulub_13.jpg

역시 별 의미없지만, 끝 부분을 하얗게 만들어줘 보았습니다. 깜장 스티커니 invert등을 이용하면 되겠죠.

arc_bulub_14.jpg

스티커는 일단 반투명이므로 그림자가 더 강하게 생겨야만 하겠죠.
ctrl + 레이어 클릭으로 스티커 부분만큼의 영역지정을 따낸 뒤,
아크릴 레이어 아래에 새로운 레이어를 만들어 거기에 그림자를 나타낼 회색으로 칠해줍니다.

arc_bulub_15.jpg

filter 중에 많이 사용하는 gaussian blur를 적용시켜 외각을 흐릿하게 만들어줍니다.

arc_bulub_16.jpg

문구등을 집어넣어서 완성 ㅇ<-<
이외에 더 응용해주려면 초점등을 고려해 멀리 있는 쪽을 blur 브러쉬로 찍어발라 주면 느낌이 더 좋습니다.
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
2295 [포토샵 7.0 동영상강좌] 10. 모드와 이미지 조절 서기 2005.10.24 3200
2294 [프로모션]프로모션 따라하면 애니메이터처럼한다 1회 프로모션의 설치/인터페이스 [2] 정현석 2002.08.27 3206
2293 [나모웹 초보자] 하이퍼링크를 만들어 보자.~! [6] file 나만의길 2004.07.18 3216
2292 페인트샵 4강진출국 국기튜브입니다.. [9] file {동준짱} 2002.07.01 3226
2291 [페인트샵] 가장자리 희미하게 처리하기 [6] file 후니 2002.02.26 3231
2290 스위시맥스10강[Load Movie] [3] 에듀멘 2006.02.28 3244
2289 [요청] Archi*님이 요청하신 pixel borders 만들기.. [10] 스노 2002.08.16 3247
2288 SWISH 6번째 설명 [2] file 아메 2003.03.03 3253
2287 스위시 설명 4번째 레이아웃창 살펴보기 file 아메 2003.02.28 3262
2286 패러디 포스터 만들기 -글자만 바꿔보자. [허접강좌] [2] file 함태준 2002.11.03 3265
2285 포토샵 7.0 - 17. 채널이란 [1] 서기 2005.11.11 3266
2284 화이트닝 보정 file wwolf 2008.09.21 3269
2283 [팁]칼라 팁 세번째 이야기 [7] ECKS 2003.02.08 3295
2282 [포토샵 초보자]일정한 크기선택후 Feather값 적용-1 [2] file ZipShin 2002.12.28 3307
2281 조건문 이해하기 비무p 2005.01.12 3308
2280 [ AS2.0 ] import를 통한 package의 이해 [1] file Fc 2004.02.27 3319
2279 두번째 간단 팁!!-페이지 관련- [4] 정성호 2003.01.23 3334
2278 [동영상] 제1강 인터패이스 및벡터와 비트맵이미지 차이점 [1] 인테리어뱅크 2006.04.11 3338
2277 작업창들이 없어졌을때 ((한글판)) [3] file JELLY♥ 2005.04.05 3341
2276 [동영상] 제4강 재질의 종류와 표현(1) 인테리어뱅크 2006.04.11 3341