Photoshop에서 저하되지 않는 @3x 대응
소개
슬라이스 툴의 사용법을 찾고 있으면 Photoshop의 기능으로 비슷한 것을 할 수 있는 것을 알았습니다.
간단한 배너 제작으로 확인해 봅니다.
소재의 고양이는 전 동료와 동거중인 분입니다.
이미지 애셋
Photoshop CC에서 사용할 수 있는 기능인 것 같습니다.
확대하거나 축소할지
원본 이미지를 크게 만들고 축소하는 것이 철판입니다.
소재는 반드시 3 배의 크기로 만든 것이 좋지만
작성하는 PSD 파일의 크기는 제작하기에는 등배가 사용하기 쉽다.
제작
(1) 레이어 설정
최상위 그룹에는 다음과 같이 입력합니다.default 300% ios-3x/@3x + 200% ios-2x/@2x + ios/
(2) 이미지 애셋 활성화
파일 > 생성 > 이미지 애셋
(3) 이미지 파일은 PSB로 변환
확대해도 열화되지 않도록 이미지의 형식을 변경하여 저장해 둡니다.
이미지는 여기에서
파일 > 열기
파일 > 별칭으로 저장
[파일 이름].psb라는 파일에 저장됩니다.
(4) 스마트 오브젝트 : PSB 배치
Photoshop CC에서 사용할 수 있는 기능인 것 같습니다.
확대하거나 축소할지
원본 이미지를 크게 만들고 축소하는 것이 철판입니다.
소재는 반드시 3 배의 크기로 만든 것이 좋지만
작성하는 PSD 파일의 크기는 제작하기에는 등배가 사용하기 쉽다.
제작
(1) 레이어 설정
최상위 그룹에는 다음과 같이 입력합니다.
default 300% ios-3x/@3x + 200% ios-2x/@2x + ios/
(2) 이미지 애셋 활성화
파일 > 생성 > 이미지 애셋
(3) 이미지 파일은 PSB로 변환
확대해도 열화되지 않도록 이미지의 형식을 변경하여 저장해 둡니다.
이미지는 여기에서
파일 > 열기
파일 > 별칭으로 저장
[파일 이름].psb라는 파일에 저장됩니다.
(4) 스마트 오브젝트 : PSB 배치
제작시는 결과에 크게 변하지 않지만, 운용 방법에 따라 선택이 다릅니다.
파일 사이즈는 커집니다만, 소재 그 자체는 변경을 가하지 않으므로 「포함」을 선택합니다.
확대·축소, 이동 등 가서 편집합니다.
(5) 추가한 스마트 오브젝트를 마스크합니다. (Alt + 클릭)
(6) 변경 후 즉시 이미지가 작성 및 갱신됩니다.
만든 배너
.png
@2x.png
@3x.png
참고 URL
Photoshop 도움말/레이어에서 이미지 자산 생성
htp // // lpx. 아도베. 이 m/jp/p 호토쇼 p/우신 g/게네라테-아세 ts-ぁいぇrs. HTML
Photoshop 초보자는 절대 기억해 주었으면 한다!! 화상을 열화시키지 않고 조정할 수 있는 PSD 데이터를 만드는 방법
ㅇㅔㅔ메모메모. 코 m/p 호토쇼 p_마킨 g_아 d주 s타 bぇ_다타/
더 열화하지 않을 생각
Photoshop의 모양으로 할 수 있는 일. : 노망없는 모양을 그리는 방법
ぉtp // ぉ팡. jp/p 호토쇼 p 샤페/
Photoshop의 '생성' 기능을 파악
htp // c-에서. 제대로 rk. 코 m/포 st/70251384696/p
iOS @3x 지원 : Vector 이미지 및 ImageAssets
htp // // c. 네. 이. jp/427/
사이고에게
@3x 대응이라고는 하고 있습니다만, Android에서도 응용이 편리합니다.
또, 디자이너 씨에게는 당연한 내용일지도 모릅니다만
Slicy
ht tp // // c cr t. 코 m/sぃcy/
을 사용할 생각으로, 우연히 PhotoshopCC2014로 맡을 수 있는 것을 알 수 있을 정도로, 전문외이므로, 곤란한 것은 언제나 소재의 가공입니다.
psd와 psb에 대해서도 알 수 있었습니다.
Reference
이 문제에 관하여(Photoshop에서 저하되지 않는 @3x 대응), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/nofrmm/items/9ff3967a38f7a45aa898
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(Photoshop에서 저하되지 않는 @3x 대응), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/nofrmm/items/9ff3967a38f7a45aa898텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)