메뉴 건너뛰기

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 48035
1835 부드럽게이동하는 공식을 이용한 바네이 메뉴 만들기(1) 비무p 2005.01.12 10277
1834 {타니아}망원경 그리기,, [4] file Tany_A™ 2005.01.10 5673
1833 바둑판 그리기 [4] file rene 2005.01.09 9586
1832 원빈을 그렸는데 아닌것 같아요.. [9] file 이천일 2005.01.09 14591
1831 마티오의 도트 강좌*"젤다 바람의택트"의 링크 [4] file 마티오 2005.01.09 7139
1830 탁상 CAD File 불러와서 맵핑하기 [1] file rene 2005.01.06 7541
1829 재질의 광택 [2] file rene 2005.01.05 9114
1828 맥주만들기.. [12] file zizibecap 2005.01.04 12120
» [둥글둥글2탄] 사진모서리를 둥글게~! ^^ {초급강좌} [17] file Smileru 2005.01.04 17756
1826 당구공 그리기(간단한 맵핑포함) [4] file rene 2005.01.03 10244
1825 반짝이는 이미지닉 만들기 [2] file 태민닷컴 2005.01.03 12827
1824 회전 계단 그리기 [3] file rene 2005.01.02 10496
1823 편지 봉투 만들기 [2] file SeasonSonata 2005.01.01 14430
1822 예쁜 편지지 만들기 [1] file SeasonSonata 2005.01.01 12813
1821 실내 공간 표현하기(카메라, 조명설치) [5] file rene 2004.12.31 6771
1820 pixel psp 만들기 [6] 김지호 2004.12.30 8825
1819 구멍 뚫린 사각형(문)만들기 file rene 2004.12.30 8142
1818 Array를 이용한 자전거 바퀴 그리기 file rene 2004.12.29 4980
1817 [양배추]금괴 문자 만들기 입니다. [2] file 양배추™ 2004.12.29 8462
1816 애플모션 강좌 14강 비헤이비어/Custom Negate Oscillate 덴디 2004.12.29 2675