히읗

포토샵 과외 5화

- 예능 자막 만들기 -

예능이 더 재밌을 수 있는 이유

자막 중에 가장 유명한

무한도전 자막

이런 무한도전 자막을 만드는 방법

어렵지 않다

일단 자막으로 만들고 싶은 글씨를 쓴다

무한도전의 자막이 정갈한 고딕체이기 때문에

나도 고딕체를 사용했다

오른쪽에 레이어가 나눠진 곳을 더블클릭하면

레이어 스타일을 불러올 수 있다

텍스트 레이어 기준으로

T가 그려진 곳을 더블클릭하면

텍스트를 수정할 수 있고

상대적으로 부족했던 부분을 더블클릭하면 레이어의 이름을 수정할 수 있다

그리고 그 이외의 공간을 더블클릭하면 Layer style 창이 뜬다

첫 번째로 우리가 적용할 옵션은

stroke와 outer glow다

옵션의 체크를 켜주면 옵션이 켜지고

상세 설정을 할 수 있다

외곽 선을 4픽셀로 지정해 줬는데

이 값은 절댓값이 아니다

텍스트 크기가 크면 외곽 선도 더 두껍게 설정해 줘야 하고

텍스트가 작으면 외곽 선도 얇게 설정해 줘야 한다

outer glow도 마찬가지로

텍스트의 크기에 따라서 수치를 조정해 준다

blend mode는 normal로 설정해 줬다

무한도전 자막을 보면 소품이라는 글씨에 색이 칠해져있는데

우리도 그것을 하기 위해서

흰색과 색을 칠할 레이어를 나눠준다

그리고 역시 layer style에 들어가서

gradient overlay의 체크를 켜주고

gradient에서 색을 변경해 준다

원래는 검-흰으로 돼있는데 그곳을 누르면

gradient editor 창이 뜨고

아래 색연필 모양의 아이콘을 더블클릭하면 색상을 변경해 줄 수 있다

더 완벽하게 해주고 싶다면

그라디언트의 색을 더 디테일하게 조정해 주고

비슷한 폰트를 찾아서 바꿔주면 될 것 같다

일러스트 과외 7화

- 패턴 만들기 2 -

위, 아래, 대각선으로 패턴을 만드는 방법은 이제 알았다

하지만 둥근 형태로 만드는 방법은 따로 있다

시계나 꽃 같은 그래픽을 그릴 때 아주 유용한 기능이다

일단 역시 그리는 게 1단계이다

왼쪽에 툴 중에서 회전 도구가 있다

이 회전 도구를 선택한 상태에서 마우스를 움직여보면

오브젝트의 중심점을 기준으로 회전을 한다

보통은 오브젝트의 중심점은 정중앙에 있다

알트를 누르고 마우스 왼쪽 클릭을 하면 오브젝트의 중심점이 변경되면서

하나의 창이 뜨는데

여기서 상세 옵션을 설정해 줄 수 있다

각도에 회전시키고 싶은 만큼 각도를 지정해 준다

어느 정도인지 감이 안 온다면 미리보기를 체크해주자

각도를 입력하고 복사를 누르면 오브젝트가 복사되고

확인을 누르면 원본 오브젝트가 움직인다

기준점을 중심으로 30도만큼 움직였다

그리고 그 복사된 오브젝트가 선택된 상태에서

역시 Ctrl + D를 눌러주면

그 오브젝트가 30도만큼 계속 복사된다

이런 식으로 아주 쉽게 그래픽을 그릴 수 있다

하지만 자세히 보면 완전한 정원의 형태가 아닌 것을 볼 수 있는데

정확하게 만들려면

그 오브젝트의 정중앙을 기준점으로 설정하면 정확하게 그릴 수 있는데

기계가 아니라 정확하게 못하니까

가이드라인을 이용해서 가운데를 찾는다

Ctrl + R을 누르면 프로그램 왼쪽과 상단에 눈금자가 생기는데

여기서 가이드라인을 꺼내올 수 있다

눈금자를 클릭하고 쭉 끌어당기면 가이드라인이 생기는데

이 가이드라인은 무한정 꺼내올 수 있다

(도라에몽 주머니처럼)

그렇게 꺼내온 가이드라인을 오브젝트의 중앙에 위치시킨다

우리는 0도에서부터 시작하니까

가로의 가이드라인은 어느 위치가 돼도 상관없다

이유는 가로의 가이드라인은 만드려는 오브젝트의 중심점이다

지금 그려낸 오브젝트에서 가이드라인이 멀어질수록 큰 원이 그려진다

