세상을 아름답게 만드는 디자인

안녕하세요 우타냥입니다^^

저번에는 사각, 원형으로 영역을 선택해 이미지 따는 방법에 대해서 글을 올렸어요

이미지의 한 부분을 사각형 또는 원형으로 정해진 틀을 이용해서 이미지를 따는 방법이었어요

오늘 나열할 Lasso Tool은 마우스를 움직이는 대로 자유롭게 이미지를 선택이 가능한 툴이랍니다

포토샵 왼편의 Tool Bar를 보시면 위와 같은 아이콘이 보이실 거에요

이 아이콘이 Lasso Tool이고 단축키는 L이에요

Lasso Tool(올가미 툴)의 종류가 총 3가지 인데 전부 단축키가 L이라는게 의아하시죠?ㅎ

이렇게 단축키가 전부 똑같을 경우에는 해당 아이콘이 선택되어 있는 상태에서 단축키를 누르면 선택되어 있는 아이콘을 사용하는게 가능하답니다

즉, Polygonal Lasso Tool이 선택되어 있는데 Magnetic Lasso Tool을 이용하고 싶어 단축키 L을 눌러도 마우스는 Polygonal Lasso Tool 모양으로 표시가 바뀐다는 말이죠...ㅎ 

자, 쓸데없는 얘기는 요기까지!!!!!!!ㅎ

제일 위에서 부터 순서대로 알아볼게요

이미지를 가져와서 직접 툴을 사용하면 어떤지 보여드릴게요

요기 파란색 체크무늬 국그릇을 Lasso Tool로 영역 지정해서 이미지 따볼게요ㅎ

1.Lasso Tool, 올가미 툴 : 마우스를 자유롭게 드래그 하여 선택 영역을 지정 가능

말 그대로 마우스를 클릭한 채로 손을 떼지 않은 상태에서 마우스를 움직여 이미지를 딸 수 있어요

대신 울퉁불퉁하게 이미지가 따지죠?ㅎ

요런 툴은 그냥 뒷배경이 흰 이미지에 적합하지 않나 생각해요

2.Polygonal Lasso Tool, 다각형 올가미 툴 : 마우스로 지점을 클릭, 클릭해 직선으로 연결하여 영역을 선택 지정 가능

이 툴은 곡선 표현이 안되기 때문에 직선으로 그냥 이어서 이미지를 따는게 가능해요

올가미툴은 마우스를 놓지 말고 그려야 하는 반면, 이 다각형 올가미툴은 첫 지점을 반드시 클릭을 해줘야만 시작이 되요

첫 지점을 클릭하고 그다음 이미지를 따고 싶은 영역만큼 직선으로 클릭, 클릭해준 뒤 마지막에는 처음에 찍었던 지점으로 다시 가져가서 마무리를 해주면 영역이 그려진답니다

그리고 여기서 한가지!! 처음에 찍었던 지점을 찍어서 마무리 하지 않아도 Ctrl을 누르면 영역을 강제로 마무리하는게 가능하답니다

3.Magnetic Lasso Tool, 자석 올가미 툴 : 자석에 붙는 것처럼 이미지간에 색상 차가 나는 부분을 따라서 자동으로 영역을 선택 지정 가능

이 자석 올가미툴 역시 아까의 다각형 올가미툴과 마찬가지로 첫 시작지점을 반드시 찍어 주어야만 시작이 가능하답니다

이 툴은 위의 2가지 툴과는 다르게 조금 더 이미지의 모양대로 뒤에 쓸데없는 배경을 제외 한 채로 이미지 영역을 따는 것이 가능한 대신에 마우스를 이미지 모양대로 천천히 움직여 줘야지만 포인터가 생기면서 이미지가 잡힌답니다

급한 마음에 마우스를 조금만 빨리 움직여도 저처럼... 왼쪽 밑에 찌그러진 부분 보이시나요?ㅎㅎ

저렇게 된답니당 ㅋㅋㅋ

그래도 다른 툴에 비하면 편리하죠? 원하는 이미지만 딱 뽑아내니깐용

필요한 부분만 잘라내서 수정, 변형할 때 쓰기에 딱 좋은 아이콘이랍니다

다음은 옵션바 알아볼까요?

