Товаров: 0 (0р.)

Маски онлайн фотошоп: Скрытие слоев с помощью масок в Photoshop

Содержание

Как создать маску слоя в Фотошопе: пошаговая инструкция

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

Открыть Photoshop онлайн

Как создать маску слоя в Фотошоп онлайн

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

  1. Откройте любое изображение в графическом редакторе.
  2. Разблокируйте слой, для этого два раза щелкните по замочку, расположенному справа от него.
  3. Снизу на блоке со слоямикликните на иконку «Добавить маску слоя».
  4. На холсте останутся прозрачные пиксели.
  5. Теперь справа от иконки слоя на палитре «Слои» появится активный значок маски. Вокруг него будет рамка красного цвета.
  6. Слева в инструментах выберите «Кисть», проведите несколько мазков.
  7. Вы обнаружите просветы, через которые проступает закрытый маской слой.
  8. Для удаления просветов используйте «Ластик».

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

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

«Удалить маску слоя». Картинка вернется к исходному состоянию.

Чтобы выделить ненужный фон, используйте маршрут «Редактирование/Инвертировать выделение». Маску слоя теперь можно создать, нажав на кнопку на палитре «Слои». Все, что было только что выделено, станет видимым. Ластиком удалите все лишнее, а чтобы восстановить детали, используйте «Кисть».

Зачем нужна маска слоя в Фотошоп онлайн

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

  • Черный цвет – маскирует и создает 100% прозрачности.
  • Белый цвет проявляет, придавая полную непрозрачность.
  • Оттенки серого применяются для придания различной степени прозрачности.

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

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

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

Мастер-класс «Выделение и Маски» — Онлайн Фотошкола

Мастер-класс «Выделение и Маски» является двухдневным интенсивом по работе с выделениями и масками в программе Фотошоп.

Программа мастер-класса:

  • Выделение
  • Инструменты выделения
  • Инструменты скоростного выделения
  • Быстрая маска (Quick Mask)
  • Базовые команды работы с выделением
  • Работа с выделенной областью и доработки выделений
  • Команда Color Range (Цветовой диапазон)
  • Команда Select and Mask (Уточнить края)
  • Маска слоя
  • Наложение если (Blend If)
  • Приемы доработки маски
  • Маска яркости
  • Маска насыщенности
  • Маска цветового тона
  • Маска вырезания
  • Маска прозрачности

Чему вы научитесь?

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

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

Создавать и дорабатывать маски в ручную, для более точного и тонкого редактирования;

Познакомитесь с понятием «скрытая маска», которая присутствует в некоторых инструментах Фотошоп;

Закрытый чат для общения

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

Доступ к видео

Все участники получают доступ к записи мастер-класса на НЕОГРАНИЧЕННОЕ ВРЕМЯ (нужна почта на gmail.com).

Дата проведения

Мастер-класс пройдет 16 и 17 февраля 2019 года в 11 часов. Если вы не сможете присутствовать очно, то не нужно переживать. Запись МК будет доступна вам сразу же и вы сможете посмотреть его в любое удобное вам время.

Оплата

Оплата мастер-класса принимается через Яндекс.Кассу (ниже) или на карту Сбербанка. Номер карты предоставляется по запросу.

При оплате через Яндекс.Кассу выберите способ оплаты: Яндекс.Деньгами ; Банковской картой или со счета мобильного телефона. Затем нажмите кнопку «Перевести». После этого вы перейдете на сайт Яндекса, где вам предложат ввести ФИО и электронную почту для связи (укажите почту, зарегистрированную на YOUTUBE. Это необходимо для доступа к закрытой записи на видеосервисе youtube.com), а затем провести платеж указанным вами способом.

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

Помните: для этого контента требуется JavaScript.

Поделиться ссылкой:

Шкала времени в фотошопе-инструмент создания продвинутой анимации

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

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

Открыв панель шкалы времени (Окно> Шкала времени), вы можете выбрать один из двух типов шкалы времени: видео и анимации кадра. Последняя- покадровая анимация в фотошопе. Эта панель работает через преобразования слоев в панели слоев в отдельные кадры. Я не буду вдаваться в подробности по этой шкале времени; вместо этого я хотел бы сосредоточиться на шкале времени видео:

В Photoshop есть две шкалы времени. (Увеличенная версия)

