어리버리킴냥

안녕하세요 어리버리 킴냥입니다.!

더도 말고 덜도 말고 늘 한가위만 같아라 라는 속담이 있습니다.설날과 더불어 우리나라에서 가장 큰명절 중 하나인 추석이 다가오고 있습니다. 그래서 배송지연공지에 관한 영상을 준비했습니다. 

스마트스 토어에서 배송지연공지를 등록하셔야 하는 이유는 부득이하게 혹여 공지를 띄웠음에도 페널티를 받으셨다면 배송지연공지가 노출되어있는 상태에서 캡쳐를 하신 후 네이버 스마트스토어 판매자센터에 보내면 부당한 일을 막으실 수 있습니다. 또한 파일의 받아 꼭 하실 일은 수정을 하셔야합니다. 명절에는 각기 다른 택배사, 집하일, 배송일이 다릅니다. 그러기에 필히 날짜 수정하시어 사용하시길 바랍니다.

항상 말씀드리지만 이대로 하셔도 되지만 응용해서 저보다 좀 더 나은 완성물을 만드시길 바라며 참고용으로 봐주시길 바랍니다. 그래도 난 이제 촉박한데, 언제해? 하시는 분들을 위해서 파일을 다운받아 날짜를 수정하시고, 사용하시길 바랍니다.

스마트스토어 로그인을 하신 다음에 상품 관리에 가셔서 공지사항 관리 클릭 그러면 오른쪽화면이 바뀌실겁니다.

여기서 오른쪽 상단에보시면 회색 단추로 새 상품 공지사항 등록 이라는 버튼이 보이십니다. 새 상품 공지사항 등록을 클릭하시면 됩니다.

클릭하시면 또 화면이 바뀝니다. 그럼 왼쪽 상단에 분류부분이 일반으로 되어있습니다. 일반을 클릭하셔서 배송지연을 선택하시면 됩니다.

일단 중요 공지사항으로 설정하시면 모바일에서는 상품과 같이 노출이 되는 점은 좋은 것 같습니다.

포토샵을 열고,새 파일을 만드는데 사이즈는 395에 395 이렇게 하시고 엔터 혹은 ok버튼을 클릭합니다.

이번에는 색상을 입힐 예정입니다. 스포이드 툴에 대해 알아보겠습니다.스포이트 툴은 색상을 추출할 때 사용됩니다. 보통은 어울리는 색상의 코드가아닌 클릭한번으로 색상코드를 알아낼 수 있어 간편합니다.

그럼 먼저 추석하면 가을 그리고 붉은계열 또는 남색 노란색 이런색이 떠오르기 마련입니다. 예를들어 '네이버 하면 무슨색이 떠오르시나요? 하고 묻는다면 초록색이요' 하듯이 떠오르게 됩니다. 그렇다고 해서 틀에 잡히실필요는 없습니다.

그러면 먼저 추석하면 떠오르는 색상들을 캡쳐해보았습니다. 그 후 추출한 색상을 전경색으로 덮어줍니다. 전 남색을 배경으로 이용해 꾸며볼까 합니다.

그다음 추석을 표현할 달을 그려줄까 합니다.

레이어 스타일에 대해  응용을 해보려합니다. 쉐이프툴을 이용해 달을 그려준 후 outer glow를 주어 외부 광선을 줄까합니다. Quality 부분을 조정해서 후광처럼이 아닌, 층층이 표현하고자 합니다.

또한 둥근 사각형 모양툴을 이용해 그려줄 예정입니다. 그리기 전 각도를 조금 더 주어 사각형이아닌 좀 더 둥근모양으로 그려줍니다.  그렇게 둥근 사각형을 그려준 후 이번엔 레이어스타일의 그라데이션 효과를 선택합니다. 처음에는 선형으로 하여 상 하 로 되어있습니다.  그라데이션의 각도를 가로 양옆으로 변경 후 색상에서 투명하게  해주어 점점 뒷 배경이 비치는 효과를 줍니다.

클릭만 딱딱 하고 나면 다른스타일로 변하는 것을 확인하실 수 있으실 겁니다.

추석배송공지.zip

스마트스토어나 기타 오픈마켓 혹은 쇼핑몰에 상단이미지는 어떻게 꾸며야할까? 고민하게 되시죠? 이번 영상에서는 상단이미지 만들기에 대해 보여드릴 예정입니다. 혹은 같은 가격이나 가격은 같지만 스타일이 같거나 모음전이라고도 하고 옵션이 많이 있는 옵션상품전에 도움이 되는 상단 이미지 만드는과정을 보여드리고자 합니다. 응용할 수 있게 상단 이미지 제작시 간단한 블랜딩모드와 퀵마스크를 이용해 브러쉬로 쓱쓱 문질러주는 아주 간단한 방법입니다.

영상보시면 더 자세한 내용을 확인하실 수 있습니다. 영상 보시고 응용해보세요 ^^♥

본 영상에 나오는 기능들을 순서를 서술하자면 이렇습니다.

1. 먼저 배경이 될 이미지를 준비합니다. 새 파일(Ctrl+N) 사이즈는 860(px)X550(px) 만들어줍니다. 배경이 될 이미지는 자유변형툴(Ctrl+T)을 이용해 크기를 줄이거나 혹은 배경이미지 이미지 그대로 사용하면서 사용하고자 하는 위치를 선정해주셔도 됩니다.

