메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

안녕하세요, 이번에 제가 자체적으로 한번 만들어본 포샵 기술(?) 'Maya Style'의 강의를 쓴 넘입니다.
일단, 이 Maya Style은 Apple의 Mac OS X의 Aqua 인터페이스 한번 흉내내볼까 하다가, 만들어진 '우연의 결정체'입니다.
또한 이 Maya Style과, Maya Style 강의에 대한 모든 저작권 권리는 .magi가 소유하고 있으므로, 이 강좌를 퍼가실 일도 없겠습니다만, 만약 퍼가시거나, Maya Style을 개인감상용 이외에 다른 곳으로 '배포'하였을때에는 반드시 아래 저작권 문구를 삽입해주십시오.

Copyright (c) 2002 .magi All right reserved.

다소... 제가 말빨이 달리는 관계로... 이해가 조금 어려울수도 있습니다.. (하늘의 뜻인걸 우찌하리오?)
처음에 해보면 매우 복잡하다고 생각하실수가 있습니다. 왜냐하면 이 Maya Style 기술은 제가 만들어낸거기 때문이죠.
하지만, 손에 익으신다면, 몇분안에 Maya Style이 적용된 글자는 뚝딱 만드실수 있을겁니다.
이 Maya Style은 글자만 적용할수 있는게아니라, 다른 모양도 가능하죠.

쉼호흡 한번 크게 들이 내쉬고...-_-;;;
강좌 시작합니다.

1. 도화지 만들기

일단, 제가 작은 그림을 작업할때에는 보통 가로, 세로를 각각 500 픽셀씩을 설정해놓고 사용합니다.
포토샵에서 새 도화지 만드는것을 모르시는 분들께서는 포토샵을 처음부터 배워오시길...
(포토샵 기초 모르면 이 강좌 수백번 읽어봐도... 이해가 안갈것 같아서...>_<;;;)

2. Alpha 1 채널 만들기
도화지를 만들었으면 보통 포토샵 화면 오른쪽에 Navigator, Layers, History... 같은 윈도우들이 있을것입니다.
그 윈도우 중에서 'Layers'라는 글자가 있는 윈도우를 찾아 주신후, 그 윈도우 위쪽에 보면 'Layers, Channels, Paths'라는 글자가 있을것입니다.
그 텝중에서 'Channels'를 선택하시면 윈도우에는 Red, Green, Blue.. 이런 칸들이 생길것입니다.
그리고, Channels의 윈도우 하단에 보시면 아래와 같은 아이콘들이 있을것입니다.



이 아이콘들 중에서 빨간색으로 Box 쳐져있는곳을 클릭하시면 화면 전체가 검정색으로 변하면서 Channels에 Alpha 1이라는 새로운 채널(Channel)이 생깁니다.



3. Alpha 1에 글자 넣기
포토샵 왼쪽에 있는 메뉴중에서 글자를 넣을수 있는 아이콘을 클릭하셔서 텍스트(Text)를 넣을수 있게 설정해줍니다.



이 화면에서는 폰트는 Arial, 굵게, 크기는 50포인트, 색깔은 White(하얀색)(으)로 설정되어있습니다.
(화면에 보시면 'why be nomal?'이라고 쓰여져 있죠? 원래는 'why be normal?'이어야 하는데 r자를 빼먹어서...-_-;;;)

알파 채널(Alpha Channel)상에서는 글자를 입력할때 검정색 화면이 시뻘건 색으로 변한다는건 다 알고계시죠?
화면대로 원하시는 텍스트를 입력하신다음 화면 상단에 있는 체크 박스를 클릭해줍니다.


(Alpha 1상에서 글자가 입력된 모습)

4. Alpha 1의 선택영역 살리기
아래 그림을 잘 기억해두십시오.
이 강좌 내내 알파 채널의 선택영역을 살리는 방법을 많이 쓸것입니다.



보통, 알파 채널에서 선택영역을 불러올때, 불러올 알파 채널의 하얀색 부분만 선택영역으로 불러옵니다.
위 6번 스크린샷에서 보시는거와 같이, 불러올 알파 채널의 선택영역을 드래그 하여서 Channels 윈도우 하단에 있는 4개의 아이콘중에서 점선으로된 동그라미 아이콘에 놓아주시면 됩니다.


