Фотошоп как выбрать прозрачный цвет



Прозрачный цвет в Photoshop

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

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

ИТАК, ПУНКТ ПЕРВЫЙ:

Когда вы рисуете в цифре поверх другого рисунка или монохромной картины, то существует 2 возможных проблемы:

№1 Вид как у Плохо Раскрашенного Старого Фото (просто посмотрите на старые раскрашенные фотографии). Такого нам не надо.
№2 Вид как у Уродливой Аэрографии (представьте аэрографический рисунок фиолетового волка воющего на луну, на автомобиле). Такое нам тоже не нужно.

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

ДАВАЙТЕ НАЧНЁМ С ОСНОВ:

Режимы наложения слоёв

Наносить цвет в Photoshop я начинаю с создания нового слоя и подбора режима смешивания для него. В примере ниже Маленькая Красная Шапочка «У-Тебя-Сегодня-Будут-Неприятности», я наложил сплошной красный цвет на выделенную область её плаща. Изменяя режим смешивания, я получаю различные, порою радикальные изменения.

Как вы можете видеть, большинство из них, если использовать поодиночке дают нам вид раскрашенной фотографии как в проблеме №1.
Здесь нам необходимо использовать комбинацию из нескольких различных слоёв с разными режимами смешивания. Давайте взглянем на следующие комбинации:

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

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

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

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

КОРОЧЕ СКЛИФОСОВСКИЙ, ВСЁ ЭТО ПОЛНАЯ ХРЕНЬ, ЗАЧЁМ ВСЁ УСЛОЖНЯТЬ? ПОЧЕМУ БЫ ПРОСТО НЕ РИСОВАТЬ НА СЛОЕ С РЕЖИМОМ NORMAL?

Слои с режимом Normal великолепны! Если вы начинающий, то вам следует работать только на них, пока вы не наберётесь опыта. Они ведут себя наиболее предсказуемым образом и невероятно гибки в использовании, если вы рисуете кистью со сниженной Opacity или Flow.
Однако, при добавлении слоёв поверх картины выполненной традиционными материалами, вы со временем обнаружите, что лишаетесь, части оригинальной рисунка в процессе рисования, и что итоговый результат начинает выглядеть всё хуже (проблема №2). Чтобы раскрыть потенциал слоёв в Photoshop на полную мощность, вам следует использовать прозрачность.
Photoshop обладает колоссальным количеством инструментов для раскрашивания. Вам всего лишь нужно найти наиболее подходящий вам. Нет правильного или неправильно варианта. Вы можете использовать всё что вы захотите, чтобы перенести идеи из своей головы на экран.
Для меня, большинство моих слоёв имеют режим Multiply, Color, Soft Light и Screen. Вы можете сделать всё, что только можете себе вообразить, используя лишь эти 4 режима.

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

Слой Screen противоположен по своей сути слою Multiply, он тоже позволяет медленно вводить цвет, но он будет высветлять, а не затемнять. Я использую его, чтобы добавлять прямой свет поверх затемняющих слоёв. Выбрав тёплый жёлтый цвет, я могу медленно получить вид естественного освещения на моей картине.

Слой Soft Light это чистое безумие. Он никому не подчиняется, у него нет хозяина. Математика, что лежит в основе его алгоритма, не до конца изучена наукой. Что я знаю, так это то, что если я использую светлый цвет на таком слое, то я получу очень яркую насыщенность и сохраню детали под цветом. Например, я использовал светлый зелёный цвет на слое Soft Light, чтобы выделить его в сравнении с остальной частью картины.

Слой Color Dodge выжигает блики. Нереально брутален и использовать его следует ОЧЕНЬ осторожно. Слишком много — и это будет, словно дать прикурить из огнемёта. Но когда вы используете его дозировано, то это может помочь вам усилить ваши ярко освещённые участки, также как и любые отблески. Я использую Color Dodge для придания чёткости бликам, добавления жёсткого контурного света (rimlight) и для придания чёткости краям объектов, чтобы отделить их от фона. Если чередовать его с Multiply слоями, то это поможет расширить тональный диапазон картины.

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

Слой Normal. Без него невозможно обойтись, когда нужно получить область с плотным цветом. Как только тональный диапазон картины установлен и основные цвета наложены, мы можем приступить к прорисовке деталей и нанесению непрозрачного цвета, что позволит собрать разрозненные части картины в единое целое. Я также часто использую этот слой для работы с полупрозрачным цветом, тогда я снижаю его прозрачность меньше 50%.

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

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

Источник статьи: http://render.ru/ru/articles/post/13666

NexxDigital — компьютеры и операционные системы

