Плагин для замены цвета — уроки фотошоп

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

Плагины, согласитесь, довольно полезная штука. И если ты профессиональный дизайнер, желающий упростить свою работу, то без них – никак. Сегодня мы предложим вам еще несколько полезных плагинов для 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

Источник: https://freelance.today/poleznoe/20-luchshih-plaginov-photoshop-dlya-dizaynerov-chast-2.html

Инструмент «Color Replacement Tool» (Замена цвета) в Фотошоп, Уроки

В этом уроке Фотошоп я расскажу вам все об инструменте «Замена цвета» (Color Replacement Tool).Этот инструмент способен изменить цвет объекта изображения без лишней суеты и хлопот.

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

Оба этих инструмента используют одинаковую технику для обнаружения пикселей на изображении, которые должны быть изменены. Разница лишь в том, что «Фоновый ластик» удаляет эти пиксели, а инструмент «Замена цвета» изменяет их цвет на другой.

Инструмент «Замена цвета» использует не самый профессиональный вариант изменения оттенка и не всегда может давать вам те результаты, которые необходимы. Но он хорош для простых задач, например, изменения насыщенности и оттенка объектов. Давайте посмотрим, как он работает на практике.

Инструмент Color Replacement Tool (Замена цвета) был впервые введен в Photoshop CS, и если вы работаете в Photoshop CS или CS2, то можете найти его в группе вместе с инструментом «Лечащая кисть» (Healing Brush). Нажмите и удерживайте в панели инструментов иконку лечащей кисти (Healing Brush), чтобы выбрать из выпадающего списка инструмент «Замена цвета» (Color Replacement Tool).

Если же у вас Photoshop CS3 или CS4, как у меня, нажмите на иконку инструмента Кисть (Brush) и удерживайте ее до появления выпадающего списка других инструментов группы, выберите «Замену цвета».

После выбора, курсор изменит свой вид на круг с крестиком в центре. Фоновый ластик имеет такую же форму курсора.

Регулировать размер кисти удобно при помощи клавиш квадратных скобок [ или ]. Левая скобка уменьшает размер, правая – увеличивает. Чтобы регулировать жесткость (hardness) кисти, добавьте нажатие клавиши Shift (Shift+левая кв. скобка делает края мягкими, Shift+правая кв.скобка делает кисть жестче).

Когда вы перетаскиваете инструмент Color Replacement Tool на вашем изображении, фотошоп непрерывно сканирует образец цвета, находящийся в данный момент под крестиком курсора. Это цвет, который будет заменен на текущий цвет переднего плана (Foreground). Другие пиксели, входящие в область круглого курсора, также подвергаются замене цвета при движении его по объекту.

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

Иконка цветов переднего и заднего планов находится внизу панели инструментов. По умолчанию программы цвет переднего плана черный.

Чтобы изменить цвет переднего план, нажмите на верхний квадрат (образец цвета) и выберите любой новый цвет из цветовой палитры. Я выберу зеленый цвет. Нажмите Ок по завершении, закрыв палитру.

Если вы посмотрите снова на иконку цветов переднего и заднего планов, то увидите, что верхний квадрат стал того цвета, который вы выбрали (у меня зеленый). Теперь, если я буду рисовать на изображении инструментом «Замена цвета» (Color Replacement Tool), то исходный цвет будет заменен на цвет переднего плана (зеленый).

Выберем для примера фотографию девочки с воздушным шариком.

Она счастлива, но хочет, чтобы ее шарик стал зеленым. Что же мы можем сделать для этого? Выберем инструмент «Замена цвета» и, кликнув курсором по шарику, начнем движение внутри него. Поскольку цвет переднего плана именно зеленый, синий цвет шарика будет заменяться зеленым при перетаскивании курсора внутри объекта.

Продолжаем изменять цвет шара, удерживая кнопку мыши нажатой при движении курсора, пока на закрасим весь шарик.

Если вдруг вы вышли за границы обрабатываемого объекта (шарика) и затронули близлежащую область, инструмент «Замена цвета» (Color Replacement Tool) будет эти пиксели также менять на зеленый цвет.

Если нечаянно произошел выход за пределы объекта, просто отмените предыдущий шаг, нажав на клавиатуре сочетание Ctrl + Z, или отмените несколько предыдущих шагов, нажав Ctrl + Alt + Z.