(쨔잔~...-_-;;)

5. Alpha 2의 선택영역 만들기

Channels윈도우에서 새로운 알파 채널(Alpha 2)를 만들어주신다음, 아래 표시되어있는 순서대로 키보드를 눌러주세요~

↓ - Alt + Delete - ↓ - ↓ - ↓ - Delete
(이곳에서 ↓ - ↓ - ↓ 부분은 3번 눌러주는것으로 설정하였습니다만, 경우에따라 조절하셔도 됩니다.)

그러면 아래와 같은 모양이 될것입니다.



그러면, 그림을 돋보기로 확대하여서, 지우개로 일부분을 지워주셔야 합니다.


이런식으로 지우는데...

* 지우기 이전 모습


* 지운 후에 모습


대충 이해가 가셨나요? 즉, 8번 스크린샷의 하얀색 부분의 위쪽 부분만 제외하고, 모든 부분을 지워주시는겁니다.

6. Alpha 3의 선택영역 만들기

위의 방법대로 Channels에서 새로운 알파 채널(Alpha 3)을 만들어줍니다.

그후 4번 강좌의 Alpha 1 선택영역 살리기 기능을 이용하여, Alpha 3 채널에 Alpha 1의 선택영역을 불러줍니다.


그리고 난후 아래 순서대로 키보드를 열심히 눌러줍니다...-_-;

↑ - Alt + Delete - ↑ - ↑ - ↑ - Delete
(이곳에서 ↑ - ↑ - ↑ 부분은 3번 눌러주는것으로 설정하였습니다만, 경우에따라 조절하셔도 됩니다.)

그러면 아래 11번 스크린샷처럼 될겁니다.


7. Layers에서 작업
자~ 이제 시꺼먼 화면에서 벗어나, 컬러풀(?)한 작업으로 들어갑시다.

윈도우를 Channels에서 Layers로 돌려주신다음에, Layers 윈도우 아래쪽에 있는 6개의 아이콘중 새로운 Layer 만들기 아이콘을 눌러줍니다.


