템플릿 활용해 여름 배너 디자인 제작 하기

다양한 행사가 가득한 여름시즌, 경쾌하고 활기찬 분위기를 담은 배너를 디자인 하여 사람들의 시선을 사로잡아 보세요. 레드벨벳 슬기의 개성있는 아트웍 템플릿을 활용 한다면 더욱더 매력적인 여름 배너 디자인을 완성할 수 있죠.

지금 템플릿을 다운 받고 포토샵에서 배너 디자인을 완성하는 방법을 따라해보세요.

여름 배너 템플릿 3종 디자인

레드벨벳 슬기 아트웍 템플릿 다운받고 이미지 저장하기

어도비 포토샵 홈페이지를 방문해서 레드벨벳 슬기의 드로잉이 담긴 PSD 파일을 다운받아 보세요. 그리고 아트웍 레이어를 개별 이미지로 저장하면 나의 디자인 파일로 불러올 수 있습니다.

템플릿 일러스트 소스를 png 이미지로 내보내기

1. 레이어 패널에서 Shift키를 누른 채로 필요한 레이어를 마우스 클릭하여 선택

2. 오른쪽 마우스 클릭 > PNG로 빠른 내보내기 선택

컬러 배경 위에 기본 텍스트 작성하기

아래와 같이 평범한 기본 텍스트 일지라도 문자 옵션과 다양한 레이어 스타일 효과를 적용하면 훨씬 더 입체적이고 생동감 있는 글자를 만들수 있습니다.

페인트 통 도구로 레이어 배경 컬러를 채우고, 텍스트 입력하기

1. ‘페인트 도구’ 선택 > ‘전경색’ 클릭 > 색상 선택 > 대지 위에 마우스 커서를 클릭 하여 색상 채우기

2. ‘문자 도구’ 선택 > 색상 패널에서 흰색 선택 > 대지에 마우스 커서를 클릭 > 문구 작성

그레이디언트 오버레이 스타일 적용하기

텍스트에 레이어 스타일 중 ‘그레이디언트 오버레이’ 스타일을 적용한다면 글자 내부에 자연스럽게 그라디언트가 생겨 훨씬 더 부드럽고 세련된 인상을 만들 수 있는데요. 여름 프로모션을 강조해보겠습니다.

텍스트 레이어에 그레이디언트 오버레이 효과 적용하기

1. 텍스트 레이어 선택 > 하단 레이어 스타일 버튼 클릭

2. ‘그레이디언트 오버레이’ 옵션 체크

3. 색상 정지점을 클릭하여 원하는 색상을 변경

(새 정지점 추가하기: 그라디언트 막대를 클릭하여 추가 / 정지점 삭제하기 : 삭제하려는 정지점을 클릭 드래그하여 편집기 창 밖으로 내보내기)

텍스트에 그레이디언트 오버레이 효과가 적용된 모습

텍스트에 획 스타일과 드롭 섀도 적용하기

텍스트에 선명한 인상을 주기 위해 글자 가장자리에 획 스타일 옵션을 설정해 보세요. 획의 크기, 위치, 불투명도 등 다양하게 조절이 가능해 강조 디자인을 적용해볼 수 있어요.

텍스트에 ‘획’ 스타일 적용하기

1. ‘획’ 옵션 체크

2. 획의 크기를 6px, 위치는 ‘바깥쪽’으로 지정

드롭 섀도 옵션은 그림자의 위치, 각도, 거리, 크기 등을 조절 할 수 있으며 자연스러운 입체감이 생겨 가독성이 좋은 콘텐츠를 제작할 때 사용하면 유용합니다.

텍스트에 ‘드롭 섀도’ 스타일 적용하기

1. ‘드롭 섀도’ 옵션 체크

2. 불투명도 50%, 각도138도, 거리 40px, 스프레드 0%, 크기 0px 옵션 값 변경

역동적인 ‘텍스트 뒤틀기’ 효과 적용하기

간단한 옵션 조절을 통해 쉽고 빠르게 텍스트에 역동적인 움직임을 추가 할 수 있습니다. ‘텍스트 뒤틀기’ 효과를 적절히 사용한다면 개성 있는 콘텐츠를 제작할 수 있습니다.

텍스트 뒤틀기 효과에서 ‘깃발’ 옵션 적용하기

1. 레이어 패널에서 [텍스트 레이어] 선택 > 왼쪽에서 ‘문자 도구’를 선택 > 상단 옵션 메뉴에서 ‘텍스트 뒤틀기’ 아이콘 클릭

2. ‘스타일’ 옵션에서 ‘깃발’모양 선택

3. ‘구부리기’ 세부 옵션 조절하기

슬기 아트웍 이미지를 불러와 배너 이미지 꾸미기

개별 이미지로 저장했던 슬기의 아트웍 파일을 가져와 나의 배너 이미지를 꾸며보세요. 불러온 이미지는 자유 변형 도구 (Ctrl+T) 를 선택해 크기를 조절하거나 방향을 변경하는 것도 가능하죠.

새로운 이미지를 추가하고 싶다면 포토샵 베타 버전에서 Generative Fill 기능을 이용해 일러스트를 추가할 수 있습니다.

아트웍 불러오기

슬기의 아트웍을 배치한 이미지

1. 파일 > 포함 가져오기

2. 이미지 선택 후 가져오기 버튼 클릭

3. 자유 변형 도구(Ctr+T) 선택해 오브젝트 크기와 위치 조정해 배치하기

한 번에 이미지 색조/채도 변경하기

‘색조/채도’ 슬라이더 조절을 통해 한번에 쉽고 빠르게 야자수 일러스트 컬러를 변경할 수 있습니다. 나의 여름 배너 디자인이 돋보일 수 있도록 컬러를 조절해 보세요.

‘색조/채도’옵션을 조절하여 아트웍 컬러 변경하기

1. 레이어 패널에서 하단 ‘조정 레이어’ 아이콘 클릭 > ‘색조/채도…’ 선택

2. ‘녹색계열’ 옵션 선택 후 ‘색조’ 값 조절

야자수 일러스트에만 색조/채도 옵션이 적용 될 수 있도록 ‘클리핑 마스크’를 적용해 주세요.

야자수 아트웍 ‘클리핑 마스크’ 적용하기

1. [색조/채도 레이어]를 [야자수 아트웍 레이어] 바로 위에 배치

2. [색조/채도 레이어] 선택 후 오른쪽 마우스 클릭 > ‘클리핑 마스크 만들기’ 선택

추가적으로 배너 이미지를 다양한 레이어와 겹쳐 사용하고 싶다면 ‘레이어 마스크’를 사용할 수 있습니다. 이미지의 ‘레이어 마스크’의 썸네일에서 검정색은 이미지를 가리고, 하얀색은 이미지를 보이게 합니다. 검정색 브러시를 사용해서 불필요한 이미지를 가려 보세요.

‘레이어 마스크’를 사용하여 불필요한 부분 가리기

1. 야자수 레이어 선택 > 하단 ‘레이어 마스크’ 썸네일 선택

2. ‘브러시 도구’ 선택 > 브러시 전경색을 검정색으로 지정 > 불필요한 부분을 검정색 브러시로 가리기

지금까지 평범한 텍스트 또는 이미지 일지라도 다양한 레이어 스타일과 텍스트 옵션을 통해 생동감 있는 배너 이미지를 만드는 방법에 대해 알아봤습니다. 지금 바로 사용하고 수정할 수 있는 여름 배너 디자인 템플릿을 다운받아 나만의 배너 이미지를 만들어 보세요.