메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

패턴을 사용하여 밋밋한 이미지에 약간의 변화를 주어보겠습니다.
제가 사용하는 페인트 샵은 한글 페인트 샵 7.03입니다.

plus1_visual.gif
모 사이트에 있는 그림인데 이 그림이 패턴을 사용했는지 아닌지는 모르겠지만 페인트 샵의 패턴을 활용하여
비슷한 효과가 나타나도록 만들어 봅시다.

먼저, 바탕이 될 그림을 불러 오거나 만들어 주세요.

model.jpg
저는 이쁜 모델을 바탕으로 사용 하겠습니다.

바탕을 불러 왔으면 패턴으로 사용 될 새 이미지를 만들겠습니다.
'파일 -> 새로만들기'를 선택합니다.(Ctrl + N 하셔도 됩니다.)
저는 80 X 80을 만들겠습니다. 이 크기는 바탕 그림의 크기에 따라서 혹은 패턴을 적용해서 만들 그림의 스타일에
따라서 달라지겠죠.
newimage.jpg

그런데 새 이미지의 크기가 작아서 작업하기가 불편하여 그림을 확대 하겠습니다.
grass.jpg
big.jpg
그림이 확대되어 작업하기가 편해졌습니다.

여기에 레이어를 추가 하고 채우기 도구로 색을 부어(?) 줍니다.
newlayer.jpg
paint.jpg

이렇게 되겠죠.
paintafter.jpg
이제 메뉴에서 '보기 ->모눈 및 안내선 등록정보 변경' 을 클릭해 주세요.
monooninfo.jpg

여기에서 수평간격과 수직간격을 각 각 2로 해주세요.
monooninfo2.jpg

그런 다음 메뉴에서 '보기 -> 모눈' 을 클릭하면
monoon.jpg

이렇게 되었습니다.
monoonafter.jpg

이제 그리기 도구로 패턴에 사용될 선을 그어 주어야겠죠.
pentool.jpg

그리기 도구를 선택한 다음 도구옵션을 보면 여러가지 항목이 보입니다.

각 항목들을 아래와 같이 해주세요.
pentool2.jpg
pentool3.jpg
이때 중요한 것은 안티앨리아스가 선택 해제가 되어야 합니다.

이제 모눈을 잘 보고 아래에서 3번째 칸 제일 왼쪽에서 마우스를 누르고 오른쪽으로 쭉 드레그 해주세요.
그리고 오른쪽에서 3번째 칸 제일 위쪽에서 마우스를 누르고 아래로 쭉 드레그 해줍니다.
아까 모눈의 크기를 좁게한 이유가 여기서 작업을 쉽게 하기 위해서 했던 것 입니다.
이렇게 되었습니다.
penafter.jpg

그럼 다시 도구옵션에서 몇 가지 항목을 수정해 줍니다.
pentool4.jpg
너비를 2로 수정하고 안티앨리아스를 선택해 줍니다.

이제 모눈을 잘 보면서 앞에서 그리기 도구로 그린 그림을 보면 '+' 이렇게 교차된 곳이 있습니다.
거기를 좌, 우와 위, 아래의 길이가 같게 커서를 기존의 선 폭 가운데를 클릭하여 드레그 해줍니다.
저는 오른쪽과 아래가 모눈 3칸 정도기 때문에 가로 세로 6칸씩 그렸습니다.
이렇게 되었습니다.
penafter2.jpg
여기서 도구옵션의 안티앨리아스를 선택하지 않고 그리면 선이 기존 선의 가운데로 그려지지 않고 위나 아래로
붙어 버리기 때문에 안티앨리아스를 꼭 선택하여야 합니다.

그런 다음 레이어 팔레트에서 배경색을 지워 줍니다. 그래야 패턴을 적용할 때 패턴이 될 이미지의 배경이 투명이
되어 바탕 그림을 가리지 않습니다.
layerdel.jpg
레이어를 확인하는 방법은 레이어 팔레트에서 레이어 위에 마우스를 올리면 해당 레이어의 그림이 작게 보입니다.
바탕색 레이어를 지우면 이렇게 되겠죠
layerdelafter.jpg

이제 패턴이 될 그림의 작업은 끝났습니다.

다시 바탕이 될 그림을 봅시다.

아까 선택한 모눈이 있죠. 이제 이 모눈을 해제합니다.
메뉴에서 '보기 -> 모눈' 을 클릭하면 없어 지겠죠.

이 그림에도 역시 레이어를 추가해 주세요.

