포토샵으로 말풍선 만들기

- 포토샵 과외 -




사진이나 이미지를 꾸미는 방법은 여러가지가 있지만

말풍선을 넣는 것 만큼 허전함을 채워주는 것도 없죠


사실 저는 이런 그래픽을 만들 때 일러스트를 이용하는 것을 선호하지만

간단한 작업은 포토샵에서도 충분히 가능하고

비 전문가들은 일러스트보단 포토샵을 많이 사용하죠



먼저 말풍선을 넣어 줄 이미지나 사진을 불러옵니다

전 동물을 그닥 좋아하진 않습니다만

이 고양이는 귀엽고 마치 저에게 말풍선을 넣어달라고 이야기하는 듯한

느낌을 받아서


포토샵에서 그래픽을 만드는 방법은 여러가지가 있습니다

무난하게 도형툴을 이용해서 만들 수도 있고

펜 툴을 이용해서 만들 수도 있습니다


하지만 저는 존문가이고 잘 못하는 사람들을 위한 과외를 하니

가장 쉬운 방법을 찾아보다가 선택 툴을 이용한 방법을 찾게 됐습니다



선택 툴 도형을 만들경우 레이어가 새롭게 만들어지지 않기 때문에

모양을 만들기 전에 새로운 레이어를 먼저 만들어줍니다


포토샵을 이용하면서 새로운 레이어를 만드는 습관을 들이는 게 중요합니다


프로그램 오른쪽 하단의 휴지통 옆 아이콘을 눌러 새로운 레이어를 만들고

그 레이어가 선택된 상태에서 선택 툴을 이용해 모양을 만들어줍니다


사각형 말풍선을 만들고 싶다면 사각형 모양 툴을 이용

원형 말풍선을 만들고 싶다면 원형 모양 툴을 이용합니다



그리고 이 상태에서 라쏘 툴을 이용합니다

라쏘 툴은 모양 툴 바로 아래 위치하고 있는데

보시는 사진의 아이콘과 다를 경우

툴을 길게 누르고 있으면 다른 메뉴들이 뜹니다

Polygonal Lasso Tool를 이용합니다


그리고 여기서 중요한 것은 Shift를 눌러야 하는 것입니다

Shift를 누르면 라쏘의 모양이 +로 변하면서

현재 그려놓은 모양에 추가가 됩니다


그리고 원하는 위치에 말풍선의 꼬리를 만들어줍니다


라쏘툴의 사용 방법은 간단합니다

원하는 위치에 클릭을 하면 라쏘가 시작되는데

마우스을 찍고 찍고 찍어서 처음 클릭했던 그 위치에 다시 찍으면

점선이 생기면서 모양이 만들어집니다



모양이 점선으로 된 상태에서

색을 채워주는데

보시는 것처럼 색을 채우는 단축키는

왼쪽 색이 Alt + Delete

오른쪽 색이 Ctrl + Delete입니다

자주 쓰이는 단축키니 외워두시는 게 좋습니다


여기서 원하는 색으로 해도 상관없지만

어차피 색은 언제든 바꿀수 있으니 아무 색으로 해도 상관없습니다



원하는 색으로 바꿔주기 위해서

레이어를 더블클릭 하거나

레이어에 오른쪽 클릭 Blending Options을 눌러줍니다


그럼 Layer Style 창이 뜨는데

여기서 Color Overlay에 체크를 하면

보통은 색이 빨간색으로 바뀝니다

빨간색이 기본 색으로 설정 되어있기 때문이죠


빨간색을 눌러 원하는 색으로 바꿔줍니다


저는 여기서 Stroke도 추가를 해서

그래픽을 더 꾸며봤습니다



원하는 색을 채운 말풍선을 원하는 위치에 배치하고

원하는 글씨를 쓰면 그것으로 끝~


혹시 뭔가 더 꾸미고 싶다 하시는 분들은

말풍선 안에 패턴을 넣어줘도 괜찮고

Layer style에서 그림자를 넣어줘도 좋을 것 같네요

  1. 라텍스추천 2017.05.04 14:52

    평소에 말풍선 궁금했는데 구인님께서 해주시네요. ㅋㅋㅋ 근데 저는 이쁘게 못만들겠더라구요 ㅜㅜ 혹시 라이브러리같이 이용할 수 있는건 없나요?

포토샵 사진 원하는 모양으로 자르기

- 포토샵 강좌 -




사진을 자르는 방법은 여러가지가 있죠

클리핑 마스크를 이용하거나

지우개를 이용해도 되고

선택툴을 이용해도 됩니다



선택 툴을 이용해서 사진을 자르는 방법은 아주 간단합니다

선택 툴은 사각형, 원, 둥근 사각형을 이용해서 자르는 방법 밖에 없기 때문에

많이 쓰이진 않지만 간단하고 빠르게 자르는데는 최적화가 돼있죠


선택 툴로 자르는 부분을 선택하기 이전에

자르려는 이미지가 선택이 되어있어야 합니다


레이어 창에서 내가 자르려는 이미지가 맞는지 한번 더 확인!


그리고 선택 툴을 이용해 자를 부분을 선택해줍니다


Ctrl + Shift + I 를 누르면 선택 부분이 반전 됩니다

이 상태에서 Delete를 누르면 선택 했던 부분만 남고

나머지가 지워지죠


그런데 이런식으로 자르면 원본이 삭제되기 때문에

나중에 원본을 다시 사용해야할 때 곤란함이 있습니다


그렇기 때문에

선택 툴로 선택한 상태에서


Ctrl + J를 눌러줍니다


