Как изменить цвет слоя в фотошопе cs6. Четыре способа поменять цвет слоя в Adobe Photoshop. Выборочная коррекция цвета

Если вы в поиске подходящего инструмента для вставки контекстной рекламы, то обратите внимание на один мощный и очень привлекательный плагин для рекламы — Ad Inserter, возможности которого можно использовать на 100%.

Начну с предистории. Еще зимой я решила протестировать один вариант размещения рекламных блоков в статье и удалила один из трех блоков, размещенных в статье. Прошло немного времени, и я поняла, что заработок не увеличился, а наоборот, стал до неприличия маленьким. Я попробовала вставить блок на место, но такой родной и ни разу не подводивший меня Whydowork Adsense, отказывался распознавать рекламный код и размещать блок рекламы в середине статьи.

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

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

Это простой, но мощный плагин Ad Inserter для вставки любого объявления или кода в WordPress

Особенности бесплатной версии плагина

• 16 кодовые блоки
• Подсветка синтаксиса редактор
• Код предварительного просмотра с визуальным редактором CSS
• Автоматическая вставка: до / после поста, содержания пункта или выписки
• Автоматическая вставка до или после случайного пункта
• Автоматическая вставка до или после любого элемента HTML в почте
• Автоматическая вставка в относительном положении в постах
• Варианты Просвет, чтобы избежать вставки рядом изображений или заголовков
• Автоматическая вставка между столбами на страницах блога
• Исключения вставки для сообщений и страниц
• Ручная вставка: виджеты, шорткоды, вызов функции PHP
• Пользовательские выравнивание блока и стиль
• Размещение рекламы на страницах
• Имя пользовательского класса CSS для упаковки дивы, чтобы избежать объявления блокирующих
• Вставка из других коротких номеров плагин
• Обработка кода PHP
• Ротация объявлений (на стороне сервера и на стороне клиента — работает с кэшированием)
• Обнаружение устройств (на стороне сервера и на стороне клиента, 3 пользовательских видовые)
• Черный / Белый список категорий, тегов, почтовые идентификаторы, URL, параметры URL, Ссылки
• Простой поиск и устранение неисправностей с множеством функций отладки
• Функция визуализации вставленных блоков кода
• Функция визуализации имеющихся позиций вставки
• Функция визуализации HTML теги

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

1. Скачайте плагин

• Перейдите в меню WordPress Плагины, нажмите кнопку Добавить
• Найдите Ad Inserter
• Нажмите кнопку «Установить»
• Активируйте плагин

2. Начинаем изучать плагин

Можно изменять расположение блока в поле «Автоматическая вставка», выбирая нужное положение в выпадающих меню, а можно нажать на кнопку Show (Показать) и выбрать визуально в следующем блоке, где голубым цветом отмечено расположение рекламного блока.

А вот следующий рекламный блок мне нужно было разместить в середине статьи. И в этом случае вам пригодится моя подсказка: в то время, когда вы выбираете расположение блока в середине, то внизу появляется еще одна настройка — номер пункта, в которой мы отмечаем цифрами положение блока на странице. Значение 0,5 означает, что блок будет находиться на полпути от верха страницы. Можно поэкспериментировать с другими цифрами 0,2, 0,3, 06, 0,9 и т.д.,чтобы увидеть, на каком расстоянии от верха страницы будет расположен ваш рекламный код. Наведите мышкой в поле цифрового обозначения и прочитайте подсказку.

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

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

Предварительный просмотр

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

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

PHP-код

Наряду с html-кодами и скриптами, плагин Ad Inserter умеет размещать PHP-код. Для этого над полем ввода кода отметьте галочкой «Процесс PHP» и отметьте нужные чекбоксы в настройках. Надо сказать, что у меня есть один PHP-код, который бы я хотела вставить на странице, но к большому моему сожалению, пока это сделать не удается. Возможно, что дело не в плагине, а в самом коде. Если вы более продвинуты в программировании, то, возможно, вам помогут ответы на распространенные вопросы на этой странице: https://ru.wordpress.org/plugins/ad-inserter/.

Виджеты

