메뉴 건너뛰기

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
388 그런지한 테두리 만들기 [8] file hozz호찌 2004.04.18 27254
387 모자이크효과로 이미지 꾸미기 (허접함) [6] file 태풍주의보 2004.04.16 15616
386 [중급?] 눈내리를 효과주기!! [2] file 태풍주의보 2004.04.17 15452
385 독특하고 멋진 테두리를 만들어 보자!! [4] file 태풍주의보 2004.04.18 23633
384 그런지한 테두리 만들기 [8] file hozz호찌 2004.04.18 27638
383 도장만들기 -동그라미- [10] file 김두용 2004.04.24 27073
382 [ Hard ] 유리구체형 버튼만들기 [9] file Nersion 2004.04.25 26060
381 [웹디자인]폰트사용과 적용하기 [12] file 미스디쟌 2004.04.30 18865
380 [웹디자인]확장브러쉬의 적용과 응용 [7] file 미스디쟌 2004.05.06 9269
379 [문자디자인①]Smudge툴을 이용한 그냥.. 문자디자인...;; [9] file Smileru 2004.05.07 14922
378 이미지레디( + 포토샵 연계) 간편작업요령 요약노트 [2] 김병희 2004.05.07 14386
377 테두리가 둥근 아이프레임 홈페이지 만들기(포토샵편) [3] 로베 2004.05.10 24184
376 썩은 잎사귀 만들기 [9] file PlasmaG 2004.05.10 14225
375 마스크를 이용한 일러스트 그리기...;; [13] file misTsion 2004.05.10 17674
374 이미지 채색하기... [11] file misTsion 2004.05.10 16197
373 [문자디자인②]Distort를 이용한 서 있는 글씨 만들기... [15] file Smileru 2004.05.14 23327
372 엠보스 텍스트 만들기 [20] file 오아요군 2004.05.15 18304
371 [문자디자인③]Created Work Path를 이용한 문자디자인 [15] file Smileru 2004.06.08 18035
370 패턴을 넣은 이미지 [15] file 이지원 2004.06.15 16820
369 프리젠테이션 참고 이미지 [4] 이지원 2004.06.15 11716