('' 요고 요고...

그리고 Layer 1이 생기면, 4번 강좌대로, Alpha 채널을 클릭하지 않은체, 그냥 Alpha 1을 '드래그'해주어서, Alpha 1의 선택영역을 되살립니다.
그리고 적절한 색을 선택하여서 Alt + Delete키로 체워줍니다.



8. Layer 2
그리고 다시 12번 스샷..



을 보시면서, Layer 2를 새로 만들어줍니다.
이때, Layer 2의 위치는, 반드시 Layer 1의 위쪽에 배치해주셔야 합니다.

그리고, Alpha 1의 선택영역을 살렸던것처럼, Alpha 2의 선택영역을 살려주신다음 하얀색으로 체워줍니다.(체워줄때에는 Alt + Delete~)



그리고 선택영역을 Ctrl + D 를 눌러서 선택영역 해제를 시켜주신다음, 포토샵 윈도우에 'File, Edit...' 이런 항목이 있는곳에서 아래를 차례대로 눌러줍니다..

Filter > Blur > Gaussian Blur

그리고 Layer 2를 가우시안 블러 하는데, 이때 가우시안 블러를 할때 많은 분들이 질문할겁니다.
"가우시안 블러는 수치를 몇으로 넣어야 하나요?"

혹시... 한국의 "손맛"이라는거 아시나요? 계량스푼으로 정확하게 몇 g씩 설탕넣고, 소금넣고, 고춧가루 넣는것이 아니라, 그저 동물적인 감각으로 재료를 넣잖아요

가우시안 블러를 할때도 정확한 수치를 정해주시는것보단, 수치를 여러번 변경해보시면서 '음.. 이정도면 꾀 깔쌈하군...'이라는 만족된 그림이 나올때까지 수치를 변경해주시는것이 좋습니다.

즉, 정확한 수치대신에, 내 눈에 맞을만큼의 수치를 조절해서 넣어준다는 것이죠.


조절하자 내맘대로~...-_-;;;

가우시안 블러를 모두 넣었으면 위쪽에 15번째 스크린샷의 우측 상단에 있는 그림처럼 될것입니다.

9. Layer 3
그 다음에 색깔을 조정해주셔야 합니다.

Alpha 1의 선택영역을 살려서, Layer 1에 색칠을 했던 그 색깔 있죠? 제일 처음에 넣었던 색깔보다 좀더 밝은색으로 설정해줍니다.



그리고 8번에 Layer 2에서 하얀색을 넣었던데로, Alpha 3의 선택영역을 불러온다음(Alpha 3의 선택영역을 살려온다음) 조정해준 색깔을 넣어서, 역시 가우시안 블러를 해줍니다.



그러면 완성품이 되는건데요...

10. 반투명 효과넣기
제 홈페이지에 접속해보신 분들은 알겠지만, 맨 처음 대문짝 화면에서 홈페이지 로고가 다음과 같이 되어있음을 발견하셨을 겁니다.



잘 보시면, .magi 라는 글자가 반투명이죠? 간단합니다.

아까전에 9번까지 작업을 하였을때, Layer 1의 Opacity를 90% 로 설정해줍니다.



보이시나요?
Opacity는 Layers 윈도우에 있으며, Opacity의 백분율(%)의 숫자가 낮을수록, 투명해진답니다.
(Opacity의 수치가 0%로 조정되면, 그 레이어는 도화지 상에서 없는 레이어처럼 보여집니다.)

11. 완성품... *-_-*
이것이 바로 'Maya Style'로 적용해본 'why be normal?'이란 텍스트입니다..
약간 대충대충 만든 탓인지 조금... 이상하다는..;;


=== 위 스크린샷들은 저희 .magi 정책에 따라 8월 1일까지 보존됩니다. ===

이 Maya Style과, Maya Style 강의에 대한 모든 저작권 권리는 .magi가 소유하고 있으므로, 이 강좌를 퍼가실 일도 없겠습니다만, 만약 퍼가시거나, Maya Style을 개인감상용 이외에 다른 곳으로 '배포'하였을때에는 반드시 아래 저작권 문구를 삽입해주십시오.

Copyright (c) 2002 .magi All right reserved.

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48035
255 Color Settings 의 RGB setup 창을 여시면... file 이용현 2002.07.17 1866
254 [re] 포토샵 7에서 흰색이 안나올때... 마루 2002.06.27 2599
253 이미지 사용과 관련 팁... [3] 유군-친일안티 2002.06.26 3847
252 예쁜 상자만들기 [22] {동준짱} 2002.06.26 8431
251 브러쉬로 예쁜 여자 그리기? [11] {동준짱} 2002.06.26 8876
250 [하이링고]유리구체 만들기 [48] file 하이링고 2002.06.26 23816
249 (실전예제)회사맵이미지만들기 [23] file 미스디쟌 2002.06.21 12896
248 [퍼니페인트]lcd 아쿠아 페인트샵 버젼.. [5] funnyPSP 2002.06.21 8022
247 (재업강좌)회사소개페이지용이미지만들기. [21] file 미스디쟌 2002.06.19 24926
246 (재업강좌)XP스타일메뉴바 만들기. [22] file 미스디쟌 2002.06.19 24137
245 글씨에 약간 볼륨을 주는 겁니다 [4] 스티아★.。 2002.06.17 7973
» Maya Style 강의...-_- (스샷 첨부) [19] Maya [mái∂] 2002.06.17 8549
243 글씨 두껍게하기,테두리주기 간단하게.. [7] file 세나^.^ 2002.06.16 11142
242 [키르] 포토샵에서도 글씨에 밑줄긋고 기울리고~ [5] 키르(絶對) 2002.06.16 16457
241 [정보] 이미지의 손상없이 최대한 찌그러뜨리기! (JPG) [15] file Freeze 2002.06.15 6804
240 [정보] GIF를 능가하는 PNG! [32] file Freeze 2002.06.15 6021
239 [정보] Only Web Colors에 대해 알아봅시다! [7] file Freeze 2002.06.15 3376
238 인트로이미지만들기^^ [9] file 미스디쟌 2002.06.14 19704
237 fake 3d [9] file 리키; 2002.06.14 6633
236 Gimp_GNU Image Manipulation Program for windows를 소개합니다. [7] SLOTH 2002.06.11 8734