Толерантность/Допуск (Tolerance)

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

В начале урока я упомянул о том, что у инструмента «Замена цвета» существуют различные параметры, которые можно настроить в верней панели установок. Одним из таких параметров являются Толерантность или Допуск (Tolerance).

Толерантность определяет, насколько чувствителен инструмент по отношению к заменяемому цвету. По умолчанию программы толерантность инструмента «Замена цвета» равна 30%, но для нашего случая этого явно не достаточно. Повысим ее до 50%, что позволит влиять на более широкий диапазон цвета, и снова проведем по краям шарика.

Теперь эти области также изменены полностью на зеленый цвет переднего плана.

Я завершу работу на других областях шарика, еще немного повысив значение Толерантности (Tolerance). Вот такое получилось волшебное превращение.

Выбор цвета с изображения

В предыдущем примере я выбрал цвет переднего плана для шарика, используя цветовую палитру. Но, можно выбрать образец цвета с элементов изображения, например, блузки девочки. Для этого, с активным инструментом «Замена цвета» (Color Replacement Tool), нажимаем клавишу Alt и ваш курсор принимает вид пипетки (Eyedropper Tool).

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

Мне понравился розовый цвет блузки, его я и выберу.

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

Обратите внимание на значительное преимущество инструмента «Замена цвета» (Color Replacement Tool) перед обычной Кистью (Brush). Ведь, изменив цвет, шарик сохраняет свой объем, текстуру и соотношение света и тени, что было бы невозможным при использовании Кисти (Brush). Объект стал бы просто плоским при обычном закрашивании.

Режимы смешивания (Blend Modes)

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

Данные режимы вы можете видеть у себя в верхнем меню установок, их четыре: тон, насыщенность, цвет и яркость (Hue, Saturation, Color, and Luminosity).

По умолчанию программы задан режим Цвет (Color)

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

Читайте также:  Урок фотошопа — клавиатурная кнопка - уроки фотошоп

Режим «Тон» (Hue): изменится только сам основной цвет, а насыщенность и яркость останутся без изменений. Этот режим подходит для изображений, где цвет не очень интенсивный, поскольку изменения достаточно тонкие.

Режим «Насыщенность» (Saturation): изменяется только насыщенность, а оттенок и яркость не изменяются. Такой режим полезен для снижения интенсивности цвета или удаления цвета полностью.

Режим «Цвет» (Color): задан по умолчанию и меняет оттенок с насыщенностью. Яркость остается неизменной. Обычно используется чаще, чем другие режимы.

Режим «Яркость» (Luminosity): изменяет яркость первоначального цвета на накладываемый. Тон и насыщенность не меняются.

Для следующего примера с режимами смешивания (Blend Modes) я выбрал снова фотографию с шариками. На снимке оранжевый шар, похоже, стремится улететь выше всех остальных, поработаем с ним.

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

Если бы я хотел вообще обесцветить шарики, то я бы выбрал в качестве основного цвета белый, серый или черный. Но я хочу, чтобы эффект получился более тонким. Для этого, я возьму образец цвета с менее яркого шарика, удерживая Alt и нажав пипеткой (Eyedropper Tool) на него.

Почему же я беру образец с желтого шарика, ведь я собираюсь работать с оранжевым? Дело в том, что мне нужен образец именно насыщенности объекта, а не его оттенка. При режиме смешивания «Насыщенность» (Saturation) будет меняться только насыщенность, а не тон обрабатываемого шара.

Теперь, выбрав инструмент «Замена цвета» начинаем рисовать по тем шарикам, на которых хотим снизить уровень насыщенности, делая их бледнее обычного. Регулируем размер кисти (квадратными скобками), если необходимо и уровень толерантности. На примере ниже вы видите, насколько отличается первоначальный оттенок шарика от измененного.

Продолжаем закрашивать все шарики, чтобы выделить самый верхний.

Проблемы с яркостью (Brightness)

Существуют некоторые трудности с использованием инструмента «Замена цвета» (Color Replacement Tool) в тех случаях, когда есть большая разница между яркостью первоначального цвета и заменяющего его. Скажем, я хотел изменить оттенок верхнего оранжевого шарика на фиолетовый цвет другого шара из связки. Все, казалось бы, достаточно просто? Но…