Шкала времени для видео позволяет создавать keyframes анимацию, в которой можно определить ключевые точки вдоль шкалы времени, и Photoshop будет интерпретировать фреймы в промежутках между ними в сплошную анимацию. Давайте создадим простую анимацию, чтобы увидеть, как это работает:

В панели шкалы времени показан слой (1) со свойствами слоя (2). На шкале времени показан индикатор текущего времени (3) и существующие ключевые кадры (4). (Увеличенная версия)

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

Иконка секундомера выбрана для свойства «Позиция». Кадр автоматически добавляется на шкалу времени. (Увеличенная версия)

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

Перемещение слоя автоматически добавляет кадр в текущей точке индикатора шкалы времени. (Увеличенная версия)

При воспроизведении анимации показывается, как объект на холсте перемещается из одной позиции к другой:

Photoshop автоматически создает анимацию между кадрами.

Перед тем, как сделать анимацию в Фотошопе, мы рассмотрим все типы слоев и их свойства, которые можно применять для этого.
Стандартный (пиксельный) слой представляет собой слой, который содержит информацию пикселей. Это основной тип слоя в Photoshop.

Свойства для этого слоя:

  • Позиция;
  • Непрозрачность;
  • Стиль.

Стандартный слой на шкале времени со свойствами слоя.

Добавив к любому слою маску слоя или векторную маску, мы вводим дополнительные свойства, относящиеся к этой маске:

  • Положение слоя-маски;
  • Включить слой-маску.

Слой с маской слоя на шкале времени.

Слой с векторной маской на шкале времени.

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

  • Позиция;
  • Прозрачность;
  • Стиль;
  • Положение векторной маски;
  • Включить векторную маску.

Слой фигуры на шкале времени со свойствами слоя.

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

Свойства текстового слоя включают в себя:

  • Перспектива;
  • Прозрачность;
  • Стиль;
  • Обтекание текстом.

Текстовый слой на шкале времени со свойствами слоя.

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

  • Перспектива;
  • Непрозрачность;
  • Стиль.

Текстовый слой на шкале времени с доступными свойствами.

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

Я хотел бы также упомянуть еще о двух типах слоев — слой видео и 3D-слой. Оба этих слоя существенно отличаются от всех других, перечисленных ранее. Видео слой представляет собой группу слоев, которая содержит собственный набор свойств. 3D помимо того, что он содержит уникальный набор свойств, функционирует в среде совершенно отличающейся от других слоев, что делает его еще более сложным. На рисунках ниже вы можете увидеть, как оба слоя отображаются на шкале времени:

Группа видео слоев на шкале времени со свойствами слоя.

3D-слой на шкале времени со свойствами слоя.

Я советую вам перед тем, как сделать gif картинку в Фотошопе, ознакомиться с этими двумя типами слоев самостоятельно. Далее в этой статье я буду ориентироваться только на стандартные типы слоев, без видео и 3D.

Давайте рассмотрим основные свойства слоя, доступные для анимации.

Свойство «Позиция» позволяет перемещать объект вдоль осей X и Y. Управление позицией объекта осуществляется с помощью инструмента «Перемещение»:

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

Свойство «Непрозрачность» позволяет создавать кадры непрозрачности слоя. Оно доступно в панели слоев.

Свойство объекта «Непрозрачность» используется для создания эффекта растворения.

Свойство «Стиль» позволяет создавать ключевые кадры стилей слоя. Перейти к ним вы можете, дважды кликнув по слою в палитре слоев:

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

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

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

Также мы можем включать или отключать маску слоя или векторную маску. Чтобы включить или отключить маску слоя, перейдите в Слой> Слой-маска и выберите «Включить» или «Отключить». Для векторных масок перейдите в меню Слой> Векторная маска. Также можно, удерживая Shift кликнуть по маске слоя в палитре слоев, чтобы включить или отключить ее.

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

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

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

Свойство «Перспектива» позволяет задать ключевые кадры преобразования слоя. Различные преобразования доступны в меню Редактирование> Трансформация.

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

Благодарим Вас за то, что уделили внимание статье. Надеемся, что приемы, описанные в этом уроке анимации в Фотошопе, пригодятся в вашей деятельности.

Вадим Дворниковавтор-переводчик статьи «Creating Advanced Animations In Photoshop»

Как покрасить волосы в фотошопе?

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

Как же изменить цвет волос в фотошопе?

Шаг 1.

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

Шаг 2.

