메뉴 건너뛰기

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 48029
1535 현란하고 복잡하고 알록달록한 타이포그래피 만들기. [13] file mtalk 2004.01.20 12341
1534 포토샵과 이미지 레디로 움직이는 GIF 만들기 [12] 시스 2004.01.20 17808
1533 [ Hard ] Grunge Special # Part. 1 [12] file Nersion 2004.01.19 6373
1532 메탈 느낌의 멋있는 버튼 이미지를 만들어보자 (다른 기법) [8] file 이오르 2004.01.19 26620
1531 포토샵을 이용해서 인물 일러스트 명암을 쉽게 따보자~ ^^ [33] file caramelkiss 2004.01.18 39858
1530 포토샵에서 색칠하기 [초급자용] [10] file 정미란 2004.01.16 13597
1529 간단하게 플래시 검색엔진 만들기 [27] aizman 2004.01.13 19838
1528 나모웹으로 누구나 아쿠아 버튼 쉽게 만들기 [10] file 강우일 2004.01.13 21373
1527 ☆화장대그리기 [7] file 박은선 2004.01.13 13895
1526 _root 영역 [6] file 짚스 2004.01.12 5693
1525 매트릭스코드 따라하기; [6] file 엔케 2004.01.10 9675
1524 펜툴 원리 이해하기 [25] 지요스타일 2004.01.09 12540
1523 지우개로 테두리 효과 주기 (간단) [9] file 수하 2004.01.09 19246
1522 ☆책상그리기 [1] file 박은선 2004.01.09 9021
» (4)브러쉬를 이용한 '매트릭스' 만들기[응용작바꿈^^;] [30] file Smileru 2004.01.09 15391
1520 [빛깔강좌3] 울퉁한 테두리로 이쁜 이미지 만들기 [11] 빛깔 2004.01.08 16977
1519 매트릭스 코드만들기(다른예제하고 조금 다름) [11] file 임종혁(stargt) 2004.01.07 6869
1518 ☆야채 [13] file 박은선 2004.01.07 9099
1517 [입문]플래쉬의 이해 [7] file 황남운 2004.01.07 7501
1516 손으로 찢어서 붙인 느낌의 이미지 만들기 [9] file 이오르 2004.01.07 19697