Переходите в Панель управления — Виджеты и перетащите виджет Ad Inserter в сайдбар или любое другое место, выберите нужную настройку и нажмите Сохранить. Очень удобно!

Отличная идея!

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

Помимо всех преимуществ плагина, стоит отметить еще одно — он подскажет вам, в каких местах на странице будет удобнее, и где она лучше всего будет восприниматься посетителями. На верхней административной панели появится блок плагина Ad Inserter. Выберите в меню « Show Positions» и посмотрите все доступные позиции. Безусловно, это лучше всего сделать в самом начале, после активации плагина.

В бесплатном репозитории WordPress появился второй плагин от меня, под названием AdsPlace"r. Расскажу немного для чего он нужен и как им пользоваться.

Для чего нужен AdsPlace"r и как он должен повысить ваш доход

Основное назначение данного плагина - повысить доход с кликов по рекламе: контекстных сетей (AdSense, РСЯ), CPA-партнерок и прочих.

Достигается это за счет возможности выставить отдельно свои рекламные блоки для пользователей, зашедших на ваш сайт с PC и отдельно рекламные блоки для пользователей, зашедших с мобильных операционных систем (OC).

Т.е. плагин детектит какая ОС у пользователя и включает отработку нужного поля с рекламой.

Очень полезная штука, если у вас адаптивная верстка сайта, или есть отдельный мобильный шаблон. Ведь, как известно, для PC-пользователей лучше ставить рекламные блоки фикс. размера, чтобы они органично вписывались в дизайн.

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

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

Кроме того!!! Вы можете внутри полей для вставки рекламы в AdsPlace"r так же использовать HTML/CSS разметку, вставлять любые скрипты. Все это поддерживается без проблем.

Как работать с AdsPlace"r

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

AdsPlace"r позволяет автоматически вставить рекламу:

• перед контентом
• ровно по центру контента (высчитывает на основе кол-ва абзацев)
• сразу за контентом
• возможность вставить в произвольное место при помощи шорткода

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

Выбор места вставки не случаен: как показывает практика и информация с блогов манимейкеров - это самые "кликабельные" места.

Посмотрите видео.

Так же у вас есть возможность включать/выключать рекламные зоны в каждой отдельной записи.

Прочая информация

Только!!! Вместо ads-pc-1 вы подставите название нужного шорткода.

Бонус читателям

Если у вас имеется свой блог (любой направленности) и вы хотите бесплатно получить навсегда открытую индексируемую ссылку с моего блога (), в частности с этой статьи, то расскажите об AdsPlace"r своим читателям..

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

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

Сегодня поговорим об инструменте «Заменить цвет» из меню «Изображение – Коррекция» .

Данный инструмент позволяет заменять вручную определенный оттенок изображения на любой другой. Его действие похоже на действие корректирующего слоя «Цветовой тон/Насыщенность» .

Окно инструмента выглядит следующим образом:

Данное окно состоит из двух блоков: «Выделение» и «Замена» .

Выделение

1. Инструменты взятия образца оттенка. Выглядят они, как кнопки с пипетками и имеют следующие назначения (слева направо): основная проба, добавление оттенка в набор для замены, исключение оттенка из набора.

2. Ползунок «Разброс» определяет, какое количество уровней (смежных оттенков) подлежит замене.

Замена

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

Практика

Давайте заменим один из оттенков градиентной заливки вот такого круга:

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

2. Идем в блок «Замена» , кликаем по цветовому окошку и настраиваем цвет, на который хотим заменить образец.

3. Ползунком «Разброс» настраиваем диапазон оттенков для замены.

4. Ползунками из блока «Замена» тонко настраиваем оттенок.

На этом манипуляции с инструментом завершены.

Нюансы

Как уже было сказано в начале статьи, инструмент работает не всегда корректно. В рамках подготовки материалов к уроку было проведено несколько экспериментов по замене цвета на различных изображениях – от сложных (одежда, автомобили, цветы) до простых (одноцветные логотипы и пр.).

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

С простыми объектами дело обстоит лучше. Ореолы и нежелательные области, конечно, остаются, но устраняются проще и быстрее.

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

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

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