그런데 이 올가미툴에서는 옵션바를 쓸 일이 거의 없다보니...ㅎ

대충 요런거다~라고 간단히 설명만 하고 넘어갈게요

올가미툴과 다각형 올가미툴을 누르면 나오는 옵션바에요

요 옵션바는 Marquee Tool을 눌렀을 때 나오는 옵션바랑 비슷하죠?

영역 추가, 영역 빼기, 영역 교차... 가 가능해요

요런식으로 이용가능하지만 실제로 쓰일일은 거의 없다고 보시면 되요

그리고 굳이 옵션바에서 안 누르셔도 Shift를 누르면 영역을 추가해서 선택 가능하니깐요ㅎㅎ

요 옵션바는 자석 올가미툴을 누르면 나오는데 아까랑은 다르죠?

Width, 폭 : 경계 영역 색상 추출 정도를 지정하는 것으로 수치가 낮을수록 색상을 엄격하게 구분하여 선택하게 해줌

Contrast, 대비 : 경계 영역 간의 색상 대비 정도를 지정하는 것으로, 수치가 낮을수록 대비가 적은 색상의 차이를 감지하여 더 정밀하게 선택 가능

Frequency, 빈도 수 : 선택점의 개수로, 선택점이 많을수록 정밀하게 선택 가능

혹시 몰라 적는데 이것 역시 잘은 안쓰여요ㅎㅎ

요런게 있구나라고 알고 넘어가는 정도면 충분하다고 생각합니당

안녕하세요 우타냥입니다 ^^

오늘은 선택툴 Marquee Tool에 대해서 설명해보고자 합니다

선택툴은 사각형이나 원형 같이 정해진 모양으로 선택 영역을 지정할 때 사용하는 툴이에요

포토샵 화면 왼쪽에 Tool Bar에 보면 점선으로 이루어진 사각형이 있습니다 이 아이콘이 선택툴인데요

선택툴 아이콘을 마우스로 길게 누르면 위에 사진처럼 총 4가지 모양의 선택툴이 나옵니다

주로 사용하는건 위에 두개 사각형이랑 원형 이 두가지가 제일 많이 사용되고 있어요ㅎ

오늘은 이 두가지에 대해서만 설명을 하도록 할게요, 실제로 작업하면서 밑에 두개는 사용해 본 적이 거의? 한번도? 없는 것 같네요ㅋㅋㅋ

그리고 아이콘 옆에 M 이라고 적혀있는게 단축키랍니다ㅎㅎ

 *단축키가 있고 없고는 자주 사용되는가 그렇지 않은가에 의해 나눠진다고 보시면 됩니다 자주 사용하는 툴일 수록 쉽고 간편하고 빠른 작업을 위해서 단축키가 존재하는 것이지요*

우선 이미지를 하나 불러왔어요ㅎㅎ 예전에 서울 잠실에 구경갔다가 찍은건데... 예전 폰 화질이 이렇게나 어둡다는걸 지금 느끼네요...ㅋㅋ( 요즘 폰이 참 좋아지긴 했네요...ㅋ)

먼저 사각 선택툴을 클릭하고 원하는 이미지 사이즈만큼 마우스로 클릭, 드래그해서 영역을 잡아줍니다

Move Tool을 이용해 움직여 줬어요( 사각 선택영역이 잘 안보여서...ㅠㅠ죄송해요)

사각형으로 선택한 이미지가 움직이는게 보이시나요?ㅎㅎ

저런식으로 원하는 영역 만큼의 이미지를 잡아서 움직이거나 복사하거나 해서 작업을 하는게 가능해져요

원형도 똑같이 하시면 된답니다

마우스로 길게 눌러서 원형툴로 선택을 해준 다음 이미지 드래그해주면 끝!

역시나 아까와 똑같이 이미지가 선택한 부분만큼 영역이 따진것을 확인가능해요

그런데 이미지를 드래그 했는데 원하는 영역만큼 선택이 잘 안될때도 있잖아요?

그럴때는 다시 드래그를 하지 않아도 키보드의 위,아래,옆 방향키있죠? 방향키로 선택영역을 움직여 주는게 가능하답니다( 여기서 다른 툴 아이콘에 선택이 되어있으면 안되고 영역선택툴이 선택 된 상태에서 방향키를 눌러줘야만 드래그 된 영역이 움직입니다)

