메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

stand00.jpg

이번강좌는 위에서 말씀드린것 처럼 요청강좌로 제가 6개월전(그것밖에..?!-_-;) 수능볼때 만들었던 홈페이지 메인용으로 만들었던 이미지 랍니다.

좀 복잡하고 어려운부분이 있을수 있으니 차근차근 읽으시며 따라오시기 바랍니다. ^^

그럼 강좌 시작...



①배경이미지입니다. 회색이미지가 제가 디카로 외국어시험지를 찍은건데요... 원본은 제 홈페이지에 있답니다. ^^;;;
적당히 수정하여 블루톤의 이미지를 만들었습니다.

※수정방법은 Image > Adjustment > Level과 Image > Adjustment > Hue/Saturation을 이용하였습니다.
이 두가지는 이미지 수정의 기본인거 아시죠? Level은 어두운색은 더 어둡게, 밝은색은 더 밝게해주어
이미지를 극단적으로 보이게 하고, Hue/Saturation은 이미지의 채도,명도등을 바꿀수 있게 해주죠~^^

stand01_1.jpg

stand01_2.jpg



②1.그리고 원하는 글씨를 쓰신뒤, Rasterize Layer를 이용, 텍스트 레이어를 일반 그림레이어로 만들어줍니다.
(제 강좌에는 Rasterize Layer가 참 많이 나오는것 같은데요. 이유는 텍스트레이어를 자유롭게 수정할수 있기때문이랍니다. ^^)

2.이제 일반레이어로 만들어 졌기때문에 Edit > Transform > Distort를 사용할수 있습니다. 이걸 이용하셔서 이미지를 빛의 각도나, 이미지의 구도에 맞게 수정해보세요~

stand02_1.jpg

stand02_2.jpg



③1.이제 그림자 만들기에 들어갈껀데요... 그림자를 만들어야 하니 Edit > Transform > Filp Vertical을 선택해주세요. 새로운레이어가 생기면서 상하가 뒤바뀐 이미지가 생길껍니다.

2.다음 아까도 사용했던 Distort를 이용하여 역시 빛의 각도나 이미지의 구도에 맞게, 그림자의 위치를 잘 설정해줍니다.

3.그리고 그림자이니 역시 위에서 언급했던 Hue/Saturation을 이용하여 회색으로 만들어줍니다. 방법은 Saturation을 0으로 해주시면됩니다. 아참! 그림자라 바닥이 살짝 비쳐보여야하니 Opacity(불투명도)를 적당히 낮추는것도 잊지 마시구요!

stand03_1.jpg

stand03_2.jpg

stand03_3.jpg
여기까지 되었군요!



④사실 여기서 끝내도 무관합니다만... 글씨의 약간의 두께를 주도록 하겠습니다. 어떻게 하냐구요? 정말정말 간단합니다.

1.지금 서 있는 글씨레이어를 하나 복사하신다음, 기존 글씨 아래로 위치시킵니다.
(물론 원본 레이어를 사용하셔도 되구요.)

2.그리고 Opacity를 살짝 낮춰주신후,

3.기존레이어와 다르게 살짝 움직여(Move시켜)줍니다. 키보드를 이용하셔도 되구요...

어려운가요? ^^;;;;

stand04.jpg



⑤이제 끝이구요... 아래는 홈페이지용 최종 완성작입니다.

stand05.jpg
http://smileru.nasky.net/zboard/zboard.php?id=smileru_talk&page=2&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=27




이번강좌에서는 Distort의 사용이 많았던 강좌인것 같네요. Distort는 이미지를 정말 자유롭게 변경할수 있습니다. 특히 3차원적인 변형(물론 2차원이지만, 눈으로 보기에)을 할수 있기때문에 원래 모니터와 평면상에 있던 글자가 비스듬하게 보일수 있었죠~! ^^

아 그리고 수능... 이제 200일도 안남았나요? 저 이미지도 수능보기 얼마전에 만들었던것 같은데...-_-;;;
그래도 어떻게 대학교에 가서 그럭저럭 잘 살고 있네요. 하고싶었던 밴드활동도 하고... ^^

아참...이야기의 요지는..-_-
컴퓨터해도 대학갈수 있다는겁니다.. -______-;;; 물론 공부는 열심히 하셔야 겠죠~~!! ^^

고3여러분공부열심히 하시고 화이팅입니다~~! ^^;;




번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
115 플래시 고수님 질문및 도움좀 부탁드립니다(웹에서 플래시가 안나타납니당) [4] 아진 2006.03.24 3172
114 뷰렛빌더4강-[컴퓨터강의제작방법] 에듀멘 2006.04.14 3167
113 많은 레이어에서 원하는 거 쉽게 선택하기 [5] file Jacylee 2002.08.10 3166
112 [동영상] 제3강 재질편집기사용방법 인테리어뱅크 2006.04.11 3165
111 [질문] 포토샵 그리드 관련... [6] THANK SO 2002.08.04 3159
110 그래픽 파일 포맷에 대하여 [5] ZipShin 2002.12.06 3155
109 레이어이름없을때 찾는..팁.. [3] 최은경 2002.09.19 3154
108 마법같은 효과내기 file wwolf 2008.09.21 3145
107 [퍼니페인트공지]제 계정에 문제가 있어 그림이 뜨지 않습니다 죄송 [9] funnyPSP 2002.06.08 3137
106 [포토샵 초보자] 포토샵7 설치하기(수정) [10] ZipShin 2003.01.08 3135
105 [psp6]네온 사인~ [1] file 국왕-_-)/ 2002.02.23 3133
104 [동영상강좌] 제3회차 - 공개 블러쉬소스 다운받아 멋진 이미지 [2] 아이티스터디 2006.02.02 3112
103 중심을 맞추셔야죠... [6] file :)제원 2002.05.03 3108
102 [허접팁]포토샵에서 간단하게 파일열기. [15] 두기두바 2002.09.18 3093
101 [퍼니페인트]페인트샵 풀무원..;; [7] funnyPSP 2002.03.01 3092
100 [팁]칼라팁 그두번째 이야기입니다 [6] ECKS 2003.02.07 3086
99 간단팁~!! 브러시 크기 단축키 [8] 아이의별 2003.01.22 3079
98 [나모웹 초보자] 스크립트 마법사③ file 나만의길 2004.07.18 3074
97 [프로모션]애니메이터의작업처럼 라이트박스기능활용 [3] 정현석 2002.08.27 3070
96 [힐링포션의 그림판강의] 그림판의 실행, 브러시 크기조절, 색편집 [5] 힐링포션 2002.05.02 3043