Как сделать прозрачный цвет. Как сделать цвет прозрачным в Фотошопе

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

Простой способ изменения фона

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

Начало работы

Перед тем как в программе Paint Windows 7 прозрачный фон поменять, следует открыть изображение, которое будете корректировать. Делается это путем нажатия правой клавиши на файле и выбора в выпадающем меню соответствующего пункта (Открыть с помощью — Paint). Следует учитывать, что к числу совместимых форматов относятся BMP, JPFG и GIF, с другими поработать не получится.

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

Выбор цветовой палитры и прорисовка контура изображения

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

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

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

После всех манипуляций получается объект, вокруг которого будет зеленый экран. Если вас интересует, как изменить фон в Paint, то необходимо отдалить изображение до 100 процентов (1 в меню приближения) и кликнуть по ведру с краской на панели (инструмент «Заливка цветом»). Затем в палитре следует выбрать желаемый цвет и щелкнуть в любом месте зеленого фона. После этого фон станет другим.

Перемещение изображения на новый фон

Для того чтобы выполнить перемещение изображения на другой фон, требуется в палитре выбрать белый цвет и при помощи инструмента «Заливка» закрасить весь лаймовый фон. После этого нажимается комбинация клавиш «Ctrl+A» — и на всплывшей активируется вторая (нижняя) кнопка. Убедившись в том, что новый фон открылся в другом окне программы, необходимо скопировать изображение (комбинация клавиш Ctrl+C) и вставить его в это второе окно (комбинация клавиш Ctrl+V). Работа готова! Остается ее только сохранить.

Несколько нюансов

При редактировании детализированных изображений работать будет значительно легче, если приблизить изображение. Сделать это можно, выбрав в меню «Вид» подпункт «Масштаб» или же просто нажав кнопку «Увеличение», расположенную на ленте.

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

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

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

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

Удаление фона

Если возникает необходимость переноса какого-либо объекта на другой фон, то неизбежно приходится сталкиваться с вопросом о том, как в Paint убрать фон. Делается это весьма просто:

  • при помощи инструмента «Волшебная палочка» производится выделение фона;
  • выделенная часть удаляется при помощи кнопки Delete или команды «Очистить выделенное» из меню «Правка», в результате этого появляется фон в виде «шахматной доски», условно показывающий прозрачность;
  • выполняется сохранение полученного изображения (желательно в либо GIF), которое в дальнейшем можно использовать по своему усмотрению.

Пошаговая инструкция в Paint: как сделать прозрачный фон

Шаг первый . В меню «Файл» следует выбрать пункт «Открыть» и, нажав «Обзор», открыть желаемую картинку.

Шаг второй. Перед тем как сделать Paint, в панели инструментов необходимо выбрать «Волшебную палочку» и установить для нее чувствительность на уровне 50 процентов. При сложных фонах чувствительность нужно выставлять на уровне 25-40 процентов.

Шаг третий. Надо кликнуть «Волшебной палочкой» по белому фону, который после этого превращается в бледно-голубой.

Шаг четвертый. Необходимо удалить выделенный таким образом фон клавишей Delete на клавиатуре или через меню «Правка» — пункт «Очистить выделение».

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

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

Шаг шестой . Полученную картинку с прозрачным фоном необходимо сохранить, выбрав в меню «Файл» пункт «Сохранить» и указав имя файла, а в выпадающем списке выбрав необходимый формат (PNG или GIF).

Заключение

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

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

Тот же рисунок со значением параметра «Насыщенность цвета» 66 %

Тот же рисунок с эффектом перекрашивания

Изменение яркости рисунка

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

Изменение прозрачности цвета

Изменение яркости рисунка

Насыщенность — это интенсивность цвета. При повышении насыщенности рисунок становится ярче, а при ее уменьшении цвета становятся более серыми.

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

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

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

Изменение прозрачности цвета

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

Как задать в css прозрачный цвет? На текущий момент для этого есть 3 способа.

Способ 1 — значение transparent

Если вы зададите в качестве значения цвету текста или фона значение transparent , то цвет будет полностью прозрачным, то есть невидимым. Пример:

Такой текст нельзя будет увидеть на странице.

Способ 2 — цветовой режим rgba

А это уже нововведение css3. Ранее в веб-разработке такого режима не было, был только rgb. Наверняка вы знаете, как записывать цвет в этом формате. Для этого вам нужно в скобках указать три значения от 0 до 255, указывающие на насыщенность одного из трех основных цветов (красный, зеленый, синий). Например:

Background: rgb(230, 121, 156);

