메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

홈페이지 배경 이미지로 쓰기 위해 주물럭거리다가 강좌화 한 결과물입니다.(;) 먼저 말씀 드릴 것은, 제가 그래픽 툴은 물론 종이&연필 콤비와도 별로 친하지 않은 관계로 무작정 노가다를 이용했으니...(;) 참고라도 되었으면 하는 바램입니다. (;)

사용한 기능 / 툴 / 필터 는
Image > Adjust > Hue/Saturation (Ctrl + U)
Image > Rotate Canvas > Abitrary (단축키 없음)
Select > Inverse (Shift + Ctrl + I)
Select > Feather (Alt + Ctrl + D)
Select > Modify > Expand (단축키 없음)
Filter > Blur > Gaussian Blur (단축키 없음)
Lasso Tool (올가미) > Polygonal Lasso Tool
Air Brush (또는 그냥 Brush, Paint Bucket 도 상관 없습니다. 심지어는 Pencil 도...;;)
Magic Wand(혹은 Lasso 를 이용해도 상관 없습니다. --;)
Dodge Tool
Smudge Tool

...정도입니다. 이미지 사이즈가 몇 정도여야 좋을지 몰라서 일단 대충 축소시켜 올립니다. (;)

아참, Photoshop 6.0 beta 영문판 기준입니다.

-- 시작합니다 --


0.jpg우선 원본 이미지를 엽니다. 저는 "네이버 이미지 검색" 에서 "장미" 라는 키워드로 검색해서 구한 이미지를 사용하겠습니다. 노란 장미군요.

hue_satu.gif Image > Adjust > Hue/Saturation 기능을 이용해서 적당한 파란색으로 이미지 색을 바꿔줍니다. 여기에서는 Hue 165, Saturation 45, Lightness 0 으로 수치를 조정했습니다.

1.jpg색조가 바뀐 이미지입니다. 이번에는 꽃 부분을 Lasso Tool 로 선택해 줍니다. 저는 Polygonal Lasso Tool 을 이용하여 손을 부들부들 떨면서 선택해 주었는데요(;) 손에 익은 기능을 이용하는 것을 추천합니다. 그냥 Lasso 가 편하다면 그것을 쓰셔도 상관 없고요..^^ 하여간 컬러로 남겨 놓을 영역을 선택해줍니다.
영역 선택을 마치셨다면 메뉴의 Select > Modify > Expand 에서 1px 정도 적용하시고, Select > Feather 에서 2 px 정도의 수치를 줍니다. 이미지의 가장자리를 부드럽게 하기 위함이므로, 선택 사항입니다.

여기까지 마치셨다면 Ctrl + C 를 눌러 영역을 복사하세요. (혹은 Cut 하셔도 좋습니다.) 영역 선택은 해제하지 마세요

grayscale.gif메뉴에서 Image > Mode > Grayscale 을 적용합니다. 그 다음엔 다시 메뉴에서 Image > mode > RGB color 를 적용합니다. (배경을 흑백으로 바꾸기 위함입니다)

2.jpg Ctrl + V  단축키로 붙여넣기를 시도합니다. 새 레이어에 붙여넣기가 적용되고, 선택되어 있던 영역은 해제되며, 파란 장미 만이 흑백 배경을 뒤로하고 도드라져 있죠. (웃음) 여기까지 다 되었다면, 옆에 있는 레이어 창의 Background 를 선택하고 마우스 오른쪽을 클릭, Duplicate Layer 를 선택, Background 레이어의 복사본을 만듭니다. (이후부터 Background Layer 는 사용하지 않으므로, 지우셔도 상관 없습니다. 사실 이것은 순전히, Background 레이어 자체에 작업하는 것을 싫어하는 제 취향이 적용된 것입니다;;)


