Photoshop에서 저하되지 않는 @3x 대응

소개



슬라이스 툴의 사용법을 찾고 있으면 Photoshop의 기능으로 비슷한 것을 할 수 있는 것을 알았습니다.

간단한 배너 제작으로 확인해 봅니다.
소재의 고양이는 전 동료와 동거중인 분입니다.

이미지 애셋



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에 대해서도 알 수 있었습니다.

    좋은 웹페이지 즐겨찾기