이 튜토리얼에서는 Adobe Photoshop에서 웹 배너를 만들어 보면서 모양, 레이어 스타일, 파일 내보내기와 같은 Photoshop의 기본 기능을 살펴보겠습니다.
제공되는 템플릿과 지금부터 살펴볼 스킬을 사용하여 블로그 또는 YouTube 채널에 사용할 배너, 이메일 머리글, 배너 광고 등을 만들어 보죠.
이 프로젝트를 시작하려면 제공되는 템플릿 파일을 엽니다.파일 > 열기를 선택한 다음 파일을 찾아 선택한 다음 열기를 클릭합니다.
레이어 패널에는 방금 그린 원 모양에 해당하는 새로운 모양 레이어가 Photoshop에서 자동으로 생성된 것을 확인할 수 있니다.
이제 달걀처럼 보이도록 모양의 색상을 변경해 보겠습니다. 모양을 만들면 속성 패널이 열리는데 이 색상 상자를 클릭하고 색상 칠을 선택하여 원 안을 칠합니다.
이동 툴을 선택하고 원을 디자인 영역 가운데로 드래그합니다. 원이 가운데에 정렬되면 마젠타 색상의 고급 안내선이 표시됩니다.
이제 더욱 달걀처럼 보이도록 레이어 스타일을 사용하여 창의적인 디자인 효과를 이 원에 추가해 보죠. 레이어 스타일을 사용하면 그림자, 획, 광선 등과 같은 창의적인 효과를 적용하여 개체를 향상시킬 수 있습니다.
레이어 스타일을 적용하려면 먼저 레이어를 선택한 다음 레이어 > 레이어 스타일 > 내부 그림자를 선택합니다. 이와 같은 대화 상자에서 모든 유형의 설정을 변경하여 원하는 효과를 적용하거나 외부 광선, 드롭 섀도와 같은 자주 사용되는 효과도 적용해 볼 수 있습니다.
효과를 모두 설정했다면 확인을 클릭합니다. 내부 그림자 효과가 이미지에 적용되었네요. 레이어 패널에 있는 모양 레이어 아래에도 표시되어 손쉽게 켜거나 끄고, 편집하거나 제거할 수 있습니다.
이제 달걀노른자를 만들어 보죠. 원이 하나 더 필요한데요. 원하는 효과가 적용된 원이 이미 만들어져 있으므로 이 원을 복제하여 몇 가지만 변경해 보겠습니다. 레이어 패널에서 모양 레이어가 선택된 상태에서 레이어 > 레이어 복제를 선택합니다. 레이어 이름을 Yolk라고 입력하고 확인을 클릭합니다.
여기를 클릭하여 속성 패널을 엽니다. 이 색상 상자를 클릭하고 노란색을 선택하여 원 안을 칠한 다음 속성 패널 탭을 클릭하여 닫습니다.
달걀노른자는 더 작아야 하므로 크기를 조정해야 합니다. Photoshop에서 변형을 사용하여 이미지의 다른 부분에 영향을 주지 않고 선택한 레이어의 콘텐츠 크기를 조정할 수 있습니다. 노른자 레이어와 이동 툴이 선택되어 있기 때문에 노른자 주위에 변형 상자가 표시됩니다. 이 상자가 보이지 않으면 편집 > 자유 변형을 선택합니다. Shift 키를 눌러 원 모양을 정확하게 유지하면서 모서리를 드래그하여 작게 만듭니다. 변형 상자 안을 클릭한 다음 누른 상태에서 이때 상자의 가운데에 있는 이 아이콘을 클릭하지 않도록 주의하면서 원을 드래그하여 여기에 배치합니다. 옵션 막대에 있는 체크 표시를 클릭하여 편집을 마칩니다.
이제 이 배너를 저장해 보죠.
파일 > 다른 이름으로 저장을 선택합니다. Photoshop 형식을 선택하고 레이어가 체크 표시된 채로 둡니다. 그래야 레이어가 포함된 파일이 저장되므로 나중에 다시 열어 편집할 수 있습니다. 그런 다음 저장을 클릭합니다.
또한 JPG, PNG 또는 SVG와 같은 이미지 형식으로 복사본을 내보내 웹 사이트에 게시할 수 있습니다. 파일 > 내보내기 > 내보내기 형식을 선택합니다.
내보내기 형식 대화 상자에서 파일 형식으로 JPG를 선택합니다. 모두 내보내기를 클릭하고 파일을 내보낼 위치를 선택한 다음 내보내기를 클릭합니다.
또한 배너 전체가 아니라 달걀과 같이 배너에서 특정한 부분만을 내보낼 수 있습니다. 먼저 달걀 레이어를 모두 그룹으로 지정하여 하나의 개체로 취급합니다. 레이어 패널에서 맨 위에 있는 모양 레이어를 클릭한 다음 Shift 키를 누른 상태에서 마지막 모양 레이어를 클릭합니다. 레이어 > 레이어 그룹 지정을 선택합니다. 그룹 레이어를 마우스 오른쪽 버튼으로 클릭한 다음 여기에서 내보내기 형식을 선택합니다. 내보내기 형식 대화 상자에서 PNG 또는 SVG와 같은 형식을 선택합니다. 이 두 형식은 웹 사이트에 모두 적합합니다. 그런 다음 모두 내보내기를 클릭합니다. 그러면 나머지 배너 없이 달걀 모양만이 내보내집니다.
Photoshop에서 아트웍을 내보내는 방법에 대한 자세한 내용은 adobe.com에서 다른 Photoshop 튜토리얼을 참조하십시오.
제공되는 템플릿과 지금까지 살펴본 스킬을 사용하면 블로그 및 이메일 머리글에 사용할 배너, YouTube의 채널 아트, 배너 광고 등을 만들 수 있습니다. Photoshop에서 제공되는 다양한 기능을 활용하여 창작해 보시기 바랍니다.