메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

※아, 이런말 안쓰려고 했는데 쓰게되는군요. 큰일은 아니지만 좀 안좋은 일이 있었거든요...
제 강좌, NZEO와 제 홈페이지에서만 보실수 있습니다. 강좌퍼가실분은 홈페이지에 글남겨주시면 허락해 드리겠습니다.
물론 출처는 밝혀주셔야겠죠? ^^



mx01.gif
매트릭스... 어쩌면, 이 매트릭스 효과를 포토샵에서 표현하려면 브러쉬밖에 없다는 생각이 듭니다. 왜 브러쉬냐?
이미 다들 아시겠지만, 브러쉬는 랜덤한 효과를 연출하는데 아주 유용합니다.
또 그것이 제가 브러쉬를 사용하는 이유이구요... (랜덤!)

매트릭스.. 완벽하진 않지만 대략 유사하게 할수있다에 제가 올인하고 강좌시작합니다.
(어디서 그런 자신감이..-_-;)

※1.강좌를 막상 만들고 보니 길어서 간소화 시켰습니다. 간단한 과정들은 슉슉! 하도록 합시다. 그래도 하시는데 어려움은 없을정도로 말표현을 하도록 하겠으니 걱정하진 마세요. ^^ 질문은 언제나 환영...^^

※2.강좌에 이미지가 쓸때없이 큽니다. 보는데 불편하실듯.. 양해해 주세요~~ ^^;



①영화 강좌! '올드보이'+ ' 강좌때 처럼 포스터를 분석합시다.

mxPoster.gif

어지러운 일본어의 배열.. 드문드문 밝은 부분이 있기도 하구요. 모션블러(Motion Blur)의 느낌이 살짝 나기도 합니다. 모션블러후 블러를 주면 비슷할듯한.. 원근감이 상당한것 같네요. 대략 파악했으니 시작.



②1.새 창을 열어(300x500) 배경을 검은색으로 해줍니다.
2.멋진 색(61BD84)을 골라 일본어를 세로로 써줍시다. 비슷하면서 포인트를 다르게 써줍니다.(랜덤!) 윽.. 일본어 폰트가 귀여운것 밖에... ㅠㅠ
3.글자간격도 적당히 조절해주세요. 길이도 서로 다르게... (랜덤!)

mx02.gif



③1.저는 네개의 글자레이어가 있군요. 하나로 합쳐줍니다.
2.그리고 합친레이어를 제외한 모든레이어에 눈을 클릭, 즉 안보이게 하여 합친레이어만 나오게합니다.
3.★그리고! 이 글자를 선택툴로 선택하여 Edit > Define Brush를 이용하여 브러쉬로 저장합니다.

mx03.gif



④1.아까 그 합친레이어는 필요없으니 버리시거나 안보이게 하시구요, 검은배경도 다시 켜줍니다.
2.브러쉬 툴을 선택하여 아까 그 브러쉬를 선택하고, 예전 '눈오는밤' 강좌나 '올드보이'를 할때 처럼 아래와 같이 브러쉬를 설정해줍니다.

mx04.gif



⑤1.자~~ 이제 포스터대로 위쪽에서 찍어봅시다!! Air Brush를 설정하고 하는것도 나름대로 괜찮습니다만.. 너무 꽉차진 않게 합시다~
2.너무 흐릿흐릿하군요. 흰색으로 꽉 채운 레이어를 두개추가하여 Overlay로 블렌딩옵션(Blending Option)을 변경해줍니다. 약간,아니 많이 밝아질껄요? ^^

mx05_1.gifmx05_2.gif



⑥1.지금도 개인적으로는 비슷하다고 생각합니다만.. 아직은 아니죠. '눈오는 밤'강좌 기억하시나요? 브러쉬를 그때처럼, 또는 위쪽 브러쉬 설정에서 브러쉬를 원형브러쉬로, 하시고 아래처럼 해줍니다. (단, Scatter는 500%이상으로 올리시는것이 좋습니다.)
2.그리고 블렌딩 옵션을 Overlay로 해줍니다. 이곳저곳이 밝게! (좀 극단적으로 하고 싶으시면 눈처럼 그려준 그 레이어를 하나더 복사해서 역시 Overlay를 해주시면됩니다. 해보니 복사하는것이 좋군요.)

::::눈오는밤 강좌 링크 : http://www.nzeo.com/bbs/zboard.php?id=p_design&page=1&sn1=&divpage=1&sn=on&ss=on&sc=off&keyword=smileru&select_arrange=headnum&desc=asc&no=2524

mx06_1.gif  mx06_2.gif



⑦숨이차네요.. 글이 너무 많다는..; 쉬어갈겸 간단한걸합시다. 색깔을 비슷하게 하기위해 Hue/Saturation에서 Hue -5 Saturation +20 을 해주었습니다.

mx07_1.gif  mx07_2.gif



⑧역시 간단한거 하나 합시다. 매트릭스코드부분 레이어를 복사한뒤, Filter > Blur > Motion Blur를 선택하여 90도 방향, 크기는 7정도로 한뒤, 투명도를 50%정도로 해주세요.

mx08.gif