이제는 적당한 각도로 Rotate 시킬 차례입니다. 이미지의 배경색을 적당히 맞춰 놓는 것도 잊지 마세요. 또한, 한 번 Rotate 하는 것과 두 번 Rotate 하는 것의 이미지 크기가 달라지는 것도 고려해야 하겠습니다. 저는 반 시계 방향으로 75 도, 45 도 하여 총 120 도를 두 번에 나눠 이미지를 회전시켰습니다.3.jpg



4.jpg이젠 옆의 그림과 같이 부연 배경을 만들어 줄 차례입니다. Copy 라는 제목으로 있는 레이어를 선택하세요. 도구에서 Lasso 툴을 선택합니다. 완전히 희뿌옇게 하면, 어떤 이미지인지 모르게 되므로 약간의 여유를 두면서 컬러 주변 영역을 선택하세요.
Select > Feather > 5 px 정도 줍니다.
Select > Inverce 를 선택합니다.
Filter > Blur > Gaussian Blur > 45 정도의 수치로 적용했습니다. (봐가면서 적당한 수치로 주세요)
Select > Inverce 선택합니다
Filter > Blur > Gaussian Blur > 5 정도의 수치를 적용합니다. (형태가 적당히 보일 정도로)

Ctrl + D 를 눌러 선택 영역을 해제합니다 . 이 후에 Smudge 툴을 이용하여 좀 더 부드럽게 다듬어 주어도 좋습니다.


이젠 꽃과 핏물을 손 볼 차례입니다. --+
이미지가 큰 경우, 배경과 꽃이 상당히 어색하게 연결된 것을 알 수 있지요. 상황에 따라서 이것은 꽃이 조금 입체적으로 보일 수도 있겠지만, 제 눈엔 이상하기만 했습니다. (;) 따라서 이 부분도 조금 부드럽게, 수정해줍니다. 우선 꽃이 있는 레이어(Layer1)를 활성화시키고, 꽃 이외의 부분을 Magic Wand Tool 로 선택해줍니다.
Select > Modify > Expand 에서 2 px 정도, Select > Feather 에서 2 px 정도 적용합니다. (순서대로요-♡) 그 다음엔 역시 Filter > Blur > Gaussian Blur > 에서 적당한 수치를 적용합니다. (여기서는 5 로 하였습니다) 그 다음에 Ctrl + D 로 선택 영역을 해제해보면, 조금 부드러워졌죠? 조금 더 손을 보려면, Opacity 수치를 75 정도로 주는 것도 좋겠네요.


다음은 핏물입니다.

새 레이어를 만들고, 이 레이어(Layer2)가 가장 위에 놓일 수 있도록 합니다. 새 레이어 활성화 상태에서 Lasso Tool 을 이용, 꽃잎에 핏물의 모양을 대충 그려냅니다. 조금 크게 그려주는 것이 좋습니다.
자연스럽게 하기 위해 Select > Feather > 2px 정도 수치로 적용합니다.