Формат rgba ничем не отличается, только добавляется четвертое значение — степень прозрачности элемента от 0 до 1. Вообще этот формат записи в основном используют, чтобы задать полупрозрачный цвет, а не полностью прозрачный. Чтобы достичь полной прозрачности, нужно всего лишь в качестве четвертого значения написать 0.

В таком случае остальные 3 цифры особой роли не играют.

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

Способ 3 — opacity

Еще одно свойство из технологии css3. Но я хочу вас сразу предупредить, что оно работает немного по-другому. С помощью opacity прозрачность задается всему блоку, к которому оно применяется. Таким образом, ухудшается читабельность текста и восприятие картинок. Так что свойство я вижу смысл применять только для блоков, в которых нет текста и какой-то иной информации. Значения можно задавать от 0 до 1, как и в случае с четвертым параметром при задании цвета в формате rgba .

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

Прозрачный фон (background)

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

Задаем прозрачность у css background

Итак, все это делается очень просто благодаря такому формату записи цвета, как rgba . Если вы работаете с графическими редакторами, то наверняка знаете, что цветовой режим rgb расшифровывается так: доля красного цвета (red), доля зеленого (green) и синего (blue). Так вот, rgba практически тоже самое, только добавляется еще один параметр – прозрачность. Записывается так:

Background-color: rgba(173, 57, 22, 0.5)

Сначала мы явно указываем, что задаем цвет в режиме rgba. Потом указываем значения насыщенности трех основных цветов от 0 до 255, где 255 – наибольшая насыщенность. Четвертый параметр это и есть наша прозрачность. Здесь пишется значение от 0 до единицы. 1 – полностью непрозрачный элемент, а 0 – полностью прозрачный. Соответственно, если выставить 0, то фонового цвета не будет видно вообще.

Теперь вы знаете, как в css у свойства background задать прозрачность. Для этого нужно использовать цветовой режим rgba. Есть еще свойство opacity , но оно применяется ко всему элементу в целом. То есть при применении opacity прозрачность может примениться и к тексту, что сделает его нечитаемым.

Прозрачный фон на примере

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

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

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

Сам цвет задавать с помощью rgba не сложно. Как уже и говорилось — первые три буквы означают три основных цвета: красный, зеленый и синий, а точнее их долю (от 0 до 255). Прописывая разные значения можно получать миллионы разных цветов, а полупрозрачность позволит вам придумать еще массу красивых эффектов для сайта, если это нужно будет.

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

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

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

2. Перейдите во вкладку “Вставка” и нажмите кнопку “Фигуры” .

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

4. Правой кнопкой мышки кликните внутри добавленной фигуры.

5. В открывшемся справа окне в разделе “Заливка” выберите пункт “Рисунок” .

6. Выберите в открывшемся окне “Вставка картинок” пункт “Из файла” .

7. В окне проводника укажите путь к рисунку, прозрачность которого необходимо изменить.

8. Нажмите “Вставить” для добавления рисунка в область фигуры.

9. Кликните правой кнопкой мышки по добавленному рисунку, нажмите на кнопку “Заливка” и выберите пункт “Текстура” , а затем “Другие текстуры” .

10. В окне “Формат рисунка” , которое появится справа, перемещайте ползунок параметра “Прозрачность” , пока не добьетесь желаемого результата.

11. Закройте окно “Формат рисунка” .

11. Удалите контур фигуры, внутри которой находится картинка. Для этого выполните следующие действия:

  • Во вкладке “Формат” , которая появляется при нажатии на фигуру, разверните меню кнопки “Контур фигуры” ;
  • Выберите пункт “Нет контура” .
  • Кликните в пустом месте документа, чтобы выйти из режима редактирования.

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

    Совет: Для настройки внешнего вида рисунка можно использовать параметр “Смещение” , который находится под параметром “Прозрачность” , расположенным в окне “Формат рисунка” .

12. После внесения всех необходимых изменений, закройте окно “Формат рисунка” .

Изменение прозрачности части рисунка

Среди инструментов, представленных во вкладке “Формат” (появляется после добавления рисунка в документ) есть и те, с помощью которых можно сделать прозрачным не все изображение, а его отдельную область.

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

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

1. Добавьте изображение в документ, воспользовавшись нашей инструкцией.

2. Дважды кликните по изображению, чтобы открылась вкладка “Формат” .

3. Нажмите на кнопку “Цвет” и выберите в выпадающем меню параметр “Установить прозрачный цвет” .

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

5. Выбранная вами область рисунка (цвет) станет прозрачной.

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

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

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

Источник статьи: http://www.nexxdigital.ru/kak-sdelat-prozrachnyi-cvet-kak-sdelat-cvet-prozrachnym-v-fotoshope/


Adblock
detector