메뉴 건너뛰기

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 모자이크 응용한 글씨 꾸미기 [3] file 사라 2003.05.05 9900
1034 초간단 허덥 작품 #1 [8] file 나보기여 2003.12.21 9906
1033 눈물 만들기 [4] file anacne 2005.07.20 9907
1032 10 이미지 트리밍(원하는 사이즈로 사진 오려내기) [2] file 박진 2004.07.21 9913
1031 [동영상]확대해서 보자!! [2] 이희덕 2002.09.24 9928
1030 [키르] 오래된 필름효과 +ㅁ+ 멋져요 ㆀ [14] 키르(SP) 2002.08.16 9938
1029 [기초꽁수] 말풍선만들기 힐링포션 2002.02.22 9948
1028 [웹사이트만들기]화면설계와 구성요소 上(스터디에 사용한 폰트 설정법 추가) [5] file HomeBox™ 2004.05.05 9956
1027 색색 모자이크 배경 만들기 [7] irene 2003.01.24 9957
1026 움직이는 아바타만들기 [3] file 임자영 2007.04.04 9958
1025 _lockroot 에 대해서 [3] 박병욱 2004.03.30 9961
1024 [플래시 MX 동영상 강좌] 22. 드림위버를 이용한 홈페이지 제작 [16] 서기 2005.06.11 9966
1023 매탈 느낌의 연습장 껍데기(?)만들기 [18] file Budge,V. 2004.01.29 9979
1022 [요청]비를 내려봐요 [7] file 어지니 2005.02.27 9986
1021 [쓰레기 강좌] Daum 로고 만들기 -_-;;; [7] file azurespace 2002.10.28 9998
1020 귀여운 여자 아이 도트찍기(중급) [10] 이소정 2003.03.10 10002
1019 플래시 이퀄라이저만들기에 이용하는 swiftmp3프로그램 이용법-_-; [4] file 세나^.^ 2003.03.28 10010
1018 초승달 그리기 [16] 체리향기∮ 2003.10.12 10014
1017 [초급] 글자 휘게(?) 하기 [12] file 금고리 2002.12.23 10018
1016 [케이] Spike (까시-.-) 를 만들어봅시다; [19] Kei 2003.10.20 10022