На данном этапе Вы узнаете, как выделить волосы в фотошопе при помощи режима быстрой маски. После того как Вы выделите волосы кисточкой в режиме быстрой маски, отключите режим маски, используя клавишу Q, или нажмите на значок под панелью инструментов прямо под палитрой цветов. При отключении режима быстрой маски на фотографии будет выделено все кроме волос. Для инвертирования выделения перейдите: Выделение -> Инверсия (Shift+Ctrl+I). Теперь волосы на фотографии будут выделены. Для копирования слоя с волосами нажмите сочетание клавиш Ctrl+J. После этого будет создан отдельный слой с волосами (Слой 1).

Шаг 3.

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

Шаг 4.

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

Шаг 5.

Откроем окно со свойствами корректирующего слоя «Уровни.

..»  и передвинем курсор влево на отметку 1,68. На фотографии с девушкой Вы увидите, как волосы значительно посветлеют.

Шаг 6.

На данном этапе воспользуемся еще одним корректирующим слоем «Цветовой тон/Насыщенность…» Перейдите в корректирующие слои, которые расположены под окном с основными слоями, и выберите «Цветовой тон/Насыщенность…»

Шаг 7.

Откроется окно со свойствами корректирующего слоя  «Цветовой тон/Насыщенность…». Примените данный корректирующий слой к слою «Слой 1», нажав на клавишу ALT и между слоями «Слой 1 и Фон». Теперь измените значения: Цветовой фон, Насыщенность, Яркость, используя бегунки в окне со свойствами корректирующего слоя.

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

Всего за 7 шагов мы изменили цвет волос в фотошопе

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

Добавить в закладки:

Похожие Фотошоп записи:

Как изменить (уменьшить/увеличить) размер слоя в фотошопе

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

В связи с этим в фотошопе нет ни единой команды типа «Изменить размер слоя», или «Задать ширину/высоту для слоя». Важно понимать, что это явление абстрактное.

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

Допустим, стоит задача сделать картинку, у которой размеры будут 550х350 пикселей. Для этого вы создали такой документ. Теперь хотите поместить туда другую картинку, но вот те раз — она не убралась!

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

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

Приходим к выводу, что мы воздействуем исключительно на содержимое слоя, а значит, когда говорят об изменении размера слоя, нужно иметь ввиду изменение размера содержимого слоя!

Как изменить размер содержимого слоя

Для выполнения этой простейшей операции потребуется команда Редактирование — Свободное трансформирование (сочетание горячих клавиш Ctrl+T).

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

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

Совет

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

В таких случаях нужно уменьшить масштаб (Ctrl + —) области просмотра до тех пор, пока не покажется рамка. 

  • Чтобы уменьшить размер слоя — потяните за маркер во внутреннюю часть рамки, чтобы увеличить размер — в противоположную.
  • Если тянуть за маркер, расположенной на стороне рамки, то картинка будет вытягиваться в выбранную сторону.
  • Если тянуть за угол рамки, то будут изменяться одновременно высота и ширина.
  • Чтобы применить изменения размера — нажмите Enter или на кнопку в виде галочки на панели параметров.
  • Если выделить два и более слоя, фотошоп также проведет одинаковое редактирование размера.
  • Чтобы изменение размера происходило пропорционально, то можно воспользоваться одним из двух способов:
  1. Зажмите клавишу Shift и тяните за угол.
  2. Нажмите на иконку цепи в панели параметров Свободной трансформации. 

Еще раз обратите внимание на скриншот панели в верхнем скриншоте.

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

Изменение размера фонового слоя

Самая распространенная ошибка у новичков — открыли в фотошопе картинку, хотите изменить ее размер, но команда Ctrl+T не реагирует, рамка не появляется.

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

В этом случае, размер изображения можно изменить либо через команду Изображение — Размер изображения, а там уже ввести необходимые величины, либо нужно разблокировать фон (эта операция называется Образовать). Для этого сделайте двойной клик по фоновому слою. Появится окно, в котором ничего не изменяя, кликните на ОК. Теперь со слоем можно работать в привычном режиме, все ограничения сняты.

Качество изображения после ее уменьшения/увеличения

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

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

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

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

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

К этому нужно быть всегда готовым, и подходить к процессу с умом:

  • Брать изображения в большом разрешении, там потеря качества будет менее заметна.
  • При увеличении не делать большую разницу с оригиналом — не надо ее увеличивать в 10 раз. Чем сильнее увеличение, тем очевидней потеря качества.

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