Лучший рабочий процесс для сохранения изображения в 3 разных размерах

В Photoshop я хочу создать 3 разных размера одного и того же логотипа. В зависимости от размера целевого экрана внешний вид логотипа будет отличаться.

Я считаю, что инструмент среза - это то, что мне нужно, но я не уверен. Я узнал больше об инструменте срезов. Кажется, если я использую его для создания логотипов разного размера, это сэкономит много времени, так как все можно сохранить сразу. Таким образом, мне не нужно создавать три разных образа с тремя разными сохранениями.

Является ли инструмент среза наиболее эффективным способом справиться с описанным выше сценарием?

Инструмент «Срез» — это не тот инструмент, который вам нужен. Инструмент «Срез» используется для разделения одного изображения на несколько изображений, а не для изменения размера одного изображения. Вам нужно фактически изменить размер файла через «Изображение»> «Размер изображения». Что бы это ни стоило, логотипы должны создаваться в векторном приложении, а не в Photoshop.
Я полагаю, вы могли бы создать изображение с 3 отдельными итерациями журнала, а затем использовать инструмент среза для определения каждой области изображения. Хотя мне кажется трудоемким рабочий процесс.
@Scott - Разве вы не можете сделать то же самое, поместив все три изображения на одну палитру, нарезав их и сохранив? Разве одно сохранение не лучше трех? Кроме того, как я уже упоминал выше, в каждом изображении есть небольшие отличия.
@ Скотт - интересно. Я думал, что метод, который вы указали, был громоздким.
Опередил вас на 13 секунд :) По мне 3 файла было бы лучше и надежнее. Я бы знал, что работаю над правильным файлом, когда это необходимо. Логотип должен быть создан один раз, а затем практически никогда не трогаться снова. Разве вы не хотели бы, чтобы 3 файла могли размещать каждый экземпляр независимо от других?
Возможно, логотип — плохой пример. Скажем, какой-нибудь образ. Когда вы меняете это одно изображение, вы всегда будете обновлять 3 изображения. Что касается вашего вопроса, это 3 независимых файла. У вас есть основной PSD с 3 изображениями. При обновлении/сохранении выводятся все 3 размера. Отличный рабочий процесс и очень быстрый. Зачем вам открывать 3 разных файла каждый раз, когда вам нужно обновить одно изображение, когда вы можете открыть один файл и получить тот же результат? Вы бы не стали.

Ответы (3)

Лично я хотел бы, чтобы они находились в одном рабочем пространстве, и, как вы упомянули, я бы нарезал их для сохранения.

Единственная разница с комментариями в том, что у меня также было бы каждое изображение в отдельном смарт-объекте. Таким образом, вы можете свободно редактировать их, так сказать, в другом «файле», но видеть результаты в сравнении с двумя другими на том же холсте. Я предполагаю, что это может быть что-то похожее на то, что вы ищете, потому что я предполагаю, что вы хотите работать с совершенством пикселей для меньших (может быть неправильно!).

Если бы логотипы между ними были очень похожи, у меня было бы больше смарт-объектов («эй, чувак, я слышал, что тебе нравятся смарт-объекты, поэтому я поместил твои смарт-объекты в другие смарт-объекты»). У вас может быть базовый, общий для всех них, а затем разные стили, нарисованные поверх него, подходят для каждой версии.

Рабочий процесс:

  • В новом документе создайте три копии своего изображения.

  • Превратите каждый в отдельный смарт-объект

  • Создавайте фрагменты для каждого размера логотипа

  • Двойной щелчок по смарт-объекту откроет его для вас, чтобы вы могли его редактировать. Если щелкнуть «Сохранить» во вновь открытом документе, изменения, которые вы только что сделали, будут применены к основному документу.