2.포토샵의 브러쉬의경우 단축키 B입니다.(여기서 주의하실 점은 키보드의 키가 한영키의 영문키로 되어있어야합니다. 키가 한글키로 되어있을 경우 상단에 'ㅠ' 보이실겁니다. 포토샵의 경우는 꼭 한영키로 되어있어야 단축키가 적용되는점 숙지하시기바랍니다.)브러쉬로 되어있으시면,브러쉬크기 축소 단축키를 알려드리겠습니다. 브러쉬크기 단축키는 대괄호 열고,닫고'[]'입니다. 원하는크기로 브러쉬크기를 맞춰주신 후에(되도록 큰 브러쉬로 선택하시면 좋습니다.) 약간 색감이 어두운 계열로 택해줍니다. 배경위치 선정다음 새레이어를 추가해주시고 빈 레이어에 슥슥슥 원하는 색상들을 문질러주시면 됩니다.

3.블렌딩 모드는 블렌딩효과를 주게되면 효과를 받은 레이어가 바로 밑 레이어와 합성되는 효과를 말합니다. 그래서 어떤 블렌딩 모드를 쓰느냐에 따라 효과가 다르게 나타나게 됩니다.

4.블렌딩모드를 원하시는대로 고르신 다음에 타입툴(T)를 선택 후에 타이틀을 써줍니다. 타이틀경우에는 눈에 띄게 색상을 흰색을 주었습니다. 그다음 레이어 스타일을 이용해 살짝의 그림자 그리고 테두리(선)을 주었습니다.

5.타입툴(T)로 글자를 써주고 이번엔 퀵마스크 효과를 주어 타이틀을 감싸거나 위아래를 슥슥슥 감추어 입체감을 주듯 꺼내고 숨기고 앞 뒤 (영상보시면 더 이해하시기 편하십니다.) 보이듯 효과를 줍니다.

이렇게 줄여서 서술 했습니다만, 글로 보시는 것보다 영상을 보시는게 더욱 효과적으로 이해하시리라 생각합니다. 정말 간단한 스타일효과,블렌딩모드,브러쉬,타입툴을 활용해서 무에서 유를 창조하듯 새로운 이미지를 만나보실 수 있습니다.

도움이 되시길 바라며 좋은 퀄리티의 디자인이 나오리라 믿습니다.^^

안녕하세요. 킴냥입니다. 제가 이번에 공유하고자 하는 내용은 쇼핑몰을 운영하시면서,

다양한 옵션상품들을 묶어 판매를 하게 되는데, 이를 옵션상품이라고도 하며, 모음전이라고도 말합니다.

본 영상에서는 나오는 샘플 아이템은 비슷한 디자인의 다른 스타일 인 우주 케이스를 모아놓은 모음전 옵션입니다. 일일히 하나하나 작업하기보다는,

추후에 더 있을 지도 모르는 상품에 대비하여 좀 더 효율적으로 작업을 하고자 옵션 레이아웃 템플릿을 만들어 놓고, 사진과 글등 간략하게만 수정해서 사용하는게 좀 더 효율적이라는 생각이 듭니다. 그래서 계속 사용할 수 있는 템플릿 제작하는 과정에 대해 공유하겠습니다.

이번 영상에서 주로 사용하는 툴은 쉐이프(모양)툴입니다. 단축키는 U 입니다.

스마트스토어의 권장사이즈 860을 2로 나누겠습니다. 이유는 한 줄 옵션에 2가지를 노출할 예정이기 때문입니다. 860÷2=430 이렇게 해서 가로 430px과 세로는 자유입니다.(하지만 되도록이면 한 화면에 보이는것을 권장합니다.)

1. 가로 430px 사각모양툴을 이용해 판을 만들어줍니다.

(여기서 더 쉬운 방법은 사각형 쉐이프툴을 선택한 후 화면에 딱! 하고 한번 클릭하면 수치를 입력할 수 있는 새로운 창이 뜹니다.)

2. 1에서 만든 모양툴을 복제합니다.(레이어복제 단축키 Ctrl+J)

2-2 왼쪽과 오른쪽을 동시에 줄여줄 때에 사용하는 단축키는 alt 키 입니다. alt를 꾸욱~ 누른 상태에서 좌우 핸들러를 이용해 줄여주시면 됩니다.

3. 자유변형툴을 이용해 축소합니다. (이는 이미지를 넣을 판 클리핑 마스크(Alt+클릭)를 하기 위한 판)

4. 원형 모양툴을 이용해 옵션번호를 넣을 동그라미를 그려줍니다.

5. 타입툴(T) 이용해 옵션번호 아래부분에 옵션제목을 써줍니다.

이렇게 하면 하나의 옵션 레이아웃이 완성됩니다. 이를 모두 그룹화(Ctrl+G)하여 폴더로 만들어 줍니다. 이 폴더들을 복제(Ctrl+J)해서 옵션을 쭈주죽! 만들면 된답니다.!

영상에서 나오는 새로운 방법 중 하나는 자유변형 툴에 대한 것 입니다. 자유 변형툴(단축키 Ctrl+T)의 핸들러를 이용해 축소/확대를 했다면 이번에는 상단 옵션 메뉴에서 가로%를 조절해서 크기 조절을 해주는 방법입니다.

이때 주의하실점은 오브젝트가 비율이 맞지 않을 수 있기 때문에, 꼭 필히 사슬모양의 연결해주는 링크 같은 아이콘을 꼭 눌러줘야합니다. 그러면 가로%를 수정하면 세로와 비율이 맞게 수정이 됩니다. 

영상에서는 430x2 를 할경우 양 끝이 선을주어도 결국 이미지에서는 안보이기 때문에 라인만 보일까봐 90~98% 정도로 줄여주었습니다. 이또한 작업자 편하실 대로 작업하시면 수월할 것 같습니다.

이하 간략설명입니다. 영상보시면 자세한 설명 참고하시기 바랍니다.