포토샵 텍스트 모양 - potosyab tegseuteu moyang

오늘은 포토샵 텍스트를 이미지 모양에 따라 곡선으로 쓰는 방법을 소개해 드리겠습니다. 정해진 형태 텍스트가 아닌 원하는 모양대로 텍스트를 자유자재로 구부려서 쓸 수 있는 방법으로 물결 글씨라고도 하죠. 펜툴을 사용하기 때문에 간단한 도형부터 복잡한 사진이나 그림에도 다양하게 텍스트 라인을 만들어 보실 수 있습니다.

 

 

포토샵 텍스트 모양 - potosyab tegseuteu moyang
샘플 사진

1. 곡선 텍스트 효과를 주기 위해 샘플 사진을 가져왔습니다. 맛있는 햄버거 사진입니다.

 

 

포토샵 텍스트 모양 - potosyab tegseuteu moyang
펜툴

2. 왼쪽 툴바에서 펜툴을 선택하고 햄버거 모양에 따라 라인을 그려줍니다. 펜툴로 라인을 그리실 때는 되도록 곡선을 완만하게 그려주어야 텍스트가 덜 겹칩니다.

 

 

포토샵 텍스트 모양 - potosyab tegseuteu moyang
펜툴

3. 펜툴로 이미지 위를 덮는 전체적인 라인을 그려주었습니다. 라인 끝은 연결하지 않고 그대로 두시면 됩니다.

 

 

포토샵 텍스트 모양 - potosyab tegseuteu moyang
텍스트

4. 그리고 텍스트 툴을 선택한 다음 라인 위에 마우스를 올려 보시면 위 화면처럼 마우스 커서 모양이 바뀌게 됩니다. 라인 위에 글씨를 쓸 수 있다는 뜻입니다. 원하는 위치에 클릭하면 그 위치에서 바로 텍스트를 입력하실 수 있습니다.

 

 

포토샵 텍스트 모양 - potosyab tegseuteu moyang
텍스트 입력

5. 텍스트를 입력하자 라인에 따라 텍스트가 입력되는 모습입니다. 영어든 한글이든 원하는 글씨를 적어주시면 됩니다.

 

 

포토샵 텍스트 모양 - potosyab tegseuteu moyang
텍스트 위치

6. x 표시가 처음 텍스트를 입력했던 위치인데 "Path Selection Tool(패스 선택 툴)"을 사용해서 텍스트의 위치를 이동시킬 수 있습니다. 패스 선택 툴을 선택하고 x 표시를 클릭한 다음 이동시키면 됩니다.

 

 

포토샵 텍스트 모양 - potosyab tegseuteu moyang
완성

7. 위 모양처럼 햄버거 모양에 맞는 글씨들이 입력되었습니다. 펜툴을 사용해서 이미지에 따라 곡선으로 입력되는 텍스트 효과를 알아보았는데 원하는 이미지에 접목시켜 멋진 텍스트 라인을 만들어 보세요.

지난 글에서는 포토샵에서 '문자 레이어'를 이미지로 변형하여 다른 이미지에 합성을 해보았습니다. 문자를 래스터화하여 변형을 해보았는데 이미지로 변경한 후, 변형을 적용하니 픽셀이 깨지는 느낌이 있었습니다. 이번에는 비슷한 방법으로 문자를 도형화하여 보기에 이미지가 깨지지 않고 변형되는 방법을 알아보겠습니다. 그리고 다른 이미지에 합성도 해보겠습니다. 

                                   * 원본사진 출처 : 픽사베이

1. 이미지 열기 

문자를 합성해줄 이미지를 열어주겠습니다. 키보드의 단축키 'Ctrl +O' 를 눌러주면 파일 목록이 나타나며, 파일을 불러올 수 있습니다. 저는 아래와 같이 벽면이 넓게 보이는 이미지를 불러왔습니다. 이 벽면에 문자를 도형으로 만들어 합성해주려고 합니다.

 * 원본사진 출처 : 픽사베이

2. 글자를 작성해줍니다.

도구 바에서 문자를 작성해주는 '문자 툴', '타입 툴', T모양의 툴을 선택한 후, 이미지 위에 아무런 곳에 클릭을 해준 다음, 원하는 글자를 작성해줍니다. 저는 간단하게 단어를 적어주었습니다. '

GALLERY'라는 단어를 크고 굵은 폰트로 적어줍니다. 벽면이 채워질 정도의 크기입니다.

작성해준 글자의 크기나 굵기, 폰트의 종류를 설정해주는 방법은 Window - Character 패널을 열고 속성들을 하나씩 수정해주면 됩니다. 

3. 문자를 도형으로 변경하기

글자를 작성해주었다면, 이제 글자를 도형으로 변경해보겠습니다. 아래와 같이 '레이어 패널'에서 문자 레이어의 글자 위에 마우스를 두고, 마우스 오른쪽을 클릭해줍니다. 오른쪽 클릭을 해주면 다양한 메뉴가 나타나는데 여기에서 Convert to Shape를 선택해줍니다.

