웹디자인 강의
Photoshop Maya Style 강의...-_- (스샷 첨부)
2002.06.17 00:22
안녕하세요, 이번에 제가 자체적으로 한번 만들어본 포샵 기술(?) '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.
일단, 이 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.
댓글 19
-
하놈
2002.06.17 00:39
오.. 멋지네요^0^ -
zenity
2002.06.17 00:40
폰트가 뭐에요? -
가마ㆀ
2002.06.17 00:40
우앙~@_@ 정말 이뿌네여=ㅁ= -
mái∂
2002.06.17 00:41
zenity // 폰트는 Arial을 진하게(Bold), 그리고 사이즈는 50포인트..^^; -
가마ㆀ
2002.06.17 01:05
어렵..;ㅡ,.ㅜ;; -
Eccen
2002.06.17 06:17
Magi 면 에바의 그;; -
C.Z.
2002.06.17 09:50
마기시스템.. 흐흐 저ㅗ 에바광이엿다는 하지만 깊게파고들수로 정서적인 문제가 엿보이는 작품이라서 지금은 끈코산다는.. -
아미v
2002.06.18 22:17
^▽^ 멋지네요!! Arial, Arial black.. 폰트 디자인 할때는 자주 쓰는 - _-)/
추천 꾸욱- =_=)b -
디핀
2002.06.21 01:43
normal.. 스펠 틀리셨어요;; -
Maya [mái∂]
2002.06.22 13:17
디핀 // 예...;; 강좌 내에도 '(화면에 보시면 'why be nomal?'이라고 쓰여져 있죠? 원래는 'why be normal?'이어야 하는데 r자를 빼먹어서...-_-;;;)'라는 글자가..-_-;; 대체 제가 왜 이렇게 무식한건지..ㅠㅠ -
☺mYFer™
2002.06.22 14:21
홈페이지가서 프로필에서 사진 보고 놀랬음 -_-;;
간담이 서늘 -
Xynex:)
2002.06.26 23:57
헉; 진짜 프로필 사진은 간담이 서늘;;;;;;;;;;;
+_+;;
무셔-_-; -
UD
2002.08.01 00:29
머시따....
나도 연습해서 강좌 올려야지.....ㅡㅡ;; -
니키
2002.08.03 12:59
맨 밑에 Maya라고 쓴게 더 멋있어 보인다는..+ㅅ+ -
날자날자
2002.08.04 16:32
정말 멋지네요.. 지금바로 따라해봅니다~ ^^ -
배드푸드쩜넷
2002.08.07 14:50
캔디 같당.. ㅋㅋ -
마니
2002.08.23 14:04
어렵다...ㅠㅠ아아 -
이동렬
2002.10.02 18:30
끄악! 짤려딱ㅜ_ㅜ;; -
Agoogo
2004.03.03 18:42
X박스 압박!