Сначала вернем все цвета шаров в первоначальное состояние. Для этого переходим в меню Файл-Вернуть (File- Revert). Теперь, возьмем образец цвета с фиолетового шарика, кликнув по нему с зажатой клавишей Alt, чтобы переключиться на пипетку.

В верхнем меню установим режим смешивания на «Цвет» (Color) по умолчанию. Далее, я буду закрашивать оранжевый шар, чтобы изменить его цвет на фиолетовый. Вот результат:

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

Давайте попробуем сделать наш шар ярче, изменив режим смешивания инструмента «Замена цвета» на «Яркость» (Luminosity).

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

Ну, вот! Все пошло не так, как хотелось. Режим «Яркость», конечно, сделал шарик ярче, но это все еще оранжевый цвет и к тому же, пропала текстура объекта. Проблема здесь состоит в слишком большой разнице в яркости между объектами.

Инструмент «Замена цвета» прекрасно справляется с простыми задачами, где лишь нужно изменить оттенок или насыщенность цвета, но если слишком много различий между яркостью двух элементов изображения, то нужно выбирать другие способы.

Давайте пойдем дальше в изучении инструмента Color Replacement Tool.

В верхнем меню вы можете видеть три иконки с изображением пипеток. Каждый из трех вариантов представляет собой определенный способ выбора образца цвета для работы (Sampling).

Перечислим их слева-направо: проба: непрерывно (Continuous), она задана по умолчанию программы; проба: однократно (Once); проба: образец фона (Background Swatch).

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

Рассмотрим подробнее данные варианты.

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

С однократной пробой (Once) Фотошоп учитывает цвет, выбранный единожды кликом мыши, независимо от того, как долго вы водите курсором по изображению. Такой параметр подходит лучше всего для замены больших областей однородного цвета.

Образец фона (Background Swatch). Этот параметр вы не будете применять столь часто. Здесь фоновый цвет заменяет исходный.

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

Следующий параметр настроек инструмента «Замена цвета» контролирует местоположение заменяемых пикселей и называется «Ограничения» (Limits). Эта опция имеет три варианта обнаружения цвета: смежные пиксели (Contiguous), несмежные (Discontinuous) и выделение краев (Find Edges).

Из трех существующих вы будете часто использовать первые два.

По умолчанию программы установлен тип ограничения смежный (Contiguous).

При таком типе ограничения инструмент «Замена цвета» (Color Replacement Tool) перекрашивает пиксели, находящиеся в пределах курсора, а именно под крестиком.

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

Тип ограничения несмежный (Discontinuous) заменяет все пиксели, находящиеся в пределах курсора инструмента.

Последний тип выделения краев (Find Edges) заменяет цвет в областях с оттенком выбранного цвета, сохраняя очертания краев объекта.

И, последняя опция в верхнем меню установок инструмента «Сглаживание» (Anti-aliasing). Активизируйте ее в случае, если необходимы сглаженные края изображения, при желании точных очертаний объекта, напротив, снимите флажок.

Вот пожалуй и все, что я хотел рассказать вам об этом необходимом инструменте. Надеюсь, навыки в работе с «Заменой цвета» вам пригодятся еще не раз.

Удачи!

Источник: http://www.photoshop-info.ru/c210-413.html

Секреты Расширений, Скриптов И Плагинов Photoshop Для Веб-Дизайна

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

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

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

В общем, начинаем.

Renamy

Мощный плагин, позволяющий упростить множественные действия со слоями в одном документе Photoshop.  Загрузить его можно бесплатно в виде демо-версии или приобрести полностью. Подходит для версий Photoshop CC 2015 и выше для Windows и Mac.

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

Также плагин позволяет найти некоторую группу одноимённых слоев и изменить их свойства разом, а не по одному.

Существует также возможность автозаполнения, то есть во время набора названия слоя, появятся варианты имен, выделения их цветом.

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

Pixel2Vector

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

Компания The Orange Box создала возможность быстрой конвертации пиксельного изображения в векторное в один клик.

Таким образом, теперь вы можете нарисовать что-то, написать кисточкой или карандашом, а затем, нажав одну кнопку, превратить в вектор сразу в Photoshop.

