[2023 하반기 신입사원교육] 포토샵& 일러스트레이터 기초 활용법
배너의 사전적 정의는 길쭉한 플래카드나 현수막 또는 특정한 의미를 담은 로고나 표식 등이 새겨진 천 조각 등을 의미합니다. 과거에는 현수막 같은 오프라인 배너 디자인을 통해 원하는 바를 함축적으로 보여주려고 했다면 이제는 웹 배너를 이용하여 홈페이지에서 기업의 목적 달성을 도와주기도 합니다. 포토샵으로는 웹에서 사용하는 웹 배너를 만드는 방법을, 일러스트레이터로는 오프라인에서 사용하는 엑스베너를 만드는 법에 대해서 알아보려고 합니다.
<출처 : 언스플래쉬>
포토샵으로 웹 배너 만들기
웹 배너는 처음 사이트에 접속했을 때 보이는 시각 자료로 해당 사이트의 첫인상을 결정하는 중요한 요소입니다. 또한 웹 배너를 통해 사이트에서 진행되는 이벤트나 할인 등을 홍보하기도 하므로 원하는 바를 명확하게 전달할 수 있는 색, 이미지, 글을 적절히 사용하는 것이 중요합니다. 포토샵을 활용하면 간단하면서도 효과적인 웹 베너를 만들 수 있습니다.
1. 새로운 프로젝트를 위한 ‘대지’만들기
– 포토샵을 열고 “파일” 메뉴에서 “새로 만들기”를 선택하여 대지를 생성합니다. 대지는 일종의 도화지같은 역할로, 프로젝트를 시작하기 위해서는 대지를 먼저 만들어야 합니다.
– 대지 옵션창에서 사이즈, 해상도, 색상모드를 확인 할 수 있습니다. 원하는 웹 배너의 크기를 설정하고 웹용인지, 인쇄용인지 구분하여 해상도와 색상모드를 세팅합니다.
2. 배경 설정
– 배너의 배경을 선택하고 배너 크기에 맞게 설정합니다. 단색 배경을 사용하거나 이미지를 삽입하여 원하는 효과를 낼 수 있습니다.
3. 이미지 추가
– 필요한 경우, 배너에 사용할 이미지를 삽입합니다. 이미지 크기를 조절하거나 자를 수 있습니다.
4. 텍스트 추가
– “텍스트 도구”를 선택하고 배너에 표시할 텍스트를 입력합니다. 글꼴, 크기, 색상 등을 조절하여 디자인에 맞게 꾸밉니다.
5. 효과 추가
– 레이어 스타일을 활용하여 텍스트나 이미지에 그림자, 외곽선 등의 효과를 추가합니다. 필터를 사용하여 이미지에 흥미로운 효과를 부여할 수도 있습니다. 특히 이번 교육에서는 노이즈 추가 필터를 사용하여 특별한 효과를 주는 법을 배웠습니다.
6. 로고 또는 추가 요소 삽입
– 필요하다면 로고나 추가적인 요소를 배너에 삽입하여 브랜드를 강조합니다.
7. 저장 및 내보내기
– 디자인이 완료되면 “파일” 메뉴에서 “저장” 또는 “내보내기”를 선택하여 이미지를 웹에서 사용할 수 있는 형식으로 저장합니다.
<출처 : 언스플래쉬>
일러스트레이터로 X 배너 만들기
X 배너는 단순히 거치대가 X자 모양으로 생겼기 때문에 X 배너라고 부른다고 합니다. X 배너는 일러스트레이터로 작업 후, 인쇄소에서 인쇄를 거쳐 오프라인에 전시를 하게 됩니다. 그렇기에 대지를 만들고, 텍스트를 입력하거나 그림을 삽입하는 과정은 포토샵과 거의 비슷하게 진행되지만 인쇄소로 작업물을 보내다보니 주의해야할 점이 있습니다. 바로 아웃라인을 깨는 작업과 도련 부분입니다.
먼저 ‘폰트 아웃라인 깨기’ 작업이란, 인쇄소에 해당 폰트가 없어서 자동으로 기본폰트로 변경되는 것을 방지하기 위해 폰트를 도형취급하는 것을 의미합니다. 아웃라인을 설정해두면 폰트가 어느 상황에서든 깨지지 않으므로 원하는 폰트를 그대로 프린트하여 받아볼 수 있습니다. 인쇄소 보내기 전에 아웃라인을 깨는 작업은 필수입니다.
도련이란 파일 작업을 할 때 문서 바깥으로 설정되는 공간으로, 배너나 책 등의 재단 오차를 고려하여 내가 의도한 사이즈로 만들기 위해서 꼭 필요합니다. 일반적으로 도련은 사방3mm로 설정하고 도련 부분까지 이미지를 채워서 인쇄소에 전달주셔야 합니다.
지금까지 웹배너와 X 배너를 제작할 때 꼭 필요한 포토샵과 일러스트레이터의 기초를 알아보았습니다. 포토샵과 일러스트레이터를 직접적으로 사용하지 않는 직무일지라도, 관련 용어를 알아두거나 간단한 상식을 알고 있다면 타 부서와 협력하는 것에 큰 도움이 됩니다. 다함께 최고의 성과를 위해 노력하는 앨리슨하이퍼앰 직원분들에게 많은 도움이 되는 포토샵, 일러스트레이터 강의였습니다.
#Allison #앨리슨하이퍼앰 #디지털마케팅 #콘텐츠마케팅 #Digital #IMC #PR #대행사 #마케팅전략컨설팅 #디지털에이전시
#2023하반기신입사원교육 #신입사원 #교육 #포토샵 #일러스트레이터 #배너 #웹배너 #엑스배너 #현수막 #인쇄소 #도련