메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

scat00.jpg

별거 아닙니다.^^

사실 영화 '야수와 미녀'의 포스터를 하려고 하다가 생각보다 멋지게 안나오길래 그냥 변형시킨 이 강좌를 들고 나왔습니다.

결과물을 예상할수없는 대책없는 제목인지라 결과물을 먼저 보여드릴께요. ^^



scat01.jpg


놀랍지는 않지만 써먹을만 한것 같으시죠?... 아니시라면...ㅠㅠ

아무튼 방법을 알려드릴께요..^^





①우선 새 캔버스를 만들어 주시구요, 텍스트를 써줍니다.

scat02.jpg





②이제 예전부터 좋아했어야 했고 앞으로도 좋아해야할 우리의 무기인 브러쉬를 설정해봅시다. 설정값은 아래와 같습니다.^^ 예전 다른강좌와 비슷해요~

scat03.jpg

예전 강좌에서는 주로 둥근 브러쉬를 사용해서 Angle Jitter가 필요없었는데요. 이번엔 사각브러쉬라 필요하게 되었네요.





③1.이제 아까 쓴 텍스트레이어를 꺼주시구요.(필요가없어서..지우진마세요!)
2.브러쉬를 사용할 새 레이어를 만들어 주신다음,
3.Ctrl키를 눌러 아까 꺼놓은 레이어를 클릭하시고,(그럼 선택영역이 생기겠죠?)
4.이제 브러쉬를 쓱쓱 그어주세요.

scat04.jpg





④자 그럼 어떻게 되었나요! 이런식으로 되셨나요?

scat05.jpg

※이렇게 안될수도 있습니다. ^^ 선택영역을 유심히 보시면서 너무 빈곳은 적당히 채워주시면서 하세요.
그렇다고 너무 채워버리면 이 효과를 쓰는 의미가 없어지죠.^^





⑤요 자체만으로도 제법 쓸만하지만 조금더 꾸며볼께요.
1.뒤에 이미지를 넣어주고,
2.이미지와 겹치길래 글씨의 일부를 흰색으로 바꾸어주었습니다.
  (대강 선택한뒤 Image> Adjustments >Hue/Saturation에서 Lightness를 팍! 올려주시면 됩니다.)
3.또 그림자를 살짝 넣어주고요,(distance=1, size=1, opacity=30%)
4.브러쉬 안찍힌 부분을 살짝 살리고자 기존의 텍스트 레이어를 다시 켜준뒤 Opacity를 10%로 해주었습니다. 흰색으로 색 바꾼 부분도 흰색으로 해주었구요.

scat06.jpg





⑥이렇게 해서 만든 홈페이지용 최종완성본입니다.

6mface146.jpg

괜찮은가요?;;;





이것으로 강좌를 마치겠습니다..^^

뭐 정리하자면....

1.텍스트의 선택영역 따기
2.브러쉬 설정후 그어주기..

이정도뿐이군요.^^; 사실 고급기술은 아니었습니다. 다만 놓치기 쉽다고나 할까요?
브러쉬 만으로도 멋지게 만들수 있는데 말이죠.

강좌에서는 좀 날카로운 느김을 주기위해 사각형 브러쉬를 사용하였구요.
원형브러쉬나 다른 특별한 모양의 브러쉬도 충분히 멋지니 한번 사용해보세요.^^

또 브러쉬의 scatter와 기타 여러 속성을 이용한 효과는 제 홈페이지에서나.. 아래 서명에서도 그렇지만 배경에도 쓰일수 있습니다.
강좌에서는 단지 선택영역안에 배경이 들어간것이라고 할수 있구요.


추가적인 응용은 여러분의 상상력에 맡기도록 하겠습니다...^^

그럼 수고하시구요~ 엔지오 리뉴얼도 기대하겠습니다.^^

이상 스마일루였습니다~^___^


>>>>>스마일루의 다른강좌 보기~^^
http://www.nzeo.com/bbs/zboard.php?id=p_design&select_arrange=headnum&desc=asc&page_num=20&selected=&exec=&sn=on&ss=on&sc=off&category=&keyword=smileru


번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48027
1228 Zboard_Pain#1. 첫강좌 - 간단하게 심플한 버튼 만들기 [3] file Zboard_Pain 2006.01.12 9196
1227 자막처럼 흐르는 배너만들기; [4] file 혀니ⓥ 2005.12.28 17315
1226 필름과 같은 효과만들기; file 혀니ⓥ 2005.12.27 17556
1225 연필로 그린듯한 효과 [5] file 야호 2005.12.25 13570
1224 *포토샵으로 간단한 글씨효과 나타내기 [펌] [2] 민개 2005.12.11 11266
1223 이미지혹은 글자에 그림자 넣어주기 [9] KantRa 2005.11.18 9770
1222 배경을 깨끗 하게 자르는 또다른 방법~! [16] KantRa 2005.11.18 12737
1221 포토샵 7.0 - 25. 포토샵+드림위버+제로보드의 연동 [14] 서기 2005.11.11 15985
1220 포토샵 7.0 - 24. 싱싱해 홈페이지 제작하기 [18] 서기 2005.11.11 20973
1219 포토샵 7.0 - 23. 하프톤필터, 원형필터 [1] 서기 2005.11.11 4545
1218 포토샵 7.0 - 21. 에니메이션 GIF 파일제작 [1] 서기 2005.11.11 5422
1217 포토샵 7.0 - 20. 채널과 라이팅 이팩트 필터 [3] 서기 2005.11.11 3343
1216 포토샵 7.0 - 19. 채널과 블러필터 [1] 서기 2005.11.11 2664
1215 포토샵 7.0 - 18. 채널과 엠보스필터 서기 2005.11.11 2850
1214 포토샵 7.0 - 17. 채널이란 [1] 서기 2005.11.11 3266
1213 포토샵 7.0 - 16. 프레임제작과 웹에 링크하기 [2] 서기 2005.11.11 4250
1212 포토샵 7.0 - 15. 액션과 레이어 Fill의 사용방법 서기 2005.11.11 5037
1211 포토샵 7.0 - 14. 패턴의 사용방법 서기 2005.11.11 3896
1210 포토샵 7.0 - 13. 간단한 압축앨범 제작하기 [3] 서기 2005.11.11 4419
» [문자디자인④]브러쉬를 이용한 문자디자인~! ^-^ [14] file Smileru 2005.11.04 9500