Полученное изображение будет иметь векторный контур, который затем можно редактировать пером, увеличивать/уменьшать без потери качества.

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

Retinize It

Простой и легкий плагин для удобства создания активов из слоев и групп. Retinize It бесплатен и подходит для Photoshop CS5, CS6 и CC.

Будь то смарт-объект, форма или изображение, его можно в один клик экспортировать в 100%/200%/300% размере с сжатием и набором цветовой гаммы, формата файлов для правильного отображения на устройствах с системой iOS и экранами Retina.

Таким образом, если веб-мастер создаёт мобильную версию сайта или добавляет иконки разного размера, то как раз данный плагин будет удобен.

Velositey

Расширение (наверное, одно из самых интересных) для создания быстрого и удобного макета сайтов. Плагин бесплатен и поддерживает работу с Photoshop CS6, CC & CC 2014. Работа новейших версий CC2015 и выше не поддерживается, только если через ручную правку реестра и файла версии.

Читайте также:  Как сделать акварельный портрет в фотошопе - уроки фотошоп

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

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

Ниже мы привели примеры того, как можно создать макет на пустом документе и через нажатие кнопки New Template с добавлением модульной сетки. Вариаций много и все хорошо заменяется. Дополнительно на страничке разработчиков существует и наглядное видео того, как это работает.

SuperPNG

Минималистический и удобный плагин для работы с форматом PNG. SuperPNG бесплатен и поддерживается всеми версиями, начиная с Photoshop CS3.

Уникальность его в том, что он не заменяет собой стандартное окно сохранения файла в формате PNG, но рядом в списке форматов файлов можно увидеть SuperPNG.

Более того, можно выбрать каналы для сохранения, прозрачность, степень сжатия и многое другое. Заметим, что PNG является открытым исходным форматом файлов, поддерживающим геометрическое сжатие без потерь.

Но практически все редакторы, и даже Photoshop, в некоторой степени, немного, но сжимают данные изображения, а потому качество падает.

Плагин SuperPNG позволяет сократить размер файла, а качество, все же, он не трогает.

TinyPNG

Альтернатива SuperPNG, разработанная на том же самом API.  Плагин платный и демо-версий нет. Несмотря на это, уникальность данного расширения в том, что он позволяет работать с пакетами файлов, поэтому, если вам нужно много PNG сжать, то TinyPNG чуть более удобен. Да и настроек побольше и оформление посимпатичнее.

TinyPNG также создает и JPG файлы, имеет много настроек и работает со слоями. То есть, выделив нужный слой в Photoshop, нажимайте по кнопке Export selected layers. Если же нажать на Show instruction, то появится большой psd файл с мини-учебником.

CSS Hat

Весьма удобный и простой плагин, несмотря на то, что платный. Увы, демо-версии тоже нет, но за последние годы он становится самым популярным.

Дело в том, что плагин позволяет создать для любого слоя и объекта на нем чистый код CSS3. Затем данный код можно перенести на создаваемый сайт в любой другой редактор или другое приложение.

Будет это прямоугольник, кнопка, иконка или текстовой блок – совершенно неважно.

Код CSS3 создается автоматически, как только вы нарисуете объект и включите окно плагина Если решите заменить цвет (например, нашего прямоугольника), то и кодировка автоматически обновится.

Если будет добавлен текстовой слой, то и для него будут описаны свойства. Если требуется CSS-код для нескольких слоев, то выделяйте их и плагин автоматически все напишет.

Одним словом, для верстальщиков самое нужное.

Таким образом, для веб-дизайнеров и тех, кто не слишком дружит с версткой, такой плагин будет весьма полезен.

CSS3Ps

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

То есть, необходимо выделить нужный слой  с элементом дизайна сайта (или объект на слое), нажать кнопку CSS3Ps и затем смотреть, как откроется окно браузера, сайт разработчиков и появится затем нужный код CSS3.

Поскольку CSS3Ps представляет собой скрипт, а не расширение в «чистом виде», то доступен он в меню Файл->Сценарии.

Что удобнее для веб-дизайнера, сказать сложно. Кого-то устраивает обычное кодирование, кому-то важно off-line.

HTML Block

