메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

어떨결에 만들게 됐습니다-_;;;;

압박 조심하세요-_;;;;;;;;;;;;;;;;;;;;;;;;

과정이 70여개 됩니다.

차근차근 따라하세요;


[PSD 파일 다운 받기]


1.jpg
1. <u>F</u>ile -><u>N</u>ew 로 새창을 만듭니다.


2.jpg
2. 저는 가로 600px * 300px 에 해상도 72로 맞췄습니다^^;


3.jpg
3. 자... 새로운 창이 하나 생겼죠?


4.jpg
4. 일단 새로운 레이어를 만들기 위해 눈을 레이어 창 쪽으로 돌립니다-_;;


5.jpg
5. 새로운 레이어를 만들었습니다;;


6.jpg
6. 새로운 레이어 Layer 1이 선택되어 있는 상태에서 Fil<u>t</u>er -> Render -> Clouds 에 들어갑니다.


7.jpg
7. 색은 흑, 백으로 되어있어야 합니다^^;


8.jpg
8. 그러면 어두운 구름형상이 생겼죠?


9.jpg
9. 역시 Layer 1이 선택되어 있는 상태에서 Fil<u>t</u>er -> Distort -> Twirl... 에 들어갑니다.


10.jpg
10. 기본으로 설정되어 있는 수치로 OK를 누릅니다.


1.jpg
11. 그러면 구름의 가운데 부분이 살짝 돌아갑니다;


2.jpg
12. Ctrl + F 키를 계속 눌러 같은 필터를 몇 번 적용을 시켜 원하는 형상이 나오게 합니다.


3.jpg
13. 역시 Layer 1이 선택되어 있는 상태에서 <u>I</u>mage -><u>A</u>djustments -><u>H</u>ue/Saturation... 에 들어갑니다.


4.jpg
14. 그럼 창이 하나 뜹니다^^;


5.jpg
15. 우측 하단부에 있는 C<u>o</u>lorize 를 선택합니다


6.jpg
16. 적당한 수치를 먹여(;;)줍니다;
저는 <u>H</u>ue = 0, S<u>a</u>turation = 79, L<u>i</u>ghtness = -20 으로 정해줬습니다;


7.jpg
17. 그러면 색상이 확 바뀝니다ㅇㅅㅇ!!


8.jpg
18. 저기서 새로운 레이어를 하나 만듭니다.


9.jpg
19. 만약 툴바에 페인트 툴로 되어 있다면 그라데이션 툴로 바꿔줍니다.


20.jpg
20. 자;; 바꿨습니다;; (Shift + G)


1.jpg
21. 흑, 백의 순서를...


2.jpg
22. 백, 흑의 순서로 바꿔줍니다;;;


3.jpg
23. 그라데이션 툴이 선택된 상태에서 화면 상단을 보시면 저렇게 되어 있습니다;


4.jpg
24. 그라데이션 모양 중에서 2번째를 고릅니다. (갈수록 투명해짐)


5.jpg
25. 자... 2번째를 선택했습니다^^;


6.jpg
26. 이번에는 그라데이션 퍼지는 모양을 골라줍니다; (맨 마지막꺼)


7.jpg
27. 그리고 Layer 2를 선택하신 상태에서 레드홀(;;) 가운데 쯤에 그라데이션 효과를 줍니다;


8.jpg
28. 겹쳐서 한 번 더 해줍니다;


9.jpg
29. 레드홀(;)의 전체적 색을 어둡게 해주기 위해 Layer 1을 선택하시고
<u>I</u>mage -><u>A</u>djustments -><u>L</u>evel... 에 들어갑니다.


30.jpg
30. 그러면 창이 하나 뜹니다;;


1.jpg
31. 저는 저렇게 수치를 정해줬습니다;


2.jpg
32. 자아...+_+ 좀 어두워 졌습니다+_+


3.jpg
33. 좀 더 효과를 주기위해 새로운 레이어를 하나 만듭니다. (Layer 3)


4.jpg
34. Layer 3 를 선택하신 상태에서 Fil<u>t</u>er -> Render -> Clouds 에 들어갑니다.


5.jpg
35. 그러면 Layer 3 에 구름 효과가 납니다.


6.jpg
36. 역시 Layer 3 이 선택된 상태에서 Fil<u>t</u>er -> Render -> Difference Clouds 에 들어갑니다.


7.jpg
37. 그러면 구름 효과가 조금 진해집니다.


8.jpg
38. <u>I</u>mage -><u>A</u>djustments -><u>I</u>nvert 에 들어갑니다.


9.jpg
39. 그러면 색상 반전이 됩니다. (단축키 : Ctrl + I)


40.jpg
40. 아까 들어갔었던 레벨(단축키 : Ctrl + L)에 들어갑니다.
그리고 적정한 수치를 정해줍니다.


1.jpg
41. 그러면 꼭 번개 같은 효과가 납니다;


2.jpg
42. 휴(단축키 : Ctrl + U)에 들어가서 Colorize 를 선택하신 후
레드홀의 분위기에 맞도록 색상을 정해줍니다.


3.jpg
43. 적색이 도는 번개가 됐습니다+_+;;


4.jpg
44. 레이어 창에서 Layer 3 의 속성이 지금 Normal 로 되어있죠?


5.jpg
45. 그것을 Screen 으로 바꿔줍니다.