레이어를 추가 하였으면 채우기 도구를 클릭하세요.
이제 패턴을 적용해 보겠습니다.
오른쪽 색상 팔레트를 보면 스타일이라고 쓰여진 곳이 있습니다.
거기에 잘 보면 삼각형이 있는데 그걸 살짝 클릭하면
네가지를 선택할 수 있는데요. 여기서 쓰일 패턴은 왼쪽에서 세번째에 있는걸 클릭해 줍니다.
pattern.jpg

그런 다음 삼각형 옆의 색이 있는 곳(효과패턴)을 클릭해 주세요.
style.jpg
이런 창이 뜹니다.
pattern2.jpg
여기서도 삼각형을 누르면, 패턴으로 사용 할 수 있는 그림들이 나옵니다.
거기에 보면 미리 작업한 그림이 보이지요?
저는 image13으로 되어 있지만 보통 image2로 되어 있을 겁니다. 미리 작업한 창을 보면 이미지 이름이 보이죠
그걸 보고 찾으면 됩니다.
pattern3.jpg

이제 끝이 보이네요.

미리 작업한 패턴을 선택하고 확인을 누르세요. 그리고 패턴을 적용 할 이미지, 처음에 불러 오거나 만든 이미지를
마우스로 누르기만 하면 패턴이 적용된 이미지로 바뀝니다.
modelafter.jpg

그런데 패턴의 색이 너무 찐하네요 조금 희미하게 해봅시다.
레이어 팔레트에서 레이어 불투명도를 조절하여 원하는만큼 줄였다 늘였다 하면 됩니다.
modellayer.jpg

이제 완성되었습니다.
finish.jpg

무턱대고 글을 쓰다보니 생각보다 글이 길어졌네요.
저도 페인트 샵을 배운지 얼마 되지 않아 모르는게 많지만
페인트 샵에 관한 강좌나 책이 많이 없는 것 같아 허접하나마 아는 대로 몇 자 적어 봤습니다.
페인트 샵을 처음 배우시는 분께 조금 이나마 도움이 되었으면 합니다.
그리고 사진에 있는 워터마크는 저와는 상관 없는 사이트이며 제가 그림을 업어 온 곳 입니다.

application.jpg

Animation1.gif
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
141 [퍼니페인트]그림에 바둑판 새기기 -초급- [7] funnyPSP 2002.02.21 9354
140 [퍼니페인트]다음 로고만들기 [1] funnyPSP 2002.02.21 13703
139 [퍼니페인트] 메뉴 설명 [2] file funnyPSP 2002.02.21 7644
138 [퍼니페인트]요즘 유행하는 볼록이 효과 [10] funnyPSP 2002.02.21 8362
137 [퍼니페인트]아쿠아 버튼 만들기 [7] funnyPSP 2002.02.22 8935
136 [퍼니페인트]에니메이션 샵으로 반짝이는 그림 만들기 [1] funnyPSP 2002.02.22 4621
135 [퍼니페인트]후광나는 글자 만들기 [1] funnyPSP 2002.02.22 5188
134 [퍼니페인트]간단하게 수채화 효과내기 [1] funnyPSP 2002.02.22 4342
133 [퍼니페인트]잘하면 예쁜 젤리 글자 funnyPSP 2002.02.22 5311
132 [퍼니페인트] 에니메이션샵 이용해서 책넘기는 효과 만들기 [2] funnyPSP 2002.02.22 15329
131 [psp6]국왕의 허접;; 우선;; 초 허접 부터; 레이어의 기본개념 [1] file 국왕-_-)/ 2002.02.22 2902
130 [psp6]블록 문자를 맹글어 봅시다! [4] file 국왕-_-)/ 2002.02.23 3370
129 [psp6]네온 사인~ [1] file 국왕-_-)/ 2002.02.23 3133
128 [psp6]토끼야님의 그림자 기법을 페인트샵으로! [1] file 국왕-_-)/ 2002.02.23 5695
127 [psp6]올록 볼록 버튼 디자인 [2] file 국왕-_-)/ 2002.02.23 4299
126 [퍼니페인트]판타스틱하게 이미지 합성 시키기 [7] funnyPSP 2002.02.23 5413
125 [퍼니페인트]도장 만들기 [1] funnyPSP 2002.02.23 925
124 [퍼니페인트]효과를 쉽게 주자~ "효과 브라우져" [1] funnyPSP 2002.02.23 4069
123 [퍼니페인트]입체글자 만들기 funnyPSP 2002.02.24 4612
122 [퍼니페인트]글자 그림자 만들기 funnyPSP 2002.02.25 3422