Плагин для тех, кто работает на Mac OS X, версий для Windows нет. Тем не менее, HTML Block полностью бесплатен и предлагает помощь в кодировании слоев и объектов Photoshop, используя для этого движок WebKit. Помимо создания кода, в отдельном окне будет отображаться и получаемый результат. То есть того, что будет видно в окне браузера.

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

Установка расширений и плагинов

Удобнее всего устанавливать все расширения для Photoshop через отдельное приложение Adobe Extension Manager CC (CS5/CS6 и так далее). Оно бесплатное и доступно на сайте самого Adobe. Но это только в том случае, если плагин имеет вид архива с расширением ZXP.

В противном случае, необходимо устанавливать в C:Program Files (x86)Common FilesAdobeCEPextensions (если Win64) или смотреть прилагаемую инструкцию от разработчиков и других создателей плагина, так как разные версии (и сборки) Photoshop имеют разное расположение папок (а если версий на компьютере много…). Но и некоторые плагины устанавливаются в другие папки, как например CSS Hat и TinyPNG. Универсального рецепта нет.

Бывает, что некоторые плагины и расширения не поддерживают современные и новые версии Photoshop. Не обновили их разработчики, а поработать с ними хочется. Так, например, Velositey 2 не работает с CC2015 и выше.

Но поскольку плагин бесплатный и распространяется с открытым исходным кодом (Open Source Code) на портале github.com, то и решение нашлось на просторах интернета. Нужно четко знать, какой у вас Photoshop, так как наши настройки для  CC2015 файла CSXSmanifest.

xml такие (немного поправили комментарий с github).

Таким образом, он у нас заработал и не вызывает проблем. Аналогично и с другими бесплатными плагинами, что по какой-то причине не были обновлены разработчиками вовремя. Это вовсе не означает, что они устарели или вы занялись «пиратством».

Разработчики изначально представляют его в открытом виде, а значит, и редактировать можно самостоятельно, просто кардинальных новшеств нет, «багов» нет, вот, возможно и решили сборку не обновлять, а ограничиться только github’ом.

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

И самое главное, все расширения будут вам доступны, только если у вас в меню Окно есть пункт Расширения. Если у вас его нет, проверьте Редактирование->Настройки->Внешние модули. В противном случае вам нужна другая версия приложения, так как эта урезана. Есть и такие, увы.

Итоги

Разумеется, это не все возможные плагины, но, как нам кажется, самые интересные и удобные для веб-дизайнера.

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

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

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

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

Источник: https://wayup.in/blog/plugins-actions-photoshop-for-web-design

Команда «Заменить цвет» (Replace color) в Фотошопе

Изображение — Коррекция — Заменить цвет (Image — Adjustments — Replace Color) на примере Photoshop CC (2014) (Rus)

«Image — Adjustments — Replace Color» (Изображение — Коррекция — Заменить цвет).

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

В верхней части «Selection» (Выделение) находится вкладка из «Цветового диапазона».

С помощью пипетки на образце картинки отмечается образец цвета, который необходимо поменять.

Пипетка с плюсом добавляет область, пипетка с минусом — вычитает.

Настройка параметра «Fuzziness» (Разброс)

C помощью ползунка определяются границы, в которых будут изменяться оттенки цвета. При максимальном разбросе под замену будут попадать практически все оттенки выбранного цвета, имеющиеся на изображении. При минимальном разбросе под замену будут попадать исключительно те пиксели, которые в точности соответствуют образцу.

Начиная с версии Photoshop CS4 появилась дополнительная опция «Localized Color Clusters» (Локализованные наборы цветов), предназначенная для определения областей одного цвета. Её использование позволяет более точно выделить цвет на изображении.

В нижней части «Replacement» (Замена) диалогового окна «Replace color» (Заменить цвет) находится вкладка от «Hue/Saturation» (Цветовой тон/Насыщенность), с помощью которой, исходя из названия, выбирается цвет и оттенок для замены.

Рассмотрим замену цвета на конкретном примере

Шаг 1

Открываем изображение в Photoshop. Создаём сразу дубликат основного слоя (Ctrl+J).

Шаг 2

Переходим через меню «Image — Adjustments — Replace Color» (Изображение — Коррекция — Заменить цвет).

Допустим мне хочется поменять цвет футболки.

Шаг 3