6.jpg
46. 그러면 레드홀과 겹쳐집니다;
근데 번개가 너무 진하죠?


7.jpg
47. 레이어 창에서 Layer 3 의 불투명도(Opacity) 값을 100%에서...


8.jpg
48. 30%로 낮춰줍니다.


9.jpg
49. 그러면 번개의 효과가 조금 약해집니다.


50.jpg
50. Layer 3 를 복사합니다;;


1.jpg
51. 원하는 만큼 계속 복사합니다-_-;; (너무 많으면 용량 늘어납니다;;;)


2.jpg
52. Layer 3 를 선택하시고...


3.jpg
53. Fil<u>t</u>er -> Distort -> Twirl... 에 들어갑니다.


4.jpg
54. 역시 기본 수치로 OK 해줍니다.


5.jpg
55. 그러면 번개 중에서 살짝 뒤틀려진 번개가 있습니다;; 그게 바로 Layer 3 입니다;


6.jpg
56. 처음으로 Layer 3를 복사한 레이어들에게 Ctrl + F 를 눌러 계단적으로 적용해 줍니다;
아;;; 그리고 불투명도 30%도 너무 셉니다;;;
번개 레이어들은 모두 불투명도를 10%로 낮춰줬습니다-_-;;;;;;


7.jpg
57. 그러면 효과가 좀 나옵니다+_+


8.jpg
58. Layer 3 를 선택하셔서...


9.jpg
59. Fil<u>t</u>er -> Distort -> Pinch... 에 들어갑니다.


60.jpg
60. 수치를 100%로 올려줍니다;
(나머지 번개 효과 레이어들도 필터 적용해 줍니다;)


1.jpg
61. 외각에 있는 자질구레한(;) 번개들을 없애주기 위해 새로운 레이어를 하나 만듭니다.


2.jpg
62. 레이어 속성은 Multiply 로 줍니다;


3.jpg
63. 색상은 흑, 백의 순서로 바꿔줍니다.


4.jpg
64. 그라데이션 툴을 선택합니다.


5.jpg
65. 화면 상단의 그라데이션 속성들 쪽으로 눈을 돌립니다;; 쿨럭;


6.jpg
66. 그라데이션 퍼지는 모양은 2번째로 선택해 줍니다;


7.jpg
67. Mode 는 Multiply 로 해줍니다.


8.jpg
68. 불투명도(Opacity) 값은 70%로 정해줍니다.


9.jpg
69. 바로 오른쪽에 있는 Reverse 를 선택해 줍니다.


70.jpg
70. 그러면 저렇게 바뀝니다;;;


1.jpg
71. 가운데 에서 외곽쪽으로 적당히 끌어줍니다.


2.jpg
72. 그러면 외곽은 싸악~ 부드럽게 사라집니다;;; 쿨럭;;;



redhole.jpg완성된 모습입니다;;;;;



logo.jpg
이건 응용한 모습입니다;;;;;



강좌 쓰기 엄청 힘드네요-_-;;;;

쿨럭;;;

태클 환영입니다;;;
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
935 이상한 연기 만들기 [4] file Mr.Rays 2005.02.09 10635
934 ★유리위를 떼구루루루... 이뿐 구슬만들기 !!★ [12] file 스니커즈 2003.03.22 10638
933 옆으로 책장 넘기기-1편 [2] file 어지니 2005.03.06 10641
932 너무쉽지만 이쁜:) 가우시안 보정;ㅁ; <- 너무 쉬우니 무효! [27] file 케냐씨 2003.08.16 10645
931 [포토샵웍스 강좌시리즈] 물방울 이미지만들기 [1] file java 2006.04.25 10655
930 포샵/나모로 홈피 만들기 제 3장 [4] file 태민닷컴 2005.05.02 10665
929 아쿠아버튼 만들기 file webajama 2007.04.04 10674
928 포토샵이라고 메트릭스 코드 못따라하냐? 쉽게 따라하자! [18] file 9000㎒ 2003.08.01 10692
927 얼렁뚱땅 돌멩이 프레임 만들기 [11] file hoosh 2003.08.14 10708
926 패턴을 이용해서 이미지에 타일효과주기. [12] file rombardi 2003.04.24 10730
925 [도트]섹쉬한 이뿌니 버젼입니다 ^^;(18금) [22] 미스디쟌 2003.01.20 10734
924 홈페이지에 필요한 메뉴바,상단그림,배너를 퍼가세요. file 이나래 2006.03.10 10736
923 이미지를 찢어보고, 테이프 붙이기 [6] file 어지니 2005.02.27 10741
922 금속느낌의 메뉴버튼 만들기(www.dsme.co.kr 상단좌측메뉴) [9] file 정명주 2002.07.26 10748
921 초보분들을 위한 문자열 그런지스타일로 만들기. [7] file hozz호찌 2003.04.14 10749
920 이상하고 이상한.. 배경만들기... [10] 재로 2003.02.19 10760
919 플래쉬 버튼오류 바로 잡기[마우스아이콘 고정] [8] file 프리서버 2004.03.11 10761
918 밤하늘에 작은달과 구름~ [9] file PlasmaG 2004.02.04 10768
917 두가지 색상의 사진, 색상만 합성하기, [13] file 사라 2003.02.01 10783
916 크리스마스..루돌프 그리기 [4] file zizibecap 2004.12.07 10795