Top 11 포토샵 도형 그리기 9320 Good Rating This Answer

See more articles in the same category here: 89+ tips for you.

[포토샵 기초 강좌 2] 포토샵 도형그리기, 도형안에 사진넣기(클리핑마스크)+단축키

안녕 결주부예요

오늘도 입문자들을 위한 포토샵 강좌 시작해요!

오늘은 포토샵으로 도형을 그려보고, 도형 안에 사진을 넣는 법을 배울거예요.

블로그 같은 sns를 할 때 썸네일 고민 많이 하시는데, 요 방법 아시면 도움이 될거예요!

시작하기전! 오늘 알려드릴 단축키에는

윈도우 자판에서는 alt, 맥 자판에서는 option

이라고 적혀있는 키를 사용할거예요! 두 가지 다 적어드릴텐데,

본인이 사용중인 컴퓨터가 윈도우면 alt, 맥이면 option으로 해주세요

20*20센티미터로 창을 열어줄게요

새 창 만드는 법은 저번 시간에 배웠죠?

File – new 또는 ctrl + n/ command + n이예요

해상도, 컬러모드도 간단히 설명드렸으니 창 열어볼게요

(자세한 부분은 조금 더 뒤에서 다루도록 할게요. 포토샵 기초 강좌이니만큼

이론보다 실전에 집중!)

도형을 그리기 위해선 툴박스에 있는 요 버튼을 눌러줘요.

단축키 U 입니다. (마우스 커서가 가 있는 곳)

기본이 네모툴로 되어있을거예요. 또는 원, 선, 둥근네모 모양으로 되어있을 수도 있습니다.

툴박스에 도형툴이 없으면 점 세개 찍혀있는 툴을 꾹 눌러보면 옆에 뜨실거예요.

사각형 툴을 눌러 사각형을 그려볼게요. 정사각형을 그리고 싶으면 shift 누른상태로 그려주세요.

위쪽 Fill 에서는 도형 색상을 선택할 수 있고, Stroke 에선 외각선의 색상과 두께를 설정할 수 있으니 임의대로 바꿔볼게요.

저는 외곽선은 없애고 안쪽은 분홍색으로 채워볼게요:-)

사각형 그린 후 중앙쯤으로 드래그하면 가운데가 맞춰집니다. 좀 더 아래로 내리면 정중앙으로 맞춰지겠죠?

정확히 맞추는법 역시 차차 다루도록 할게요.

원도 그려볼까요? 역시 shift 누르면 정원이 그려지고, 타원도 그릴 수 있어요.

원하는 모양으로 그려주세요. 저는 썸네일에 가장 많이 사용하는 정원으로 그려줬어요.

그다음 사진을 불러옵니다. 사진 불러오기는 file – opne

또는 단축키 ctrl + o / command + o

사진이 좀 작으니까 키워주고, 이 사진을 제가 만든 원 안에 넣어볼거예요.

포토샵 도형안에 사진넣기

이 작업은 클리핑마스크 라고 부릅니다!

레이어 위치 변경하는 법도 알려드렸죠? 선택 드래그 또는 ctrl + [,] / command + [,] 아시죵?

도형 안에 사진을 넣기 위해서는 사진레이어를 도형레이어 위로 오게 설정해주세요.

작업중 사진이 도형 아래에 내려갔다면 다시 올려주세요!

사진레이어를 선택한 후 오른쪽마우스 클릭 – Creat clipping mask(클리핑마스크) 눌러주세요

그러면 원 안에 사진이 쏙 들어갑니다. 간단하죠?

클리핑마스크 단축키 alt+a / option+a 를 누른 후 사진레이어와 도형레이어 사이를 클릭

입니다.

도형 안에 깔끔하게 사진이 들어간 모습이예요. 원이 아니라 다른 도형도 다 마찬가지랍니다.

사진레이어 위에 도형레이어를 위치시키고 클리핑마스크를 시키면??? 적용되지 않습니다.

적용시키고 싶은 사진은 도형레이어 위에! 꼭 기억해주세요:-)

다시 클리핑마스크 시켜줍니다. 이제 클리핑마스크 시킨 사진(도형)에 외곽선을 줘볼게요.

도형 툴 클릭 – stroke.

사진레이어를 선택해서 안에 있는 사진 크기를 늘리거나 위치를 옮기거나 할 수도 있어요.

