인터넷 쇼핑몰제작 판매업이나 온라인 쇼핑몰 관리자로 일을 한다면 '디자인'작업은 반드시 필요한 업무 중 하나입니다. 쇼핑몰 제작부터 내가 팔려고 하는 상품 &amp서비스의 홍보를 위한 전단지, 배너, 카드뉴스, 상세페이지 등등 디자인은 선택이 아닌 필수라 할 수 있습니다.​1인 규모로 인터넷 판매업을 하면서 온라인 쇼핑몰 관리자 업무까지 한다면 당연히 직접 다 할 줄 알아야 하고, 어느정도 되는 규모라 디자이너를 고용해서 업무를 맡길 수 있다고 할지라도 제대로 된 지시를 내리려면 기본적인 지식은 알고 있어야 합니다.​그리고 이런 디자인 작업은 10에 8, 9는 포토샵을 통해 이루어지고 있는 만큼, 쇼핑몰제작 오늘은 기본기를 익히기 좋은 배너 제작 방법에 대해 알려드리도록 하겠습니다.​​준비하기Adobe Photoshop 바로가기​​포토샵을 처음 써보는 분이라면 먼저 프로그램부터 설치해야겠죠?​위 링크를 통해 계정을 만들고 프로그램 설치를 진행해주세요. 참고로 최초 이용 시 AI를 포함한 정식 버전의 모든 유용한 기능들을 7일간 무료로 써볼 수 있어 부담 없이 연습해볼 수 있습니다. ​​프로그램을 실행하고 자신의 사이트, 쇼핑몰 배너 제작 규격에 맞춰 폭, 높이를 입력하여 빈 캔버스를 만들어줍니다.​저는 폭 1,000, 높이 370에 해상도는 72, 색상 모드는 RGB 색상으로 설정하였습니다.​​빈 캔버스 위로 사용할 사진을 드래그&드롭해서 불러옵니다. 없다면 쇼핑몰제작 캔버스 밑에 뜨는 '상황별 작업 표시줄'에서 포토샵 생성형 AI 기능인 '이미지 생성'을 클릭하여 저처럼 AI로 만들어서 써도 됩니다.​​팝업이 뜨면 왼쪽에는 프롬프트 입력창과 콘텐츠 유형, 스타일 메뉴가 오른쪽에는 프롬프트 입력에 도움이 되는 예시들이 나오는 것을 볼 수 있습니다.​뭘 만들지 명확하게 머릿속에 그려져 있다면 바로 프롬프트에 텍스트로 옮겨 쓰면 되고, 딱히 떠오르는 게 없거나 불명확하다면 오른쪽 예시 중 마음에 드는 것을 누르면 예시에 관한 설명이 자동으로 입력되니 해당 내용을 수정해서 쓰면 되겠습니다.​​바닷물이 밀려 들어오는 예시를 고르고 안개가 자욱한 것보다는 햇빛이 쨍쨍하게 쇼핑몰제작 내리쬐는 날이 나을 것 같아 '바닷물이 밀려오는 햇빛 쨍쨍한 해변가, 밝음'이라고 살짝 내용을 수정했습니다.​그리고 콘텐츠 유형에서는 실제 사진에 가까운 결과물을 얻을 수 있는 '포토'에 체크하였습니다. 만약 그림처럼 그린 느낌을 원한다면 '아트'에 체크를 하면 돼요.​​잠시 기다리면 하얀색으로 텅 비어 있었던 대지 위로 멋진 해변가 사진이 생기는 것을 볼 수 있습니다.​이때 1개만 딱 만들어주는 게 아니라 3개씩 제안받게 되고, 새로 만들 때마다 완전히 새로운 장면으로 3개씩 계속 제안을 받을 수 있으니, 마음에 드는 장면이 나올 때까지 계속 반복하면 됩니다.​​또한 상황별 작업 쇼핑몰제작 표시줄에서 스타일 효과나 콘텐츠 유형 &amp효과도 바꾸는 게 가능합니다. 효과의 경우 여러 개를 동시에 선택할 수도 있으니, 더욱 만족스러운 결과물을 얻기 위해 이것저것 다양하게 적용해 보면 좋을 것 같아요.​​저는 앤티크와 빛바랜 효과를 넣어봤더니 선택한 것에 맞춰 분위기가 완전히 달라지는 것을 볼 수 있었습니다.​​원하는 이미지가 나왔다면 이제 뭘 홍보할 것인지 내용을 작성해야겠죠?​왼쪽 툴박스에서 '수평 문자 도구'를 클릭하고 텍스트를 적어줍니다.​​배경과 잘 어울리고 눈에도 잘 띄도록 텍스트 아래 뜨는 창에서 폰트와 색상, 크기도 변경합니다.​글꼴의 경우 기본으로 제공되는 것 외에 다른 것을 쓰고 쇼핑몰제작 싶다면 어도비 폰트(Adobe Fonts) 사이트에서 수천개의 글꼴을 무료로 쓸 수 있습니다. 사용하고 싶은 글꼴이 있으면 '패밀리 추가'만 해줘도 바로 연동되어 편하게 쓸 수 있어요.​아무래도 상업적 용도이다 보니 라이선스가 신경 쓰일 듯싶은데 상업적 용도로도 자유롭게 가져다 쓸 수 있는 폰트들이니 걱정하지 않으셔도 괜찮습니다.​​색상이 겹치거나 화려한 배경으로 인해 문구에 시선이 가지 않는다면 다양한 방법으로 해결할 수 있는데요. 그중 제일 간단하게 해볼 수 있는 건 텍스트에 배경을 넣어주는 것입니다.​툴박스에서 '도형 도구'를 골라 문구 뒤에 배경을 넣어주기만 해도 이렇게 눈에 잘 띄게 할 쇼핑몰제작 수 있습니다. 이때 도형에 글자가 가려진다면 레이어 창에서 글자보다 도형이 아래로 오도록 순서를 변경하면 됩니다.​​이번에는 다른 방법으로 'Up to 80%'라고 적혀 있는 부분을 눈에 잘 들어오도록 편집해보겠습니다.​해당 객체를 선택한 상태에서 오른쪽 아래 fx 아이콘을 클릭합니다.​​이어서 '획'을 눌러 테두리를 넣거나 '드롭섀도'에서 그림자를 넣어 꾸며주면 되겠습니다. 여기서 값을 조정하면 실시간으로 반영되니 편하게 꾸며볼 수 있어요.​​아이콘, 스티커 등을 넣어 조금 더 꾸미고 싶다면 또 다른 포토샵 생성형 AI 기능인 생성형 채우기를 이용해서 손쉽게 추가할 수 있습니다.​원하는 부분을 '사각형 선택 윤곽 도구'로 지정하고 쇼핑몰제작 밑에 뜨는 생성형 채우기 버튼을 눌러줍니다.​​프롬프트에 아이콘, 스티커 등 추가하고 싶은 이미지를 텍스트로 명확하고 자세하게 작성합니다. 전 해변이라 '날고 있는 갈매기'라고 써서 텅 빈 하늘을 채워줬습니다.​​지금까지 인터넷 판매업, 온라인 쇼핑몰 관리자를 위한 배너 제작 방법을 알려드렸습니다. 쭉 따라해보셨다면 '이정도면 얼마든지 내가 직접 디자인 할 수 있겠는데?'라는 생각이 들지 않았을까 싶네요.​이 외에도 쉽고 유용한 기능들이 잔뜩 있는데다 앞서 보여드린 어도비 폰트와 어도비 스톡을 통해 상업적으로 쓸 수 있는 소스들도 잔뜩 제공해주고 있으니 이를 활용하여 온라인 쇼핑몰 제작에 도전해 보시길 바랍니다. 쇼핑몰제작 그럼 읽어주셔서 감사합니다.​​Photoshop 더 알아보기​