Если у вас версия от Photoshop CS4 и выше, то сразу ставим галочку напротив «Localized Color Clusters» (Локализованные наборы цветов).

Увеличиваем «Fuzziness» (Разброс) до максимального значения.

С помощью пипетки на изображении отмечаем область. Далее, выбираем цвет на какой хотим поменять. Кликаем мышкой на цветном квадратике с подписью «Result» (Результат) и выбираем нужный оттенок.

Видно, что в области теней цвет недостаточно выделен. Выбираем Пипетку «+» и кликаем на изображении в области складочек на футболке.

Футболка полностью прокрасилась, но вместе с тем окрасились ненужные участки, например, лицо. Выбираем Пипетку «» и кликаем ей в области лица.

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

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

Так же на изображениях, где мало родственных оттенков изменяемому цвету.

И напоследок ещё один совет. Если на изображении всё же присутствуют несколько областей одного цвета, а изменять среди них нужно, например, только одну, то перед использованием команды «Replace color» (Заменить цвет), следует выделить область, требующую замены цвета. В этом вам может помочь любой инструмент выделения.

Читайте также:  100+ кистей для фотошопа волосы - уроки фотошоп

Источник: https://photoshoplessons.ru/tool/replace-color

Три способа быстрой замены цвета в программе Photoshop

Здравствуйте, дорогие читатели моего блога. С вами Андрей Зенков и мы продолжаем изучать возможности Photoshop. Недавно я показал, как перевести программу на русский язык, поэтому уроки начального уровня будут усваиваться вами гораздо проще.

Сегодня я вам расскажу о замене цвета в Фотошоп. Это не сложная, но очень полезная функция. Её можно применять для смены оттенка различных объектов на фотографиях. Она очень полезна при работе с шаблонами — можно менять цветовую гамму исходника на ту, которая вам нравится.

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

Конечно, можно воспользоваться кистью (горячая клавиша B) и перекрасить нужный объект, но тогда он получится плоским, потеряет свою объёмность, блики, отражения и т.п. В общем, этот вариант мы рассматривать не будем, потому что нас не устраивает конечный результат.

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

Через дополнительный слой

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

После открытия нужной картинки, необходимо создать новый слой. Для этого можно нажать сочетание клавиш CTRL + SHIFT + N или проследовать по следующему пути в верхней навигации:

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

Нас интересует вкладка «Слои». Здесь вы можете увидеть слой с фотографией и пустой слой выше её. Нажмите левой кнопкой мыши на только что созданный, чтобы выделить его. Над ним располагается открывающийся список (по стандарту там установлен режим «Обычные»). Это — настройки режима наложения. Нажмите на стрелку, чтобы просмотреть все варианты. В самом низу выберите «Цветность»:

Как сделать замену цвета после указания всех настроек? Выберите «Кисть» в левом меню инструментов или нажмите на клавишу «B». После её активации, нажмите на квадрат, который я выделил внизу на изображении:

Откроется окно с выбором оттенка. В фотошоп можно выбрать любой цвет: от белого до чёрного. Работа осуществляется с помощью ползунков в указанных на скрине областях. Так же в интернете можно найти сайты с номерами готовых цветов, которые вставляются сюда. Показатели оттенков могут быть разными (например, R G B), но многие привыкли к шестизначным номерам, которые используются в HTML и CSS:

Как только вы определились с оттенком, можете приступать к закрашиванию требуемой области. Я взял простенький рисунок — какой-то логотип. По умолчанию он зелёный. Правый элемент логотипа я покрасил простой кистью без применения дополнительного слоя, центральная часть имеет первоначальный вид, а правая отредактирована по описанному методу:

Преимущество этого способа заключается в сохранении объёма, насыщенности и других элементов исходника. Минус — кропотливая работа. Чтобы покрыть края картинки, придётся приложить немало усилий. Не расстраивайтесь, если вы вылезли за пределы. Поправить это можно простым ластиком (горячая клавиша E).

При помощи кисти

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

На левой панели сначала нажмите на инструмент «Кисть» левой кнопкой мыши, а затем правой. Нам пригодится «Замена цвета».

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

Здесь есть одно неоспоримое преимущество — ориентируясь по крестику в центре круга (появляется при активации «Замена цвета»), можно уменьшить количество мест, где новый оттенок выходит за границы.

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

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