사진에는 없지만 클리핑 마스크를 해제시키고 싶다면 사진레이어 선택 후 오른쪽마우스 클릭 – release clipping mask

또는 단축키 alt+a / option+a 를 누른 후 아까처럼 두 레이어 사이를 클릭해 주면 클리핑마스크가 해제돼요.

다음은 모서리가 둥근 사각형 모서리 둥글기를 설정하는 방법이예요.

그리는법은 다른 도형과 같은데, 모서리 둥글기 설정은 어쩐담??????

둥근사각형 툴을 선택한 후 더블클릭 해주세요. 넓이와 높이, 모서리 둥글기 정도를 설정할 수 있어요.

넓이와 높이는 나중에 늘리거나 줄일수 있으니, 모서리 둥글기만 변경해주도록 할게요.

둥근 사각형 두개를 만들어 볼텐데 하나는 둥글기를 모두 20으로 설정해보고, 하나는 50으로 설정해줄게요.

그리고 크기를 똑같이 맞춰주었어요.

모서리 차이 보이시나요??? 이렇게 더블클릭으로 모서리 둥글기를 정해줄 수 있어요.

둥글기는 모두 같은 수치가 아니어도 돼요! 여러분 마음에 들 때 까지 시도해보세요:-)

마지막으로 작은 팁 하나 나갈게요.

포토샵을 하다보면 내가 선택하려고 했던것과 다른 요소가 선택될때가 있는데요

이럴 때 정말 화가나죠! 어떻게 해결하면 좋을까요??

포토샵 구석에 보면 auto-select 라고 되어있고 옆에 작은 네모가 있어요.

이게 클릭 되어 있으면 내가 클릭한 요소를 자동으로 인식하여 클릭합니다.

그래서 내가 선택하려고 했던 레이어와 다른것이 선택되는 경우가 생기는거죠!

(클릭하려고 했던 요소의 크기가 너무 작을경우, 다른요소와 겹쳐있을 경우 등)

그 때는auto-select를 해지해주면

오른쪽의 레이어 창에서 자신이 원하는 레이어만 선택이 가능해요.

auto-select를 해지하고 도형레이어를 선택해주면 도형만 움직이는 모습을 보실 수 있어요.

오늘의 포토샵 기초강좌는 여기까지! 다음에 또 만나요:-)

포샵알못이 포토샵에서 여러 가지 도형 그리는 법

지난 번에 내가 후루꾸( fluke[플루크] ‘요행수’)로 포토샵을 익혀 사용한다는 사실을 고백한 바 있다.

( [사람] – 포토샵을 후루꾸로 배운 사람이 윤곽도구 사용하는 법 ) 그런데 내 환경에서 포토샵의 필요성이 거기까지여서인지 아직도 이런 식의 사용에는 별 불편함을 못 느끼고 있다 –;;

그리고 이 전 글에서 네모나 동그라미(타원형 포함)를 후루꾸로 사용하는 법을 기술 하면서 다른 모양의 도형도 기록해 두어야지 생각 했었다 – 오랜만에 쓰는 기능은 새까맣에 잊어버리는 것이 나이 든 사람들의 특징이라 잊었을 때 내 블로그에서 검색, 사용하려고 오늘은 ‘여러 가지 모양의 도형 그리기’에 대해 기록 해둔다.

오전에 올린 글에 이렇게 고양이 털을 빗질한 다음 실리콘 장갑 빗에 끼인 털을 말끔히 제거 하는 방법을 간단하게 그림으로 설명하고 싶은 마음이 들었다. 이럴 때 필요한 것이 바로 ‘화살표 도형’이다.

1. 화살표를 넣고 싶은 그림을 포토샵으로 불러왔다.

2. 화면의 왼쪽에 정렬 돼 있는 도구 메뉴에서 네모로 생긴 도구를 마우스 우클릭으로 선택해 그 중에서 ‘사용자 정의 모양 도구’를 찍는다.

3. 포토샵 상단에 ‘사용자 정의 모양 도구’의 세부 사항을 결정할 수 있는 여러 메뉴들이 생기는데 먼저 도형의 색상을 칠, 또는 획을 눌러 지정 해주고 다음으로 ‘모양’ 옆에 있는 작은 쐐기표를 연다.(이 외에 다른 메뉴들은 미리 지정하지 않아도 나중에 해결 할 수 있으니 그냥 둔다)