그리고 드래그 해 보시면 알겠지만 마우스로 드래그 하는데로 정사각형, 정원이 아닌 직사각형,타원형으로 드래그가 될 텐데요, "나는 정사각형으로 드래그 해서 영역잡고 싶은데" 라고 한다면 이때는 Shift를 눌러주시면 정사각형, 정원으로 드래그하시는게 가능해요

또 한가지, Shift에서 Alt를 추가로 누르고 드래그를 하면 정사각형으로 영역잡기 + 중앙에서 영역잡는게 가능해진답니다

알기쉽게 그림으로 가져왔어요ㅎ

왼쪽 그림은 Shift만 사용하였을 경우에요 시작을 하기는 + 지점에서 시작을 하여 드래그를 했는데 정사각형이 만들어지기는 했지만 마우스로 드래그한 위치대로 커지는게 보이시죠?

오른쪽 그림에서는 Shift와 Alt를 둘다 사용한 경우에요 + (중심) 지점에서 클릭을 하여 드래그를 하니 클릭한 곳을 중심으로 사방으로 퍼지면서 정사각형의 선택영역이 잡히는것을 눈으로 확인하는것이 가능해요ㅎ

이 단축키는 매우 많이 사용되는 단축키이므로 외워두시면 좋아요

이제 좀 더 자세히 세부적으로 선택이 가능한 옵션바에 대해 설명을 해볼까요?

선택영역툴을 클릭하였을 때 메뉴바 아래부분에 보면 옵션바가 뜬답니다

우선 제일 앞에 정사각형이 선택되어 있죠? 이게 기본으로 선택이 되어있을거에요

옆에 3개의 옵션에 대해 알아볼게요

우선 사각형2개가 겹쳐져있는 옵션부터! 

Add to selection (선택영역추가) 영역을 추가로 더하는게 가능해요

이렇게 영역을 한번 선택하고 또 선택하고... 몇개든 한꺼번에 선택할 수 있게 해준답니다

그런데 이렇게 옵션을 선택하지 않고도 영역을 추가하는게 가능하도록 해주는 키가 바로 Shift에요

Shift를 누른 상태에서 마우스로 드래그하면 영역을 계속 선택하는게 가능해요

그 다음은 Subtract from selection (선택영역빼기) 먼저 선택한 영역에서 나중에 선택한 영역과 겹치는 부분을 빼줄 수 있어요

왼쪽 사각형을 만들고 오른쪽에 사각형으로 영역을 만들었더니 나중에 생긴 영역만큼이 사라졌어요ㅎ

그런데 이렇게 사용할 일이 잘 없다보니 거의 사용이 안된다고 볼수있네요

마지막은 Intersect with selection (선택영역과교차) 영역과 영역이 교차하는 부분만 남기고 나머지 영역은 없어져요

이것 역시... 이렇게 할거면 애초에 영역을 작게 잡으면 끝날 일이죠?ㅋㅋㅋ

사용할 일은 없지만 어떤 것인지는 알아놓으시라고 설명을 드려봤답니다

그다음 옵션바에서 옆에 보면 Feather 라고 되어있고 옆에 숫자가 0이라고 되어있을거에요

이건 선택영역의 경계 부분을 부드럽게 만들어 주는 것이 가능해요

저는 수치를 100으로 줘봤어요

밑에 바탕색을 깔아 줘 봤더니 더 잘보이죠? 영역 주변이 흐릿해진걸 알수있어요 수치는 원하는데로 이미지를 봐가면서 조절 하시면 된답니다

Anti-alias(앤티 앨리어스) 요건 웬만하면 체크가 되어있는 상태로 놔두시는게 좋아요 이미지 영역 딴 부분의 경계를 최대한 부드럽게 처리하게 해주는 거랍니다

체크했을 때와 그렇지 않을 때!!

차이가 확실히 보이시죠? 포토샵은 비트맵 방식이라서 곡선부분은 계단형식으로 이미지가 깨져서 처리가 되요

그래서 체크를 하지 않았을때 저렇게 계단형식으로 깨지는 것을 확인할 수 있어요 그러니 항상 요건 체크가 되어 있는 상태로 놔둡시다!

