10 Бесплатных Полезных Плагинов Photoshop Для Веб-Дизайнеров. Лучшие фотошоп плагины


20 лучших премиальных и бесплатных плагинов для Photoshop, которые вы оцените!

Большинство существующих плагинов (а также других ресурсов для Photoshop) предназначены для фотографов, но имеются и те, которые помогут значительно упростить работу веб-дизайнерам. Один из таких плагинов даже способен анализировать ваш шаблон PSD и генерировать из него полностью функциональный код CSS.

Далее мы рассмотрим 10 бесплатных и 10 премиальных плагинов Photoshop, которые актуальны в 2017 году, а главное, что некоторые из них настолько же эффективны, как и их платные аналоги.

10 бесплатных плагинов Photoshop

FontAwesomePS

Цена: Бесплатно

FontAwesome – это огромная коллекция из 675 различных иконок, содержащих все возможные глифы для UI дизайна, макетирования и т.д. FontAwesomePS – бесплатный плагин, который добавит все это в Photoshop без каких-либо проблем. Иконки полностью масштабируются и могут быть изменены как любой другой векторный объект. Этот плагин незаменим для веб-дизайнеров.

Fontea

Цена: Бесплатно

Fontea – бесплатный плагин для Photoshop, который предоставляет мгновенный доступ ко всем шрифтам Google и позволяет классифицировать их по своему усмотрению.

Ink

Цена: Бесплатно

Ink предоставляет дополнительную информацию о вашем макете: форматировании текста, цвете, масштабе, градиентах и многом другом. Это цифровой помощник, который пригодится не только вам, но и вашим клиентам. Жаль, что в реальной жизни нет такой вещи (например, заранее понять, подойдет ли этот диван для комнаты).

CSS3Ps

Цена: Бесплатно

CSS3Ps – бесплатный Photoshop плагин, способный создавать CSS-код из вашего документа PSD. Плагин в настоящее время распознает и правильно обрабатывает такие функции CSS3, как border–radius, масштаб, градиенты, тени и т.д. Кроме этого, он также совместим с SASS для Compass.

IsometrIcon

Цена: Бесплатно

IsometrIcon – это уникальный плагин, подходящий для создания реалистичных изометрических объектов, которые вы можете использовать при создании сайтов и разработке игр. Он предлагает 4 направления изометрического преобразования, гибкий генератор кубоида и 50 px изометрическую сетку. Этот плагин будет работать с Photoshop CC 2017.

Seamless Textures 2

Цена: Бесплатно

Seamless Textures 2 волшебным образом создает реалистичные бесшовные текстуры из фотографий. Вы можете образовывать текстуры или зеркальные текстуры и добавлять их в свою библиотеку шаблонов Photoshop.

Nik Collection

Цена: Бесплатно

Google – достаточно богатая компания, способная предложить некоторые первоклассные инструменты абсолютно бесплатно. И Nik Collection – один из таких. Этот плагин представляет собой набор эффектов, содержащих 7 профессиональных фильтров для фотографов – Analog Efex Pro, Color Efex Pro, Silver Efex Pro, Viveza, HDR Efex Pro, Sharpener Pro и Dfine.

Velositey

Цена: Бесплатно

Velositey – настоящий помощник для веб-дизайнеров. Данный Photoshop плагин включает в себя множество готовых макетов веб-сайтов и отдельных элементов, таких как заголовки, слайдеры и блоки контента, которые можно быстро разместить и изменить.С Velositey прототипирование никогда еще не было таким легким.

Curves

Цена: Бесплатно

Надоело разбираться с непонятными настройками кривых в Photoshop? Для решения вашей проблемы есть простое и бесплатное решение. Плагин Curves предлагает несколько предварительных настроек кривых и предоставляет более удобную регулировку яркости и контрастности, а также позволяет инвертировать эти параметры.

Transform Each

Цена: Бесплатно