Хороший. Мне нужно больше узнать о смарт-объектах. Знаете ли вы какие-либо учебные пособия, демонстрирующие конкретный рабочий процесс, который вы упомянули выше?
Кажется, я вижу, что у тебя есть. Звучит правильно: 3 изображения в одном PSD в виде смарт-объектов. Дважды щелкните смарт-объект, чтобы открыть новый PSD только с этим объектом. Отредактируйте только что открытый PSD, и он также редактирует только один смарт-объект. Сохраните смарт-объект PSD для Интернета. Я думаю, что это нормальный рабочий процесс и намного лучше, чем открывать 3 файла ... хотя в конечном итоге вы все равно их открываете. Можно ли отредактировать и применить этот каскад ко всем смарт-объектам, а не только к одному? Это на тот случай, если вы захотите отредактировать общий элемент (например, цвет).
@4thSpace Например: 1. Выберите изображения. 2. Преобразовать в смарт-объект. 3. Дублируйте этот смарт-объект ctrl + j (cmd на Mac). 4. Уменьшите размер дублированного смарт-объекта и повторите шаги 3 и 4 столько раз, сколько необходимо. Позже дважды щелкните любой из них, чтобы отредактировать содержимое, и нажмите ctrl + s ( cmd на Mac )... -- например: github.com/joonaspaakko/Photoshop-Image-Framer-Export-Script . та же идея, за исключением того, что сохранение файла обрабатывается скриптом. Вы в основном открываете верхний смарт-объект, чтобы внести изменения, затем сохраняете его, возвращаетесь к исходному документу и запускаете скрипт.
К сожалению, этот скрипт не работает. Он просто выдает ошибку «элемент не найден» после ввода имени при сохранении. Помимо этого сценария, вам все равно нужно будет сохранить все версии файла. Но, по крайней мере, вы можете открыть один основной PSD, а не открывать все эти разные версии... верно? Это главный вывод?
@4thSpace Я думаю, вы использовали скрипт в любом случайном файле. К сожалению, он несколько привязан к прилагаемым файлам шаблонов, так как предназначен для очень специфической задачи. -- Я немного торопился, поэтому не очень хорошо объяснился, я просто опубликовал это, чтобы показать, как это можно сделать. -- По сути, без какого-либо скрипта вы можете сделать фрагменты вокруг изображений, а затем сохранить исходный документ с помощью «Сохранить для Интернета и устройств». Просто возьмите инструмент «Фрагмент» и «нарисуйте» рамки вокруг ваших изображений, и когда вы сохраните с помощью «Сохранить для Интернета и устройств», он создаст изображение для каждого фрагмента.
Вы можете использовать это расширение dezignmatterz.com/photoshop-plugins-and-tools/… для сохранения файлов (поскольку фрагменты могут быть немного громоздкими...) или, если у вас Mac: macrabbit.com/slicy — я думаю о том, чтобы сделать мой сценарий более универсальным, но сейчас мои приоритеты в другом.
Slicy выглядит потрясающе, и я думаю, что это ответ. Ты пробовал это? Я бы предпочел использовать его вместо других инструментов, поскольку MacRabbit так хорошо известен и должен иметь хорошую поддержку.
@4thSpace о да, я сразу купил ломтик. Я люблю это. Вы можете попробовать пробную версию перед покупкой, просто чтобы быть уверенным. Здесь вы можете получить пример psd, который довольно хорошо демонстрирует функции macrabbit.com/slicy/help -- Тот мой сценарий, о котором я говорил ранее... Файлы шаблонов на самом деле настолько точно следуют тонкой системе именования/рабочему процессу, что вы может очень сильно бросить его в ломтик, и он сможет так сохранить его, используя это. На самом деле это напоминает мне одну функцию, которая никогда не упоминается на slicy веб-сайте. Вы можете создавать папки, просто добавляя их к слою.
Например, Myfolder/myimage.jpg -- Мне больше всего нравится функция автосохранения, которая повторно сохраняет изображения после каждого сохранения файла Photoshop. -- Одна вещь об этом веб-сайте. Возможно, вы захотите написать @name в сообщении, чтобы убедиться, что они получат уведомление о вашем сообщении.
@Joonas Это обсуждение сценария / расширения было бы действительно хорошим ответом. Почему бы вам не опубликовать это как один? Может быть действительно полезно для других в той же ситуации. Ой! И вы также можете продолжить его в чате , он довольно активен в настоящее время :)

Это также можно сделать в Illustrator (вдохновленный ответами здесь ):

Если исходное изображение векторное...

1. Преобразуйте свое произведение в символ

Поместите свою работу на основной артборд. Выберите все изображения, затем нажмите кнопку «Новый символ» на Symbolsпанели (в качестве альтернативы вы можете перетащить выбранное изображение на Symbolsпанель). Это превратит вашу работу в символ.

2. Создайте набор монтажных областей, по одной для каждого желаемого выходного размера.

У меня есть 3 артборда разного размера. У каждого просто есть символ, который я сделал из логотипа SE. Затем с Symbolsпанели перетащите свое изображение и поместите его на другие монтажные области (и измените его размер по своему усмотрению).

Иллюстратор

3. Отредактируйте логотип по мере необходимости.

Чтобы отредактировать логотип, просто дважды щелкните символы на Symbolsпанели:

Редактировать символ

Когда закончите редактирование, нажмите escape, и все экземпляры символа будут обновлены:

Обновленный символ

4. Экспортируйте обложку

Часть экспорта — это то место, где вступает в силу мощь Illustrator.

File→ Export...как PNG убедитесь, что вы Use Artboards(все):

Экспорт логотипа

Монтажные области и ваши разрешения будут автоматически сохранены на основе имени монтажной области.

Если оригинальная работа из Photoshop...

Очень похожая настройка, просто игнорируйте часть символов. Вместо этого используйте File→ Place...и поместите .PSD в документ столько раз, сколько у вас есть монтажных областей. Вы все еще можете обновить обложку в Photoshop. Каждый раз, когда вы сохраняете его в PS, Illustrator спрашивает, хотите ли вы его обновить:

Обновить ссылки

Однако на данный момент я, вероятно, предпочел бы решение Yisela. Нет необходимости разделять рабочий процесс между двумя разными программами.

http://www.cutandslice.me/ может быть полезным -?! - бесплатный плагин. если вы разрабатываете для Android и вам нужен точно такой же img в xhdpi hdpi mdpi, то похоже, что этот плагин вам подойдет (прочитайте страницу перед использованием.... вам нужно специально назвать слои с определенным синтаксисом, например, добавив # до этого имя, чтобы оно работало правильно.

Лучший рабочий процесс для сохранения изображения в 3 разных размерах
СпросиСетьПолитика конфиденциальности1y, 0v