4. 쐐기표가 열리면 ‘톱니바퀴’ 모양의 아이콘이 나오는데 그걸 누르면 여러 가지 도형들의 예가 있고 직접 설정 할 수 있는 메뉴들도 있다. 나는 ‘화살표’가 필요하므로 그것을 선택하면 위에 여러 가지 화살표 모양들이 나온다. 그 중에서 원하는 것을 선택 한 다음,

5. 화살표 넣을 그림에 대고 클릭을 하면 위 그림과 같이 되는데 가리키는 방향이 내가 원하는 쪽이 아니다. 이제 이 화살표를 돌려야 하니 화면 상단의 메뉴에서 ‘편집 – 패스 자유 변형(F) : 참고로 단축키는 ctrl+t’를 선택한다.

6. 이제 그림에 찍어놓은 화살표를 둘러싸고 사방팔방으로 동그라미가 그려진 투명 사각형이 생기는데 그 중 한 동그라미를 마우스로 잡고(그림에 하얗게 동그라미 친 부분) 원하는 방향으로 돌려준다. 길이나 넓이도 이 동그라미들을 잡고 넓히고 늘리고 등 조절을 하면 된다.

7. 이제 이 투명 네모박스를 없애야 한다.

8. (아마도 여기서부터 내가 날치기 식으로 하는 것 아닌가 싶다) 화면 왼쪽에 있는 아무 도구나 꾹 누르면 작은 창이 떠서 “변형을 적용하시겠습니다?” 라고 묻는다. ‘적용(A)’를 당연히 눌러야 한다. 하지만 아직 한 단계가 더 남았다. – 현재의 상태는 장갑과 화살표가 서로 다른 두 장의 사진이라 할 수 있기 때문에 두 사진을 한 장으로 만들어 줘야한다.

9. 상단의 메뉴에서 ‘레이어’를 선택, 메뉴가 열리면 ‘아래 레이어와 병합’ 또는 ‘배경으로 레이어 병합’을 선택한다.

10. 이렇게 해서 화살표가 들어간 사진이 완성 됐다.

재미로 어미 고양이와 아깽이가 서로 마주 보고 있는 그림을 도형으로 만들어 봤다.

방법은 위와 똑 같다. 도형 고르기에서 동물을 선택 하면 고양이가 나오는데 먼저 한 녀석을 만들어 레이어까지 병합 시킨 다음 다른 한 녀석을 만들어 마주보게 뒤집어 주면 되는데 사진에서 오른쪽 줄 가운데에 있는 동그라미를 잡고 왼쪽으로 완전히 끌고 가면 고양이가 돌아앉게 된다. 여기서 사이즈를 조절하고

위와 같은 단계를 밟아 적용, 병합 시키며 이렇게 어미고양이와 아깽이의 정다운 모습이 완성 된다. 아마도 포토샵 안에 기본적으로 들어있는 것들 외에 사용자 정의를 이용해 다른 그림들을 불러와도 마찬가지로 사용할 수 있는 것으로 알고 있다.

이보다 훨씬 더 간편하고 스마트하게 사용할 수 있는 정석이 있겠지만 아무튼 나는 포토샵을 이렇게 사용한다 ㅎ;;

ⓒ고양이와 비누바구니 All rights reserved.

포토샵강좌 3.포토샵원형그리기, 포토샵사각형그리기①

반응형

안녕하세요~!! 오늘은 포토샵원형그리기, 포토샵사각형그리기 강좌올리도록 하겠습니다. 앞 강좌들에서도 계속 말씀드리지만 꼭!!

포토샵은 실습이니 따라 해 보세요!

강좌 시작하겠습니다. 먼저 포토샵을 실행 해 주세요~!!

포토샵을 실행하면 위와 같은 창이 뜹니다. 위의 창처럼 위쪽에 있는 메뉴들은 메뉴창으로 부르고, 화면의 왼쪽부분 도구들이 있는 창은 도구창, 오른쪽하단에 있는 부분은 레이이 창으로 부르도록 하겠습니다. 일단 사각형, 원형을 그리기 위해서는 새로운 창을 만들어야 하기 때문에 위쪽의 메뉴창에서 File을 클릭하시고 메뉴가 뜨면 New를 클릭합니다.

