메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

pho_3_7_13.jpg

{완성작}완성된 모습입니다.


pho_3_7_01.gif

1. 작업할 새파일을 열어주신 다음, ( Ctrl + N )
어두운색으로 안을 채워줍니다.
이때, 결과물을 보시면 아시겠지만, 나중에 Overlay 효과를 적용시켰을 때 노란빛이 나게 하려면
저처럼 짙은 카키색을 넣어주시면 됩니다. (R:48  G:48  B:19)


pho_3_7_02.gif

2. 전경색으로 흰색을 선택하셔서 원하는 글씨를 써줍니다.
이때, 글씨는 가로 세로의 비율이 잘 맞는 것이 완성했을 때 더 보기 좋습니다.
저는 Arial Black 폰트를 사용했습니다.


pho_3_7_03.gif

3. 글씨레이어를 전부 합쳐줍니다.
레이어 팔레트에서 모든 백그라운드 레이어를 제외한 모든 레이어에 링크를 걸어서 Merge Linked 해줍니다.


pho_3_7_04.gif

4. 이렇게 자동으로 Rasterize 되면서 하나의 레이어로 합쳐졌죠.
강좌에서 알아보기 쉽게 하기 위해서 레이어의 이름을 text 로 바꿨습니다.


pho_3_7_05.gif

5. 이 text 레이어를 네개 카피해서 text 레이어 아래로 위치시켜주세요.


pho_3_7_06.gif

6. 이제부터는 추가된 각각의 카피레이어에 Motion Blur 효과를 적용해 줄텐데요.
각각 수치를 다르게 적용시켜서 빛을 발산하는 듯한 효과를 표현할겁니다.
우선 text copy 4 레이어를 선택하셔서 Filter - Blur - Motion Blur 를 선택해주세요.
Motion Blur 옵션창에 Angle 수치에 0 을 설정하시고, Distance 수치에 60 을 설정해주세요.


pho_3_7_07.gif

7. 레이어팔레트에서 text copy 4 레이어의 Mode 를 Overlay 로 바꿔주세요.


pho_3_7_08.jpg

8. 지금까지한 6,7번 과정을 다른 카피레이어에도 적용해줍니다.
다만 Motion Blur 적용시 Angle 의 수치를 다르게 적용시켜줘야 합니다.
text copy 4 레이어 : Angle 0
text copy 3 레이어 : Angle 90
text copy 2 레이어 : Angle 45
text copy 레이어 : Angle -45
이렇게 Filter 를 입히신 다음, 마찬가지로 전부 Overlay 모드로 바꿔주시면 됩니다.


pho_3_7_09.gif

9. 레이어팔레트에서 text 레이어를 다시한번 카피해서 text copy 5 레이어를 만들어주시고,
text 레이어 아래로 위치시켜 줍니다.


pho_3_7_10.gif

10. text copy 5 레이어가 선택된 상태에서 Filter - Blur - Gaussian Blur 하셔서
Radias 수치에 3 을 입력해줍니다.
(글씨 사이즈에 따라서 적절한 수치를 입력시켜주시면 됩니다)


pho_3_7_11.gif

11. 레이어팔레트에서 text copy 5 레이어의 Opacity 를 50 정도로 낮춰줍니다.


pho_3_7_12.jpg

12. 이제 마지막으로 글자마다 랜덤하게 빛이 나도록 해주기만 하면 됩니다.
레이어 팔레트에서 text 레이어를 선택해주시고,
네모마퀴툴 (Rectangular Marquee Tool) 로 삭제하려고 하는 글자를 선택하셔서
백스페이스키나 Delete 키로 삭제시켜줍니다.
이때 다중선택을 하셔서 한꺼번에 삭제하시려면 위의 옵션바에서 Add to Seletion 을 선택하시거나,
Shift 키를 누르면서 선택하시면 됩니다.


pho_3_7_13.jpg

13. 완성된 모습입니다.
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
575 조건문 이해하기 비무p 2005.01.12 3308
574 재미없는 수학이론 이용한 평면상의 거리 구하기 [3] 비무p 2005.01.12 4298
573 슬라이딩 배너 만들기 [23] file 여어자 2005.01.12 20490
572 직물느낌의 텍스쳐 만들기. [2] file 정형준 2005.01.12 11668
571 많이 사용되는 메뉴에요. [9] file 여어자 2005.01.13 23541
570 많이 사용되는 메뉴 이용하여, 서브메뉴 만들기 [3] file 여어자 2005.01.14 18697
569 스크롤 이미지 [7] file 여어자 2005.01.15 16756
568 스크롤 이미지 이용한 예제 file 여어자 2005.01.16 13367
567 네코네 포토샵팁~!! 레이어 너를 파해쳐주마 첫번째장 [6] file 인디네코 2005.01.16 12041
566 조금 부족한 신발그리기 [2] file 검은호수 2005.01.18 18915
565 Random Flowers [4] file SeasonSonata 2005.01.19 9807
564 초콜렛 그리기 ! [5] file 검은호수 2005.01.20 15048
563 멋진 포즈의(?) 남자아바타 그리기 [10] file sook2 2005.01.21 11868
562 아래..도트강의 뽀너스!!!라고 해야하나...?(주름표현) [3] file sook2 2005.01.22 9635
561 일러스트 인물따기..<이론버젼> [7] file i3in_˝ 2005.01.26 13258
560 일러스트 인물따기..<눈> [4] file i3in_˝ 2005.01.27 14896
559 일러스트 인물따기..<입> [4] file i3in_˝ 2005.01.27 8724
558 일러스트 인물따기..<얼굴> [5] file i3in_˝ 2005.01.28 13011
557 일러스트 인물따기..<코> [3] file i3in_˝ 2005.01.29 12960
556 CG 채색 과정 [4] file [수아]작은아씨 2005.01.31 9775