А теперь давайте рассмотрим несколько способов и разберемся, как в фотошопе заменить один цвет на другой.

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

Открываем изображение в Photoshop и снимаем закрепление слоя щелчком правой клавиши мыши по изображению замка.

Над слоем с фото создаём новый прозрачный слой (Shift+Ctrl+N ). Вызываем инструмент «Кисть»/Brush (клавиша B ). Кисть лучше взять жёсткую. На панели управления вызываем свойства кисти и выбираем жёсткую, с чёткими краями мазка.

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

Становимся на прозрачный слой, подбираем размер кисти клавишами Ъ - увеличить, либо Х - уменьшить и закрашиваем наш лайм.

Теперь изменим режим наложения слоя с «Обычный»/Normal на «Цветовой тон»/Hue . Сделать это можно на палитре слоёв. Таким образом, лайм изменит цвет.

Если зажать клавишу Ctrl и, подведя курсор к иконке слоя, щелкнуть один раз, зона закраски выделится. Теперь, не снимая выделение, можно менять цвет кисти и подбирать другие цвета. Закрашивать заново не нужно. Можно после выбора цвета нажать комбинацию клавиш Alt+Delete . Так выделенная зона зальётся новым цветом.

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

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

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

Открываем изображение в photoshop. Создаём корректирующий слой . Список корректирующих слоёв можно раскрыть на палитре слоёв внизу.

В окне настроек корректирующего слоя выбираем канал цвета «Красный», кликаем по инструменту «Пипетка»/Eyedropper Tool , затем делаем один клик на губах модели. Так мы определим цвет, который будем менять.

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

Ctrl+I

Выбрав нужный для изменения цвет, закрываем окно редактирования корректирующего слоя, становимся на маску корректирующего слоя (белый квадрат) и нажимаем клавиши Ctrl+I . Маска инвертируется в чёрный, и все наши изменения зрительно пропадут.

Когда все участки, где цвет нужно было изменить, проработаны, можно сохранить изображение (сочетание клавиш Shift+Ctrl+S ). Если в каком-то участке вы промахнулись, можно отменить действие Alt+Ctrl+Z либо зарисовать на маске корректирующего слоя все промахи чёрной кистью. Этот способ более точно поможет подобрать новый цвет, и работа будет выглядеть аккуратнее.

Еще больше о Photoshop можно узнать на курсе в Fotoshkola.net.

Как заменить один цвет на другой в фотошопе, если исходный цвет чёрный или белый

Дела со сменой чёрного и белого цвета обстоят иначе.

Чтобы изменить чёрный цвет, можно применить корректирующий слой «Цветовой тон/Насыщенность»/Hue/Saturation , но работать при этом не с каналом цветов, а с тонированием. Для этого в настройке слоя нужно поставить галочку «Тонирование»/Colorize .

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

С помощью комбинаций Ctrl+C и Ctrl+V переносим выделенную область на прозрачный слой и к нему применяем корректирующий слой «Цветовой тон/Насыщенность»/Hue/Saturation . Для этого между корректирующим слоем и слоем с выделенным объектом нужно щёлкнуть левой клавишей мыши, удерживая клавишу Alt .

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

Получается просто, красиво, без подвоха.

Для перекраски белого цвета можно воспользоваться корректирующим слоем «Цвет»/Color в режиме наложения «Умножение»/Multiply .

Открываем изображение, создаём корректирующий слой «Цвет»/Color . Цвет слоя сразу задаём тот, в который планируем покрасить белый.

Меняем режим наложения на «Умножение»/Multiply , становимся на маску корректирующего слоя и жмём Ctrl+I .

Переходим на слой с изображением и выделяем желаемые участки белого инструментом «Быстрое выделение»/Quick selection (вызов клавишей W ). Не снимая выделения, становимся на маску корректирующего слоя и белой кистью большого диаметра прокрашиваем маску. Цвет изменится лишь там, где вы задали выделение инструментом «Быстрое выделение»/Quick selection , которое можно определить по пунктиру.

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

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

Еще больше о Photoshop можно узнать на курсе в Fotoshkola.net.