Làm cách nào để tự động xuất nhiều PNG với các kích cỡ khác nhau từ Photoshop?


18

Tôi có một tệp PSD với độ phân giải 96 px × 96 px. Bây giờ tôi muốn lưu tệp này dưới dạng bốn tệp PNG với độ phân giải khác nhau, chẳng hạn như 36 px × 36 px, 48 px × 48 px, 72 px × 72 px và 96 px × 96px. Thay vì điều chỉnh kích thước hình ảnh bằng tay bốn lần và lưu dưới dạng tùy chọn, tôi có thể tự động hóa điều này bằng cách nào đó không?


Vui lòng thử câu trả lời @NickBeus đưa ra và đưa cho anh ta dấu kiểm màu xanh nếu nó phù hợp với bạn. Câu trả lời này đã giúp tôi rất nhiều. Tôi không thể cho bạn biết bao nhiêu lần tôi đã mở hộp thoại "Lưu cho Web" chỉ để thay đổi kích thước đầu ra MỘT THỜI GIAN. Cửa sổ "Tài sản hình ảnh" cho phép bạn thêm tất cả các kích thước & hậu tố tên tệp bạn cần và chỉ cần xuất tất cả chúng.
rgb_life

Câu trả lời:


13

Không phải là một giải pháp hoàn chỉnh, nhưng điều này có thể giúp ai đó đến từ Google.

Nếu bạn lưu bằng Tệp → Lưu cho Web, bạn có thể đặt lại kích thước trong quá trình lưu, các tùy chọn nằm ở phía bên phải trong Kích thước hình ảnh.

Tôi làm điều này khá thường xuyên khi tôi cần một vài kích thước khác nhau cho một hình ảnh, mặc dù như các phản hồi khác đã lưu ý, nếu bạn đang thiết kế biểu tượng, sử dụng vectơ, nó sẽ giúp cuộc sống của bạn dễ dàng hơn rất nhiều.


3
Tôi ngạc nhiên. Tôi chưa bao giờ thực sự nhận thấy tùy chọn kích thước lại trong Save for Web: o
Yisela

và bạn cũng có thể sử dụng Alt+Ctrl+Shift+Sđể khởi chạy Save for Webhộp thoại trong CS6.
Muhammad Saqib

5

Với Photoshop CC, giờ đây có một tính năng gọi là Photoshop Generator được thiết kế để tạo ra nhiều hình ảnh

Bạn có thể đọc về Máy phát điện ở đây .

Một đoạn trích:

Trình tạo cho phép bạn tạo tài sản hình ảnh trong thời gian thực khi bạn làm việc, loại bỏ các bước tẻ nhạt sao chép, cắt và xuất từng lớp theo cách thủ công và tiết kiệm thời gian của bạn. Chỉ cần thêm phần mở rộng tệp vào tên của lớp hoặc nhóm lớp của bạn và Photoshop sẽ tự động tạo JPG, PNG hoặc GIF từ nội dung của lớp đó. Nếu bạn thay đổi lớp đó, tập tin sẽ được cập nhật ngay lập tức. Điều này có nghĩa là bây giờ bạn có một thư mục hình ảnh luôn cập nhật với thiết kế Photoshop của bạn.


4

Bạn cần bao nhiêu lần để xuất biểu tượng? Nếu chỉ là một biểu tượng, tùy chọn tốt nhất của bạn có lẽ chỉ là vẽ mọi thứ bằng vectơ và kiểu lớp, thay đổi kích thước tài liệu, thực hiện mọi điều chỉnh cần thiết và lưu PNG (tùy chọn giữ PSD để xuất trong tương lai).

Nếu bạn cần lặp lại quy trình nhiều lần, tôi khuyên bạn nên thiết lập mọi thứ dưới dạng một tấm sprite với các lát.

Đây là một cái gì đó tôi đã viết về chủ đề (bao gồm nhiều kỹ thuật xuất khẩu): Xuất từ ​​Photoshop .

Khi thiết kế biểu tượng, bạn thường cần phải điều chỉnh thủ công các kích thước nhỏ hơn - có thể đáng lưu ý khi bạn xây dựng tất cả các kích thước.


3

Như Marc đã đề cập ở trên, có lẽ bạn nên loại bỏ các vectơ trong tài liệu và sử dụng các tấm sprite.

Một điều bạn nên tránh là nhân rộng trong Save for Web như Maxism gợi ý. Tôi đã viết một bài so sánh kết quả của các kỹ thuật khác nhau và Save for Web liên tục tạo ra các tài sản với các tạo phẩm và nửa pixel: Thu nhỏ và xuất tài sản trong Photoshop .

