Adobe Photoshop에서 텍스트와 모양을 추가하면 편집 가능하도록 유지되며 가장 작은 세부 사항까지 자유롭게 변경할 수 있습니다.
Photoshop에서 이미지에 텍스트를 추가하면 자동으로 문자 레이어라는 특별한 레이어가 생성됩니다. 문자 레이어의 텍스트는 편집이 가능하므로 언제든지 내용이나 스타일을 변경할 수 있습니다. 텍스트 크기를 훨씬 크게 만들더라도 가장자리는 부드럽게 인쇄됩니다. 이 비디오에서는 이미지에 텍스트를 추가해보겠습니다. 이 튜토리얼에서 제공되는 실습용 파일 중 이 이미지를 다운로드하여 사용하거나 저장된 이미지를 사용하십시오. 텍스트를 만들 때 가장 자주 이용하는 툴은 수평 문자 툴입니다. 툴 패널 중 여기에 있는 이 툴을 선택합니다. 그런 다음 화면 상단에 있는 옵션 막대에서 글꼴 메뉴를 클릭합니다. 글꼴 메뉴에는 다양한 글꼴이 있으므로 스크롤하여 원하는 글꼴을 선택하면 됩니다. 이 목록에서 글꼴의 모습을 미리 볼 수 있습니다. 원하는 글꼴이 있다면 글꼴 필드에 직접 입력하면 됩니다. 저는 Georgia를 입력하겠습니다. Photoshop은 해당 글꼴에서 이용 가능한 모든 스타일을 표시하는데 Georgia Bold를 선택하겠습니다. 같은 글꼴이 없다면 원하는 글꼴을 선택하면 됩니다. 이제 글꼴 크기를 설정해야 합니다. 이 메뉴에서 글꼴 크기는 기본적으로 포인트(pt)로 표시됩니다. 그런데 기본 크기가 이처럼 큰 이미지에서는 매우 작게 표시됩니다. 문자를 입력했는데도 표시되지 않으면 이 때문일 것입니다. 그렇다면 더 커다란 크기의 글꼴을 사용해 보십시오. 글꼴 크기를 여기에 직접 입력하거나 이 화살표를 클릭한 다음 드롭다운 메뉴에서 글꼴 크기를 선택합니다. 커다란 글꼴 크기를 선택하겠습니다. 입력할 텍스트의 색상은 흰색으로 해보죠. 글꼴 색상을 설정하려면 상단의 옵션 막대에서 글꼴 색상 필드를 클릭합니다. 그러면 색상 피커가 열립니다. 튜토리얼 시리즈의 앞부분에서 이미 살펴봤죠. 흰색을 선택하려면 왼쪽에 있는 넓은 필드 중에서 흰색을 클릭한 다음 확인을 클릭합니다. 이처럼 대문자로 입력하려면 키보드에서 Caps Lock 키를 누르십시오. 그런 다음 이미지를 클릭하고 입력을 시작합니다. 가상의 맞춤복 브랜드의 이름을 입력하겠습니다. 여러분은 원하는 이름을 입력하면 됩니다. 텍스트를 입력하거나 편집한 다음에는 항상 확정해야 합니다. 한 가지 방법은 옵션 막대에서 큰 체크 표시 아이콘을 클릭하는 것입니다. 텍스트 위치가 마음에 들지 않으면 툴 패널에서 이동 툴을 선택합니다. 이미지를 클릭한 다음 원하는 위치로 텍스트를 드래그합니다. 이제 레이어 패널을 보면 Photoshop이 이미 새 레이어를 만들어 이름까지 자동으로 지정해 놓았습니다. 레이어에 있는 T 아이콘은 이 레이어가 편집 가능한 문자 레이어라는 것을 나타냅니다. 또 다른 문자 레이어가 필요한 경우 여러 개의 문자 레이어를 사용하여 레이어마다 별도로 작업하고 배치할 수 있습니다. 일반 레이어처럼 말이죠. 다시 툴 패널로 돌아와 수평 문자 툴을 선택합니다. 그런 다음 이미지로 돌아와 Shift 키를 누른 상태에서 클릭하면 새 문자 레이어가 만들어지고 새로 입력한 텍스트는 개별 레이어에 포함됩니다. Shift를 누르지 않을 경우 첫 번째 문자 레이어와 너무 가까우면 텍스트가 앞의 레이어 끝에 포함될 수도 있습니다. 문자 레이어의 다른 옵션도 선택해 보겠습니다. 글꼴 메뉴로 이동하고 이번에는 다른 글꼴을 선택하고 글꼴 크기를 더 작게 지정합니다. 그런 다음 입력을 시작하겠습니다. 원하는 텍스트를 입력합니다. 첫 번째 줄의 끝에서 키보드의 Return 또는 Enter 키를 눌러 동일한 문자 레이어에 또 다른 문자열을 추가합니다. 입력을 완료하면 옵션 막대에서 큰 체크 표시를 클릭합니다. 레이어 패널에서 이 문자 레이어가 여전히 선택되어 있고 툴 패널에서 수평 문자 툴이 여전히 선택된 상태라면 이 문자 레이어에 대한 옵션은 무엇이든 변경할 수 있습니다. 예를 들어 이 레이어에서 두 줄의 텍스트를 가운데로 정렬하려면 옵션 막대에서 중앙 정렬 아이콘을 클릭합니다. 그런 다음 툴 패널에서 이동 툴을 선택하고 새 텍스트를 클릭한 다음 원하는 곳으로 드래그합니다. 이렇게 레이어 패널에 또 다른 문자 레이어가 생겼습니다. 작업이 완료되면 파일 메뉴에서 다른 이름으로 저장을 선택합니다. 다른 이름으로 저장 대화 상자에서 Photoshop 형식으로 저장한 다음 레이어에 체크 표시된 상태로 두어야 이 작업 버전의 파일에서 문자 레이어를 편집할 수 있습니다. 사본을 공유해야 한다면 JPEG으로 또 다른 사본을 저장하면 됩니다. 하지만 JPEG은 문자 레이어를 지원하지 않습니다. 지금까지 기본적인 텍스트 작성 방법을 살펴봤습니다. 텍스트 편집 방법을 살펴보려면 다음 비디오를 시청해 주시기 바랍니다.
학습한 내용: 텍스트 추가
- 툴 패널에서 수평 문자 툴을 선택합니다.
- 옵션 막대에서 글꼴, 글꼴 크기, 색상 등 텍스트에 적용할 옵션을 선택합니다. 이러한 설정은 나중에 편집할 수 있습니다.
- 캔버스를 클릭하고 한 줄의 텍스트를 입력합니다. 또한 텍스트 상자를 드래그한 다음 상자 안에 입력하여 텍스트 단락을 만들 수 있습니다.
- 옵션 막대에서 체크 표시를 클릭하여 텍스트를 적용하고 텍스트 모드를 종료합니다.
그러면 레이어 패널에서 새로운 편집 가능한 문자 레이어가 자동으로 만들어집니다.
- 이동 툴을 사용하여 이미지에서 원하는 위치로 텍스트를 옮깁니다.
- 편집 가능한 문자 레이어를 유지하여 나중에 편집하기 위해 Photoshop(PSD) 형식으로 이미지를 저장합니다.
문자 레이어의 장점은 편집이 가능하다는 것입니다. 문서를 저장하고 닫은 다음, 다시 열었을 때도 레이어를 그대로 유지하는 Photoshop 형식으로 저장했다면 언제든지 다시 편집할 수 있습니다. 이 비디오에서는 문자 레이어를 편집하는 몇 가지 방법을 살펴보겠습니다. 이 튜토리얼을 따라 하려면 함께 제공된 실습용 파일 중 이 이미지를 사용하거나 문자 레이어가 포함된 직접 만든 이미지를 사용할 수 있습니다. 문자 레이어에 있는 텍스트를 모두 동일하게 변경하려면 이 방법을 사용하면 됩니다. 레이어 패널에서 문자 레이어를 선택한 다음 툴 패널에서 문자 툴을 선택하면 되는데 레이어의 텍스트를 블록으로 지정할 필요는 없습니다. 변경하는 경우 중 글꼴 크기를 예로 들어보죠. 옵션 막대에서 원하는 옵션을 선택하면 됩니다. 여기 이 글꼴 크기 필드에 다른 포인트를 입력합니다. 변경 사항은 이 문자 레이어에 속한 모든 요소에 적용됩니다. 레이어에 여러 문자 줄이 있는 경우도 마찬가지입니다. 레이어 패널에서 이 문자 레이어를 선택해 확인해 보겠습니다. 툴 패널에서 문자 툴을 여전히 선택한 상태에서 옵션 막대에 있는 글꼴 색상 필드를 클릭합니다. 색상 피커에서 다른 색상을 선택하여 텍스트에 적용할 수 있죠. 텍스트가 잘 보이도록 색상 피커를 이쪽으로 옮겨 보겠습니다. 색상 피커에서 제가 자주 이용하는 옵션은 웹 색상 전용입니다. 이 옵션을 통해 색상 수가 제한되므로 훨씬 손쉽게 색상을 선택할 수 있습니다. 회색을 선택해 보겠습니다. 그러면 선택된 문자 레이어에 있는 모든 텍스트가 회색으로 바뀝니다. 그런 다음 확인을 클릭합니다. 이제 이 이미지에서 일반 레이어를 클릭하여 다른 작업을 하다가 이 레이어에 있는 한 단어만 변경하고 싶은 경우를 가정해 보겠습니다. 이때 단어가 포함된 문자 레이어를 선택하지 않아도 됩니다. 툴 패널에서 문자 툴을 선택한 다음 이미지 위에서 변경하려는 텍스트 부분을 클릭한 다음 드래그하기만 하면 레이어 패널에서 해당 문자 레이어가 자동으로 선택됩니다. 이제 텍스트가 선택되었으므로 옵션 막대에서 옵션을 변경할 수 있고 텍스트의 단어들을 바꿀 수도 있습니다. CUSTOM CLOTHING을 FINE CLOTHING으로 바꿔보겠습니다. 그런 다음 옵션 막대에서 체크 표시를 클릭하여 변경 사항을 적용합니다. 이 이미지 맨 아래에 또 다른 텍스트가 있는데 이 텍스트를 클릭하면 해당 문자 레이어가 선택되고 이 문자 레이어에는 텍스트 상자가 하나 있습니다. 이 유형의 텍스트를 단락 텍스트라고 합니다. 단락 텍스트 상자를 만들고 편집하는 방법을 간단히 살펴보죠. 이쪽에서 문자 툴을 선택합니다. Shift 키를 누른 상태에서 클릭하여 새 문자 레이어를 만듭니다. 그런 다음 드래그합니다. 이렇게 텍스트 상자가 생기면 이 안에 텍스트를 입력합니다. 이때 텍스트를 상자의 경계선까지 입력하면 텍스트가 자동으로 줄바꿈됩니다. 화면 상단에 있는 문자 메뉴에서 Lorem Ipsum 붙여넣기를 선택하면 더미 텍스트가 표시됩니다. 텍스트 상자의 모양을 바꾸면 텍스트도 자동으로 조정됩니다. 이제 옵션 막대에서 취소 기호를 클릭하여 작업 중인 문자 레이어를 삭제합니다. 이제 이 이미지에 있는 실제 단락 테스트를 클릭한 다음 텍스트 상자 모양을 변경하여 텍스트의 흐름을 조정합니다. Mac의 경우 Option 키 또는 Windows의 경우 Alt 키를 누른 상태에서 텍스트 상자의 가장자리 중 한 곳에 커서를 갖다 댄 다음 바깥으로 드래그하여 텍스트가 중앙에서 양쪽으로 넓게 표시되도록 합니다. 그런 다음 마우스 또는 트랙패드에서 손가락을 떼고 Option 키 또는 Alt 키에서도 손가락을 뗍니다. 이렇게 해서 텍스트를 3줄에서 2줄로 줄이고 텍스트 상자를 화면 중앙에 위치하도록 만들었습니다. 이제 옵션 막대에서 체크 표시를 클릭하고 변경 사항을 적용합니다. 문자 레이어 편집을 모두 완료한 다음에는 레이어를 유지하는 형식인 Photoshop 형식 또는 PSD 형식으로 저장합니다. 지금까지 Photoshop에서 문자 레이어를 편집하는 방법을 살펴봤습니다. 이제 직접 만든 이미지에 이 기법을 사용해 보시기 바랍니다.
학습한 내용: 텍스트 편집
- 문자 레이어에서 텍스트를 편집하려면 레이어 패널에서 문자 레이어를 선택하고 툴 패널에서 수평 또는 세로 문자를 선택합니다. 옵션 막대에서 글꼴 또는 텍스트 색상과 같은 설정을 변경합니다.
- 편집이 완료되면 옵션 막대에서 체크 표시를 클릭합니다.
사각형이나 원형과 같은 기하학적 형태로 된 개체를 만들기 위해서는 선택 툴 중 하나를 사용하여 색칠할 수 있습니다. 이보다 훨씬 더 유연하게 모양을 만드는 방법이 있는데 바로 모양 툴을 사용하는 것입니다. 먼저 튜토리얼에서 제공된 실습용 파일 중 이 이미지를 엽니다. 그런 다음 툴 패널의 아래쪽에 위치한 모양 툴을 사용하겠습니다. 플라이아웃 메뉴를 클릭하면 다양한 모양 툴이 표시됩니다. 모서리가 둥근 직사각형 툴을 선택해보죠. 이 툴을 사용하면 레이어 패널에 레이어가 자동으로 만들어집니다. 레이어 패널에서 새 모양 레이어를 배치하려는 곳의 바로 아래 레이어를 선택합니다. 이 경우 배경 레이어가 되겠습니다. 이미지로 돌아와 클릭한 다음 드래그하여 모서리가 둥근 모양을 만듭니다. 그러면 레이어 패널에 새 레이어가 만들어집니다. 이 레이어는 모서리가 매끄러운 개체를 포함하는 모양 레이어이므로 크기와 모양을 변경하더라도 둥근 모서리가 그대로 유지됩니다. 이 모서리가 둥근 직사각형 모양에서 모서리가 둥근 정도를 조정할 수 있습니다. 바로 모양을 만들 때 표시되는 속성 패널에서 할 수 있죠. 속성 패널 아래에 있는 이 섹션에서 모서리 아이콘 중 하나에 마우스를 갖다 대고 오른쪽으로 드래그하여 모서리를 더 둥글게 만듭니다. 4개의 아이콘을 잇는 연결 아이콘이 켜져 있기 때문에 4개의 모서리가 모두 동시에 바뀝니다. 이제 패널 맨 오른쪽에 있는 이중 화살표를 클릭해 속성 패널을 닫습니다. 이제 레이어 패널로 이동해 모서리가 둥근 직사각형 1 레이어 대신 다른 레이어를 클릭해보겠습니다. 클릭한 다음 사각형의 모서리를 살펴보면 모서리가 모두 더 둥글게 바뀌었습니다. 이제 모서리가 둥근 직사각형 1 레이어를 다시 클릭하여 이 사각형 전체의 크기를 변경해도 모서리가 그대로 둥글게 유지되는지 확인해보죠. 편집 메뉴에서 자유 변형을 선택하겠습니다. 이때 패스 자유 변형이라고 표시되는 이유는 Photoshop이 해당 레이어의 개체 유형을 자동으로 인식하기 때문이죠. 비율을 유지하기 위해 Shift 키를 누르고 Option 키 또는 Windows의 경우 Alt 키를 함께 누른 상태에서 가운데에서 바깥으로 드래그하여 크기를 조정합니다. 그런 다음 모서리 중 한 곳을 클릭하고 바깥으로 드래그하여 직사각형을 더 크게 만듭니다. 자유 변형 모드를 그대로 두고 직사각형의 모양을 바꿔보겠습니다. 직사각형의 아래쪽 가장자리를 잡아 위로 드래그합니다. 그런 다음 옵션 막대에서 체크 표시를 클릭하여 변경 사항을 적용합니다. 이제 레이어 패널에서 다른 레이어를 클릭해보면 직사각형의 둥근 모서리가 그대로 유지되어 있습니다. 모서리가 둥근 직사각형 1 레이어를 한 번 더 클릭하여 위치를 옮겨 보겠습니다. 툴 패널에서 이동 툴을 선택한 다음, 직사각형을 클릭하여 드래그합니다. 이때 표시되는 핑크색 고급 안내선에 따라 이미지의 다른 요소와의 정렬을 조정할 수 있습니다. 모양 레이어의 장점 중 하나는 모양 레이어의 색상을 빠르게 변경할 수 있다는 점입니다. 레이어 패널에서 모서리가 둥근 직사각형 레이어의 축소판을 두 번 클릭합니다. 그러면 색상 피커가 열립니다. 색상 피커가 열린 상태에서 이미지 쪽으로 커서를 이동하면 커서가 스포이드 모양으로 바뀝니다. 이미지에서 아무 데나 클릭하여 해당 부분의 색상을 샘플링하면 이 색상이 모양에 자동으로 적용됩니다. 확인을 클릭하고 색상 피커를 닫습니다. 색상 피커는 똑같은 방식으로 언제든지 다시 열어 원하는 색상을 모양에 적용할 수 있습니다. 다양한 측면에서 모양 레이어는 다른 모든 레이어와 유사합니다. 모양 레이어의 불투명도를 변경할 수도 있는데 레이어 패널 위에 있는 불투명도 슬라이더를 왼쪽으로 드래그하여 모양의 불투명도를 낮추거나 더 투명하게 만들 수 있습니다. 모양 레이어가 포함된 이미지를 저장하려면 다른 이름으로 저장 명령을 사용하여 레이어를 유지할 수 있도록 Photoshop 또는 PSD 형식으로 작업용 파일을 저장합니다. 이렇게 해야 다음에 수정하기 위해 파일을 열 때도 모양 레이어를 그대로 활용할 수 있습니다. 툴 패널에서 함께 제공되는 다른 모양 툴도 직접 사용해 보시기 바랍니다. 타원형과 원형을 만들 수 있는 타원 툴이나 사용자 정의 모양 툴도 사용해 보시기 바랍니다. Photoshop에서는 여러분들이 미처 알지 못했던 사용자 정의 모양 툴이 다양하게 제공됩니다.
학습한 내용: 모양 만들기
- 툴 패널에서 사각형 툴(또는 툴 패널에 표시되어 있는 모양 툴)을 클릭하고 길게 눌러 모든 모양 툴을 확인합니다. 그릴 모양의 툴을 선택합니다.
- 옵션 막대에서 칠 색상과 모양에 사용할 다른 옵션을 선택합니다. 이 옵션은 나중에 변경할 수 있습니다.
- 모양이 왜곡되지 않도록 Shift 키를 누른 상태에서 이미지를 드래그하여 편집 가능한 모양을 만듭니다. 그러면 레이어 패널에 새 모양 레이어가 만들어집니다.
- 이동 툴을 사용하여 모양을 이미지에서 원하는 위치로 옮깁니다.
- 이미지 품질을 훼손하지 않고 모양의 크기를 조정하거나 변형하거나 회전시키려면 편집 > 자유 변형을 선택하거나 Ctrl+T(Windows) 또는 Command+T(macOS)를 누릅니다.
- 모양 색상을 변경하려면 레이어 패널로 이동하고 변경할 모양 레이어를 찾은 다음 해당 레이어에 있는 축소판을 두 번 클릭하여 색상 피커를 엽니다. 색상 피커에서 색상을 클릭하면 모양에서 선택된 색상의 라이브 미리 보기를 확인할 수 있습니다. 원하는 색상을 찾으면 확인을 클릭하여 모양에 새 색상을 적용합니다.
이미지에 개체를 추가하는 가장 쉬운 방법은 Photoshop의 사용자 정의 모양 툴을 사용하는 것입니다. 사용자 정의 모양이 생소한 분들을 위해 이 툴을 찾아 적용하는 방법을 살펴보겠습니다. 따라 해보려면 실습용 파일 중 이 이미지를 사용하거나 직접 만든 이미지를 사용하십시오. 툴 패널 아래에 있는 아무 모양 툴이나 잠시 누르고 있으면 표시되는 플라이아웃 메뉴에서 사용자 정의 모양 툴을 선택합니다. 화면 상단에 있는 이 툴의 옵션 막대 오른쪽에는 모양 피커가 있습니다. 모양 피커를 클릭하면 사용자 정의 모양 중 일부 아이콘이 표시되는데 이외에도 더 많은 것이 있습니다. 드롭다운 패널의 오른쪽에 있는 톱니바퀴 아이콘을 클릭하면 긴 메뉴가 열립니다. 이 메뉴에서 모두를 선택하면 모든 범주의 사용자 정의 모양이 전부 다 목록에 표시될 것입니다. 메시지가 표시되면 확인을 클릭합니다. 이제 패널의 오른쪽 하단 모서리를 오른쪽 아래로 드래그하여 패널을 늘리면 제공되는 모든 모양을 확인할 수 있습니다. 화면이 작아서 모든 모양을 표시할 수는 없지만 많은 모양이 제공되고 있습니다. 현재 맞춤복 업체를 위한 이미지 작업 중이므로 가위가 완벽한 이미지가 될 것 같습니다. 여기에는 다양한 가위 모양이 있는데 이 모양을 선택하겠습니다. 클릭한 다음 빈 공간을 클릭하여 모양 피커를 닫습니다. 이 사용자 정의 모양 툴로 가위를 그려보기 전에 먼저 레이어 패널에서 Photoshop에서 자동으로 만들게 되는 이 새 모양 레이어 밑에 위치할 레이어를 선택합니다. 이 경우 배경 레이어가 되겠죠. 이미지로 이동하고 Shift 키를 누릅니다. 이렇게 비율을 제한해야 가위가 비뚤어지지 않습니다. 클릭한 다음 드래그하여 가위 모양을 배치합니다. 이제 모양의 크기, 위치 및 색상을 변경할 수 있습니다. 색상을 흰색으로 변경해 보겠습니다. 색상을 변경하려면 레이어 패널에 표시되어 있는 모양 1 레이어의 축소판을 두 번 클릭하여 색상 피커를 엽니다. 그런 다음 흰색을 선택한 다음 확인을 클릭합니다. 가위 모양을 작게 만들려면 편집 메뉴에서 패스 자유 변형을 선택한 다음 비율을 유지하기 위해 Shift 키를 누른 상태에서 안쪽으로 드래그하여 가위 모양을 작게 만듭니다. 가위가 충분히 작아졌으므로 상자 안을 클릭한 다음 원하는 위치로 드래그하여 옮깁니다. 여기가 적당할 것 같습니다. 그런 다음 모든 변경 사항을 적용하기 위해 옵션 막대에서 큰 체크 표시를 클릭합니다. 레이어 패널에서 가위 레이어가 아닌 다른 레이어를 클릭하여 결과를 확인합니다. 지금까지 살펴본 것처럼 사용자 정의 모양 툴도 이전 비디오에서 살펴본 모서리가 둥근 직사각형 툴은 물론, 다른 모양 툴과 마찬가지로 동일하게 작동합니다. 모양 1 레이어의 형태는 계속 편집 가능하므로 언제든지 모양의 색상, 크기, 위치 등을 변경하려면 레이어를 유지할 수 있도록 Photoshop 또는 PSD 형식으로 저장해야 합니다. 이제 Photoshop의 다양한 사용자 정의 모양을 살펴보고 직접 사용해 보십시오.
학습한 내용: 사용자 정의 모양 추가
- 툴 패널에서 사각형 툴(또는 툴 패널에 표시되어 있는 모양 툴)을 클릭하고 길게 눌러 사용자 정의 모양 툴을 선택합니다.
- 옵션 막대에서 모양 피커 오른쪽에 있는 아래쪽 화살표를 클릭합니다. Photoshop에 포함된 모든 사용자 정의 모양을 보려면 모양 피커 오른쪽에 있는 톱니 바퀴 아이콘을 클릭하고 메뉴에서 모두를 선택한 다음 표시되는 메시지에서 확인을 클릭합니다. 그런 다음 모양 피커 오른쪽 하단을 클릭하고 드래그하여 모든 모양을 확인합니다.