메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

@이미지박스를 사용하지 못한 이미지는 추가되는데로 곧 수정하겠습니다.

ir00.jpg

※'모서리','둥근','부드'(부드럽게;).. 이 세가지로 검색했는데 나오지 않아 올립니다. ^^


아... 사진에 둥근모서리만들기!

제가 싸이월드용 이미지를 만들다가 약간 멋지게 보이려고 둥글게 하려다가! 막 고민하고.... 해서 강좌를 준비하게 되었습니다. 또 질문해주시는 분들도 계셨구요.


사진의 모서리를 둥글게 하는 방법은 여러가지가 있습니다.

가우시안블러(Gaussian Blur)를 이용하는 방법도 있구요. 펜툴을 이용해서 패쓰(Path)로 둥글게 하는방법도 있습니다.


하지만 가우시안블러를 이용하는경우, 사진같은 이미지에는 쓸수 없다는점(단색의 도형에만 가능. 이미지가 변형됨.)이 치명적인 단점이고, 패쓰를 이용하는 방법은 어렵다는것이 단점이죠. ^^:

아참.. Select > Modify > Smooth 를 이용한 방법은 둥글게 변하는 부분에 도트가 튀게되죠. 그래서 열외..;;


무식하면서 가장 쉬운방법을 포토샵에 입문하시는 분들께 무려두가지!나 소개해 드릴께요.  -_-;

두가지모두 장단점이 있으니 다 봐주세요~




1.제일 무식한 방법. ^^


①일단 원하는 이미지를 구해주시고 가이드라인을 십자로 그려줍니다. 아무렇게나요. ;;

ir01.jpg


②그리고 그림에서 말한것 처럼 원을 그려줍니다.
Alt키와 Shift키의 활용.. 매우중요하니 포토샵입문하는 분들은 꼭 익혀두세요...^__^

ir02.jpg


③포토샵 메뉴, 선택영역반전(Select>Inverse)을 해주고, 남은 부분을 흰색으로 채워줍니다.
선택영역은 이제 해제하셔도 되구요.

ir03.jpg
요런식으로 되겠죠? ^^


④그리고 사각선택툴을 이용, 사각형 선택영역안에 원이 완전히 내접하게 만들어주세요.
여기서도 Alt키가 중요하게 사용됩니다.

ir04_1.jpg
ir04_2.jpg
ir04_3.jpg


⑤자자.. 그럼 아까와 같이 선택영역반전(Select>Inverse)을 해주고, Del키를 살짝 눌러줍니다.
선택부분을 삭제하는것이죠.

ir05.jpg
이렇게 됩니다. ^^


⑥이제 이것들을 현재 캔버스의 각 구석으로 한조각씩 보내줍니다. ^^ 그럼 이미지가 둥글게 보이겠죠?
배경색이 흰색이 아니면 3번과정에서 다른색으로 채워주면 됩니다. ^^

ir06.jpg


최종완성작. ^^






2.Rounded Rectangle Tool을 이용한 순식간에 둥글게 만들기!
(Photoshop CS(8.0) 기준입니다. 다른점이 있을수도 있어요~)


①타이프(Type)툴 아래쪽에 보시면 Shape를 쉽게 만들어 주는 Path친구들이 있습니다.
거기에서 Rounded Rectangle(둥근사각형) Tool을 선택합니다.

ir07.jpg


②그리고 사각형을 그려주죠~
윗쪽에 Radius라고 있는데, 둥그스름해지는 모서리 영역의 크기를 말합니다. 전 30px로 바꿔주었구요.
또 옆에는 Style와 Color를 정해줄수 있는데요. Style는 주지 마시구요.(흰사각형에 붉은 사선)
Color는 아무색이나..^^:

ir08.jpg


③이제 Ctrl을 누른 상태로 Rounded Rectangle이 있는 레이어를 클릭해줍니다. 그럼 그 둥근 사각형이 선택이 되죠.
그리고 아~까 위에서 했는 선택영역반전(Select>Inverse)을 해줍니다.

ir09.jpg


④끝으로 둥글게 만들고자 하는 이미지가 있는 레이어를 선택한뒤 Del키를 살포시 눌러줍니다. 그럼 끝.ㅋ

ir10.jpg





이상 이렇게 두가지 방법을 알아 봤습니다. 두번째 방법은 이미 널리 알려진 방법이고,
첫번째 방법은 너무 무식해서 두번째 방법에 비해 널리 알려지지 않은 방법입니다. ^^;;


