안드로이드용 모바일웹 디자인시 이미지 캔버스 사이즈는
https://material.io/devices/ 에서 대개 많이 사용되는 갤럭시S6 dp 해상도를 확인해보면360 x 640포토샵에서 캔버스 크기는 위 사이즈 * 2로 잡고photoshop generator 로 50%, 100% 이미지를 생성 각각 1x , @2x 이미지로Density 가 4 로 되어 있음을 확인 할 수 있는데 360 (dp) x 4 (density) = 1440 (px)즉, 1440 px 넓이의 이미지를 360 넓이로 1/4로 고농축 압착하여 보여줌반대로 설명하자면 360 px 넓이 이미지를 기기에서는 4배인 1440 px 넓이로 늘려 보여줌여튼, 귀찮거나 모르겠다 싶으면 일단 포토샵 캔버스 크기를 360 x 640 px 로 작업하고 브라우저 렌더링 확인해보기.웹브라우저로 인한 이미..
디자인/웹디자인
2016. 11. 19. 23:19
포토샵 Generator asset 원하는 크기 생성 문제시 mask 해결법
큰 이미지를 크기 줄여 디자인한 경우, 전체 캔버스 크기가 레이어 이미지보다 큰 경우 등에서 asset 이 원하는 크기대로 생성되지 않는 문제 발생!레이어 마스크 추가 후 마스킹 영역이 아닌부분을 검정색으로 채우는 순서로 하면 안됨마퀴툴로 보이고자 하는 영역을 선택상태로 만든 뒤 레이어 마스크 버튼을 눌러 추가하면 해결됨벡터마스크를 사용하면 패스 형태 변환 등이 모두 asset 결과에 반영됨마스크는 드래그 & 드롭으로 레이어 뿐 아니라 그룹에도 적용 가능
디자인/Photoshop
2016. 11. 12. 02:45
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
- Make Use Of
- How to geek
- 인터넷 통계정보 검색시스템
- 트위터 공유 정보모음
- 웹표준KR
- 치우의 컴맹탈출구
- Dev. Cheat Sheets
- w3schools
- Dev. 조각들
- ASP Ajax Library
- CSS Tricks
- WebResourcesDepot
- jQuery Selectors Tester
- DeveloperSnippets
- Smashing Magazine
- Nettuts+
- devListing
- 웹 리소스 사이트(한)
- Mobile tuts+
- Dream In Code
- Developer Tutorials
- CSS3 Previews
- 자북
- 안드로이드 사이드
- Code Visually
- Code School
- SQLer.com
- 무료 파워포인트 템플릿
- iconPot
- Free PowerPoint Templates
- Design Bombs
- Web Designer Wall
- 1st Webdesigner
- Vandelay Design
- 무료 벡터 이미지 사이트들
- Tripwire Magazine
- Web TrendSet
- WebMonkey
- 윤춘근 프리젠테이션 디자이너 블로그
- cz.cc 무료 DNS
- [웹하드] MediaFire
- [웹하드] DivShare
- 한컴 인터넷 오피스
TAG
- classic asp
- ASP
- Debug
- Docker
- mssql
- iphone
- Linux
- CSS
- laravel
- Prototype
- sencha touch
- JSON
- PHP
- iis
- Chrome
- git
- nodejs
- nginx
- Wordpress
- 안드로이드
- 워드프레스
- centos
- javascript
- Android
- IOS
- API
- JQuery
- 한글
- Mac
- IE
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
글 보관함