Юля Кондратьева: проекты и блог

Рамка браузера и тень одной кнопкой

Цель — упростить себе и другим дизайнерам работу

Чтобы выложить рассказ о проекте на сайт, я часто оборачиваю макеты в рамку браузера. Мне надоело ходить для этого на гетковер, и я сделала экшн для фотошопа.

Экшены — это панель в фотошопе. В ней можно один раз записать несколько действий, которые фотошоп будет повторять сам на других макетах.

Экшн работает так: выбираю папку с макетами в PNG. Они могут быть сохранены из скетча, фотошопа или индизайна, это не важно. Нажимаю кнопку плей экшена → Все макеты сохраняются в эту же или новую папку, это можно настроить.

Чтобы экшн работал, скачайте два файла и перезапустите фотошоп. Дальше — очень подробная инструкция.

Установка

Установить экшн

Установить паттерны

После этого на всякий слушай фотошоп лучше перезапустить.

Открыть в фотошопе панель Actions

В списке экшенов найти папку и экшн yu_cover

Открыть макет в png. К сожалению, экшн не работает с ретиной (.

У файла будет только один слой, который будет называться Layer 0 (если фотошоп русский и слой по дефолту называется Слой 1, то работать возможно не будет, пока не переименуешь слой)

В списке экшенов нажать на кнопочку плей внизу панели (при этом yu_cover должен быть выделен).

Должен получиться такой эффект:

Настройка

Параметры тени можно настраивать. Для этого нужно в документе с уже прокрученным экшеном просто ткнуть в предпоследний шаг

Откроется обычное окно настройки слоя. После этого как вы один раз поменяете эти настройки, они останутся такими для всех следующих документов.

Как обработать сразу много макетов

Найти File→Automate→Batch

В окне поставить экшн yu_cover и нужное место для сохранения, можно добавить суффикс к имени файла

Альтернативный путь — через Адоб Бридж, если вы им пользуетесь. Нужно выделить в нем несколько файлов

Открыть Tools→Photoshop→Batch

А дальше так же как через фотошоп





Другие работы

Расширение для Хрома OneClick Picsaver
апрель 2013
Концепт главной для Касперского
апрель 2019
Новый Имениндер
декабрь 2018
Сайт и идеи для Третьяковской галереи
февраль 2013