Если ваша задача состоит в том, чтоб изменить или повернуть несколько объектов, расположенных на разных слоях, вам понадобится Transform Each Photoshop. Кнопка предварительного просмотра позволяет просмотреть, как выглядят все внесенные изменения перед их применением.

10 премиальных плагинов Photoshop

Fontself for Photoshop

Цена: $49

С помощью Fontself вы сможете создавать инновационные цветовые шрифты и экспортировать их как OTF файлы.

Perspective Mockups

Цена: $19

Perspective Mockups дают возможность продемонстрировать свой дизайн сайта или мобильное приложение максимально профессионально. В отличие от статических макетов с настроенными комбинациями объектов, с его помощью вы сможете легко модифицировать их в соответствии с требованиями вашего проекта.

AD Brutus Symmetry

Цена: $10

AD Brutus Symmetry – чрезвычайно полезный Photoshop плагин для цифровых художников, занимающихся созданием персонажей. Он использует направляющие Photoshop для генерации симметрии в реальном времени, а также работает с выборками.

ON1 Resize

Цена: $79.99

Благодаря уникальной технологии, основанной на фракталах плагина ON1 Resize для Фотошопа, вы имеете возможность масштабировать изображений без потери резкости.

Fontic

Цена: $15

Fontic – еще один полезный премиальный плагин для управления шрифтами. Он сканирует ваш PSD-файл и показывает список используемых шрифтов. Кроме этого он также генерирует необходимый код, который можно экспортировать непосредственно в ваш веб-проект. Fontic работает с Google Fonts, Typekit и совместим с версией Photoshop CC от 2014 года.

GuideGuide

Цена: $10

Этот плагин предоставляет больше возможностей при использовании гридов Photoshop. С его помощью можно создавать столбцы, строки, срединные точки и направляющие, как для всего документа, так и для отдельно взятого слоя.

Chameleon Adaptive Palette

Цена: $15

“Выбор цвета по умолчанию” – больше не вариант, когда у вас под рукой есть этот супер продвинутый Photoshop плагин. Адаптивная палитра Chameleon дает полный контроль над цветами вашего проекта.

CSS Hat

Цена: $39,99

CSS Hat 2 проанализирует ваш слой Photoshop и превратит его в CSS-код. Этот плагин лучше всего использовать для превращения готовых PSD-шаблонов в интерактивные веб-сайты. Он работает на Windows и Mac, с Photoshop CC 2014-2017.

Filter Forge

Цена: $37- $328

Filter Forge предоставляет доступ к постоянно пополняющейся коллекции пользовательских фильтров, текстур и шаблонов – всего более 12000 эффектов. Лицензия Professional Plus (одна за 328 долларов США) дает вам пожизненный доступ ко всем основным обновлениям плагина. Filter Forge также доступен, как автономное приложение для Windows и Mac.

Machine Wash Deluxe

Цена: $99

Как добавить ретро-стиль вашим изображениям? Вы можете применить текстуры вручную, покупать стили слоя, где это действие автоматизировано, или использовать этот премиальный Photoshop плагин. Последний вариант является наиболее экономичным, так как Machine Wash Deluxe поставляется с 3500 + пресетами, которые могут быть применены к фотографиям, тексту, штриховым рисункам и другим произведениям искусства.

Вывод

Использовать плагины Photoshop не обязательно, но это поможет сэкономить большую часть времени. Подумайте об их использовании! С ними вы сможете оптимизировать свой рабочий процесс, перестанете беспокоиться о сроках и привнесете что-то новое в свои проекты!

www.templatemonster.com

10 Бесплатных Полезных Плагинов Photoshop Для Веб-Дизайнеров

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

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

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

Ну, поехали!

Что бывает порой труднее всего сделать при создании дизайна? Выбрать правильную цветовую гамму, чтобы ваш дизайн гармонично смотрелся. Плагин Adobe’s Kuler , как нельзя лучше поможет вам в этом вопросе, подбирая за вас все подходящие оттенки и цветовую палитру на основе базового цвета.