Style(스타일)

스타일은 옆에 화살표를 누르면 3가지의 스타일이 나옵니다

Normal(표준) : 마우스를 원하는 대로 드래그하여 영역을 선택

Fixed Ratio(고정비) : 가로(Width,폭), 세로(Height,높이) 의 비율을 지정해서 지정된 비율대로 영역을 선택

Fixed Size(크기고정) : 가로(Width,폭) 픽셀 수와, 세로(Height,높이) 픽셀 수를 입력하여 영역을 선택이 가능

Refine Selection Edge(가장자리 다듬기) : Radius(반경), Contrast(대비), Smooth(매끄럽게), Feather(페더) 등을 이용하여 선택 영역의 가장자리를 자연스럽게 다듬어줄 수 있다

안녕하세요 우타냥입니다

오늘은 포토샵을 하는데 있어서 중요한 레이어에 관해서 알아보는 시간을 가지도록 해볼게요

포토샵 오른쪽에 있는 패널에 보면 레이어라고 적혀있는 곳이 있습니다

혹시나 레이어 패널이 없으시다면 상단의 메뉴바에서 Window -> Layers를 누르면 패널을 꺼내는 것이 가능합니다

단축키 F7을 눌러도 꺼내는 것이 가능하니 기억해주세요!!

설명하는데 알기 쉽게 번호를 적어 표시했는데 이미지가 깨져서 나오네요...ㅠ 그래서 알기쉽게 그냥 깨끗하게 가져온 레이어 패널을 옆에 같이 놓고 보도록 하겠습니다

우선 번호가 적혀있는 것이 무엇인지에 관해 설명을 해볼게요

1. Blending Mode : 블랜딩 모드, 즉 혼합을 뜻합니다 상위레이어와 하위레이어를 섞어준다고 하면 이해하기 쉬우실까요? Normal이라고 적혀있죠? 이게 기본 모드이고 주로 이 모드로 많이들 작업을 하고 있답니다. 옆에 화살표를 눌러보면 쭉 효과들이 나오는데 이 효과들을 눌러 여러가지 혼합효과를 주는 것이 가능합니다

2.Opacity : 오퍼시티? 오파시티? 라고 발음을 하며 레이어를 투명하게 만들어 줄 수 있습니다 100%에서 0%로 갈 수록 점점 투명해진답니다 0%로 하면 완전 투명하게 되어서 아무것도 보이지 않게 되겠지요ㅎㅎ 

3.Lock : 말 그대로 잠금이라는 의미에요 선택한 레이어를 잠궈서 작업을 하거나 움직이는게 되지 않도록 해주는 기능입니다

잠금 아이콘이 4개가 있죠? 아이콘에 따라 잠글 수 있는 부분들이 조금씩 틀린데요

왼쪽에서부터 투명 픽셀 잠그기 : 투명한 영역에서는 작업을 할 수 없도록 잠금

이미지 픽셀 잠그기 : 채색 작업을 할 수 없도록 잠금

위치 잠그기 : 레이어 이동이 불가능하도록 잠금

모두 잠그기 : 그 어떤 작업이 불가능하도록 잠금

4.Indicates Layer Visibility : 영어로 불라불라 뭐가 긴 용어가 있지만 그냥 눈이라고들 많이 한답니다 이 눈을 끄면 해당 레이어의 이미지가 보이지 않게 되고 다시 눈을 키면 해당 레이어의 이미지가 보이는게 가능합니다

5.썸네일 : 이건 뭐라고 설명하면 좋을까요? 미리보기?같은?ㅎㅎ 해당 레이어에 어떤 이미지가 있는지 보여주는 곳입니다

6.Later 이름 : 기본적으로는 새 레이어를 만들면 Layer1, Layer2라고 표시가 되어있는데요 이걸 더블클릭 하는 것으로 이름을 변경하는 것이 가능합니다

7.Link Layers : 2개 이상의 레이어를 서로 연결시켜주는 것이 가능합니다 서로 연결시킨 이미지는 한꺼번에 같이 움직이는게 가능합니다

