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

Для затравки я покажу несколько примеров использования масок в фотошопе:

Планета добавлена с помощью простейшей маски.

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

Тут всё тоже самое — я взял 3 изображения с феррари и с помощью маски скрыл фон.

Как видите, для использующего маски в фотошопе открывается не паханное поле экспериментов.

Фотошоп позволяет работать с 4 видами масок — маски слоя (Layer Mask), векторные маски (Vector Mask), Обрезающая маска (Clipping Mask) и быстрая маска (Quick Mask), которая не совсем маска… но об этом позже 🙂

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

Взаимодействие с масками производится посредством инструментов , Gradient (Градиент), Paint Bucket Tool (Заливка). Также можно использовать Mixer Brush Tool и Pecil (Карандаш), но это из разряда экзотики, и работает по тому же самому принципу.

Стоит отметить, что маска не удаляет часть изображения, а скрывает его. В этом есть свои плюсы и минусы. Плюс в том, что вы всегда можете сменить цвет на белый, и вернуть скрытую часть изображения. А минус — увеличивается размер файла, поэтому перед сохранением делайте Layer (Слой) -> Layer Mask (Маска слоя) -> Apply (Применить)

Маски слоя в фотошопе

Начнём рассмотрение маски слоя в фотошопе на конкретном примере. Я нашёл в интернете фотографию мыльного пузыря:

Нужно поместить этот пузырь на другой фон. Например на этот:

Скопируйте фотографию мыльного пузыря на фото пейзажа, и с помощью свободной деформации (Ctrl+T) чуть уменьшите пузырь:

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

За управление масками в фотошопе отвечает раздел в меню Layer:

Сейчас я расскажу о способах создания маски слоя в фотошопе:

— Reveal All создаёт открытую маску. Это значит, что маска заполнена белым цветом, т.е. изображение абсолютно непрозрачно. Для того, чтобы скрыть часть изображения нужно начать рисовать по ней чёрным цветом. Давайте попробуем.

Итак, нажимаем Layer -> Layer Mask -> Reveal All. Обратите внимание, что в панели слоёв справа от миниатюры изображения появился белый прямоугольник. Это и есть маска слоя:

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

Берем мягкую чёрную кисть и начинаем зарисовывать ей фон фотографии с мыльным пузырём:

Результат получился не слишком аккуратным, но главное чтобы вы поняли принцип. Если вам всё же хочется получить качественный результат, тогда выделите сначала пузырь, затем инвертируйте выделение (Shift+Ctrl+I) и смело закрасьте фон, не боясь скрыть края мыльного пузыря:

Если вы всё же скрыли не то, что хотелось — не беда, смените цвет на белый и восстановите скрытую часть изображения.