Это бесплатный плагин, который позволяет использовать WebINK и шрифты Google Web Fonts в создании макетов веб-сайтов. Этот отличный инструмент дает легкий доступ к использованию более 1000 веб-шрифтов WebINK прямо в Adobe Photoshop. Чтобы получить плагин, вам придется скачать и установить пробную версию Suitcase Fusion 5 - профессиональный менеджер шрифтов от Extensis. В настоящее время плагин Web Font может быть использован в Adobe Photoshop CS5, Adobe Photoshop CS5.1, Adobe Photoshop CS6, Adobe Photoshop CC (версия 14), Adobe Creative Suite 5.5.

Так как создание сетки в Photoshop порой может затребовать много усилий, большинство дизайнеров просто прикидывают на глаз и произвольно перетаскивают направляющие. Это отличный плагин, который предоставляет инструмент для создания пиксельных точных столбцов, строк, срединных и базовых уровней. Если у вас есть активный выбор в документе Photoshop, GuideGuide создаст сетку, которую вы укажите в пределах границ выделенной области.

Flaticon.com - это популярная платформа с более 35 тысячами иконок, которые отвечают всем последним трендам в дизайне. А некоторое время назад платформа разработала специальный плагин для Photoshop, чтобы дизайнеры могли быстро находить нужные иконки, не выходя из своей рабочей среды. Созданный специально для дизайнеров и разработчиков, Flaticon - это классный бесплатный проект, который вы обязательно должны посмотреть. Вы можете находить необходимые иконки, выбирать и использовать их в векторном формате. Вы также можете настраивать их по своему усмотрению.

Это здоровский облачный плагин для Photoshop, который преобразует ваши слои в CSS3. Поскольку все вычисления производятся непосредственно в облаке, большинство обновлений и исправлений являются понятными для всех пользователей и вам не придется обновлять плагин, чтобы использовать новые возможности. Пользователи также могут просмотреть результат в браузере и поделиться им с другими людьми. Преобразование слоев в CSS3PS происходит за пять секунд.

Cut&Slice me - плагин Adobe Photoshop CS6, разработанный Daniel Peruho. Инструмент повышает до современного процесса нарезку с большим количеством мощных функций. Особенности этого плагина включают в себя принятие группы слоев и рассмотрения ее как единого объекта. После этого он обрезает лишние пиксели и экспортирует группу в файл изображения.

Ваш сайт или дизайн нуждается в детальном фоновом рисунке? В этом случае вы можете использовать плагин SubtlePatterns для своих нужд. Он поставляется с огромным разнообразием шаблонов и весьма легок в использовании. К слову сказать, почти все шаблоны были созданы самими пользователями, так что вы можете даже не сомневаться в их качестве. Даже если вы выберете замысловатые компоненты для шаблона, можете быть уверены, что они не будут отвлекать посетителей сайта от основного контента.

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

Как создавать веб-страницы из PSD? Используйте SiteGrinder. Инструмент поможет вам превратить ваши файлы PSD в веб-страницы. С SiteGrinder, вам не нужно резать или писать код. Если вам когда-либо посчастливилось работать с Divine Elemente, то вы почти сразу заметите, что данный плагин имеет практически аналогичные удобства в использовании.

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

Всего вам доброго!!!

Расскажите друзьям!

6215

25 Январь 2017

wayup.in

20 лучших плагинов Photoshop для дизайнеров. Часть 2 / Полезное / FREELANCE.TODAY

Автор: Елизавета Гуменюк (liza1510) Рейтинг топика: 0 Просто люблю писать, переводить и давать людям возможность читать интересный контент. И пусть я не всегда идеальна — есть к чему стремиться!!!

Плагины, согласитесь, довольно полезная штука. И если ты профессиональный дизайнер, желающий упростить свою работу, то без них – никак. Сегодня мы предложим вам еще несколько полезных плагинов для Photoshop, которые помогут вам в работе.

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

