포토샵 + 제플린 이미지 저장 한방에 끝내버리기 : GUI디자인-Zeplin :모두의디자인
HTML-код
- Опубликовано: 21 сен 2024
- 혹시 아직도 이미지 리소스를 포토샵에서 한땀한땀 오려서 저장하고 계신가요?
제플린을 이용하면 한번에 디바이스 별로 이미지를 자르고 폴더별로 정리도 됩니다.
'제플린을 이용한 이미지 저장하기'가 포토샵으로 GUI를 작업하시는 분들께 도움이 되면 좋겠습니다
하지만 GUI작업은 GUI전용 툴(스케치 or Xd)을 추천합니다 😉
---
*Zeplin : zeplin.io/
(제플린 공식홈)
----
채널.모디는 여러분들의 따뜻한 관심과 후원으로 성장합니다😉
구글과 카카오로 후원하기 ▶︎ toon.at/donate...
#제플린 #포토샵 #export #GUI
![모바일 폰트크기 이것만 보면 됩니다.[Adobe XD]](http://i.ytimg.com/vi/PN2UEPWlry4/mqdefault.jpg)
많은 도움이 되었습니다~~ 감사합니다 ^^
힘이되는 댓글 감사합니다!! ^^ 좋은 콘텐츠를 위해 더 노력할게요!- 좋은하루되세요-
진짜 필요했던 정보인데 답을 얻어갑니다!!
도움이 되셨다니 감사합니다!!!
현재 제플린이랑 xd 연동 되어있는데 포토샵을 추가로 연동 가능한가요?
좋은정보 얻고 가용! 좋아요 눌렀습니다ㅎㅎ 그런데 중간중간 음악이 커질때 소리가 커서 목소리 듣다가 깜짝깜짝 놀랐네요ㅠㅠ
소중한 피드백 감사합니다^^- 최근영상엔 음량조절을 했어요!- 놀라게해드려 죄송요 ㅠ
ㅠㅠ감사합니다..
안녕하세요. 영상잘봤습니다.! 그런데 전 에셋추출이 안되는데 ㅠ 일러로 작업한 백터이미지만 추출되는건가요? 그냥 포토샵에서 만든 도형같은 이미지는 에셋으로 추출이 안되나요?ㅜㅜ
아이콘 에셋들을 제플린에서 저장할때 2배로 저장할수도 있나요?
질문을 늦게 확인했어요! 물론이죠. 일단 iOS 는 기본 x1, x2, x3 배로 기본 저장이 됩니다. 그리고 안드로이드는 mdpi(x1) hdpi(x1.5) xhdpi (x2) xxhdpi (x2.5) xxxhdpi(x3) 이 저장이 됩니다. 그런데 김글구님께서 질문이 아마 안드로이드 작업이실 것같은데 작업을 720을 기준으로 작업하셔서 x2 이미지로 xxxhdpi를 원하시는거 맞죠? 제플린을 처음 시작할때 안드로이드는 작업파일 기준을 잡는게 있는데 720으로 디자인 작업을 하셨다면 xhdpi 로 체크하고 이미지 산출할때 xxxhdpi 를 사용하시면 원하는 사이즈가 맞을겁니다- 답변이 글로 이해되셨나용?.. 이거 조만간 영상으로 만들어서 한번 설명 드리겠습니다-
안녕하세요! 실무하다 포토샵에서 만든 UI를 제플린으로 가이드 제작해야하는데요, UI 버튼이 상태별로 있잖아요? 버튼 상태별로 다 에셋 등록을 하고 다 눈을 켜놓고 제플린에 import 해야만 리소스를 다 다운받을 수 있는건가요? normal 상태를 제외한 나머지 상태의 에셋은 눈을 끄면 이미지를 추출할 수 없는지 궁금합니다!
안녕하세요 영상 잘봤습니다! 궁금한게 몇가지 있어요.
보통 아이콘 작업할 때 사이즈가 고정된 정방형 틀 내에서 작업을 하고 아이콘 주변으로 마진도 동일하게 배치 하잖아요. 예를들어 20*20의 아이콘을 오른쪽에서 16띄운다 이런식으로.
제플린의 경우에는 정방형 틀 안의 마진값을 포함하지 않고 그래픽이 있는 곳까지 크롭이 되어서 실제 가이드에서는 소수점으로 가이드가 잡히더라구요. 그럴 경우 어떻게 하나요?
그리고 하나 더.. 스케치에서 Export하면 Component가 Styleguide에 정리되어서 Button의 normal/pressed 표기가 가능한데, 포토샵에서 export할 때는 해당 부분을 어떻게 공유하시나요?
안녕하세요! (06:15)에 보시고 응용하시면 될것같아요 레이어폴더에 정방형틀을 포함해주시고 ignore sublayers of group 을 선택하고 export.. to 제플린 하면 정방형틀이 포함되어서 가이드가 잡힐거에요
그리고..두번째 질문은.. 저도 포토샵으로는 실무에서 사용해보질않아서.. 당장 답변은 어렵고 한번 찾아볼게요!😉
감사합니다!
@@모두의디자인 아 그럼 정방형 투명 레이어를 넣는게 옳은 방법인거죠?
@@hyunjipark7056 네^^ (그냥 여담이지만 예전에 assistor PS라는 플러그인이 정방형 쉐이프를 자동으로 만들어주던 기능이 있었는데.. 전 맥을쓰는데 이제 32bit 응용프로그램을 지원을 안해서 못쓰네요.. 윈도우 포토샵을 사용하시면 한번 사용해보세요 - wit-web.azurewebsites.net/ko/assistor/download )
꿀팁 감사합니다!! ☺️
모디님 안녕하세요
포토샵으로 모바일이나 키오스크 디자인을 하고 있었는데 강의 들으면서 xd를 처음으로 써보게됬어요!! 다름이 아니라 xd에서 제플린으로 export하면 Please check out your request headers/params/body. 라는 오류가 뜨면서 내보내기가 되지 않아요.. ㅠㅠ 포토샵에서 xd로 불러와서 작업한 파일은 내보내기가 되더라구요 ㅠㅠ 제공되는 ui키트도 마찬가지로 내보내기가 되구요 ㅠㅠ 왜이러는지 알수 있을까요? 다시 포토샵으로 작업 하는 수밖에 없을까요?ㅠ 포토샵 파일 전부 xd로 변환했는데 내보내기가 안되면.. 다시 포토샵으로 바꾸는 수밖에 없는지 막막해서요 ㅠ
제주살이님!
댓글 감사합니다! . (옆에 링크로 영상과 함께 봐주세요! ruclips.net/video/5n_0VdKXhrE/видео.html 미등록영상으로 링크로만 확인가능합니다 😉)
일단 제가 테스트 해봤는데. xd에서 제플린으로 export 문제없었고.. 포토샵에서 xd로 갖고온 파일도 크게 문제는 없었어요
혹시 모르니 괜찮으시다면 제 메일로 작업하신 파일을 주시면 제가 테스트해볼게요!
(그리고 제 작업환경이 Mac 이라 Windows 환경에서 테스트가 어려운점 양해 부탁드릴게요 ㅠ)
제 메일주소는 demerc.design@gmail.com 입니다- 이쪽으로 작업파일을 보내주세용😉
모두를 위한 디자인모디 - 모디님 답글 감사합니다 ㅎㅎ 회사에서 작업하던거 노트북에서 해보니 되더라구요 제플린 버전이 달라서 그랬던거 같아요!! 도움 주셔서 감사해요😃 영상 잘 보고있어요!
@@쀼쀼륭륭 감사합니다! 좋은하루 되세요-