메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

안녕하세요, 오래간만에 글을 씁니다.
얼마전 사진을 가지고 장난을 치다가 퍼즐효과를 주고 싶은 생각이 들었는데, 포토샵의 shape툴로는 마음먹은대로 되지가 안더군요. 그래서 퍼즐 비스무리하게 보이도록 하기 위해 꿈지럭 거려봤습니다.

1. 새그림을 열고 정사격형 모양의 모눈선을 그려줍니다.(그리드를 켜고 그리면 편리합니다.)

2.jpg2. 모눈선에 페인트를 부어 검은 무늬를 만듭니다.(이런 걸 체커라고 하던가요?)

3.jpg3. shapebrush에서 물방울을 선택합니다.(편리하게 하려면 크기도 고정시킵니다.)

4.jpg4. 검은색과 흰색으로 퍼즐의 올록볼록한 부분을 표현합니다.

5.jpg5. 180도 회전시키고 계속 물방울을 찍습니다.

6.jpg6. 90도 회전->찍기->180도 회전->찍기를 계속합니다.(중간에 빼먹는 부분이 없으려면 이렇게 하는 게 좋고요, 그냥 처음부터 90도씩 돌려가면서해도 상관은 없습니다...)

7.jpg7. 자연스럽게 보이도록 filter-twirl을 줍니다. 이것으로 퍼즐모양 완성.

이제 사진 꾸미기입니다.

8.jpg 8. 원하는 그림을 레이어로 불러 퍼즐레이어 아래로 보냅니다.(그림은 www.5chawon.com에서 가져왔습니다.)

9.jpg9. 하얀 퍼즐은 multiply를, 검은 퍼즐은 screen 으로 레이어 속성을 바꿉니다. 그리고 레이어에 볼록 효과를 줍니다.

10.jpg10. 자연스러워보이도록 퍼즐레이어를 몇개 복사하고 지우개로 지워나갑니다. (세밀한 부분은 퍼즐선이 보이면 방해가 되므로 가능한한 흐리게 만듭니다)

11.jpg11. 퍼즐처럼 보이려면 굴러다니는 퍼즐조각이 필수. 퍼즐레이어에서 조각 몇개를 마술봉으로 선택합니다.

2.jpg 12. 원 그림에서 layer-via-cut으로 잘라내고 맨 위로 보내 볼록효과를 줍니다.(자연스럽게 보이려면 회전도 시킵니다.)
13. 그림 레이어와 퍼즐조각 레이어에 dropshadow를 주고 난 후 레이어를 병합시키면 끝.

다음은 예입니다.
ex1.jpg천 위에 올려놓은 퍼즐처럼 보이네요...;;;
2.jpg외곽선에 stroke을 준 것입니다.

3.jpg단계1에서 가로선을 그린 후 [filter-wave]효과를 줘서 그린 퍼즐입니다. 그림은 오차원님(http://www.5chawon.com) 홈에서 가져왔습니다.

4.jpg외곽선만 살리기

5.jpg아예 이렇게 출력해서 퍼즐을 직접 만들 수도 있습니다.(물론 오리는 일이 어렵겠지만...)

보시는 분께 도움이 되기를 빌며 올립니다. 방금 올리다가 shape라는 단어의 한글음이 적합하지 않다면서 다 날렸네요... 이번엔 제대로 올라가길..ㅠㅠ
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
335 포토샵 7.0 - 25. 포토샵+드림위버+제로보드의 연동 [14] 서기 2005.11.11 15985
334 [illustrator] 동영상강좌 / 삼색 태극문양 만들기 / 기초부분 [1] 다모폐인 2005.11.15 5920
333 배경을 깨끗 하게 자르는 또다른 방법~! [16] KantRa 2005.11.18 12737
332 좌우로 열리는 알림판 [9] file 아킨도 2005.11.18 9815
331 이미지혹은 글자에 그림자 넣어주기 [9] KantRa 2005.11.18 9770
330 *포토샵으로 간단한 글씨효과 나타내기 [펌] [2] 민개 2005.12.11 11266
329 간단한 복제하기. [1] 김동현 2005.12.12 5957
328 연필로 그린듯한 효과 [5] file 야호 2005.12.25 13570
327 필름과 같은 효과만들기; file 혀니ⓥ 2005.12.27 17559
326 자막처럼 흐르는 배너만들기; [4] file 혀니ⓥ 2005.12.28 17316
325 [ 나모웹에디터FX 웹 캔버스 ] 웹캔버스로 디자인하기 … ① [4] file 전세웅 2006.01.06 6221
324 Zboard_Pain#1. 첫강좌 - 간단하게 심플한 버튼 만들기 [3] file Zboard_Pain 2006.01.12 9196
323 이천일님처럼 제 부족한점 평가좀해주세요 T^T 부탁드려요~ [6] file 호신 2006.01.16 5090
322 [동영상강좌]로그인 스킨 적용법 에관한 강좌 [3] 조한철 2006.01.19 2491
321 [동영상강좌]최근개시물 적용방법 [2] 조한철 2006.01.19 2601
320 포토삽 7.0 초간편 홈페이지 만들기 [1] 이재희 2006.01.22 10080
319 아이프레임홈제작강의)) 01 . 기본디자인 구성하기 〃샤르프〃 2006.01.24 4389
318 아이프레임홈제작강의)) 02 . Main.html 파일 수정해보기 [7] 〃샤르프〃 2006.01.24 6311
317 포토샵 7.0 - 문자 , 그림뒤에 네온효과 만들기, [2] file 한솔v 2006.01.25 12637
316 컬러 와/배색/보색/대비색 등의 웹에필요한색채조율 [수정] [2] piasol 2006.01.26 6795