Плагины Photoshop для цвета, шрифтов и эффектов  

Swatchy

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

Основные характеристики:

  • Управляет образцами цветов и позволяет упорядочить их по папкам
  • Работает на OS X и Windows
  • Требует наличие Photoshop СС и СС 2014

Цена: бесплатно  

MagicPicker

MagicPicker – плагин для управления цвета, который улучшает существующие инструменты работы с цветом в Photoshop, добавляя полезные функции. Вы можете использовать такие опции, как Tone Lock для контроля гаммы выбранных цветов, а также улучшенное цветовое колесо с тремя доступными режимами. Плагин поможет вам создавать цветовые схемы, а еще он предлагает компактный режим для экономии места на экране.

Основные характеристики:

  • Работает на OS X и Windows
  • Поддерживает программы Photoshop CC2014, CC, CS6, CS5.5, CS5, CS4 и CS3
  • Позволяет создавать цветовые схемы
  • Выбор цвета из улучшенного цветового колеса с тремя режимами и функция Tone Lock
  • Выбирает только теплые или холодные тона из палитры
  • Одним щелчком мыши копирует шестнадцатеричные коды цвета

Цена: 19$, имеется пробная бесплатная 15-дневная версия для скачивания  

FilterForge

FilterForge — это невероятно мощный редактор, который может использоваться как отдельное приложение или плагин для Photoshop. Вы можете использовать его, чтобы создавать свои собственные фото-эффекты и фильтры, и плагин также дает вам доступ к огромному онлайн-хранилищу пользовательского контента. Он поддерживает бесшовную плитку для текстур, а фильтры предоставляются в любом разрешении. Каждый пресет имеет несколько вариантов, из которых можно выбрать, так что FilterForge должен удовлетворять все ваши потребности в фото-эффектах.

Основные характеристики:

  • Работает на ОС X и Windows
  • Позволяет создавать собственные фильтры, эффекты и текстуры
  • Наличие онлайн-хранилища фильтров
  • Генерирует карты и текстуры, которые поддерживают бесшовную плитку

Цена: 399$, доступна бесплатная 30-дневная пробная версия  

Eye Candy 7

Eye Candy 7 от Alienskin — это плагин, который позволяет выбрать из 32 категорий эффектов и более тысячи пресетов, чтобы применить к вашей графике. Вы можете использовать его, чтобы создавать свои собственные эффекты и мгновенно просматривать изменения, примененные к любому слою. Все эффекты применяются на новом слое, так что ваши оригинальные графические объекты останутся нетронутыми, пока вы не решите изменить их.

Основные характеристики:

  • Создает и применяет реалистичные эффекты
  • Возможность выбора пресетов из богатой коллекции
  • Поддерживает редактирование на новом слое, чтобы сохранить оригинальный дизайн
  • Моментальный предпросмотр эффектов
  • Работает на OS X ОС x 10.7 или новее, Windows 7 и 8
  • Требуется Photoshop CS5, Elements 10 или новее

Цена: 129$, доступна бесплатная пробная версия  

Font Hero

Плагин поможет вам упорядочить шрифты и устранит необходимость в отдельном приложении для управления шрифтами. Font Hero загружает все установленные шрифты с вашего компьютера в аккуратный интерфейс, где вы можете отмечать, отмечать любимые и группировать их. Вы можете мгновенно просматривать шрифты и изменять их внешний вид. Плагин позволяет изменить шрифт на любом текстовом слое одним щелчком мыши. Он поддерживает Google Fonts и Typekit, но хранит их отдельно для вашего удобства.

Основные характеристики:

  • Помогает импортировать, просматривать и упорядочивать все ваши шрифтов непосредственно в Photoshop
  • Возможность ставить теги и добавлять в избранные шрифты, чтобы облегчить поиск
  • Поддержка веб-шрифтов
  • Работает на OS X и Windows, требуется Photoshop СС 2014

Цена: 39$  

Другие плагины для Photoshop  