8.Add a Layer Style : 예를 들어 글씨를 썼는데 그림자 효과를 주고 싶다거나, 조금 볼록하게 보이게 하고 싶다거나.. 등 이런 레이어 스타일을 지정하는게 가능합니다

9.Add layer mask : 레이어에 마스크를 씌우는 건데요 레이어 이미지 중에서 아 이부분은 없애고 싶다할 떄 적용하는 것이 가능하답니다

10.Create new fill or adjustment layer : 레이어에 색상 변경, 명도, 채도 등을 보정 할 수 있는 한마디로 색상변경 기능입니다

11.Create a new group : 2개 이상의 레이어를 묶어서 하나의 그룹으로 만들어 줍니다

12.Create a new layer : 새로운 레이어를 만들 수 있습니다

13.Delete layer : 레이어를 삭제할 수 있습니다

앞에 용어를 영어로 적어놓기는 했지만... 실제로 이 용어로 부를 일은 없답니다ㅎㅎ 그냥 어떤 기능이 있는지 정도만 아시면 되요

아이콘에 대한 간단한 설명은 끝났구요 저 아이콘들은 포토샵 작업을 하면서 많이 쓰이는 거니 꼭 어떤 기능이 있는지 알아놓으시면 좋을거같아요

아이콘에 대한 이해가 조금 더 잘 되도록 몇개만 이미지로 설명을 해드릴게요

새 레이어 만드는 아이콘을 누르면 위에 그림처럼 Layer1이라고 뜨는데 옆에 썸네일을 보면 무슨 바둑판처럼 되어있죠? 저건 투명하다는 뜻이에요 만약 레이어마다 전부 하얀색 바탕이라면 밑에 레이어에 있는 이미지는 보이지 않겠죠? 조금 더 알기 쉽게 설명을 하자면 A4용지 위에 그림을 그리고 그 위에 새로운 A4용지를 놓고 그림을 그리는거나 마찬가지에요 그러면 제일 위에 있는 그림만 보이지 밑에 그림은 보이지 않으니깐요...ㅎ

도형을 3개 그려봤는데요 이미지가 한장의 그림처럼 보이죠? 배경이 투명하기 떄문에 이렇게 보이는 것이지요...ㅎ

조금은 이해가 되셨나요?

그리고 눈을 꺼보았습니다. 오른쪽 레이어 패널에 노란색 도형이 있는 레이어에 눈이 꺼진게 보이시죠?

그리고 작업판에도 노란색 도형의 모습은 보이지가 않아요

작업하다 보면 눈을 끄고 작업을 하는 경우가 생기는데 그럴떄 사용을 한답니다

레이어에 있어서 제일 중요한 건 순서인데요

녹색 도형과 노란색 도형의 위치를 바꿨더니 노란색 도형이 제일 위로 올라온게 보이시나요?

포토샵에서는 레이어의 위치 변경이 자유로우며 작업을 하는데 있어 이 레이어 순서가 제일 중요하답니다 꼭 알아두세요^^ 이거 중요 포인트랍니다

이건 Opacity 값을 50%로 낮춘건데요 노란색 도형이 조금 투명해진게 보이시나요?

해당 레이어를 클릭해야만 Opacity 값이 낮춰진게 보이는데 제가 캡쳐를 잘못해서 100%로 보이네요...

아무튼 저렇게 해당하는 레이어만 투명도를 조절하는게 가능하답니다

그리고 이건 블랜딩모드를 적용한것이에요

Screen모드를 적용한 건데 이것 말고도 효과가 많으니 직접 눌러보면서 확인하는게 제일 좋아요

그리고 레이어 삭제!

해당 레이어를 선택하고 휴지통 눌르면 저렇게 삭제하시겠습니까? 란 창이 뜨는데요

저렇게 하지말고 해당레이어를 클릭한채고 마우스를 끌어다 휴지통으로 가져가도 삭제가 되고 단축키 Delete를 눌러도 삭제가 되니 편하신데로 이용하시면 되세요

레이어에 관한 설명 이렇게 끝인데 이해가 되셨나 모르겠어요

나머지 알려드리지 않은 아이콘 기능들은 더 자세히 들어가야되니 다음에 따로 포스팅 하기로 할게요

오늘도 이 글을 읽어 주셔서 감사합니다