그러면 위의 그림처럼 창이 뜨는데요 저는 가로 1000픽셀 x 세로600픽셀의 새로운 그림창을 만들도록 하겠습니다. 출력물용으로 만드는 것이 아니기 때문에 컬러모드는 RGB로 설정하였습니다.

설정 후에 OK를 클릭하면 위와 같이 그림을 그릴 수 있는 창이 뜨는데요. 포토샵에서 기본적으로 사각형을 그리는 방법 2가지, 원형을 그리는 방법2가지가 있습니다. 오늘은 첫번째 방법에 대하여 공부하도록 하겠습니다.

첫번째 방법은 라인툴, 사각형툴, 원형툴을 이용하는 방법입니다.

도구창에 보시면 라인툴이 있습니다. 사각형이나 원형으로 되어있는 경우도 있으니 위치를 잘 봐두시고 햇갈리시는 분들은 단축키 U를 눌러보시면 선택이 되는 도구가 있을겁니다. 그 도구가 라인툴, 사각형툴, 원형툴이 있는 도구라고 보시면 됩니다. 사각형 그리기 첫번째 방법을 먼저 배울건데요, 사각형으로 되어있으신 분들은 그냥 사각형이 선택되어있는 상태로 그리면 되시구요 저 처럼 라인툴로 되어있으신 분들은 앞 강좌에서 배우신 방법데로 라인툴의 오른쪽 하단을 가르키는 삼각형을 누르고 계시면 메뉴들이 나오는데 이 메뉴들중 사각형 모양을 선택하면 도구툴에서 라인툴이였던 부분이 사각형 툴로 바뀌실 겁니다.

이렇게 위의 그림처럼 처음엔 라인 툴이였는데 사각형툴로 바꼈지요. 이 사각형 툴을 선택한 상황에서 그림창에 사각형을 그릴겁니다.

사각형을 그리고 싶은 시작점에서 클릭 후 원하는 사이즈까지 쭉 드래그 하시면 사각형을 그릴 수 있습니다. 이때 정사각형을 그리고 싶으시다면 키보드의 Shift를 누른 상태로 그리면 정사각형을 그릴 수 있습니다. 그리고 보시면 자주색의 면의 하늘색의 선이 보이는데요 이것은 아래의 그림을 보시면서 설명드리도록 하겠습니다.

사각형을 그리기 전 도구툴의 사각형을 선택하면 포토샵 윗 부분 메뉴창쪽에 Fill 이라는 부분이 나옵니다. 글씨 오른쪽에 사각형을 클릭하시면 더 다양한 색상들이 나오는데 원하는 색상이 없을 경우 3번의 내용처럼 연두색사각형으로 표시한 부분을 클릭하시면 더 많은 색상이 나오게 됩니다. 원하는 색상을 찾아 선택하면 사각형의 면 색을 고를 수 있습니다.

그리고 사각형의 선은 더 우측에 Stroke라고 있습니다. Stroke는 선, 라인을 의미하는 것으로 이 부분도 Fill 부분처럼 Stroke글씨 우측의 네모 모양을 클릭하시면 사각형 선의 색상의 설정 하실 수 있습니다. 이렇게 사각형을 그리다보면 면색을 없애거나 선의 색을 없애고 싶을때가있는데요 그럴때에는 아래 그림을 선택 해 주시면 됩니다.

면의 색상을 없애고 싶으시면 Fill의 색상표에서 위의 그림 빨간대각선을 선택하시고, 선을 없애고 싶으시다면 Stroke 색상표에서 빨간 대각선을 선택해 주시면 됩니다. 빨간면에 선이 없는 사각형을 그리고 싶다면 밑의 그림처럼 설정 해 주시면 됩니다.

위의 그림대로 설정 후에 다시 사각형 툴을 선택 후 사각형을 클릭, 드래그하면 빨간면의 선이 없는 사각형을 그릴 수 있습니다. 그리고 선의두께조절과 선의모양을 점선이나 다른 모양으로 바꿀 수 있는데요.