장단점을 알아봐야겠죠?참고로 전 첫번째 방법을 쓰는데요...

첫번째 방법은 귀찮은건 사실입니다. ^^
하지만 첫번째 방법은 원본이미지를 적어도 psd파일 안에서 손상시키지 않습니다.

그리고 한번 만들어 놓은 '+ '틀'.. 즉 저 모서리를 둥글게 하는 조각들이 있는 레이어는 쉽게 다른 psd파일로 복사해서 쓸수 있습니다.
만약 같은 사이즈의 이미지를 양산(?ㅋ)하는 분이시라면 첫번째 방법으로 미리 만들어 놓고, 복사만 하는 방식으로 두번째 방식보다 더 많은 시간을 절약하실수 있으실 껍니다. 제가 그래서 첫번째 방법을 쓰구요.

또 두번째 방법으로 만들어진 이미지의 모서리는 완벽한 원의 1/4모양이 아닙니다. 부족하죠.
그리고 모서리 뿐만이 아니라 네 변의 부분도 잘려 나가는것이 불가피 합니다. 물론 아주 잘 Rounded사각형을 그린다면 괜찮겠지만요...



초급자분들을 위한 강좌였던 만큼 기본적인 내용이 많았습니다.
그럼 이번 강좌의 내용을 정리해보겠습니다.^^

1. 선택영역반전의 사용.
2. Ctrl,Alt,Shift키의 사용.
3. Rounded Rectangle Tool의 이용.


이정도가 될것 같네요. ^^ 기본강좌였지만 말씀드리고 싶은 내용이 많아, 거의 매트릭스코드 강좌 이후로 최장 강좌가 되어버렸네요. ^^; 끝까지 읽어주셔서 감사드리구요~

항상 좋은일만 생기시는 2005년 되시길 빌께요~ ^^



홈피용으로 만든것들...^^;







번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48030
1228 dong성이의 뽀로샵 강좌 - 2 - 정말 쉽게 하늘의 해를 그리자! [8] file dong성이 2002.12.30 4681
1227 간단팁~!! 이미지 사이즈 조절하기 [9] 아이의별 2003.01.22 4697
1226 한글폰트 영문에서 한글로 바꾸기! ((영문판)) [2] file JELLY♥ 2005.04.06 4734
1225 [동영상강좌] 제1회차 - 선택툴 이용해서 개체선택하기 아이티스터디 2006.02.02 4742
1224 아주쉬운 성게(?) 만들기 [21] file 판타랏사 2002.08.13 4745
1223 [포토샵 7.0 동영상강좌] 8. Selection메뉴의 이해 [1] 서기 2005.10.24 4757
1222 [여전한 삼류강좌] 눈동자 만들기. [7] 정동규 2002.11.05 4766
1221 포토7로 동심원 만들기 -ㅁ-;; [23] 크링 2002.07.29 4774
1220 [photoshop_6.0 기초강좌-18]_페인팅 툴 활용하기(히스토리 브러시 툴) file rosun 2005.08.07 4781
1219 전통조각보 느낌주는 이미지 만들기 17r강 문학의향기 2006.07.29 4790
1218 [초보]..처음이라..^-^ 이쁘게 봐주세여~ [비내리는효과] [8] file 순수 2003.01.05 4795
1217 [허접시리즈] 오로치빛 효과 업그레이드 판 -ㅅ-;;; [4] Xrezae 2002.11.06 4811
1216 wave 필터를 이용한 꽁수; [10] madito.징퓬 2003.01.28 4822
1215 Simple Thorns [24] file madito.징퓬 2003.02.01 4842
1214 [허접시리즈] 우주속으로 빨려들어가는듯한 효과 [3] Xrezae 2002.11.06 4855
1213 [photoshop_6.0 기초강좌-15]_마술봉 툴 사용하기 file rosun 2005.08.07 4899
1212 포토샵에서 한글 입력안될때의 원인과 해결방법 [7] 조성진 2002.08.01 4916
1211 새 캔버스, 추가필터 없이 바로 TV 주사선 효과내기 [11] file 이오스 2002.08.04 4932
1210 [OOP's Tip] TV주사선 효과내기 [9] file 양현일 2002.08.03 4934
1209 설치시 나는 에러 해결하기~ [2] 은하수 2003.01.29 4959