Convert to Shape를 선택해주면 위와 같이 레이어가 변경이 됩니다. 도형으로 변경이 잘 되었는지 확인하는 방법이 한 가지 더 있습니다. 도구 바에 있는 '셀렉션 툴'로 글자 하나하나를 클릭해보면 도형으로 변경된 걸 확인하실 수 있습니다. 글자를 클릭했을 때 나오는 점들을 움직이면 문자 도형 자체를 변경할 수도 있습니다.

4. 벽 모양에 맞게 변형하기

그럼 이제 벽 모양에 맞게 변형해보도록 하겠습니다. 변형하기에 앞서, 만약 위 '셀렉션 툴'로 글자를 선택한 상태라면 다시 풀어지도록 키보드의 'Esc'키를 눌러 선택을 모두 해제합니다. 해제한 상태에서 키보드의 단축키 'Ctrl + T'를 눌러 변형이 가능하도록 만들어줍니다. 여기에서 오른쪽 마우스를 클릭하고 원근감을 주는 Perspective를 선택해줍니다. 그리고 글자 도형의 점들을 움직여 벽 면에 맞게 맞춰줍니다. Distort를 사용하여 조금의 왜곡도 주었습니다. 상황에 맞게 여러 기능을 선택하여, 필요에 따라 적용해줍니다.

5. 글자 색상, 혼합모드 변경

왜곡을 준 다음, 레이어 패널에서 색상과 모드를 변경해주겠습니다. 글자 도형 레이어의 썸네일을 더블클릭하면 색상을 변경할 수 있습니다. 그리고 벽 면과 어우러질 수 있는 블렌딩 모드도 적용해줍니다. 필요에 따라 투명도도 조절해줍니다.

저는 위와 같이 벽 면 색과 어울리는 어두운 색상으로 변경해주었습니다. 그리고 블렌딩 모드는 color Burn을 선택해주었고, 투명도는 48%로 변경하여, 사진과 어우러질 수 있도록 변경해보았습니다. 여기에서 글자가 가리고 있는 부분을 마스크로 지워주어서 좀 더 자연스럽게 표현해보도록 하겠습니다.

6. 마스크로 부분 지워주기

마지막으로 글자가 사진을 가린 부분이 있다면 마스크를 생성하여 없애주도록 하겠습니다. 글자 도형 레이어에 마스크를 생성하고, 검은색 브러쉬로 가려진 부분을 칠하듯이 없애줍니다.

7. 문자를 도형으로 변경하여, 합성 완성

아래와 같이 이미지를 완성하였습니다. 빈 벽면에 글자를 합성해보았습니다. 이와 같이 문자를 도형으로 변경하여, 다른 이미지에 합성하거나, 왜곡을 주어 변형시키는 방법으로 다양한 효과를 낼 수 있습니다. 어렵지 않은 방법으로 유용하게 사용하실 수 있습니다. 오늘도 방문해주셔서 감사합니다.

 글씨쓰는 방법은 이제 다들 익히셨죠?
예쁘고 멋진 글씨체에다 약간의 변형을 주면

분위기가 완전히 달라보이는 글자변형에 대해서 알아봅니다.

변형하려면 우선, 글씨부터 써봐야겠죠?

         우선 새로운페이지 열어주세요. File - New

         T자모양 클릭하시면 글씨 쓸 수 있는거 아시죠?
        그런데, 꾸욱 눌러주시거나, 오른쪽마우스로 클릭하면,
        여러종류에 글쓰기 툴이 있네요. 간단하게 툴 설명드릴게요.
        우선,

        1번은 일반적인 글쓰기 툴입니다. 가로로 써집니다.
        2번은 세로로 글이 써집니다.
        3번은 글자를 선택영역 상태로 가로로 입력해줍니다.
        즉,입력할 시에는 마스크모드로 변하게 됩니다.
        4번 역시, 선택영역 상태로 세로로 입력해주며, 입력할 때는 마스크모드로 변합니다.
       그럼, 우린 그 동안에 해왔던 것처럼, 맨 위에 있는 가로쓰기모드인 T자모양을 선택할게요.

         글씨를 써주세요.
         그 다음 오른쪽 위에 표시한 아이콘을 클릭해주세요. 

     Warp Text 기능입니다.
     1.Style : 변형모양의 종류를 선택합니다.
     2.Horizontal / Vertical : 가로 또는 세로로 변형할지 선택합니다.
     3.Bend : 휘는 정도를 조절합니다.
     4.Horizontal Distortion : 수평방향으로 왜곡 정도를 조절합니다.
     5.Vertical Distortion : 수직방향으로 왜곡 정도를 조절합니다.

     글자모양이 어떻게 적용되는지 확인하면서
    원하는 모양으로 변형시킬 수 있습니다.

        간단하죠?
        Style만 지정한 모습입니다.
       위 옵션의 속성값을 넣어주면, 좀 더 다양하게 글자를 변형시킬수 있습니다.

       글씨의 디자인이 조금만 달라져도 전제 블로그 분위기가 달라지지요 ㅎㅎ