Давайте теперь посмотрим, что будет, если закрасить пузырь серым цветом (я взял #a1a1a1):

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

— Способ создания маски слоя Hide All скрывает всё изображение за чёрной маской. «Проявлять изображение» на слое с маской вы будете с помощью белой кисти.

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

— Reveal Selection скрывает всё, кроме выделенной области:

— Hide Selection напротив, прячет выделенную область:

— From Transparency создаёт маску без учёта невидимых областей.

Есть также кнопка в панели слоёв для создания маски слоя способом Reveal Selection:

Заливка маски в фотошопе градиентом

Этот приём я показывал уже много раз в уроках photoshop на этом сайте. Заключается он в применении градиента для маски слоя. Допустим, на одном из слоёв есть изображение, часть которого должна плавно исчезать:

Создаём маску, и заливаем её чёрно белым радиальным градиентом. Получаем такой результат:

Векторные маски в фотошопе

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

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

Векторные маски создаются точно также, как растровые и работают по тому же принципу, с той лишь разницей, что управляются векторными инструментами, например Pen Tool:

Здесь мы видим новый пункт Current Path — он создаёт маску по уже имеющемуся векторному пути. Давайте остановимся на этом подробнее. Я взял изображение татуировки, и обвёл его контуром с помощью Pen Tool:

И применил Layer — Vector Mask -> Current Path:

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

Две маски в фотошопе

Фотошоп даёт возможность пользоваться двумя масками сразу — растровой и векторной. Это нужно в первую очередь для удобства пользователя.

Посмотрите на следующий пример:

я создал векторный путь, обводящий морскую звезду. Затем преобразовал его в векторную маску, и одновременно создал растровую маску. Как видите, в панели слоёв теперь находятся 2 маски слоя. Слева растровая, а справа соответственно векторная. Теперь если я захочу сделать середину и края звезды немного прозрачными, я переключусь на растровую маску и разрисую нужные места серой кистью:

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

Сlipping Mask в фотошопе

Следующий тип маски в фотошопе — Clipping Mask. Она обрезает изображение, к которому применена по контуру или маске нижележащего:

На представленном примере на нижнем слое создана обычная векторная фигура с помощью Ellipse Tool (Эллипс), поверх неё изображение с лошадью, к которому применена Clipping Mask. Попробуйте сделать что-то похожее, и подвигайте фигуру на нижнем слое — изображение будет «проявляться» в том месте, в котором находится фигура.

Действия с масками в фотошопе

Маски в фотошопе можно перемещать вне привязки к изображению. Сейчас я покажу как это сделать. Возьмите любое изображение и примените к нему какую-нибудь маску:

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

Маски в фотошопе можно также копировать на другой слой. Создайте новый слой (Shift+Ctrl+N), залейте его каким-нибудь цветом, зажмите Alt и перетащите миниатюру маски на только что созданный слой:

Быстрая маска в фотошопе

Давайте рассмотрим последний тип маски в фотошопе — быструю маску. Как я говорил в начале, это не совсем маска, это инструмент выделения, который имеет сходный с масками тип работы. Находится быстрая маска в панели инструментов:

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

Сейчас мы попробуем выделить с помощью быстрой маски выделить вот эту шикарную собаку 🙂

Нажмите Q, возьмите жёсткую непрозрачную кисть и начните закрашивать:

Обратите внимание, что основной цвет у вас должен быть чёрный. Если вы ошиблись и закрасили что-то лишнее, выберите белый цвет (нажмите X при стандартной цветовой раскладке) и сотрите таким образом ненужный участок маски. Когда закончите закрашивать, вновь нажмите Q. Всё, выделение готово:

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

Задавайте вопросы в комментариях, делитесь своими впечатлениями и делитесь этим уроком с друзьями. Я прощаюсь с вами до новых встреч на нашем сайте и желаю творческих успехов 😉

19.07.15 1.9K

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

Оригинальный снимок

А вот как он будет выглядеть после нашей обработки в Photoshop :

Финальный результат

Этап 1: добавляем корректирующий слой «Уровни»

Перед тем как начать, давайте быстренько взглянем на нашу панель слоев:

Панель слоев

Чтобы сделать глаза девушки ярче, необходимо добавить корректирующий слой «Уровни ». Кликните по кнопке «Новый корректирующий слой » (New Adjustment Layer ), расположенной в нижней части панели слоев:

Кликаем по кнопке создания нового корректирующего слоя

Из появившегося меню выбираем пункт «Уровни » (Levels ):

Выбираем «Уровни» из списка

С этим слоем мы ничего не будем делать. Все что нам нужно, это добавить его в документ, и если вы используете Photoshop CS3 или более ранние версии, просто нажмите «ОК » в правом верхнем углу окна «Уровни ». Если вы используете Photoshop CS4 и выше, то опции настройки корректирующего слоя появятся в новом разделе «Свойства ».

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

Корректирующий слой находится прямо над фоном

Этап 2: изменяем режим наложения слоя на «Экран» (Screen)

Изменим режим наложения корректирующего слоя. Этот параметр доступен для настройки в левом верхнем углу на панели слоев. По умолчанию, режим будет выставлен на «Нормальный » (Normal ). После нажатия на надпись нужно открыть выпадающий список и выбрать значение «Экран » (Screen ):

Изменяем режим наложения слоя на «Экран» (Screen)

Этот режим просто осветляет изображение и накладывается он сразу на всю фотографию, а не только на глаза, но вскоре мы исправим это:

Режим наложения «Осветление» сразу же осветляет весь снимок

Этап 3: заливаем маску слоя черным цветом

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

Именно поэтому светлым становится сразу все изображение:

Маска корректирующего слоя по умолчанию заполнена белым цветом

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

Меню Редактирование > Выполнить заливку …

После этого откроется окно «Заполнить ». Измените опцию «Содержание » (Use ) на «Черный » (Black ), а затем нажмите «ОК »:

Изменяем параметр «Содержание» на «Черный»

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

Маска корректирующего слоя «Уровни» теперь залита черным цветом

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

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

Мы вернулись к исходному изображению

Этап 4: используем «Кисть» (Brush)

Выберите инструмент «Кисть » (Brush Tool ) на панели инструментов:

Выбираем «Кисть» на панели инструментов

Этап 5: наносим белый цвет на глаза

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

Белый цвет позволяет отобразить эффект корректирующего слоя сквозь маску. Сейчас Photoshop использует для кисти основной цвет, поэтому можно нажать клавишу D , чтобы сбросить настройки на цвета по умолчанию (белый и черный ). Также это можно сделать вручную, воспользовавшись панелью инструментов:

Выбираем белый в качестве основного цвета

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

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

Наносим белый цвет на левый глаз девушки на фотографии

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

Инструкция

Запустите Adobe Photoshop и откройте в нём какое-нибудь изображение: «Файл» > «Открыть» > выберите файл > «Открыть».

В нижнем правом углу программы найдите окно «Слои» (если оно отсутствует, нажмите F7), выберите в нем вкладку "Слои" и сделайте двойной щелчок по фону. В появившемся окне сразу щелкните «Ок». Тем самым вы превратите фон в слой под названием «Слой 0». Вы можете придать ему какое-то более звучное название, но в нашем случае это не столь важно.

Щелкните кнопку «Добавить слой-маску », которая находится в нижней части вкладки «Слои» и изображена в форме квадрата с кружком посередине. Рядом с картинкой «Слоя 0» появится эмблема слоя-маски в виде белого прямоугольника. Переключение между самим слоем и его маской осуществляется при помощи простого клика, а активный элемент обрамляется небольшой рамкой.

Убедитесь, что активирован слой-маска и нажмите Ctrl+Backspace. Тем самым вы зальете маску , которая является на данный момент передним планом документа, условно черным цветом , но рабочая область окрасится фоновой сеточкой. Если вам нужно деактивировать маску , нажмите на ее эмблеме правой кнопкой мыши и в появившемся меню кликните «Выключить слой-маску ».

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

Чтобы снова сделать маску непрозрачной, можно использовать два инструмента. Первый – кисточку, но установить цвет закрашивания черным. Второй – «Ластик» (горячая клавиша – латинская E, переключение между смежными инструментами – Shift+E).

Чтобы сохранить плоды ваших трудов, нажмите «Файл» > «Сохранить как» > выберите путь, укажите в поле тип файлов JPEG (если это итоговый результат) или PSD (если вы еще собираетесь работать над этим проектом) > «Сохранить».

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

Вам понадобится

  • Бесплатный хостинг изображений.

Инструкция

Бесплатные хостинги позволяют загружать большое количество . Объем и вес этих фото также не имеют ограничения. Рассмотрим 2 наиболее распространенных сервиса фотографий: fastpic и radikal.

Для того чтобы загрузить на хостинг fastpic необходимо перейти этого сервиса - fastpic.ru. Нажмите кнопку «Обзор». В открывшемся окне найдите нужный вам файл. Нажмите «Открыть».

Если при загрузке вы указали несколько картинок, то результат будет следующим:

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

Для загрузки изображений на хостинг нажмите кнопку «Загрузить».

Видео по теме

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

Вам понадобится

  • - компьютер;
  • - навыки работы с Adobe Photoshop, Corel Draw.

Инструкция

Запустите программу Adobe Photoshop, откройте нужное изображение, в котором нужно сделать фон, с помощью команды «Файл» – «Открыть». Либо перетащите необходимый файл в окно программы. Далее выделите картинку, отдельно от фона. Для этого используйте инструмент «Быстрое выделение», чтобы управлять выделяемыми областями, либо инструмент «Волшебная палочка», если картинка контрастирует с фоном. После выделения картинки нажмите на ней правой кнопкой мыши и выберите команду «Инвертировать изображение». Данная команда выделит фон вокруг изображения, для которого вам нужно выполнить заливку.

Очистите выделенный фон вашей картинки нажатием на клавишу Del, далее добавьте новый слой, на котором будет расположена заливка фона. Для этого перейдите на палитру слоев и выберите команду «Новый слой». Перетащите его ниже слоя с картинкой. Далее выберите цвет фона щелчком по цветовой палитре левой кнопкой мыши. Если необходимо точно определить цвет для фона, тогда создайте новый слой, скопируйте туда изображение с образцом цвета, выберите на палитре инструментов инструмент «Пипетка», щелкните левой кнопкой мыши по образцу цвета. Цвет будет выбран. Удалите созданный слой, перейдите на слой с фоном, выберите инструмент «Заливка» и щелкните один раз левой кнопкой мыши в вашем фоновом слое. Будет выполнена заливка фона одним цветом.

Запустите программу Corel Draw, создайте новый документ, чтобы сделать одноцветный фон. Перейдите в меню «Макет», выберите команду «Фон страницы», установите флажок в поле «Сплошной» и щелкните по стрелочке, чтобы выбрать цвет для фона страницы. Нажмите кнопку «ОК». Чтобы использовать в качестве фона одноцветное изображение с вашего компьютера, зайдите в «Макет» – «Фон страницы», установите флажок в поле «Растр» и нажмите кнопку «Обзор». Выберите файл , нажмите кнопку «Открыть». Изображение будет добавлено в поле «Источник». Если вы хотите, чтобы изменения исходного изображения отражались в рисунке, выберите опцию «Связанный». Если же нет, выберите команду «Встроенный». Для установления размера фонового изображения выберите опцию «Особый размер» и укажите нужные размеры фона. Нажмите кнопку «Ок».

Видео по теме

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

Инструкция

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

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

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

Через 3-5 дней снимите маску . Ее нужно дополнить мыши ными ушками. Вырежьте два круглых уха из картона и бумажными полосками приклейте к верхнему краю маски.

Раскрасьте мыши ную мордочку акрилом. Сначала покройте бумагу основным серым цветом. Его можно нанести поролоновой губкой или воспользоваться аэрозольной краской. Когда слой высохнет, прорисуйте детали. Тонкой кисточкой обведите контур глаз, нарисуйте цветные радужки. Если мышь – , нарисуйте длинные ресницы и розовые губы. Улыбку на лице мужественной мыши можно провести черным или темно-серым маркером.

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

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

Видео по теме

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

Вам понадобится

  • - программа Photoshop;
  • - изображение.

Инструкция

Для создания маски-слоя в Photoshop следует выбрать одну из опций группы Layer Mask из меню Layer. Использование опции Reveal All визуально не изменит изображение, расположенное на маскируемом слое, однако рядом с пиктограммой слоя появится значок маски.

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

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

Для редактирования маски слоя можно использовать инструменты Brush Tool, Paint Bucket Tool и инструменты группы Shape Tool, переключенные в режим Fill pixels.

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