👇 요거 한번만 보면 피그마 + GIF + 상세페이지 완전 정복 가능! [국내최초] 기획부터 AI와 피그마로 반자동 화장품 GIF 상세페이지 실전클래스 피그마와 생성형 AI를 활용해 고퀄리티 실전 상세페이지를 실습할 수 있어요 :) 한 번의 코스로 다양한 상세페이지들을 만들어 낼 수 있습니다. 🎁 강의에서 만든 피그마 상세페이지 원본 증정 🎁 피그마 무료 에셋 모음 자료 증정 🎁피그마 상세페이지 콘텐츠 템플릿 증정 관심있으신 분들은 얼리버드 초특가 할인가로 시작하세요! businessdesignpt.vip/VOD/?idx=87
저 같은 경우, 좋은 툴이 발견되었을 때 아예 갈아타기 보다는 여러가지 툴들을 조합해서 사용하고 있습니다 ㅎㅎ 각자 툴들의 전문성을 뽑아서 사용하고 오래 걸릴 것 같은 부분은 다른 프로그램을 사용한다던지 등 활용하시면 될 것 같아요 :) 포샵을 안 쓰는 추세라기 보다는, 그만큼 디자인 비전문 분들이 디자인 시장에 많이 뛰어들고 이런 분들을 위한 프로그램이나 플랫폼들이 많이 생겨나면서 포토샵에만 집중했던 관심도가 분포되는 것 같아요ㅎㅎ
안녕하세요. 영상 너무 잘보고 있습니다. 설명도 너무 군더더기 없이 잘해주셔서 보기 좋아요. 질문하나 드려요. 영상속 내용대로 상세페이지에 넣을 gif를 피그마로 만들고 gif export로 다운받았는데 스스 상세페이지에 일반 사진으로는 들어가지지만 gif만든 효과가 안나타나요. 동영상추가로 올려보면 파일형식오류(AVI,MOV…만지원)문구가 뜨는데 어떻게 하면될까요?😂
안녕하세요 너무 늦은 답변을 드리게 되어 죄송합니다...하지만!! 나중에 또 이런 일이 생겼을 때를 위해 답변 드립니다. 우선 오류가 난 이유가 복합적으로 있을 것 같아요. 01) 미리캔버스에 영상을 올릴 때의 오류. 영상 자체의 형태가 불러오는 과정에서 깨졌다거나, 다운로드 받은 과정에서 이슈가 발생했을 경우 MP4형태라도 미리캔버스 상에서 업로드가 자꾸 안 되는 일이 생길 수 있어요 이럴 경우엔 그냥 영상을 삭제하고 다시 다운로드를 받아보거나, 파일명을 수정해 보는 방법이 있을 것 같아요 02) GIF 추출 후 스마트스토어 등록이 안 되는 오류. 요 거는 복합적인 요소가 있을 것 같은데 첫 번째로 20MB 용량이 초과가 안 되어있는지 확인해야 합니다. 등록은 되었는데 노출이 안 되는 경우, 권장용량에 거의 근접한 19MB 용량이라면, 마찬가지로 로딩시간이 길어지면서 노출이 안 될 수 있어요. 그래서 대부분 영상이 6초를 넘어가면 GIF 추출했을 때 용량이 엄청 높게 출력이 되어 되도록이면 영상 길이는 컷 편집이나 빠른 재생을 통해 5초 이내를 추천드립니다. 추출 하시고 용량을 최대한 낮춰주는 프로그램을 (구글에 gif용량 다운< 이라고 검색) 사용하시면 됩니다.! 답변 내용이 도움이 되셨길 바랍니다. 그럼 오늘도 화이팅 하시고 앞으로 더 쉽고 재밌는 콘텐츠로 분발해 보겠습니다!!
저같은 경우 주로 실제 작업 시 메인으로 포토샵을 사용하고, 2차 가공이 필요할 땐 미리캔버스, 피그마를 사용합니다. 제 사용경험에 따르면 망고보드보다는 미리캔버스기 더 프로그램 다루기가 쉽고 기능이 친절한 것 같아요 :) 망고보드가 먼저 나온 프로그램이긴 하지만 두 서비스 기능이 매우 비슷해서 손에 편한 걸로 사용하시면 될 것 같습니다.
피그마 화면 확대/축소 하는 법 :: ctrl 누른 상태에서 + or - / ctrl 누른 상태에서 마우스 스크롤 로 화면 사이즈를 조절하실 수가 있습니다 가지고 온 이미지들을 나란히 정렬하는 방법 :: 이미지들 전체 선택 > Shift 누르고 A > 우측 창 Auto layout에서 ' ↓ / →' 화살표 클릭해보시면, 화살표 방향대로 정렬이 맞춰집니다 사이즈가 뒤죽박죽이라면, 이미지들 전체 선택 후 우측 사이즈 창에서 가로 w 사이즈를 맞춰주시면 됩니다 ^^!
추출을 하실 때, GIF 형태로 저장을 해 주셔야 합니다! 피그마에서는 따로 GIF 추출 형식이 없기 때문에 [ gif export ] 라는 플러그인을 통해 추출을 해 주셔야 하고, 미리캔버스에서는 GIF 형태로 추출을 하되, 사이즈 제한이 있어서 최대한 GIF 영상을 넣을 부분만 따로 페이지를 만들어 주신 다음에 따로 추출을 해 주셔야 합니다. ( GIF로 추출 시 품질 손상이 최소화 되는 권장 사이즈로 400px x 400px 입니다)
👇 요거 한번만 보면 피그마 + GIF + 상세페이지 완전 정복 가능!
[국내최초] 기획부터 AI와 피그마로 반자동 화장품 GIF 상세페이지 실전클래스
피그마와 생성형 AI를 활용해 고퀄리티 실전 상세페이지를 실습할 수 있어요 :)
한 번의 코스로 다양한 상세페이지들을 만들어 낼 수 있습니다.
🎁 강의에서 만든 피그마 상세페이지 원본 증정
🎁 피그마 무료 에셋 모음 자료 증정
🎁피그마 상세페이지 콘텐츠 템플릿 증정
관심있으신 분들은 얼리버드 초특가 할인가로 시작하세요!
businessdesignpt.vip/VOD/?idx=87
정말 감사합니다 어제까지
못할거라 생각했던 걸
이 영상 보고
Gif 제작 성공 했습니다!
컴알못도 알수 있게 세세히 설명해주셔서 감사합니다 짱😊
와우 축하드립니다 ㅎㅎ 저도 더 좋은 콘텐츠로 분발해 보겠습니다^^
미리보기까지.. 들으면서 뭐가 궁금할지까지 다 예상하시면서 알려주시는거 최고예요
만들고나서 한 번 쫙 훑어보는 검수는 필수죠!ㅎㅎ 시청해주셔서 감사합니다😊
드디어 오셨다!!!👍👍👍
영상을 GIF로 변환하면 화질이 많이 깨져서 고민이었는데, 한 번 알려주신데로 활용해봐야겠습니다~!
영상 봐주셔서 감사합니다 ㅎㅎ 화이팅하세요!!
저도 왕초보 셀러인데 너무 유익하네요!!
선생님 뒤늦게 채널 알게되어 강의를 다 보고 있어요 ㅎㅎ 넘 유용합니다. 저는 포토샵으로 몇년째 상세페이지를 작업하고 있어서 gif도 포토샵으로 그냥하그등요,,, 그런 경우도 피그마로 갈아타는게 나을까요? 요즘 추세가 포샵을 안쓰는걸까요? 궁금해요..ㅋㅋㅋ
저 같은 경우, 좋은 툴이 발견되었을 때 아예 갈아타기 보다는 여러가지 툴들을 조합해서 사용하고 있습니다 ㅎㅎ 각자 툴들의 전문성을 뽑아서 사용하고 오래 걸릴 것 같은 부분은 다른 프로그램을 사용한다던지 등 활용하시면 될 것 같아요 :)
포샵을 안 쓰는 추세라기 보다는, 그만큼 디자인 비전문 분들이 디자인 시장에 많이 뛰어들고
이런 분들을 위한 프로그램이나 플랫폼들이 많이 생겨나면서 포토샵에만 집중했던 관심도가 분포되는 것 같아요ㅎㅎ
드디어 올것이 왔군..
ㅎㅎ 오래 기다리셨습니다 시청해주셔서 감사합니다🌻🌻
상세페이지의 제일 작은폰트는 몇으로 해야 좋을까요?
단위마다 기준이 다르지만 미리캔버스 단위 기준으로 16-18정도가 좋습니다 :)
미쳤다... 너무너무 유익하네요 ㅠ 감사합니다.
와,.,, 요즘 망고보드랑 미리캔버스로 GIF 만들면서 인터페이스 좀 답답하다고 느꼈는데 ..역시 셀디채널 영상뜨자마자 보는건 삶의 질 향상이네요 !! 감사합니다
혹시 피그마 기능중에 이미지위에 텍스트삭제 같은 기능도 있으면 기회되실때부탁드리겠습니다 ㅎㅎ
영상에 나오는 것 처럼 미리캔버스에서 동영상을 넣어서 상세페이지를 제작 하는데, 용량이 4mb 정도 나오는데 로딩이 길다거나 그런 문제는 없을까요?ㅜㅜ 용량이 크면 안된다고 들어서 여쭤봅니다!
안녕하세요:) 영상보고 공부하면서 미리캔버스로 GIF를 제작해서 스마트스토어에 등록하려 하니까 용량이20mb가 넘는다고 등록이 불가하다고 나옵니다 ㅠㅠ 동영상 길이는 2-3초 내외이고 영상크기도 그렇게 크지 않은데 왜 이러는지 알수있을까요 해결방법 알려주세요😅😢
와 꿀팁 너무 감사해요 ㅠㅠ!!
와~~매번 볼때마다 놀랍네요.오늘도 잘 배웠습니다.감사합니다.근데 쿠팡은 Gif가 작동을 안하던데 작동하게 할수는 없나요?
감사합니다! 쿠팡은 Gif를 html로 변환해서 업로드 하는 방식으로 올렸는데 현재는 기능이 다 막혀서 유튜브로 일부공개 링크를 통해 html로 우회하여 업로드 하는 방식이 있습니다! 자세한 건 구글링 해보시면 방법이 상세히 나와있으니 시도해보시면 좋을 것 같아요 :)
안녕하세요. 영상 너무 잘보고 있습니다.
설명도 너무 군더더기 없이 잘해주셔서 보기 좋아요.
질문하나 드려요.
영상속 내용대로 상세페이지에 넣을 gif를 피그마로 만들고 gif export로 다운받았는데 스스 상세페이지에 일반 사진으로는 들어가지지만 gif만든 효과가 안나타나요.
동영상추가로 올려보면 파일형식오류(AVI,MOV…만지원)문구가 뜨는데 어떻게 하면될까요?😂
안녕하세요 너무 늦은 답변을 드리게 되어 죄송합니다...하지만!! 나중에 또 이런 일이 생겼을 때를 위해 답변 드립니다.
우선 오류가 난 이유가 복합적으로 있을 것 같아요.
01) 미리캔버스에 영상을 올릴 때의 오류.
영상 자체의 형태가 불러오는 과정에서 깨졌다거나, 다운로드 받은 과정에서 이슈가 발생했을 경우
MP4형태라도 미리캔버스 상에서 업로드가 자꾸 안 되는 일이 생길 수 있어요
이럴 경우엔 그냥 영상을 삭제하고 다시 다운로드를 받아보거나, 파일명을 수정해 보는 방법이 있을 것 같아요
02) GIF 추출 후 스마트스토어 등록이 안 되는 오류.
요 거는 복합적인 요소가 있을 것 같은데 첫 번째로 20MB 용량이 초과가 안 되어있는지 확인해야 합니다.
등록은 되었는데 노출이 안 되는 경우,
권장용량에 거의 근접한 19MB 용량이라면, 마찬가지로 로딩시간이 길어지면서 노출이 안 될 수 있어요.
그래서 대부분 영상이 6초를 넘어가면 GIF 추출했을 때 용량이 엄청 높게 출력이 되어
되도록이면 영상 길이는 컷 편집이나 빠른 재생을 통해 5초 이내를 추천드립니다.
추출 하시고 용량을 최대한 낮춰주는 프로그램을 (구글에 gif용량 다운< 이라고 검색) 사용하시면 됩니다.!
답변 내용이 도움이 되셨길 바랍니다.
그럼 오늘도 화이팅 하시고 앞으로 더 쉽고 재밌는 콘텐츠로 분발해 보겠습니다!!
오~! 대박 감사합니다
근데 마지막 결과물 다운로드는 어떻게 할까요?
12:36 ’Giffy canvas플러그인‘에서 gif생성 후 바로 다운로드하시거나, 이미 Gif가 되어있는 작업물을 출력하실 때는 ‘Gif export 플러그인’을 통해 다운로드 받으시면 됩니다.
@@셀디셀러를위한디자인 답변주셔서 감사합니다👍
엄청난 꿀팁입니당^^ 셀디님 혹 피그마,미리캔버스,구글사이트 도구 이용하여 랜딩페이지 만드는 강의 좀 부탁드려도 될까욤??
아직 준비 된 콘텐츠들이 많아서 랜딩페이지도 꼭 한 번 준비해보겠습니다!!
와~ 완전 필요했던 기능인데 넘 감사합니다 ~
도움이 되셨다니 넘 다행입니다 ㅎㅎ 감사합니다!
안녕하세용 셀디님 영상 잘보고있습니다!
상세페이지 저장시 png나 jpg 아뮤거나해도 상관없나용??
보통png는 배경이 투명해야 할 때 출력하는 형식이고, jpg는 이미지 파일 형식이어서 상세페이지저장 시 jpg를 많이 사용합니다
저거 무료로 가능한가요??
실제로 상세페이지 작업하실때 미리캔버스에서 작업하시나요? 미리캔버스와 망고보드 중 장단점이 뭘까요?
저같은 경우 주로 실제 작업 시 메인으로 포토샵을 사용하고, 2차 가공이 필요할 땐 미리캔버스, 피그마를 사용합니다.
제 사용경험에 따르면 망고보드보다는 미리캔버스기 더 프로그램 다루기가 쉽고 기능이 친절한 것 같아요 :) 망고보드가 먼저 나온 프로그램이긴 하지만 두 서비스 기능이 매우 비슷해서
손에 편한 걸로 사용하시면 될 것 같습니다.
상세페이지 작업이 끝나면 고객 스마트스토어에 들어가서 상세페이지를 직접 써주시나요? 아님 만들어 놓은 디자인이랑 gif 파이만 전달해 드리나요? 상세페이지제작에 관심이 있어서요 ㅎ
상세페이지 제작 의뢰용은 기획안, 작업파일(jpeg, gif) 전달 드리고 있는데, 원하시면 직접 써드리기도 합니다 :)
감사합니다!!
웹페이지 만들때도 프리뷰보는것 처럼 주소가 자동으로 생성이 되는건가요?
넵 링크주소가 자동생성됩니다
그러면 그 주소로 도메인만 구매하면 홈페이지를 만들 수가 있는건가요?스마트스토어 페이지도 디자인하던데 스마트스토어 주소가서 코딩조정을 하는것인가요?
항상 감사요^.^
시청해 주셔서 감사합니다!
도움 되는 영상 감사합니다
감사합니다!
감사합니다~
안녕하세요~ 영상 잘뵜습니다 .ᐟ
직접 해보고 있는데 사진이 많이 깨지는데 해결방법이 따로 있나요?
원본에선 안깨집니다 .ᐟ!
용량이 너무 크거나, 제작하시는 이미지 사이즈 자체가 너무 크면 화질이 깨질 수 있습니다!
셀디님 고화질 영상 gif로 만들면 상세페이지 로딩이 늦어 지는데 화질 너무 줄이면 퀄리티가 떨어 지고... 경쟁 업체들은 화질 깨끗한데 로딩 빠르던데 혹시 화질 안깨지고 용량 낮은 gif 만드는 방법있을까요??
아무래도 화질이 깨끗하고 퀄리티가 좋은 GIF같은 경우 대부분 포토샵으로 작업을 하는데, 다른 방법이 있는지도 한 번 영상 준비해 보도록 하겠습니다 감사합니다!
미리캔버스에서 작업 후 다운 받고
셀디님처럼 복사 후 피그마에 붙여넣으니
엄청 큰 이미지로 보이는데요
셀디님처럼 6개 이미지가 가지런히 놓이게 하려면 어떻게 해야죰?ㅡ,,ㅡ
피그마 화면 확대/축소 하는 법 ::
ctrl 누른 상태에서 + or - / ctrl 누른 상태에서 마우스 스크롤
로 화면 사이즈를 조절하실 수가 있습니다
가지고 온 이미지들을 나란히 정렬하는 방법 ::
이미지들 전체 선택 > Shift 누르고 A > 우측 창 Auto layout에서 ' ↓ / →' 화살표 클릭해보시면, 화살표 방향대로 정렬이 맞춰집니다
사이즈가 뒤죽박죽이라면,
이미지들 전체 선택 후 우측 사이즈 창에서 가로 w 사이즈를 맞춰주시면 됩니다 ^^!
와우~~감사합니다
저녁에 다시 따라해보겠습니다^^
gif 제작해서 한 프레임안에 넣은 다음 상세페이지에 등록하려면 어떻게 저장해야하나요?! 이미지로 밖에 저장이 안되는거 같아서요 ㅠㅠ
추출을 하실 때, GIF 형태로 저장을 해 주셔야 합니다!
피그마에서는 따로 GIF 추출 형식이 없기 때문에 [ gif export ] 라는 플러그인을 통해 추출을 해 주셔야 하고,
미리캔버스에서는 GIF 형태로 추출을 하되, 사이즈 제한이 있어서 최대한 GIF 영상을 넣을 부분만 따로 페이지를 만들어 주신 다음에 따로 추출을 해 주셔야 합니다. ( GIF로 추출 시 품질 손상이 최소화 되는 권장 사이즈로 400px x 400px 입니다)
혹시 셀디님 미캔에서 만든 템플릿을 제디터나 다른프로그램으로 복사해서 가져올수있나요 ? 그 템플릿 개별개별 궁금합니다!
디자인 편집 가능한 상태로 가져오는 것은 안 되는 걸로 알고있습니다! 이미지형태로만 가능해용
@@셀디셀러를위한디자인 그런거같더라구요 감사합니다~ 이미지형태로라고 한다면 그냥 알캡쳐로 캡쳐해서 다른이름으로저장해서 했는데 이게맞을까요 ?
@@xxxxdandy 미리캔버스에서는 이미지 다운로드에서 추출 가능하구용
캡쳐프로그램으로 가져와서 사용해도 상관없습다 :)
미리캔버스에서동영상을 바로 gif 로 변환 한건(4초)
꼭 용량 줄이는 작업 해야하나요??
필수는 아닙니다만 저같은 경우 화질손상을 최소화하기 위해서 줄여주었습니다^^
키피캔버스유료서비스아니에요??
피그마에서 무료로 사용하실 수 있습니다!
피그마 프로그램은 무료인가요 ?
네 무료입니다 :)
미리캔버스 에서 상세페이지 제작후 gif 출력하면 가로 146px 이상으로 안되네요. 혹시 방법을 알려주실수 있으실까요? 무료버전 사용자라 그런것일까요? ^^;
미리캔버스는 gif출력 최대사이즈를 페이지 세로를 1000-1080px 까지만 제공하는 것으로 알고있습니다. 그래서 출력 시 사이즈가 비율에 맞게 줄어들게 됩니다.
매우 감사합니다.@@셀디셀러를위한디자인
❤
감사합니다!