메뉴 건너뛰기

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
1035 [홈 레이아웃] 큰이미지를 통채로 사용한 메인화면 [8] file 여어자 2003.10.02 12424
1034 Border 만들기 - 보통 홈피 오른쪽에 산입하는경우가 많군요 [25] Kei 2003.10.02 16399
1033 MP3리모컨 버튼만들기... [18] file (-_ㅡ*) 2003.10.03 19993
1032 [케이] 링만들기 - 중복찾기 해봤으나 없었음; [16] Kei 2003.10.04 9571
» 흔들리는 네온사인 만들기 (보통 네온사인과 다른기법) [11] file 이오르 2003.10.06 13361
1030 사진의 윤곽만 사용하기 [6] file 여어자 2003.10.06 18555
1029 탄성을 가진 투명 물방울 메뉴 [34] file 여어자 2003.10.07 35862
1028 글자색과 바탕색 축출하기 [11] file 박보람 2003.10.07 3809
1027 펜툴로 TV그리기입니다.^^ [14] file 정원。。 2003.10.07 14890
1026 필터를 사용하여 간단하게 추상화를 그려봅시다 [7] file 버찌소년 2003.10.08 8878
1025 [케이]LCD 인터페이스? [36] Kei 2003.10.08 13477
1024 네모난 사진 동그랗게 만들기 강의입니다. [6] file 이형진 2003.10.09 987
1023 [케이] 제목은 심플하게 Feather effects [37] Kei 2003.10.09 15627
1022 물방울 무비 시리즈(1) [15] file 여어자 2003.10.09 18346
1021 물방울 무비 시리즈(2) [1] 여어자 2003.10.10 10953
1020 귀여운 아쿠아 버튼 만들기 (새로운 버젼) [39] file 이오르 2003.10.10 46699
1019 물방울 무비 시리즈(3) [5] file 여어자 2003.10.10 12102
1018 물방울 무비 시리즈(4) [13] file 여어자 2003.10.11 17662
1017 [케이]Dark Layer [호일도됨-.-] [31] Kei 2003.10.11 13037
1016 초승달 그리기 [16] 체리향기∮ 2003.10.12 10014