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

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

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

Как открыть палитру слоев

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

Окно — Cлои (горячая клавиша F7)

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

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

Виды слоев в фотошопе

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

1. Фоновый слой

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

Совет

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

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

2. Обыкновенный слой

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

3. Текстовый слой

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

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

4. Смарт-объекты

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

Смарт-объект на палитре отмечен маленьким значком файла (отметил стрелкой на рисунке).

5. Корректирующий слой

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

Все корректирующие слои собраны под одноименной командой во вкладке слоев главного меню.

6. Слой-заливка

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

7. Слой-фигура

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

Для чего нужны слои?

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

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

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

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

2. Можно изменить размер объекта на слое так, чтобы остальные слои остались неизменными.

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

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

3. Можно переместить содержимое слоя в любое место.

Примечание

За пределами рабочей области документа существует также пространство, куда можно также перемещать содержимое слоя.

4. Можно добавить непрозрачность для слоя, что позволит создать эффект просвечивания через объект.

Для примера установим непрозрачность на 50%. Обратите внимание на пчелу, что сквозь нее теперь видно содержимое нижележащего слоя.

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

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

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

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

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

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

Как создать новый слой

Нет ничего проще, чем создать новый слой в фотошопе.

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

Способ 1

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

Способ 2

Через команду меню:

Слой — Новый — Слой… (горячая клавиша Shift+Ctrl+N)

Способ 3

Через команду Новый слой в меню палитры (открывается нажатием на кнопочку в верхнем правом углу палитры).

Способ 4

При добавлении к открытому документу новых изображений, будь это путем перетаскивания из другой вкладки, использование команды Поместить, «копировать — вставить» или просто перетаскивание картинки с компьютера, то ВСЕГДА такая картинка автоматически создает для себя новый слой.

Особенности создания слоев других типов

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

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

3. Смарт-объекты. Возможны два варианта:

• Открыть изображение в фотошопе с помощью команды меню: Файл — Открыть как смарт объект, изображение появится в новой вкладке с соответствующей пиктограммой на миниатюре слоя.
• Превратить любой обыкновенный слой в смарт-объект. Для этого кликните правой кнопкой и выберите команду Преобразовать в смарт-объект.

PSD и слои

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

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

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!

Как закрепить слой в фотошопе или защита слоя от редактирования

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

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

Сохранение прозрачности пикселей

Первый элемент а ряду — команда Сохраняет прозрачность пикселов (Lock Transparent Pixels).

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

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

Примечание

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

Сохранение цветов пикселей

Второй элемент в списке закрепления — Сохраняет цвета пикселов (Lock Image Pixels).

Данное ограничение запрещает совершать какие-либо действия, направленные на редактирование уже существующих пикселей. То есть вы не сможете пользоваться такими инструментами как: Кисть, Ластик, Заливка, Градиент, Размытие, Штамп, Восстанавливающая кисть и другие — те, что хоть каким-то образом воздействуют на пиксели слоя.

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

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

Закрепление положения слоя

Третий элемент, иконка в виде пересечения двух двусторонних стрелок, — Закрепляет положение (Lock Position).

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

При попытке его сдвинуть — увидите ошибку: «Невозможно выполнить запрос слой закреплен.» 

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

Запретить любое изменение слоя

Последний элемент в группе закрепления — кнопка Сохраняет все (Lock All).

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

Как закрепить одновременно два и более слоя

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

Выделите все нужные слои. А теперь перейдем к команде меню Слои — Закрепить слои (Lock All Layers in Group). Появится диалоговое окно, в котором нужно отметить необходимый способ закрепления.

Таким образом команда может работать одновременно с несколькими слоями. Но не понятно почему это можно сделать только с палитры…

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!

Как сделать прозрачность картинки в Фотошопе

Пожалуй, одной из самых интересных и необычных функций в Photoshop является “непрозрачность”. Благодаря ней, прозрачными можно сделать не только главные объекты, но и заливку, чтобы оставить видимыми только стили слоя.

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

Основная непрозрачность слоя

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

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

Непрозрачность заливки

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

Допустим, мы зашли в “параметры наложения” и применили к слою стиль «Тиснение».

После того, как стили применены, устанавливаем показатели «Заливки» на 0%.

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

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

Непрозрачность и отдельный объект

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

Затем надо нажать на кнопку ALT и кликнуть по маске внизу панели слоев.

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

После этого на холсте появится выделение:

Теперь его необходимо инвертировать с помощью комбинации горячих клавиш CTRL+SHIFT+I.

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

Затем нажимаем ОК и получаем выбранную непрозрачность, исходя из выбранного цвета.

Чтобы убрать выделение, нажимаем CTRL+D.

Непрозрачность градиента

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

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

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

Это все, что пока можно делать с непрозрачностью. Надеемся, что этот урок помог вам. До “встречи”!

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

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

Меняем прозрачность слоя с изображением

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

Итак, план действий для выполнения поставленной задачи следующий:

1. Открываем фото в программе и обращаем вниманием на Палитру. Если мы видим значок в виде замка в строке со слоем с картинкой (скорее всего, с названием “Фон”), это означает, что у нас нет возможности изменять данный слой. Чтобы снять блокировку, щелкаем по этому замку.
2. После этого замок должен исчезнуть. Теперь мы можем редактировать слой (его имя должно измениться с “Фона” на “Слой + порядковый номер”).
3. За прозрачность выбранного слоя отвечает параметр “Непрозрачность” (задается в процентах). Настроить его можно как путем ввода с клавиатуры необходимого значения в соответствующем поле (после ввода нажимаем Enter), так и путем сдвига ползунка, который появится, если нажать на стрелку вниз в конце данного поля. Сдвиг ползунка выполняется с помощью зажатой левой кнопки мыши. Чем больше в итоге должна быть прозрачность, тем меньше указываем значение, и наоборот. К примеру, останавливаемся на 60%.
4. Видим следующий результат на холсте. Поверх него можно заметить шахматную доску – верный признак того, что мы все сделали верно. Интенсивность/видимость этой доски зависит от указанного значения непрозрачности слоя.
5. Для сохранения полупрозрачных картинок используется расширение PNG (распространенный формат JPG/JPEG не подойдет). Переходим в меню “Файл” и выбираем в нем команду “Сохранить как”. Или можно воспользоваться горячими клавишами Ctrl+S.
6. В открывшемся окне указываем имя и желаемое расположение файла, выбираем правильный формат и жмем кнопку “Сохранить”.
7. В следующем окошке выбираем параметры сохранения PNG и щелкаем OK. В нашем случае оставляем большой размер файла.
8. На этом наша работа по созданию и сохранению полупрозрачной картинки завершена. Для наглядности, мы совместили исходное изображение (слева) и обработанное (справа).

Заключение

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

Прозрачность слоя, блокировка слоя, палитра стилей. / Creativo.one

Приветствуем будущего Photoshop-мастера!