메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

start_smg.jpg

오늘은 Smudge툴 강좌입니다.

블러(Blur)와 모션블러(Filter>Blur>Motion Blur)에 밀려, 있는둥 마는둥한 Smudge툴을 위해 이 강좌를 바칩니다. ^^

예전에도 Smudge툴을 이용한 문자디자인강좌를 했었네요... ^^
http://www.nzeo.com/bbs/zboard.php?id=p_design&page=1&page_num=20&select_arrange=headnum&desc=&sn=off&ss=on&sc=off&keyword=&no=2880&category=1

Smudge툴은 툴박스에서 Blur와 Sharpen툴과 같이 자리잡고 있습니다.

손가락 모양으로 생겼구요. Blur나 Sharpen으로 되어 있다면, 꾹 누르고 계시면 나올껍니다.




결과물부터 보여드리겠습니다. 제 홈페이지용 결과물 인데요.


smg01.jpg


저 모션블러인듯 보이는 저 효과는 어떻게 하는것일까요?

텍스트에 모션블러를 주고, Distort(Edit>Transform>Distort)로 조절하고...

물론 가능합니다. 이쯤에서 Motion Blur와 Smudge의 차이를 살펴볼 필요가 있겠네요.

1.Motion Blur는 필터이고, Smudge는 툴(Tool)입니다.
2.따라서 Motion Blur는 레이어 전체에 효과가 적용되고,
  Smudge는 브러쉬 크기에 따라 원하는 곳에 효과를 줄 수 있죠.
  (물론 선택영역을 이용하면 Motion Blur도 특정부분에 효과적용가능)

3.무엇보다 중요한! Smudge는 자유로운 연출이 가능합니다. Tool이기때문이죠. 브러쉬의 종류에 따라 Smudge의 연출은 더욱 다양해 집니다.

4.또 Smudge는 모션블러에 비해 부드러운 효과를 연출할수 있습니다.

모션블러는 좀 날카롭다고 할까요? 물론 Blur를 이용해서 좀 보완 할 수 있겠지만요..




위의 이미지를 만드는 법을 알아보겠습니다.

smg02.jpg


-그냥 이렇게 하면 끝입니다. ^^ 물론 '혼자서는...' 이 텍스트는 Rasterize되어 일반 레이어인 상태구요. Rasterize는 레이어에서 오른쪽 버튼 누르면 나오는거 아시죠? ^^

-브러쉬는 Hardness가 0%인 브러쉬, 즉 주변으로 퍼지는(?)브러쉬를 사용해 주시면 좋습니다.

-Smudge툴고 그어주시다가 선택영역밖으로 나가게 되면, 그 부분이 딱 잘린것 같아 어색해 지는데 그럴땐 Blur로 살짝 손봐주시면 되구요.

-한번에 끝까지 안 그어 주셔도 됩니다. 다시 번진 부분 끝부터 그어주면 되니까요. 이것도 Smudge툴의 좋은 점이죠. ^^

-꼭 그어주지 않으셔도 Shift키를 누르신채로 시작부분과 끝 부분을 '톡톡' 클릭해주시면 그 두 부분의 직선거리로 smudge툴이 적용됩니다.






smg03.jpg

이건 윗 그림의 배경 사진을 Smudge툴만 이용해서 만들어준 이미지입니다.  smudge툴로 둥글게 둥글게 그어주었죠.

배경으로 쓰고 싶은 사진을 만드시는데도 Smudge툴은 자신만의 배경이미지를 만들어 줄껍니다..ㅋ(광고멘트?^^;)

별로 멋 없죠? ㅠㅠ





다음으로 넘어가겠습니다. ^^;

smg04.jpg

요 제법 무시무시한 텍스트는 영화 '포가튼'의 포스터의 영어 텍스트 부분입니다.

스릴러 영화 포스터에서는 모션블러나 Smudge가 많이 사용되죠. 텍스트 뿐만이 아니라 인물에도 사용되구요. 매트릭스에도 쓰이고..;;(오래전 강좌!-_-;;)

모션블러 같긴 하지만 모션블러로는 흉내낼수 없는 부분이 참 많다는걸 아실 수 있으실 껍니다.

위에 것들을 보셨다면 간단히 만드실수 있겠죠?