Tôi cũng đã tạo một tập lệnh Photoshop tự động hóa quá trình xuất các tài sản đó: XUẤT KHẨU VÀO HÌNH ẢNH ANDROID .

Hi vọng điêu nay co ich.


1

Không có cách nào tốt để tự động chuyển từ 96 xuống 36. Ngay cả ở tuổi 48, bạn sẽ thấy thiết kế của mình bắt đầu sụp đổ.

Lợi ích duy nhất là nếu bạn có nhiều biểu tượng để xuất theo cách này và bạn có kế hoạch quay lại và dọn sạch chúng. Bạn có thể ghi lại dưới dạng hành động hoặc sử dụng jsx, nếu bạn quá nghiêng.

Đối với thiết kế cụ thể của bạn, tôi sẽ thử nghiệm đi xuống theo các bước hoặc xuất từng phiên bản từ phiên bản 96px gốc. Thông thường các bước là tốt nhất nhưng trên một số thiết kế, nó có thể đưa ra số lượng biến dạng lũy ​​tiến.


1

Tạo biểu tượng của bạn trong mdpi và sử dụng Photoshop Action này để xuất nó dưới dạng ldpi, hdpi và xhdpi. Từ mdpi đến xhdpi nó hoạt động tốt, nhưng ldpi và hdpi trông hơi mờ.

Liên kết đến bài viết
Tải xuống Photoshop Action



1

Có một tùy chọn mới trong Photoschop CC 2014. Nó được gọi là "Tạo tài sản", nó nằm dưới "tệp" và bạn có thể chọn 0,25x, 0,5x, 2x, 3x và bạn có thể tự định cấu hình kích thước. Nó sẽ xuất các lớp của bạn sang bất kỳ tệp định dạng nào và theo các kích thước khác nhau (nếu bạn muốn).


Câu trả lời này là SOOO tốt. Trước tiên, bạn phải truy cập "TẬP TIN> TẠO" và kiểm tra "Tài sản hình ảnh". Sau đó, chuyển đến "TẬP_TIN> XUẤT NHẬP KHẨU" và bạn sẽ nhận được menu tốt nhất tôi từng sử dụng trong Photoshop, nơi bạn có thể thêm kích thước và cung cấp cho chúng một hậu tố tùy chỉnh! Đây là trong Adobe Photoshop CC, tất nhiên. CS4 của tôi đã chết với bản cập nhật Mac OSX và vì vậy tôi không biết về bất kỳ phiên bản nào ngoài phiên bản tôi đang sử dụng.
rgb_life

1

Tôi tin rằng đây là chính xác những gì bạn muốn.

https://github.com/austynmahoney/mobile-export-scripts-illustrator

Nếu bạn cảm thấy thoải mái mở mỗi .psdnăm Illustratorbạn có thể xuất ra nhiều kích cỡ một cách dễ dàng bằng cách tinh chỉnh các yếu tố rộng trong .jsxtập tin.

Hình ảnh cơ bản được sử dụng cho Android là xhdpi, đối với iOS là @ 2x. Kịch bản sẽ mở rộng lên xuống từ các kích thước này.


0

Một chương trình Mac đẹp có tên "Ship it" thực hiện chính xác những gì bạn đang hỏi: Xuất hình ảnh thành nhiều kích cỡ / định dạng. Tôi đã sử dụng nó. Đây là liên kết trên Mac App Store: https://itunes.apple.com/us/app/shipit!/id492043869


Ứng dụng này không còn có sẵn trong cửa hàng iTunes của Canada và Hoa Kỳ ... hoặc AppStore ...
PatTheBeast

0

Tôi không tìm thấy gì đơn giản ở vùng đất Adobe để làm điều này cho tôi. Nếu bạn có hoặc sẵn sàng cài đặt ImageMagick và bạn cảm thấy thoải mái với dòng lệnh, thì convertcông cụ CLI rất tuyệt .

Tôi đã viết kịch bản shell này chấp nhận độ rộng và thay đổi kích thước hình ảnh cho đến khi bạn nhấn enter mà không có số:

#!/bin/sh

oot=${1%.*}
while read -p 'width: ' -r && [ "$REPLY" != '' ]; do
    convert "$1" -resize "$REPLY"x "$oot-$REPLY.png"
done

Tôi đặt tên của tôi multi-resize.shvà đặt nó vào ~/bin/để nó có sẵn ở mọi nơi.

Sau đó, bạn sẽ thực hiện nó trong một vỏ như trên PNG ở độ phân giải gốc:

$ multi-resize.sh foo.png
width: 96
width: 72
width: 48
width: 36
width: 
$

Bạn sẽ có foo-72.png, vv trong cùng một thư mục.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.