이온디
첨부파일 https://imweb.eond.com/designforum/463438

포토샵에서 이미지를 3배수로 저장하는 것은 웹 디자인이나 모바일 애플리케이션 디자인 작업 시 고해상도 디스플레이를 지원하기 위해 매우 유용합니다. 다음은 포토샵에서 이미지를 3배수로 저장하는 방법입니다:

1. 이미지 크기 조정

  1. 포토샵에서 이미지를 엽니다.
  2. 메뉴에서 이미지 > 이미지 크기...를 선택합니다.
  3. 팝업 창에서 높이를 원본 크기의 3배로 설정합니다. (예: 원본 크기가 100px이면 300px로 설정)
  4. 확인을 눌러 변경사항을 적용합니다.

2. 다른 이름으로 저장

  1. 이미지 크기를 조정한 후, 메뉴에서 파일 > 다른 이름으로 저장...을 선택합니다.
  2. 파일 형식을 선택하고 파일 이름에 적절한 접미사를 추가합니다. (예: image@3x.png)
  3. 저장 버튼을 눌러 파일을 저장합니다.

3. Generate Assets 기능 사용 (Photoshop CC 이상)

Photoshop CC 이상 버전에서는 Generate Assets 기능을 사용하여 이미지를 자동으로 여러 배율로 저장할 수 있습니다.

  1. 포토샵에서 이미지를 엽니다.
  2. 레이어 이름을 변경하여 배율을 지정합니다. 예를 들어, 레이어 이름을 image@3x.png로 변경합니다.
  3. 메뉴에서 파일 > Generate > Image Assets를 선택합니다.
  4. 포토샵이 자동으로 파일을 생성하고 저장합니다. 저장된 파일은 원본 파일이 저장된 폴더에 image-assets라는 폴더 안에 저장됩니다.

4. 스크립트 사용

포토샵에서 스크립트를 사용하여 이미지를 3배수로 저장할 수 있습니다. 아래는 예제 스크립트입니다.

  1. 포토샵에서 파일 > 스크립트 > 스크립트 편집기...를 선택합니다.
  2. 아래 스크립트를 편집기 창에 붙여넣습니다.
javascript
// Active document var doc = app.activeDocument; // Get the current file name and extension var fileName = doc.name.replace(/\.[^\.]+$/, ''); var fileExt = doc.name.match(/\.[^\.]+$/); // Resize the image to 300% doc.resizeImage(doc.width * 3, doc.height * 3, doc.resolution, ResampleMethod.BICUBIC); // Save options var saveOptions = new PNGSaveOptions(); saveOptions.compression = 9; // Save the file doc.saveAs(new File(doc.path + '/' + fileName + '@3x' + fileExt), saveOptions, true, Extension.LOWERCASE); // Restore the original size doc.undo();
  1. 파일 > 스크립트 > 스크립트 실행...을 선택하고, 방금 저장한 스크립트를 선택합니다.
  2. 스크립트가 실행되면 이미지를 3배로 크기 조정하고 저장합니다.

이 방법들을 통해 포토샵에서 이미지를 3배수로 손쉽게 저장할 수 있습니다. 필요에 따라 적합한 방법을 선택하여 사용하세요.

코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 50 articles in 1 / 3 pages
번호 제목 제목 조회 수 날짜날짜
50 top bar height 파일 5 2024/12/13 0
49 [디자인소식] 디자인소식 관련 사이트 소개합니다. 166 2015/08/15 0
48 [모바일웹] 비밀글 모바일 웹 디자인 해보기 3 2019/11/14 0
47 [모바일웹] 모바일 디바이스 별 사이즈 351 2019/11/14 0
46 [건축] 동화책 느낌의 색다른 달라스 주택 4245 2013/02/28 0
45 [모바일웹] 비밀글 모바일 폰트 사이즈 정하기 377 2019/11/14 0
44 [일상톡] 홈페이지 본다고 찾다가 디자인사이트 찾았는데 홈페이지에 직원사진보니까 몬가 그 직업에 잘 맞는거같은 이미지가 느껴지는거같아요 ㅋㅋ 파일 172 2024/06/19 0
43 [모바일웹] 모바일 디자인 팁 173 2019/11/14 0
42 [디자인소식] 디자인 포트폴리오 사이트 :Behance/Dribble/Coroflot/Notefolio/Grafolio/ZCOOL/NOTCOT 파일 1037 2015/08/18 0
41 [일상톡] 큐알코드(QR코드) 만드는 사이트 파일 103 2024/05/05 0
40 [브랜드] [Who’s Trending?] 브랜드경험을 리드하는 플러스엑스 410 2015/08/08 0
39 [일상톡] 명함, 모바일 등에 작업하기 좋은 아이콘 모음 사이트, tabler.io 파일 45 2024/05/05 0
38 [아이콘/픽토그램] Noun Project 에 참여하세요. 128 2016/03/04 0
37 [포트폴리오] [선착순] 업계 1위가 쏘는 IT&디자이너 취업 3종 자료집 이벤트 (신청자 전원 증정, ~10/11) 파일 272 2024/09/30 0
36 [포트폴리오] Portfolio Site Builder. Cargo Collective 1179 2015/11/06 0
35 [일상톡] Figma - closing the tab won't lose your changes, but you'll have to reconnect to sync the changes. 파일 156 2022/01/11 0
34 [아이콘/픽토그램] 아이폰 아이콘 사이트 173 2016/07/18 0
33 [아이콘/픽토그램] 아이콘 PSDblast 121 2016/07/18 0
32 [일상톡] 멀티셀렉트 ui 디자인 85 2023/05/11 0
31 [인테리어] [주방인테리어] 닮고 싶은 주방풍경들(1) 우드톤 3517 2013/03/01 0

해시태그 디렉터리

지금 이순간

오늘의 핫게시물