중요한 것은 세로의 가이드라인인데 이 가이드라인이 지금 그려진 오브젝트의 중앙에 위치해야 한다

중앙에 잘 맞추지 못하겠다면 두 개를 잡고 가운데 정렬을 눌러주면 된다

텍스트의 가운데 정렬이 아니라 align의 가운데 정렬이다

가로 세로의 가이드라인이 만나는 지점이 우리가 원하는 중심점이 된다

아까 해줬던 방법대로 다시 해준다면

정확한 정원의 오브젝트를 그려낼 수 있다

혹시 가이드라인을 꺼내왔는데 움직이지 않는다면

단축키 Ctrl + Alt + ;

가이드라인을 꺼내왔는데 보이지 않는다면

단축키 Ctrl + ;

일러스트 과외 5화

- 펜 툴 사용방법 -

일러스트의 가장 큰 장점 펜 툴

기본 도형을 만드는 툴은 있지만

자유 도형을 만드는 툴은 따로 없다

펜 툴을 이용하면 내가 원하는 도형, 곡선을 만들 수 있다

물론 기본 도형 툴을 이용해서

만드는 게 더 정교하지만

아무래도 펜 툴 사용법을 모르고는

일러스트를 이용하는데 한계가 있다

기본 메뉴들은 간단하다

펜 도구는 기본 펜 툴이고

고정점 추가/삭제 도구는 말 그대로

고정점을 추가하고 삭제하는 도구이다

고정점 변환 도구 역시 고정점의 속성을 바꿔주는 도구이다

고정점은 점으로 이해하면 편하다

고정점 2개가 만나 선이 되고

고정점 3개 이상이 만나 면이 된다

기본 펜 툴을 이용해서

아트 보드에 클릭을 해보면

파란 점이 찍히는데

이 점이 바로 고정점이다

저 고정점은 일단은 점이기 때문에

활성화가 안된 상태라면 눈에 보이지는 않는다

점이니까 흰색 마우스를 이용하면 컨트롤할 수 있다

고정점 하나를 찍고 다른 곳에 클릭을 한번 더 하면

고정점이 찍힘과 동시에 선이 만들어진다

이 선은 고정점과 고정점이 만나서 만들어진 것이다

고정점은 수에 제한이 있는 것은 아니기 때문에

시작점과 끝점이 연결되지 않는다면

영원히 찍어낼 수 있다

시작점과 끝점을 연결하지 않고

선을 그리고 싶다면 검은색 마우스로 바꾸고 아트 보드

아무 곳이나 클릭해주면 된다

시작점과 끝점이 만나면 면이 만들어진다

만약 면 색을 지정해 줬다면

시작점과 끝점이 만나지 않더라도 면은 만들어진다

미완성된 면을 이용해서 그래픽을 만들어내는 경우도 있다

만들어진 오브젝트에 고정점을 추가하고 싶다면

굳이 메뉴를 바꾸지 않더라도

마우스를 오브젝트에 올려보면 모양이 변하는 것을 볼 수 있다

패스라고 쓰여있는 곳(고정점이 없는 곳)에 가면 +표시가 나오고

고정점이라고 쓰여있는 곳에 가면 -표시가 나온다

클릭하면 각각의 명령이 실행된다

추가한 고정점은 흰색 마우스를 이용해서 컨트롤할 수 있다

선을 만들 때 마우스를 클릭한 상태로 움직인다면

곡선을 만들 수 있다

화면을 보면 고정점 양쪽으로 선이 생기는데

이것을 핸들이라고 부른다

이 핸들은 실제로 보이지 않고 컨트롤하고자 할 때만 나타난다

역시 고정점 추가/제거가 가능하고

흰색 마우스로 고정점을 하나 클릭하면 핸들이 나오는데

이 핸들을 조정하면 곡선을 조정할 수 있다

고정점 변환 도구는 고정점의 속성을 바꿔주는 도구인데

꼭 메뉴를 바꾸지 않더라도

alt를 누르고 있으면 마우스 모양이 뾰족하게 변한다

그 상태에서 고정점을 클릭하면

고정점의 핸들이 사라지고

고정점을 클릭한 상태로 마우스를 끌면 핸들이 나타난다

펜 툴을 이용해서 직선을 그리는 것은 쉽지만

곡선을 그리는 것은 어렵다

나는 정교한 원을 그렸다고 생각했는데

만들어 놓고 보면 굉장히 삐뚤빼뚤하다

그래서 나는 펜 툴을 잘 사용하지 않고

기본 도형에 고정점을 추가/제거하는 방법을 이용해서

원하는 그래픽을 만들어 낸다

펜 툴을 연습하는 사이트

http://bezier.method.ac/