⑨마지막입니다. 모든것은 시작이 있는곳에 끝이 있다. 'EVERYTHInG ThAt HAS A BEGINNiNG HAS an END'를 새 레이어를 만들어 적어줍니다.

mx09.gif  mxPoster.gif

이것의 효과는 말로 대신하겠습니다.
글씨색, 모션블러효과를 적당히 사용해서 완성하시구요, 아참! 아래쪽에 '눈'도 더 그려줍니다. ^-^
그리고 그 레이어의 위치는 매트릭스 코드가 있는 레이어 바로 위가 적당합니다.
아래쪽 번쩍!부분은.. 생략... ㅠㅠ



항상 예제가 좀 모자라네요.. 포스터 대로라면 매트릭스코드가 너무 많고.. Everything Th..부분이 너무 밝은것도 흠이군요.
그리고 블러툴을 이용해서 글자를 포스터처럼 흐릿흐릿하게 해줘야지.. 하고 안한것도 아쉽네요..ㅠㅠ;;
예제용으로 말고.. 정말 신중히 만든다면, 나름대로 포스터와 비슷하게 나올것 같기도...;;;;

이번강좌에서 정말 중요한것들을 말씀드리자면...

1.브러쉬에 Scatter,Size Jitter등을 이용한 코드의 랜덤한 표현.
2.블렌딩 옵션의 변경(Overlay)으로 코드의 밝기조절.

이정도 되겠네요.

이번 강좌는 제 브러쉬 강좌의 결정판(?)이라고 할수있을것 같습니다. ^^
사실 매트릭스강좌 전부터 할까.. 하다가 이상하다..또 하신분들도 많고.. 그래서 안하고 있었는데, 아래쪽 매트릭스 강좌에서 BBeak!님이 '많은 분들이 시도하는데 똑같은건 안나오는군요.'라는 말에 '내가 해봐야지!'해서 올리게 되었답니다.^^a BBeak!님. 비슷한가요? ^^;;;

물론 제가 한것이 똑같진 않습니다. 하지만 생각해 보세요. 어짜피 우리가 스크린으로 는건 2D일뿐... 2D의 제왕(?)인 포토샵으로 충분히 표현할수 있습니다. 안되라도 흉내를 낼수있는것이 포토샵이죠. 우리가 몰라서 못하는것이지, 포토샵은 할수있습니다. 해보세요. 매트릭스 코드를 한글자씩 써서라도...;;;ㅋ



으흑... 제가 응용작 추가! 하고 올리자 몇몇 친구들이, '눈아파-_-','응용이냐?' 라는 말을 해서... 대략 변경... ㅠㅠ
지난 응용작...-_-
http://www.nzeo.com/bbs/icon/member_image_box/153794/animx.gif
http://www.nzeo.com/bbs/icon/member_image_box/153794/neo_animx.gif     <-이건 용량큰거.. 850Kb..;;

inmatrix.jpg

제 홈페이지용으로 만들었어요....;;;;


번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
288 소스 보며 포토샵 배우기 #1 [7] file .KLE 2003.01.31 5947
287 [재업] 축전 만들기 [6] file 〃앵이〃 2003.02.23 5947
286 3D도형 만들기 [18] file 다래호군~ 2002.08.22 5943
285 눈 내리는 이미지 만들기 10 [1] 문학의향기 2006.07.28 5941
284 1 워밍업 (포토샵 구하기, 파일열고 저장하기 같은 단순한 것들) file 박진 2004.07.21 5933
283 레고 모양 타일 만들기...-상화의 첫번째 허접강좌 [17] file 상화 2003.01.27 5931
282 [쩌비]그라디언트 툴 활용하기 [7] file 쩌비 2002.10.19 5918
281 [포토샵 7.0 동영상강좌] 12. 블러 필터와 블랜드모드 [1] 서기 2005.10.24 5902
280 [양배추강좌]알파채널를 이용한 어설픈 레온효과 [3] file 양배추™ 2003.12.19 5896
279 뭐라고 해야 하나..-_-; 유성이라고 해야하나.. 그냥 보세요; [17] file 오오가미 2002.12.02 5895
278 필터강좌 - 텍스처 [7] 정현수 2003.04.13 5874
277 [쓰레기 강좌] 그라디언트를 이용한 멋진 문양 만들기. [10] file azurespace 2002.12.27 5867
276 크로마(chrome) 효과 살리기!! [9] file 이동휘 2002.07.16 5860
275 [초급예제] Strained Glass 필터로 자갈박힌 지압발판 만들기 [10] file Heal.P.XER0 2003.12.27 5859
274 [동영상강좌] 제5회차 - 이미지 사이즈를 내 맘대로 수정하기 아이티스터디 2006.02.02 5854
273 얼어붙은 질감 만들기 [14] file 마리아 2003.02.06 5843
272 [웹디황용] 청바지느낌그대로 ~~ 3 file 웹디황용 2006.08.03 5820
271 Color Halftone 를 이용한 간단한 이미지만들기 [8] file hozi 2002.12.02 5811
270 [동영상] 제2강 Select(선택영역) 인테리어뱅크 2006.04.11 5811
269 [포토샵 7.0 동영상강좌] 6. 기본적인 레이어 사용방법 [2] 서기 2005.09.21 5809