FlatIcon

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

Основные характеристики:

  • Дает вам доступ к тысячам бесплатных иконок
  • Все иконки доступны в полностью редактируемом векторном формате
  • Поддерживает Photoshop CS5, CS6, CC и CC 2014

Цена: бесплатно  

QR Code Generator

Этот плагин делает точно то, что говорит его название – он генерирует QR-коды в качестве векторных масок, которые вы можете редактировать и использовать в своих проектах. QR-коды генерируются в печатном качестве, совместимом с CMYK, поэтому вам не придется беспокоиться об этом. Плагин поддерживает несколько типов штрих кода, включая URL, СМС, визитные карточки, простой текст и электронную почту.

Основные характеристики:

  • Генерирует QR-коды в качестве изображений, которые вы можете изменять
  • Поддерживает различные виды QR-кода
  • Коды оптимизированы для печати и отвечают стандартам QR-кода
  • Плагин работает на OS X и Windows

Цена: 19$  

TinyPNG

TinyPNG позволяет экспортировать изображения в формат PNG и сжимать их, чтобы уменьшить размер файла, но сохранить прозрачность. Он поддерживает пакетное редактирование и автоматически преобразует изображения в RGB, если это необходимо.

Основные характеристики:

  • Работает на OS X и Windows
  • Поддерживает Photoshop CS5, CS6, CC и CC 2014
  • Позволяет редактировать несколько изображений одновременно
  • Сжимает файлы PNG с сохранением прозрачности

Цена: 40$  

Descreen

Это спасительный плагин, если вы часто используете отсканированные материалы в ваших проектах. Он удаляет интерференционные картины из отсканированных изображений с помощью точного преобразования по методу Фурье. В отличие от других инструментов, которые полагаются на размытость, Descreen может сохранить больше деталей благодаря этому подходу. Рекомендуемое разрешение для просмотра между 600 и 1200 пикселями/дюйм.

Основные характеристики:

  • Поддерживает Photoshop от версии 7.0 и CS до CS6 и CC
  • Удаляет интерференционные картины из отсканированных изображений
  • Работает на Windows и OS Х

Цена: Нome Edition — €15, Professional Edition — €75  

Perfect Resize

Perfect Resize позволяет увеличивать фотографии без потери качества и соотношения. Плагин предлагает инструмент кадрирования с предустановками и другой инструмент, чтобы “выпрямить” фотографии. С помощью Perfect Resize можно увеличить фотографии, сделанные мобильными устройствами и создать дополнительные поля для печати фотографий. Вы можете использовать плагин для пакетного изменения размера фотографий и сохранения двух разных версий одного изображения.

Основные характеристики:

  • Позволяет увеличить, кадрировать и выправлять фотографии
  • Оптимизирует фотографии для печати
  • Поддерживает пакетное изменение изображений
  • Работает на Windows 7 и 8 и ОС x 10.8 – 10.10
  • Требуется Photoshop CS6, CC или CC 2014, а также Elements 11, 12 и 13

Цена: 79.95$, доступна 30-дневная пробная версия  

Cover Action Pro

Этот плагин идеально подходит для дизайнеров обложек книг и всех, кто желает продемонстрировать свою работу на профессиональном уровне в визуально привлекательной форме. Cover Action Pro преобразует ваш дизайн в 3D-модели продукта. Вы можете использовать шаблоны и направляющие, и выбрать из 25 категорий, содержащих более 150 моделей, в том числе книги, переплет, коробки DVD, поздравительные открытки, визитные карточки, журналы.

Основные характеристики:

  • Позволяет конвертировать ваши проекты в 3D-модели продукта
  • Предлагает шаблоны и модели
  • Разработан для Photoshop CS6 и новее, но может работать для CS5, CS4 и CS3
  • Автоматическое обновление

Цена: 147$ или 247$ с 60 дизайнерскими шаблонами  

Avocode