5.jpg이것은 적당한 붉은 색(Maroon, #800000)으로 선택 영역을 칠해준 후의 모습입니다. Air Brush 를 이용했지만, 그냥 Brush 나 Paint Bucket, 혹은 선택 영역에의 Fill 명령을 이용해도 상관 없습니다. 그냥 붉은 색으로 칠해주세요. (;)

선택 영역을 해제한 후 Smudge Tool 로 모양을 조금 부드럽게 다듬어줍니다. 이미지에서도 보이듯, 상당히 어색하게 붙어있으니까요. (;) 물론 이 과정에서 아래로 떨어지는 '맺혀있는 핏방울' 로 연결되는 선도 다듬어야 하겠죠.

Filter > Blur > Gaussian Blur 에서 적당한 수치로 조정, 핏물의 모양을 좀 더 자연스레 만들어줍니다.

6.jpg Marquee Tool 을 이용하여 적당한 둥근 방울의 형태를 잡아 칠해줍니다. '맺혀있는' 핏방울이 될 부분이니, 위치 조절도 잘 해야겠죠? 붉은 색 계열로 색을 칠하고(같은 색. Maroon, #800000), 위치는 꽃잎의 끝으로 잡았습니다.
아하. 그런데 너무 뻣뻣하네요. Smudge Tool 을 이용하여 부드럽게 다듬어줍시다. 확대해서 Eraser Tool 로 연결부위를 조금 더 깎아주고, Smudge Tool 로 좀 더 두드려 주는 것이 좋겠지요. 자연스럽게, 어떤 모양을 띌까 생각하며 해 주세요. ^^

모양이 적당히 잡혔나요? 7.jpg이번에는 조금 더 입체적으로 다듬기 위해서(;) Lasso Tool 로 광택을 낼 부분을 대충 선택해주도록 하겠습니다. Select > Feather > 3px 수치를 적용하므로, '대충' 해주세요. '대충' ^^;

마지막으로 사용할 Tool 은 Dodge Tool 입니다. ^^ 1.jpg적당히 모양을 내서 선택 영역을 두드려주세요. 아참. Dodge Tool 의 기본 수치는 Midtone, 50% 입니다. 모양이 나도록 잘 잡아보세요.


8.jpg아아;; 길기만 한 강의가 끝났습니다. 이녀석이 완성작입니다.



apli_2.gif그리고 이 녀석은 응용작, '제비꽃' 입니다. (웃음);

-- 여기까지입니다. (__) 수고하셨습니다.;

덧) 아, 어떤 툴인지 모르시겠다고요?

smudge.gif Smudge Tool 입니다.
lasso.gif Lasso Tool 입니다.
dodge.gif Dodge Tool 입니다.

hue_satu.gif Hue / Saturation 기능이고요...

gaussian.gif Gaussian Blur 필터입니다.

grayscale.gif Grayscale 명령이군요...


--
이상입니다. (__) 수고하셨습니다;;.
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48033
455 [프로모션]제4회 달리는 애니메이션 만들기 [13] 정현석 2002.08.27 648
454 [기타] 포토샵을 이용한 윈앰프3 스킨 만들기. [11] file 엔카일 2002.08.27 5206
453 [프로모션]백그라운드칼라 투명값주기 [4] 정현석 2002.08.27 4616
452 [프로모션]애니메이터의작업처럼 라이트박스기능활용 [3] 정현석 2002.08.27 3072
451 [프로모션]프로모션 따라하면 애니메이터처럼한다 1회 프로모션의 설치/인터페이스 [2] 정현석 2002.08.27 3206
450 구름이 있는 하늘 그리기 [7] file 냐ㅣ 2002.08.26 9524
449 등고선효과를 이용해 배경 만들기 [8] [М ΙDΘR] 2002.08.25 5703
448 'color dodge' 응용하기- _- [10] 불럽 2002.08.25 5196
447 팔망성 그리기 [22] hoosh 2002.08.25 7465
446 원하는 사진으로 브러쉬 만들기 (초보 강좌) [11] file 오명석 2002.08.24 6937
445 메뉴버튼만들기 [25] file 워니 2002.08.24 36489
444 미노우가 그리는 도트 (-_-;) [양아치 그리기] [15] file 미노우 2002.08.24 6182
443 도트_강의] 사람을 찍어보자-_-;)a [23] file 너부리얌 2002.08.23 7040
442 플래쉬 - shape tweening (동영상) [25] 홀로선 2002.08.22 14499
441 3D도형 만들기 [18] file 다래호군~ 2002.08.22 5945
» 핏방울 떨구는 파란 장미(;) [14] file Jan. 2002.08.22 7058
439 [기초꽁수] PSD파일을 저장할때...... [22] file Heal.P.XERO 2002.08.22 5775
438 [중급예제] Clouds필터와 Poster Edge필터 이용해서 오래된 지도이미지 만들기 (저번것과 확실히틀림) [17] file Heal.P.XERO 2002.08.22 8416
437 [페인트샵] - 간단하게 aqua button 만들기 [3] file nori 2002.08.21 5174
436 [일러스트페이지]일러스트로 얼굴그리기~(4)머리그리기 2. 머리그리기 [36] file 현주 2002.08.21 27433