위 그림처럼 Stroke 우측 우측에 보시면 숫자가 있는데요 숫자 부분위에 클릭하시면 숫자를 입력하실수 있으며, 숫자 옆 아래화살표를 클릭하시면 크기를 조절 할 수 있는 창이 나옵니다. 연두색 부분을 클릭한 상태로 좌측으로 움직이면 숫자가 줄어들고 우측으로 움직이면 숫자가 커지면서 선도 두꺼워 그리고 한단계 더 우측으로 보시면 가로줄이 하나 있습니다. 가로줄우측에 아래 화살표를 클릭하시면 아래 그림처럼 다양한 선들의 모양이 나오는데요.

원하는 선의 모양을 선택하신후 점의 가로넓이가 일정하지 않은 선을 만들고 싶다면 밑에 More Options를 클릭하시면 Stroke라는 창이 뜹니다. Stroke 창에서 Dash 와 Gap이 있는데요 Dash는 점의 가로 길이, Gap은 점과 점사이의 거리를 뜻합니다. 처음 Dash와 Gap에만 숫자를 지정하고 OK를 누르셔도 되구요 위의 그림처럼 점선의 모양을 일정치 않게 하고 싶다면 그 다음의 Dash와 Gap의 숫자를 바꿔주시면 됩니다. 그러면 위 그림처럼 순서데로 Dash와 Gap이 들어가는데요 이 부분은 이론으로 외우기엔 어렵고 꼭 실습 해보시면서 어떻게 변화되는지 숫자를 바꿔보시면서 연습을 하시면 쉽게 이해가 되실 겁니다.

자~~~ 그리고 사각형의 사이즈를 지정하고 싶으시다면 더 우측에 W와 H의 부분에 원하시는 숫자를 지정 후에 사각형을 그리고 싶은 부분에 마우스를 올리고 클릭 하시면 원하는 사이즈의 사각형을 그릴 수 있습니다. W는 사각형의 가로 값, H는 사각형의 세로값으로 가로500에 세로300 사이즈의 사각형을 그리고 싶다면 밑의 그림처럼 지정하신 후 그림창위에 클릭하시면 새 창이 나오는데 사이즈가 맞는지 틀릴경우 재 지정한 후에 OK를 누르면 됩니다.

위의 그림처럼 가로500에 세로300사이즈의 사각형이 완성되었습니다. 포토샵원형 그리는 방법도 위의 사각형그리기 방법처럼 사각형툴대신 원형툴로 그림을 그리면 되는데요 원형의 사이즈 지정도 사각형의 사이즈 지정과 동일하게 지정하면 됩니다. 그리고 정 원, 타원형이 아닌 정 원을 그리고 싶으시다면 사각형과 마찬가지로 Shift를 누른 상태로 그림을 그리면 정 원이 됩니다.

위의 그림처럼 도구툴에서 원형을 선택 후 원하는 위치에서 클릭드래그, Shift를 누를 경우 정 원을 그릴 수 있습니다. 그리고 한가지 더!! 알려 드린다면 사각형이나 원을 그릴 때 키보드의 Alt를 누른상태로 원을 그리면 사각형의 가운데, 또는 원의 가운데부터 그림을 그릴수 있습니다.

위의 내용처럼 Alt를 누르지 않았을 경우에는 사각형이나 원형의 좌측상단부분을 기준으로 그림이 그려지지만 Alt를 누를경우는 사각형이나 원형의 중심부터 그림이 그려집니다. 이때 정사각형, 정원을 정가운데서부터 그리고 싶다면, Shift + Alt를 같이 누른 후 그림을 그리면 됩니다.

오늘은 포토샵사각형그리기, 포토샵원형그리기 첫번째 방법에 대하여 알아보았는데요. 최대한 이해가 쉽도록 설명드리려고 하는데도 많이 어려우시다면 어떤부분이 어렵고 어떤부분이 이해가 잘 가지 않는지 댓글을 남겨주시면 더 자세히 설명 해 드리도록 하겠습니다. 이론만 보면 더 어려우니 꼭 실습으로 순서데로 직접 따라하면서 공부 해 보세요~!!! 열공 화이팅 합시다 !!!^ㅡ^

공감, 구독, 댓글 환영합니다~!!

반응형

So you have finished reading the 포토샵 도형 그리기 topic article, if you find this article useful, please share it. Thank you very much. See more: 포토샵 펜툴 도형 그리기, 포토샵 도형툴, 포토샵 도형 테두리, 포토샵 도형 다운, 포토샵 도형 크기 조절, 포토샵 도형 자르기, 포토샵 도형 변형, 포토샵 도형 합치기