Avocode — это инструмент для совместной работы и управления проектами, предназначенный для сотрудничества дизайнера и разработчика. Он позволяет дизайнерам загрузить свой проект через плагин Photoshop, а разработчики могут затем изучить элементы дизайна в веб-интерфейсе или десктопном приложении. Avocode экспортирует слои в виде изображений, конвертирует слои в CSS, Less, Sass и Stylus, дает информацию о форматировании текста и размерах слоя. Он сохраняет все загруженные варианты дизайна на сервере, поэтому вы можете использовать его в качестве системы контроля вариантов вашего проекта.

Основные характеристики:

  • Легко делится вашими проектами с помощью плагина для Photoshop
  • Проверка дизайна в веб-интерфейсе или  приложение – работает на OS х, Windows и Linux
  • Экспортирует слои в виде изображений, преобразовывая в CSS
  • Дает доступ к предыдущим вариантам дизайна

Цена: начинается от 20$ в месяц, предоставляется бесплатный 14-дневный пробный период

Источник

 

freelance.today

20 лучших плагинов Photoshop для дизайнеров. Часть 1 / Полезное / FREELANCE.TODAY

Автор: Елизавета Гуменюк (liza1510) Рейтинг топика: 0 Просто люблю писать, переводить и давать людям возможность читать интересный контент. И пусть я не всегда идеальна — есть к чему стремиться!!!

Хотя и существует множество бесплатных альтернатив Photoshop, он все еще остается самым популярным и мощным графическим редактором, а также выбором по умолчанию для многих дизайнеров, иллюстраторов и фотографов. Если есть какая-то функция, в которой вы нуждаетесь, но вы не можете найти ее в Photoshop, не волнуйтесь, бесчисленное количество доступных скриптов и плагинов помогут вам расширить и улучшить функциональность редактора.

Здесь представлена подборка из полезных плагинов Photoshop для дизайнеров.

Плагины Photoshop для макетов

WebZap

Если вы веб-дизайнер, WebZap может существенно облегчить вашу жизнь. Этот плагин поможет вам создать макеты сайтов, предоставляя разметки и шаблоны для 960 Grid. Вы можете использовать его, чтобы создать текст-заполнитель и выбрать готовые элементы интерфейса, чтобы добавить на ваш сайт. Каждый элемент может быть изменен как отдельный слой. WebZap также может создавать привлекательные эскизы вашего дизайна для витрин и презентаций.

Основные характеристики:

  • Требуется Photoshop CS5 или новее
  • Работает как на OS X, так и на Windows
  • Позволяет создавать мокапы
  • Предлагает готовые макеты
  • Генерирует текст-заполнитель (“lorem ipsum ”) и элементы пользовательского интерфейса (меню, кнопки и т.д.)

Цена: $19  

Webbsy

Webbsy делает веб-дизайн легким ветерком путем преобразования файлов PSD в HTML и CSS. Вам не придется делать разметку слоев – Webbsy может автоматически дать им имена и экспортировать все элементы дизайна в CSS3. Если что-то не может быть преобразовано в HTML, Webbsy выведет это в виде изображения. Плагин поддерживает адаптивный дизайн, экспортируя его в соответствующих размерах для различных устройств. Webbsy позволяет использовать Google Fonts в своих проектах, а также может автоматически экспортировать в форматы LESS, SASS, SCSS, Stylus, HAML, Slim и Jade.

Основные характеристики:

  • Преобразует ваш дизайн PSD в HTML и CSS
  • ПоддерживаетGoogle Fonts, LESS, SASS, SCSS иStylus
  • Позволяет экспортировать изображения из вашего проекта и выбирать их качество
  • Изображения срезов, можно экспортировать текстовые элементы
  • Требуется Photoshop CS6 или новее, включая CC

Цена: $49, доступна бесплатная 14-дневная пробная версия  

Velositey 2

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

Основные характеристики:

  • Выбор готовых элементов и шаблонов для создания макета
  • Использование сетки для размещения элементов
  • Создает фавиконки и мапиконки
  • Работает с Photoshop CS6, CC и CC 2014