При помощи цветового диапазона

Данный метод применяется для сложных изображений. Для демонстрации его возможностей я перекрашу за несколько секунд хороший автомобиль красного цвета — Audi A4. Попробуем обновить его в синий. Первым делом откройте нужное вам изображение по привычной схеме.

В верхнем меню зайдите в раздел «Выделение» и выберите пункт «Цветовой диапазон». Здесь начинается самое интересное и важное.

С помощью открывшегося окна нам нужно максимально выделить кузов машины для её покраски. По умолчанию после открытия вам «в руки» даётся инструмент «Пипетка». Если вы не знали, то с помощью него (активируется горячей клавишей I) можно узнавать цвета в любой области открытой картинки. Просто нажатием левой кнопки вы можете определять понравившиеся оттенки и получать их номера.

Так вот, пипеткой нажмите левой кнопкой мыши в любое место корпуса транспорта, где есть основной цвет. В открытом окне на чёрном фоне белым цветом отображается та область, которая будет выделена. Для её увеличения или уменьшения можно перемещать ползунок в поле «Разброс», пока вы не получите требуемого результата.

После того, как вы выделили требуемую область, нажимайте «ОК». На изображении появится выделение. Чтобы перекрасить нашу машину, необходимо воспользоваться ещё одной функцией. Найти её можно здесь:

В открывшемся окошке вы увидите три ползунка. Прежде чем перейти к изменению их положения, активируйте режим «Тонирование» (нажмите левой кнопкой мыши в пустом квадратике рядом с ним). Дальше не нужны никакие специальные знания. Просто перемещайте ползунки, пока не получите желаемого. Все изменения видны на изображении. Я, как и хотел, сделал синий цвет, мои настройки получились такими:

Конечно, результат получился не самым идеальным. Если вы хотите достигать того, что рисуется в вашем воображении, придётся упражняться не с одним десятком картинок. Стремитесь к этому, и вы станете настоящими мастерами!

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

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

С вами был Андрей Зенков и блог Start Luck, до скорых встреч!

Источник: http://start-luck.ru/photoshop/zamena-color.html

Категория: Плагины для Фотошопа

7 сентября 2014   /   Topaz   /   7 комментариев

Благодаря новому и достаточно интересному плагину Topaz Star Effects Вы сможете создавать в вашем любимом Фотошопе уникальные и очень красивые эффекты сверкания звезд и освещения.

Подробнее →

6 сентября 2014   /   Topaz   /   Комментариев нет

Плагин Topaz B&W Effects это не просто традици­онный инструмент для черно-белого преобразования, а фильтр способный превратить Ваши цветные фотографии в очень красивые черно-белые композиции.

Подробнее →

6 сентября 2014   /   Topaz   /   12 комментариев

С помощью плагина Topaz Simplify Вы сможете превратить фотографию в шедевр, имитируя рисование маслом или акварелью. Благодаря инструменту размытия и изменения границ цвета можно создавать живописные холсты из фото.

Подробнее →

6 сентября 2014   /   Topaz   /   28 комментариев

Плагин Topaz Clean необходим для удаления цифрового шума и увеличения четкости краев объектов. Для этого плагин использует уникаль­ный фильтр улучшения качества изображения, который является лучшим на сегодняшний день.

Подробнее →

6 сентября 2014   /   Topaz   /   3 комментария

Интересный и достаточно оригинальный плагин для Фотошопа Topaz Clarity. Предназначением данного плагина является создание ярких и привлекательных изображений всего лишь за пару кликов.

Подробнее →

6 сентября 2014   /   Topaz   /   7 комментариев

Отличный плагин для Фотошопа Topaz DeJPEG предназначен для быстрого улучшения качества изображений JPEG, а именно для удаления артефактов изображений и увеличения их четкости.

Подробнее →

4 сентября 2014   /   Topaz   /   13 комментариев

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

Подробнее →

8 сентября 2013   /   Topaz   /   12 комментариев

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

Подробнее →

8 сентября 2013   /   Topaz   /   4 комментария

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

Подробнее →

12 августа 2013   /   Topaz   /   20 комментариев

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

Подробнее →

Источник: http://photoshop-orange.org/plaginy-dlya-fotoshopa/

Ссылка на основную публикацию