선택 부분을 그대로 복사하는 기능입니다


레이어가 새로 생기면서 사진이 잘린 것을 볼 수 있죠



클리핑 마스크를 이용해 자르는 방법입니다

클리핑 마스크를 이용해 자르면 원본도 살아있고

자르는 사진의 편집도 아주 쉽다는 장점이 있죠

그래서 보통 이 방법을 사용하곤 합니다


클리핑 마스크를 이용하기 위해선 모양을 내 줄 다른 레이어가 필요합니다

꼭 도형 툴을 사용하지 않아도 상관 없지만 저는 이번에 도형 툴을 이용해 보겠습니다


한가지 주의할 점은 도형 툴을 이용하든 무엇을 이용하든 채워진 어떤 것이어야 한다는 것입니다


모양을 내 줄 레이어를 자를 레이어보다 아래쪽에 배치합니다



그리고 자를 이미지의 레이어에 오른쪽 마우스 클릭

여러 메뉴 중에서 Create Clipping Mask를 눌러줍니다



레이어 앞에 화살표가 생기면서 사진이 잘렸네요


원본 이미지는 자유롭게 이동이 가능하며

모양을 내줄 레이어의 모양에 따라 사진이 잘립니다


물론 반대로 원본 이미지는 그대로 두고

모양을 내줄 레이어를 이동시켜 자를 수도 있습니다



응용작입니다

자몽 오목!

흑자몽이 이길까요 백자몽이 이길까요


포토샵 강좌 8화

- 웹툰 집중선 혹은 강조선 -







웹툰에서 자주 쓰이는 바로 이것

어떤 상황을 강조할때 쓰이는

강조선, 집중선이라고도 불리는 이 효과


사진을 재밌게 꾸미거나

웹툰 지망생들에게 아주 좋은 강의가 될 것 같다




흰색이 채워진 레이어를 하나 만든다


이후에 노이즈 효과를 줄 건데

배경색이 검정색이거나 다른색이면

노이즈 색도 바뀐다

여러가지 해 본 결과 흰색 노이즈가 제일 괜찮은 것 같다


Filter - Noise - add noise

Amount : 75%

Distribution - Gaussian

Monochromatic 체크


Amount의 퍼센트를 더 늘려줘도 상관없다

해보면서 자신만의 설정을 익히는게 중요




Filter - blur - motion blur

angle : 90

Distance : 2000(최대값)


지금은 집중선을 한곳으로 몰리게 하기 위해서 90도를 하는데

혹시 집중선을 가로로 하고 싶다면

angle을 0도로 설정해주고 진행하면 된다



Filter - Distort - Polar Coordinates

아마 한글판은 극좌표


rectangular to polar


이렇게 하면 뭔가 모양이 나온다

슬슬 나도 웹툰으로 데뷔할 수 있을 것 같은 느낌이!




그리고 여기서 지우개로 강조할 부분을 지워도 상관없지만

더 또렷하게 보이기 위해서

레벨값을 조정해준다

Ctrl + L

혹은

image - adjustments - levels


레벨은 어두운 곳은 더 어둡게

밝은 곳은 더 밝게 해주는 기능이다


가장 왼쪽의 삼각형이 어두운 곳은 더 어둡게

가장 오른쪽의 삼각형이 밝은 곳은 더 밝게


가장 왼쪽의 삼각형을 오른쪽으로

가장 오른쪽의 삼각형을 왼쪽으로 조절한다

내가 원하는 적정값을 찾는다


그리고 마지막으로 지우개를 이용해

내가 강조할 부분을 지워준다


이때 지우개는 끝이 깔끔한 지우개가 아니라

끝이 흐린 지우개를 선택해서

슬슬 지워준다


혹시나 집중선이 너무 많은 것 같다면

레벨값을 좀 더 조정해주면 된다




그리고 적용된 화면을 보면

내가 원했던 완벽한 화면은 아니다


배경이 하얀색이기 때문에

지우개로 지우지 않은 부분은 하얀 배경이 보이는데

이때 블랜딩 모드를 조정해 주면 된다


사실 블랜딩 모드는 나도 완벽하게 이해하지 못했다

그냥 매번 할때마다 이것저것 눌러가면서 적절한 것을 찾는다


이번에는 Multiply 곱하기를 선택해준다



나중에 웹툰 작가로 다시 만나요~

  1. Cieneyes 2016.11.23 09:07 신고

    '흐릿한 우리 인생처럼'에서 제 모습이 보이네요 ㅋㅋ
    아참, 혹시 만들어둔 스타일 같은 걸 계속 재활용해서 사용할수 있는 방법이 있을까요 ~? 선생님이 쓰시는 자막처럼요~

    검색해도 안나오네요 ㅠㅠ..

    그리고 이미지 그릴 때 마우스로 그리시는건지 궁금합니당 ~ ㅎㅎ

    • 히읗(hieut) 2016.11.23 12:10 신고

      포토샵이나 일러스트로 작업하신다면
      레이어를 그대로 두시면 계속 사용하실 수 있어요!

      그래픽 만들어놓은 걸 저장해 놓고 글씨랑 내용물만 수정하는거죠 ㅎㅎㅎ

      그리고 그림 그리는건 상황에 따라 다른데 마우스로 그릴때도 있고 타블렛으로 그릴때도 있습니다!

  2. 자장면은역시곱하기 2017.04.15 13:04

    혹시 제가 원하는 부위만 레벨값을 조정하고 싶은데, 그런 경우에는 어떤 툴을 이용하면 될까요?

+ Recent posts