Цена: Бесплатно  

Elemente

Вы когда-нибудь хотели создать свою собственную тему WordPress, но не имели времени, чтобы разбираться со всей этой кодировкой? справляться со всеми кодировку? Elemente от Divine Project представляет собой плагин, который позволяет сделать это путем преобразования любого PSD-дизайна в темы для WordPress. Можно разработать проект с нуля в редакторе макетов или изменить предоставленные шаблоны, а затем оставьте Elemente сгенерировать код темы. Он предлагает полезные сетки для изменения размеров и позиционирования элементов, а также вы можете группировать элементы. Плагин поддерживает расширенные параметры типографики, такие как кернинг и смещение базовой линии, и позволяет вам экспортировать все форматирование текста (размер шрифта, начертание, выравнивание). Код, созданный с помощью Elemente действующий и SEO-оптимизированный, и если вы хотите, то можете изменить его в любом другом редакторе кода.

Основные характеристики:

  • Конвертирует PSD в темы WordPress
  • Не требуется кодирования, просто создайте проект, и он автоматически преобразуется
  • Позволяет использовать шаблоны и группировать элементы
  • Экспортирует чистый и SEO-оптимизированный код
  • Работает только на 32-битной версии Windows
  • Поддерживает Photoshop CS3, CS4, CS5, CS6 и CC

Цена: $99 Персональный план, $199 План разработчика, доступна бесплатная пробная версия  

Плагины Photoshop для сеток и слоев

GuideGuide

Этот плагин поможет вам создавать сетки и пользовательские руководства, основываясь на всем проекте или только выбранных частей. Вы также можете использовать примечания сеток для создания таблиц и регулировки отступов. GuideGuide помогает вам путем расчета большинства размеров. Вы можете сохранить созданные сети в качестве наборов (шаблонов) для их использования в будущем. Направляющие могут быть переключены по щелчку мыши, и вы можете даже сделать сетку в сетке!

Основные характеристики:

  • Создает и сохраняет сетки
  • Регулирует направляющие и отступы
  • Поддерживает Photoshop CS5 и новее

Цена: Бесплатно  

Layrs Control 2

Layrs Control 2 — это практичное решение для управления слоями, и он может стать особенно удобным при работе над большими и сложными проектами с несколькими слоями. Вы можете использовать этот плагин для редактирования названий слоев, оптимизировать свой проект, удаляя неиспользуемые эффекты и пустые слои, и разравнивать все выбранные слои. Также можно растрировать смарт-объекты и преобразовывать выбранные слои в смарт-объекты.

Основные характеристики:

  • Работает с Photoshop СС и СС 2014
  • Можно переименовать и разравнивать слои
  • Удаляет пустые слои и неиспользуемые эффекты

Цена: Бесплатно  

CSS3PS

Этот плагин значительно упрощает преобразование слоев Photoshop в CSS3 код. Просто создайте свою графику в Photoshop, выделите нужные слои и ждите, пока плагин загрузит результат в веб-браузере по умолчанию. Поддерживаемые свойства включают размер, радиус границы, внутреннее и внешнее свечение, а также обычные параметры шрифта для текстовых слоев.

Основные характеристики:

  • Работает на Windows и OS X, и требует наличие Photoshop CS3 или новее
  • Позволяет преобразовать один или несколько слоев в CSS код
  • Поддерживает браузерные префиксы (-webkit-, -moz-, -ms-…)
  • Автоматически вычисляет оптимальные размеры и преобразует размер слоя

Цена: Бесплатно  

UberColumns

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

Основные характеристики:

  • Работает на OS X и Windows, требует наличие Photoshop CC или CC 2014
  • Разбивает текст на текстовом слое в нужное количество столбцов
  • Автоматически корректирует текст, если вы измените размер слоя

Цена: Бесплатно

Источник

Продолжение следует

 

freelance.today


Смотрите также