웹퍼블리셔를 위한 PSD to Zeplin 사용하기 - live 편집버전
HTML-код
- Опубликовано: 21 сен 2024
- 약 1주일정도 학습하고
제플린을 사용해 보았습니다.
굉장히 신선한 기능들이 많았습니다.
웹퍼블리셔가 제플린을 가지고 코딩했을때 어떻게 해야되는지
준비작업을 해보았습니다.
감사합니다.
#제플린 #웹퍼블리셔 #포토샵응용
✔ 채널에 가입하여 영상 제작을 지원해주세요~!
/ @rebehayan
────────────────────────
📢 리베하얀이 직접 알려드리는 기초부터 포트폴리오 제작까지
340여개의 강의영상을 클래스 101에서 보실 수 있습니다.
👉 class101.app/e...
────────────────────────
- 리베하얀의 작업환경 -
LG그램 17인치 노트북 : link.coupang.c...
Filco 기계식 키보드 : link.coupang.c...
아이락스 무소음 키보드 : link.coupang.c...
레이저 오로치 마우스 : link.coupang.c...
레이저 키보드 손목 받침대 : link.coupang.c...
레이저 장패드 : link.coupang.c...
시디즈 의자 T55 더블라셀 : link.coupang.c...
- 리베하얀의 촬영환경 -
UFO USB 마이크 : link.coupang.c...
소니카메라 A6400 : link.coupang.c...
소니렌즈 35.8 : link.coupang.c...
룩스패드 조명 : link.coupang.c...
위 링크에는 추천인링크가 포함되어 있어서 링크를 통해서 물건을 구매하시게 되면 저에게 소정의 수수료가 지급됩니다.
![[한글자막]웹퍼블리셔를 위한 포토샵 이미지 자르기, 이미지 슬라이스 방법을 알려드립니다.](http://i.ytimg.com/vi/K88-EDDpdgw/mqdefault.jpg)
![[포토샵]09-다양한 파일확장자의 종류 알아보기(PSD, JPG, GIF, PNG)_#울산포토샵학원 KH인재교육원 (13:58)](/img/1.gif)
결과보기 : bitly.kr/WkIVDPn3
소스보기 : bitly.kr/etfBUa0j
PSD다운 : bitly.kr/bstQBKBn
딱 필요한 정보였는데 강의 감사합니다.
감사합니다 ^^
실무자입니다. 리베하얀님 영상보면서 정말 도움많이 받고있어요. 정말 배움에는 끝이 없네요. IT쪽은 특히 더 그런것같아요ㅠㅠ
감사합니다 ^^~ 공부.... 저도 계속 하고있다죠... 지칩니다 지처요 ㅠㅠ
칼집에서 1x, 2x, 3x 선택할수 있어요!
으흠!!! 칼집이란 녀석을 찾아봐야겠네요~ 제플린 자체 기능인가요??
@@rebehayan 넵~! 정확한 명칭이 칼집은 아니고 에셋 저장하는 곳 보시면
칼 모양 아이콘으로 되어있는데 선택하시면 스케일 설정할 수 있어요
@@뿐지뿐지-o6m 아하~! 한번 찾아서 적용해보겠습니다 ^^ 감사드립니다!
현재 제플린이랑 xd 연동 되어있는데 포토샵을 추가로 연동 가능한가요?
네 가능하지않을까요? 공유url 이 다르니깐요
@@rebehayan 아무리 해도 안돼서,,영상으로 한번 다뤄주시면 감사하겠습니다ㅜㅜ
제플린강의 고맙습니다
별말씀을요~~^^ 부족함에도 봐주셔서 감사해요~
과거에 머물러있다는 말...정신이 번쩍드네요... -IT 고인물 올림
ㅎㅎㅎㅎㅎ 당장은 괜찮지만.. ㅠㅠ 고인물들은 알죠.. 이러면 안된다는걸.. 하지만.. 몸이 따라주지않는... ㅠㅠ
저 구독하기 처음했어요 .. 정말 유익한정보감사합니다ㅜㅜ 제가 찾던 강의예요..ㅎㅎ그런데 혹시 포토샾으로 모바일 안드로이드 디자인 하려고 하면 처음에 선택할때 안드로이드 모바일 가운데꺼로 해야하나여? 저는 px이 편한데 웹으로하기엔 모바일 디자인을 해서요..
안녕하세요 ^^
우선 스스로 기준을 정해야 합니다. 몇배크기로 제어할지부터요~
ruclips.net/video/W9wy-RZoh1o/видео.html
위의 영상을 참고하시면되고..
조금 다른점이 있다면 요즘은 360기준으로 작업을 시작합니다.
감사합니다.
포토샵이랑 제플린이랑 연결해야되는데 extension(확장)이 비활성화 되어잇으신 분 없나요~?
window에서 패널을 활성화 시켜도 그런가요?
나는 왜 이제 제플린을 알게된건가.. ㅠㅎㅎ 국비는 왜 제플린을 알려주지 않는건가요!ㅎㅎㅎ
세로 10000xp 넘는 디자인 하나하나 다 그리드 그어가면서 한게 으.. 시간 낭비가 ㅜ
국비 취업과정 10일 지났는데 지금이라도 빨리 알아서 다행이네요! 취업 이력서에 제플린 한줄 써야겠습니다 ㅎㅎ
ㅎㅎ 국비과정은 많은 같은 교재로 진행하지만 강사의 역량에 따라 강의내용이 많이 다릅니다.
이제라도 아셨으면 됐죠 ^^ㅎㅎ.
유용한 강의 정말 감사합니다ㅠㅠ 급하게 배우고 있는데 도움 많이 되었어요! 포토샵에서 제플린으로 내보내기 했는데 폰트의 색상 정보는 나오지만 도형의 색상 정보는 안나오는데...혹시 원래 그런가요?? ㅠㅠ
도형의 정보도 나옵니다. 이미지도 추출가능합니다 ^^
일러스트에서 제플린으로는 안되나요??
일러스트는 백터로 제작되기때문에 웹사이트나 모바일같은 UI는 제작하기에 부적합합니다...
비트맵이 지원되는 프로그램을 사용해주세요.
강의 너무 감사합니다 ㅠ ㅠ 혹시 제플린 깔고 포토샵 창에서 제플린이 안나오는데 왜이러는걸까요? ㅠ ㅠ몇번이나 시도해도 앙되고 검색해도 안나와유ㅠㅠ
포토샵CC 2020버전은 아직 이상하고 2019이하는 잘되는듯 합니다.
^^;
오늘 하루종일 제플린하고 씨름...해결못해서 강의찾다가 들어왔습니다~꼭필요한 정보 정말감사합니다
한가지 질문이...윈도우 포토샵에서 작업했구요 제플린에 web모드로 올리려고 합니다.
포토샵에서 에솃만들어줄때 쉐입으로 그려진걸 그룹하시는데 저는 그렇게 하니까 제플린에서 에러가 나고 스마트오브젝으로 만들어서 올리니 에러가 나지 않습니다 ㅜㅜ 하지만 스마트 오브젝 만들면 svg가 아닌 jpg로 생성이 됩니다. svg가 나오게 하려면 어떻게 에셋을 셋팅해줘야 할까요?
포토샵 무료 템플릿은 어디서 다운 받나요? ~^^
구글링하면 많습니다~^^ ㅎㅎ.
@@rebehayan 빠른 답글 감사합니다. 같은걸로 하면 도움이 될것같아서요~ 혹시 공유해 주실수 있나요~ 염치없습니다.~^^
@@정화선-d7w 공유에 대해서는 준비중에 있습니다. 조금만 기다려주세요~^^
@@rebehayan 예! 감사합니다 . 정말 많은 도움이 되고 있습니다. 감사합니다~~^^
제플린 덕분에 가이드 지옥에서 벗어날수있었어요♥️
ㅎㅎ.. 가이드지옥 ^^~ 디자이너나 퍼블리셔나 다 편해젔죠~
Good~~♡♡