글씨가 떨어져 나간듯한 효과는 내지 못해도 퍼지는 효과는 어렵지 않겠네요.




smg05.jpg

일단 초기 기본 텍스트. 윤디자인구름체를 사용하였습니다. 제가 가진것중 가장 비슷하더군요. 블러도 주고 해서 저렇게 만들어 졌습니다.




smg06.jpg

smudge툴만을 이용해서 만든 결과입니다.

※여기서 중요한 TIP!!!!
smudge툴에도 Shift키가 적용된다는 사실 아시나요? 위에서 말한 '톡톡'말구요.
smudge툴로 원하는 곳을 클릭하신뒤, shift키를 누르고 원하는곳으로 드래그 하면, 마우스의 움직임과 관계없이 가로세로 직선형태로 smudge툴이 적용됩니다. (브러쉬도 마찬가지입니다.^^)
이 '포가튼'텍스트 처럼 smudge툴이 가로세로 방향으로만 적용된 그림에서는 아주 유용하겠죠? ^^

아참! 그리고 여기서는 사각형 모양의 브러쉬를 이용하여  smudge툴을 작업했습니다.




smg07.jpg

역시 smudge툴만으로는 부족해서 좀더 수정해보았습니다.
흐리게 하기위해 지우기보단 새 레이어를 만들어 준뒤 흰색브러쉬를 사용했습니다.
지우면 나중에 복구할수 없지만, 새 레이어에 배경색과 같은 브러쉬로 그려주면 나중에 복구하기 쉽겠죠? ^^


기타 터치로 마무리...

더 하고 싶었는데 TV좀 보다가 다시 하려니 귀찮아져버렸어요.ㅠㅠ





지금까지 smudge툴에 대해서 알아보았습니다.
별 내용없어서 강좌가 너무 짧아질까 걱정했는데 제법되는군요..;ㅋ

오래전부터 말씀드리는것이지만, Blending Option과 Filter에만 의존하지 마세요~ 툴박스에 있는 친구들도 상당히 유용하답니다. ^^

이상 스마일루 였습니다~ ^^
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48035
1815 기본 벽체 세우기 연습 file rene 2004.12.28 5357
1814 둥근 모서리 기초도형 그리기 file rene 2004.12.28 5087
1813 애플모션 강좌 13강 칼레이도스코프 덴디 2004.12.27 5453
1812 Flash->Motion Design용 Loop Source 만들기 2 덴디 2004.12.26 6064
1811 Flash->Motion Design용 Loop Source 만들기 덴디 2004.12.25 3612
1810 Motiondive Tokyo 동영상 강좌 오버뷰 [1] 덴디 2004.12.24 2990
1809 플래시 MX 2005 임박.... 그리고.. [8] Fc 2004.12.23 8639
1808 "빛" 이 스쳐지나가는 배너만들기(지존 노가다;;) [17] 우연 2004.12.19 23308
1807 [레이아웃] 레이아웃의 수정법과 문서수정 [11] 구루미 2004.12.10 7877
1806 컬러 와/배색/보색/대비색 등의 웹에필요한색채조율 [23] piasol 2004.12.10 14002
1805 와인잔만들기 [7] file zizibecap 2004.12.08 17299
1804 크리스마스..루돌프 그리기 [4] file zizibecap 2004.12.07 10795
1803 방울 토마토 그리기.. [3] file zizibecap 2004.12.07 11132
» Smudge툴의 응용..;;; [8] file Smileru 2004.11.26 11628
1801 ★。레이어 스타일을 이용해서 이미지닉을 만들어보자! [1] file メカダッ 2004.11.20 9650
1800 이미지 닉 간단하게 만들어보자!!! [14] file 태민닷컴 2004.11.10 17596
1799 애플 모션 허접강의 [1] 덴디 2004.11.08 4685
1798 [초보대상]과일(레몬)그리기-일단 찍어보자~~ [7] file 이경숙 2004.10.27 10269
1797 쉽게 쉽게 가자구... 자주 사용하는 포토샾 단축키 [8] 꿈꾸는 붕어빵 2004.10.20 9508
1796 평범한 하늘을 번개치는 하늘로~~ [19] 이모씨 2004.10.18 12478