Как отредактировать слой в фотошопе: Редактирование слоев в Photoshop Elements

Изучите всё, что нужно знать об эффектах и стилях слоя, чтобы начать их применять в своих работах в программе Photoshop CC 2020, в т. ч. изучите новые стили слоя, градиенты, узоры и прочее! 

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

Помимо этого, вы рассмотрите, как добавлять и редактировать свои собственные эффекты слоя и как применять новые удивительные градиенты и узоры программы Photoshop CC 2020. Я покажу вам даже, как добавить несколько копий эффекта на один и тот же слой, как увеличить размер эффекта, чтобы он подошел к масштабу изображения, как сохранить ваши эффекты в виде готового стиля слоя и многое другое!

Этот урок написан для версии программы Photoshop CC 2020, поэтому, прежде чем вы начнете изучать урок, убедитесь, что у вас установлена нужная версия Photoshop.

Нам нужно многое изучить, поэтому давайте начнем!

Настраиваем документ

Если вы хотите продолжить урок, откройте любое изображение в качестве слоя заднего фона и далее добавьте какой-либо текст на него. В моем случае я воспользовался текстурой, которую скачал с сайта Adobe Stock, и добавил следующие слова «СЛОЙ» (LAYER) и «ЭФФЕКТЫ» (EFFECTS). В этом уроке я буду работать с текстовыми слоями, но эффекты можно также наложить и на слои-фигуры, и на пиксельные слои:

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

На панели слоев отображены три слоя

Что такое эффекты слоя в программе Photoshop

Эффекты слоя – это набор неразрушающих, редактируемых эффектов, которые можно применить почти к любому типу слоев. В программе представлены 10 различных эффектов слоя, которые можно сгруппировать в три основные категории «Тени и блики», «Наложения» и «Обводки». Эффекты слоя напрямую связаны с самим слоем. Поэтому если вы вносите изменения в содержимое слоя, любые эффекты, которые вы применяли к данному слою, также мгновенно обновятся.

Что такое стили слоя?

Часто термины «Стили слоя» и «Эффекты слоя» путают, считая это одним и тем же, однако эффекты слоя – это отдельные эффекты, такие как, например, «Тень» (Drop Shadow), «Обводка» (Stroke), «Внешнее свечение» (Outer Glow) и т.д. Стиль слоя – это соединение двух и более эффектов вместе для придания слою определенного образа. Стили слоев также включают режимы наложения, применяемые к слою, вместе с настройками непрозрачности и заливки.

Какие преимущества дает нам применение эффектов слоя?

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

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

Где найти эффекты слоя?

Вы можете найти список эффектов слоя в двух основных местах.

Раздел «Слои»

Одно из мест – это раздел «Слои» в строке меню в верхней части экрана. Перейдите в раздел «Слои» (Layer) и выберите «Стиль слоя» (Layer Style). Вам откроется перечень всех эффектов слоя, из которых вы сможете выбрать нужный, включая Тиснение (Bevel & Emboss), Обводка (Stroke), Внутренняя тень (Inner Shadow), и пр. Для того чтобы добавить эффект, выберите его из списка:

Для выбора эффекта слоя перейдите «Слои» — «Стиль слоя».

Панель слоев

Другой, более быстрый способ добавить эффект слоя – кликнуть по значку fx в нижней части панели слоев:

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

Добавляем эффект слоя с помощью панели слоев.

Почему эффекты слоя подсвечены серым?

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

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

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

Как применять готовые стили слоя в Photoshop

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

Если вы не видите панель стилей на своем экране, вы можете открыть ее, перейдя в раздел меню «Окно» (Window) в строке меню в верхней части экрана и выбрав «Стили» (Styles):

Выбираем «Окно» — «Стили».

Новые стили слоев по умолчанию в программе Photoshop CC 2020

В программе Photoshop CC 2020 представлены совершенно новые стили слоев, которые сгруппированы в 4 набора – «Основные» (Basics), «Природа» (Natural), «Мех» (Fur), «Ткань» (Fabric). Каждый набор имеет отдельную папку на панели стилей, и каждый стиль слоя представлен своей миниатюрой.

По умолчанию, все четыре папки развернуты, и размер миниатюр установлен на «Большие миниатюры» (Large). Поэтому для того, чтобы просмотреть все стили, вам нужно пролистать вниз список:

Исходный вид панели стилей в программе Photoshop CC 2020.

Настраиваем панель стилей

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

Открываем меню панели стилей и затем выбираем «Маленькие миниатюры» (Small Thumbnail):

Выбираем размер миниатюр «Маленькие миниатюры». Миниатюры стали меньше:

Теперь за раз видно больше стилей слоя.

Совет. Как закрыть или открыть все папки за раз

Каждый набор на панели стилей можно открыть или закрыть, нажав на стрелку слева от иконки папки. Вы также можете развернуть или свернуть все папки за один раз, удерживая клавишу Ctrl (Win) / Command (Mac) нажатой и кликая по одной из стрелок:

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

Удерживайте клавишу Ctrl (Win) / Command (Mac) нажатой, чтобы закрыть все папки за раз.

Далее, для того чтобы открыть нужную папку, отпустите клавишу Ctrl (Win) / Command (Mac) и кликните по стрелке. Я открою папку «Природа» (Natural):

Открываем отдельную папку, кликнув по значку стрелки.

Как применить готовый стиль

Для того чтобы применить один из стилей в папке, просто нажмите на его миниатюру. Я выберу новый стиль «Море» (Sea):

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

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

Отдельный стиль слоя может включать в себя множество эффектов слоя.

Выбираем другой стиль слоя

Для того, чтобы выбрать другой стиль слоя, просто кликните по его миниатюре. Я применю стиль слоя из набора «Природа» (Nature), например, «Дерево» (Wood):

Выбираем другой готовый стиль слоя.

Новый стиль слоя заменил предыдущий, и теперь на моем тексте появился эффект текстуры древесины:

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

Различные стили слоя включают в себя различные эффекты.

Выбираем стили слоя из другого набора

Я закрою набор «Природа», кликнув по стрелке рядом с соответствующей папкой. Затем я разверну папку «Мех» (Fur), и выберу стиль «Зебра» (Zebra):

Выбираем стиль слоя из другого набора. На этот раз, мой текст заполнился полосками зебры:

Еще один стиль по умолчанию в программе Photoshop CC 2020. И снова, мы видим перечень эффектов под слоем:

Эффекты, которые образовали стиль слоя «Зебра».

Разворачиваем и сворачиваем список эффектов слоя

Для того чтобы освободить место на панели слоев, вы можете свернуть список эффектов слоя, нажав на маленькую стрелку рядом с иконкой fx с правой стороны от названия слоя. Кликните по стрелке еще раз, чтобы развернуть список. Этим действием мы не отключаем / включаем сами эффекты, мы просто освобождаем место на панели слоев, особенно когда мы применяем эффекты к нескольким слоям, и панель слоев становится загроможденной:

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

Как загрузить еще больше стилей слоя в программу Photoshop CC 2020

На первый взгляд кажется, что в программе Photoshop CC 2020 не слишком много готовых стилей слоя. Но если вы обновляли предыдущую версию программы, то возможно, задались вопросом, что происходит с готовыми наборами стилей из предыдущих версий программы. Все готовые наборы предыдущих версий доступны и в версии программы Photoshop CC 2020, наряду с новыми наборами стилей. Чтобы получить к ним доступ, все что нам требуется – загрузить их на панель стилей.

Нажимаем на значок меню панели стилей:

Открываем раздел меню панели стилей. И выбираем «Стили прежней версии и др.» (Legacy Styles and More):

В результате ниже исходных папок с готовыми стилями добавится папка «Стили прежней версии и др.» (Legacy Styles and More):

Разверните эту папку, и внутри вы увидите еще две папки. В папке «Стили 2019» (2019 Styles) находится еще больше новых стилей слоя, которые можно попробовать в работе, а папка «Все стили по умолчанию прежней версии» (All Legacy Default Styles) содержит все исходные стили слоя прежних версий программы Photoshop:

«Стили 2019»

Стили слоя в папке «Стили 2019» разделены на различные наборы, включая «Гель» (Gel), «Стекло» (Glass), «Гранж» (Grunge), «Хром» (Chrome), «Металл» (Metallic) и «3D» (3D). Я разверну папку «Хром» и выберу стиль «Побрякушки» (Bling):

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

И если я разверну папку 3D и выберу стиль «Дубликаты» (Duplicates) из нижней части списка:

То получится совершенно иной эффект, эффект дублирования текста другими цветами:

Результат после применения стиля слоя «Дубликаты».

Стили по умолчанию прежней версии

Для того чтобы применить стили слоя из прежних версий программы, разверните папку «Все стили по умолчанию прежней версии» (All Legacy Default Styles). Там расположены все исходные стили, снова разделенные на наборы.

Я выберу стиль «Хромированный атлас» (Chromed Satin) из набора «Стили по умолчанию прежней версии»:

И мы получили классический хромированный эффект:

Эффект хромированного атласа из прежней версии программы.

Как включать и отключать эффекты слоя

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

Например, если я отключу эффект «Наложение градиента» (Gradient Overlay) в стиле «Хромированный атлас»:

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

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

Включаем эффект «Наложение градиента». И градиент снова появился:

Как отключить все эффекты слоя за раз

Чтобы отключить все эффекты за раз, кликните по иконке основного глаза около слова «Эффекты». Кликните по ней снова, чтобы снова включить все эффекты:

Как перемещать и копировать стили слоя

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

И выберите пункт «Скопировать стиль слоя» (Copy Layer Style):

Затем кликните правой кнопкой мышки по слою, к которому вы хотите применить стиль:

И выбираем пункт «Вставить стиль слоя» (Paste Layer Style):

И у нас тот же стиль слоя применился к обоим слоям:

Как очистить стиль слоя

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

И выберите пункт «Очистить стиль слоя» (Clear Layer Style):

И теперь мои эффекты снова применяются только к верхнему текстовому слою:

Как перемещать эффекты слоя на другой слой

Если вы хотите переместить эффекты на другой слой, кликните по иконке fx того слоя, который содержит эффекты, перетащите ее на другой слой и затем отпустите кнопку мышки:

Эффекты тотчас переместятся с исходного слоя на новый:

Более быстрый способ скопировать эффекты слоя

Если вы нажмете и удержите нажатой клавишу Alt (Win) / Option (Mac) при перемещении иконки fx:

Нажимаем и удерживаем нажатой клавишу Alt (Win) / Option (Mac) при перетаскивании иконки fx

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

Как редактировать эффект внутри стиля слоя

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

Например, я хочу отредактировать градиент, поэтому я дважды щелкну левой кнопкой мышки по эффекту «Наложение градиента» (Gradient Overlay):

Программа Photoshop откроет диалоговое окно «Стиль слоя» (Layer Style) с расположенными в центре настройками эффекта:

Для того чтобы поменять местами цвета в градиенте, все что мне потребуется – это выбрать параметр «Инверсия» (Reverse). Далее я нажму ОК для закрытия диалогового окна:

И теперь цвета градиента для букв верхнего слоя поменялись местами:

Как очистить стиль слоя у нескольких слоев одновременно

Ранее мы рассмотрели, как очистить стиль одного слоя. Для того, чтобы убрать стили у нескольких слоев за раз, выберите какой-нибудь один слой и далее, удерживая нажатой клавишу Ctrl (Win) / Command (Mac), щелкните по остальным слоям для их выбора:

После этого щелкаем правой кнопкой мышки по любому из выделенных слоев и в появившемся меню выбираем пункт «Очистить стиль слоя» (Clear Layer Style):

И теперь мы вернулись к исходным белым буквам на голубом фоне:

Как изменить размер эффекта слоя в программе Photoshop

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

Например, на панели слоев я выберу верхний текстовый слой:

И далее на панели стилей я разверну папку с набором стилей «Стили KS» (KS Styles) (находится в папке «Все стили по умолчанию прежней версии) и выберу стиль «Изморозь» (Frosted):

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

Результат после применения стиля слоя «Изморозь».

Для того чтобы исправить это, мы можем изменить размер эффекта. Один из способов изменения масштаба – выбрать пункт «Слои» (Layer) в строке меню, далее «Стиль слоя» (Layer Style) и «Воздействие слой-эффектов» (Scale Effects):

Другой способ – кликнуть правой кнопкой мышки по значку fx:

И выбираем из появившегося меню пункт «Воздействие слой-эффектов» (Scale Effects):

Далее в диалоговом окне «Воздействие слой-эффектов» выбираем необходимый нам масштаб (Scale). В моем случае, я уменьшу масштаб со 100% до 60%. Убедитесь, что в окошке «Просмотр» (Preview) стоит галочка, чтобы вы могли предварительно просмотреть результат. Когда все будет сделано, нажмите ОК для закрытия диалогового окна:

И вот ниже представлен результат применения стиля слоя «Изморозь» с масштабом, равным 60%. Обратите внимание, размер самого текста не изменился. Изменился только размер эффекта, который применяется к тексту:

Стили слоя включают в себя не только эффекты

Прежде чем мы продолжим, обратите внимание, что на панели слоев этот стиль слоя также понизил значение «Заливки» (Fill) со 100% до 56%:

Далее мы рассмотрим, на что влияет параметр «Заливка». Также помимо эффектов слоя стиль слоя может включать параметры наложения, в которые входят режимы наложения, параметры «Непрозрачность» (Opacity) и «Заливка» (Fill):

Еще один способ очистить стиль слоя

Я поделюсь с вами еще одним способом очистить стиль слоя в программе Photoshop CC 2020. На панели слоев выберите нужный слой. Далее на панели стилей раскройте папку «Основные» (Basics) и выберите стиль по умолчанию «Нет» (None) (это белая миниатюра с красной диагональной линией):

После очищения стиля слоя мы снова возвращаемся к простому белому тексту.   Итак, мы рассмотрели основы работы с готовыми стилями слоя в программе Photoshop!

Как добавлять эффекты слоя в программе Photoshop

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

Выбираем эффект слоя

Сначала, на панели слоев необходимо выбрать слой, к которому мы применим один или несколько эффектов. Я выберу верхний текстовый слой:

Далее мы щелкаем по значку «Эффекты слоя» (значок fx):

И выбираем из появившегося списка нужный эффект. Я начну с эффекта «Тень» (Drop Shadow):

Диалоговое окно стиля слоя

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

Диалоговое окно «Стиль слоя» отображает настройки выбранного эффекта слоя

Восстанавливаем исходные настройки эффекта слоя

В диалоговом окне «Стиль слоя» отображаются настройки, которые вы применили в последний раз. Поэтому перед тем, как вы будете настраивать эффект, я советую восстановить исходные настройки по умолчанию, нажав на кнопку «Восстановить значения по умолчанию» (Reset to Default):

Как настроить эффект слоя

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

Например, для эффекта «Тень», вы можете отрегулировать насыщенность тени, переместив в нужную сторону бегунок параметра «Непрозрачность» (Opacity). Вы также можете изменить режим наложения эффекта (хотя режим «Умножение» (Multiply), обычно самый подходящий для работы с тенями). И также вы можете кликнуть по образцу цвета для выбора другого цвета тени. По умолчанию, цвет тени черный, но иногда в эффекте лучше смотрится другой цвет:

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

Параметр «Глобальное освещение»

Параметр «Глобальное освещение» (Use Global Light) позволяет всем эффектам, которым необходим источник света, получить общее освещение, которое будет казаться равномерным применительно ко всему эффекту. Вы найдете этот параметр не только в диалоговом окне эффекта «Тень», но и в настройках эффекта «Тиснение» и «Внутренняя тень». В большинстве случаев вы захотите оставить опцию «Глобальное освещение» включенной, каковой она является по умолчанию:

Параметр «Смещение» (Distance) определяет, насколько далеко будет простираться тень по отношению к содержимому слоя.  Например, когда мы применяем эффект «Тень» к текстовому слою, параметр «Смещение» задает расстояние, на которое падает тень от букв.

Параметр «Размер» (Size) регулирует размер тени в целом. Когда значение параметра «Размах» (Spread), равно 0%, увеличение значения параметра «Размер» приводит к смягчению краев тени. В то время как увеличение значения опции «Размах» делает тень более насыщенной и непрозрачной:

Я увеличу значение непрозрачности (Opacity) тени до 40%, смещения (Distance) до 90 пикселей и размера (Size) до 40 пикселей:

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

Когда вы внесете нужные изменения в настройки эффекта, и это будет единственный эффект, который Вы примените к слою, нажмите ОК, чтобы подтвердить изменения и закрыть диалоговое окно «Стиль слоя»:

Как редактировать эффект слоя

В моем документе, эффект тени появился за буквами в слове «LAYER» (прим. переводчика: «СЛОЙ»):

На панели слоев эффект «Тень» отобразился под текстовым слоем. Чтобы изменить эффект слоя, дважды кликните левой кнопкой мышки по названию эффекта:

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

Я увеличу значение параметра «Непрозрачность» (Opacity) до 50%, а параметра «Смещение» (Distance) — до 100 пикселей. При этом я оставлю диалоговое окно открытым, поскольку хочу добавить другие эффекты слоя:

После изменения настроек эффекта тень за буквами стала более отчетливой:

Добавляем еще больше эффектов с помощью диалогового окна «Стиль слоя»

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

Как отображать пропущенные эффекты

Если некоторые из эффектов слоя пропущены в списке, кликните по иконке fx в нижнем углу диалогового окна:

И выберите пункт «Показать все эффекты» (Show All Effects):

Категории эффектов слоя

Как я уже упоминал ранее, все эффекты слоя можно разделить на 3 основные категории. У нас есть группа эффектов свечения и тени, которая включает в себя эффекты «Тиснение» (Bevel & Emboss), «Внутренняя тень» (Inner Shadow), «Внутреннее свечение» (Inner Glow), «Глянец» (Satin), «Внешнее свечение» (Outer Glow) и «Тень» (Drop Shadow).  Обратите внимание, что «Контур» (Contour) и «Текстура» (Texture), расположенные под эффектом «Тиснение», являются его частью, поэтому они немного смещены вправо:

Также в диалоговом окне есть эффекты наложения «Наложение цвета» (Color Overlay), «Наложение градиента» (Gradient Overlay) и «Наложение узора» (Pattern Overlay)):

И также у нас есть эффект «Обводка» (Stroke), который добавляет к содержимому слоя очертание или границу:

Порядок наложения эффектов слоя

Обратите внимание на порядок, в котором располагаются эффекты слоя. В последних версиях программы эффекты слоя расположены в порядке, в котором они применяются к слоям — снизу вверх. Таким образом, эффект «Тень» всегда применятся первым, далее можно применить «Внешнее свечение». Следующие по порядку эффекты наложения («Узор», затем «Градиент» и далее «Цвет»), после них – «Глянец», «Внутреннее Свечение», «Внутренняя тень» и «Обводка». Эффект «Тиснение» всегда применяется последним, поверх остальных эффектов.

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

Добавление второго эффекта слоя

Для того, чтобы добавить еще один эффект слоя, кликните по его названию. Я добавлю «Обводку» (Stroke):

Настройка эффекта слоя «Обводка»

В настройках эффекта я снова начну с выбора параметра «Восстановить значения по умолчанию» (Reset to Default), чтобы восстановить исходные значения:

Далее я изменю цвет обводки, кликнув по образцу цвета:

В палитре цветов я выберу оттенок оранжевого, установив значения параметров «Цветовой тон» (Hue (H)) на 25, «Насыщенность» (Saturation(S)) на 100 и «Яркость» (Brightness (B)) также на 100. Далее я нажму ОК и закрою палитру цветов:

Параметр «Положение» (Position) позволяет сделать обводку либо внутреннего края содержимого слоя («Внутри» (Inside)), либо внешнего («Снаружи» (Outside)).  Или вы можете сделать обводку из Центра (Center). Я выберу «Снаружи». Параметр «Размер» (Size) регулирует ширину или толщину обводки. Я увеличу его до 20 пикселей:

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

Параметры наложения

Помимо выбора и редактирования эффектов диалоговое окно «Стиль слоя» предоставляет нам доступ к параметрам наложения. Выберите раздел «Параметры наложения» (Blending Options) в левом столбце выше названий эффектов:

В данном разделе мы можем получить доступ к тем же опциям «Режим наложения» (Blend Mode), «Непрозрачность» (Opacity), «Заливка» (Fill), что расположены и на панели слоев. Также тут нам доступны расширенные настройки параметров наложения, которые мы рассмотрим в других уроках:

Как спрятать содержимое слоя и отобразить только эффекты

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

Если я уменьшу значение параметра «Непрозрачность» (Opacity) со 100% до 0%:

То и текст, и эффекты слоя, применимые к тексту, тут же исчезнут:

Уменьшение значения параметра «Непрозрачность» привело к тому, что и текст, и сами эффекты стали прозрачными.

Но если я верну значение «Непрозрачности» обратно на 100% и далее уменьшу значение параметра «Заливка» (Fill) (параметр «Непрозрачность заливки» (Fill Opacity) в диалоговом окне «Стиль слоя») до 0%:

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

Результат после уменьшения значения «Заливки» до 0%.

Выход из диалогового окна «Стиль слоя»

Я закрою диалоговое окно «Стиль слоя», нажав ОК:

На панели слоев нам стало видно, что у слоя появились два эффекта — «Обводка» и «Тень». Обратите внимание, что значение параметра «Заливка» равно 0%, т.к. в диалоговом окне «Стиль слоя» я его уменьшил:

Новые градиенты и узоры в версии программы Photoshop CC 2020

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

Как загрузить больше узоров

Прежде всего, переключитесь на панель «Узоры» (Patterns). Она расположена в одном месте с панелями «Цвет» (Color) и «Образцы» (Swatches). Так же, как и в случае с панелью «Стили», новые узоры поделены на группы, которые можно разворачивать и сворачивать. По умолчанию, представлены всего несколько наборов узоров, из которых можно выбрать нужный («Деревья» (Trees), «Трава» (Grass) и «Вода» (Water)).

Для того чтобы загрузить больше узоров, кликните по иконке меню панели «Узоры»:

И выберите пункт «Узоры прежней версии и др» (Legacy Patterns and More):

В результате ниже папок с исходными узорами появится новая папка под названием «Узоры прежней версии и др» («Legacy Patterns and More»). Если вы развернете эту папку, то увидите внутри еще две папки. В одной содержатся новые узоры версии Photoshop 2019, а в другой – узоры более ранних версий программы. Все эти узоры теперь доступны в диалоговом окне «Стиль слоя»:

Все узоры более ранних версий программы теперь доступны.

Как загрузить больше градиентов

Далее, переключитесь на панель «Градиенты» (Gradients), расположенную рядом с панелью «Узоры». Здесь вы найдете множество новых градиентов, доступных в версии CC 2020, снова разделённых на группы.

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

[110.jpg

И выберите пункт «Градиенты прежней версии» (Legacy Gradients):

Папка «Градиенты прежней версии» («Legacy Gradients») появится ниже исходных папок с градиентами, и теперь все градиенты также станут доступными в диалоговом окне «Стиль слоя»:

Добавление эффекта «Наложение узора»

Градиенты и узоры могут быть применены к слоям как эффекты наложения. Для того чтобы добавить узор, кликните по значку fx в нижней части панели слоев:

И выберите эффект «Наложение узора» (Pattern Overlay):

В диалоговом окне «Стиль слоя» щелкните по образцу узора:

И далее, пролистывая узоры, выберите нужный. Я разверну папку «Узоры прежней версии и др» (Legacy Patterns and More) — «Узоры 2019» (2019 Patterns) — «Камень» (Stone) и выберу узор мрамора, кликнув по его миниатюре. Обратите внимание, что вы можете сделать окошко выбора узоров при необходимости больше:

Выбираем один из новых узоров в программе Photoshop CC 2020. И теперь мой текст заполнился узором в виде мрамора:

Результат после применения эффекта «Наложение узора».

Добавление эффекта «Наложение градиента»

Для того чтобы добавить градиент, оставьте открытым диалоговое окно «Стиль слоя» и выберите эффект «Наложение градиента» (Gradient Overlay) из левого столбца:

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

Затем пролистайте вниз перечень наборов, чтобы выбрать подходящий градиент. Я разверну папку «Оранжевые» (Oranges) и выберу градиент «Оранжевый 10» (Orange 10), кликнув по его миниатюре:

Выбираем один из новых градиентов в программе Photoshop CC 2020.

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

Градиент в настоящий момент закрывает собой узор.

Изменение режима наложения эффекта слоя

Для того чтобы соединить градиент с узором, перейдите в раздел «Режим наложения» (Blend Mode) и выберите из списка новый режим. В моем случае я выбрал «Линейный затемнитель» (Linear Burn):

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

Как добавить несколько раз один и тот же эффект слоя

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

Редактируем первый эффект обводки

Давайте изучим, как добавить вторую обводку. Но для начала, я хочу изменить цвет существующей, поэтому я повторно выберу эффект «Обводка» (Stroke) из перечня эффектов:

Далее я кликну по образцу цвета обводки:

И в палитре цветов выберу белый:

Я оставлю параметр «Положение» (Position) на значении «Снаружи» (Outside):

И вот цвет нашей обводки текста стал белым:

Добавляем второй эффект обводки

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

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

Редактируем вторую обводку

На текущий момент обе обводки одинаковы. Поэтому я изменю цвет второй обводки на черный, кликнув по образцу ее цвета:

И в палитре цветов выбираем черный цвет:

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

Причина заключается в том, что обе обводки имеют позицию «Снаружи» (Outside). Это означает, что они обе обводят внешний край букв. И поскольку обе обводки имеют одинаковый размер (20 пикселей), то вторая обводка закрывает собой первую.

Для того чтобы это исправить, я изменю положение второй обводки на «Внутри» (Inside), в результате чего она будет проходить вокруг внутреннего края букв. Также я уменьшу размер (Size) обводки с 20 пикселей до 10 пикселей:

Изменяем положение второй обводки и уменьшаем ее размер

И вот теперь, у нас есть белая обводка размером 20 пикселей вокруг внешнего края букв и черная обводка размером 10 пикселей вокруг внутреннего края букв. На один и тот же слой можно добавить до 10 обводок:

Сохранение ваших эффектов как готовый стиль слоя

И наконец, чтобы сохранить ваши эффекты слоя в качестве готового стиля слоя, нажмите на кнопку «Новый стиль» (New Style) в правой части диалогового окна «Стиль слоя»:

И далее даем название вашему стилю. Я назову свой «Две обводки+Оранжевый+Мрамор». Убедитесь, что активна галочка «Включает эффекты слоя» (Include Layer Effects), и если вы использовали какие-то настройки наложения, то также проверьте галочку «Включает параметры наложения слоя» (Include Layer Blending Options). Вы также можете добавить этот стиль в текущую СС библиотеку:

Нажмите ОК, чтобы закрыть диалоговое окно «Новый стиль», и еще раз нажмите ОК для закрытия диалогового окна «Стиль слоя».

Переключитесь на панель «Стили», и вы обнаружите миниатюру образца вашего нового стиля ниже всех папок:

Создание собственной папки со стилями

Для того чтобы не загромождать панель стилей, сгруппируйте собственные стили в отдельную папку. Для этого кликните по иконке «Создать новую группу» (Create New Group) в нижней части панели «Стили»:

Далее дайте название группе, например, «Мои стили» (My Styles). Нажмите ОК для подтверждения:

Новая папка появится ниже остальных папок. Кликните по миниатюре своего стиля и переместите ее в папку:

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

Для того чтобы применить созданный стиль к слою, сначала выберите необходимый слой на панели слоев:

Далее на панели стилей кликните по миниатюре стиля:

Весь эффект целиком мгновенно применится к слою:

И вот мы закончили! Мы изучили все, что нужно знать об эффектах слоя и стилях слоя, чтобы начать их применять в своих работах в программе Photoshop CC 2020!

Автор: Стив Паттерсон (Steve Patterson)

пошаговая инструкция, описание и рекомендации

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

Для чего меняется размер слоя?

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

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

Как в «Фотошопе» изменить размер слоя?

Пошагово разберем весь процесс:

1. В правой стороне экрана выделите в палитре слоев необходимый — кликните левой кнопкой мыши (ЛКМ) по нему.
2. В верхней строке нажмите «Редактирование», в выпавшем меню выберите «Свободное трансформирование».
3. Вы увидите, что слой обведен рамкой с маркерами. Они-то и помогут нам изменить его видимые размеры.
4. Работа с маркерами (небольшими квадратиками на рамке) начинается с наведения на один из них курсора и зажатия левой кнопки мыши.
5. Как изменить размер слоя в «Фотошопе»? Обратите внимание на маркеры на сторонах рамки: потяните один из них к центру документа — видимое изображение слоя с этого бока уменьшится, от центра — увеличится.
6. Маркеры на углах видимой картинки слоя: потянув их к центру или от центра изображения, вы измените сразу размер двух сторон, прилегающих к тому углу.
7. Если вам нужно задать определенные параметры для ширины и длины, то впишите их соответственно в поля «Ш» и «Д». Скорее всего, по умолчанию у вас здесь установлены проценты. Единицы измерения (пиксели, сантиметры, миллиметры) можно выбрать, кликнув правой кнопкой мыши (ПКМ) на любом из этих окошек.
8. Чтобы оставить внесенные изменения, кликните на Enter. Сохранить их поможет галочка на панели инструментов.
9. Отменить изменения — нажмите на перечеркнутый кружок, который виден рядом с галочкой на той же панели инструментов.

Как изменить размер слоя в «Фотошопе»: «горячие» клавиши

Рассмотрим «горячие» сочетания, заметно убыстряющие дело:

• Ctrl+T — вызов инструмента «Свободное трансформирование».
• Ctrl + «-«/»+» — уменьшение/увеличение масштаба изменяемого слоя.
• Как в «Фотошопе» изменить размер слоя, сохраняя пропорции? Зажмите Shift при работе с маркерами — стороны изображения будут увеличиваться/уменьшаться пропорционально.
• Чтобы стороны изображения изменялись пропорционально друг другу, можно нажать на значок «Звенья цепочки» на рабочем столе.
• Зажатие Alt при работе с маркерами — длина и ширина будут изменяться относительно центра изображения.
• Зажатие Shift и Alt при работе с маркерами — стороны видимой картинки будут изменяться и пропорционально друг другу, и относительно центра изображения.
• Esc — быстрый сброс внесенных изменений.

Использование навигатора

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

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

Сохранение качества

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

• Нажмите ПКМ на необходимом слое.
• В вышедшем списке выберите «Преобразовать в смарт-объект».
• Выполните по схемам, представленным в подзаголовках выше, все необходимые трансформации, сохраните изменения.
• Снова ПКМ по измененному уже слою — на этот раз выберите «Растрировать…»

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

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

Говоря о том, как изменить размер слоя в «Фотошопе», важно добавить, что инструмент «Свободное трансформирование» годен для всего разнообразия слоев, кроме единственного — фонового. В палитре вы его узнаете по характерному значку «защелкнутый замочек». Если вы не меняли порядок слоев, то он окажется в самом низу.

Изменить его длину и ширину можно двумя способами:

• Кликните на «Изображение», в появившимся меню выберите «Размер изображения». Введите требуемые параметры для длины и ширины слоя.
• Разблокируйте фон. Для этого дважды кликните по нему ЛКМ, во всплывшем окне нажмите «ОК». Если все сделано верно, «замочек» пропадет, а с фоном можно работать как с обычным слоем — изменяя его свободным трансформированием.

Изменение размера нескольких слоев сразу

Рассмотрим, как изменить размер слоя в «Фотошопе» в этом случае:

• Если необходимые слои расположены рядом друг с другом, выделите их ЛКМ, зажав Shift. Еще один вариант: удерживая палец на этой клавише, нажмите ЛКМ на верхний, а потом на нижний слой или наоборот. Выделятся как они сами, так и находящиеся между ними слои.
• В случае, когда необходимые слои расположены в палитре вразнобой, зажав Ctrl, выберите поочередно каждый из них.
• Еще один способ — поместить все нужные слои в группу и закрыть ее (стрелочка рядом с названием группы будет «смотреть» острой стороной вбок, а не вниз).
• После одной из перечисленных манипуляций вам останется лишь вызвать «Свободное трансформирование» и провести изменение размера по отлаженной схеме, представленной выше.

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

Использование масок слоя для корректировки частей фотографии

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

Добавьте корректирующий слой

1. Выберите слой изображения на панели «Слои».
2. Нажмите кнопку «Создать новый слой заливки или корректирующего слоя» в нижней части панели «Слои».Выберите Hue / Saturation во всплывающем меню. На панели «Слои» над выбранным слоем появится корректирующий слой «Цветовой тон / насыщенность» с миниатюрой маски белого слоя. На панели «Свойства» отображаются элементы управления оттенком / насыщенностью для этого корректирующего слоя.
3. На панели «Свойства» перетащите ползунок «Насыщенность» вправо, чтобы увеличить насыщенность цвета. Эта настройка теперь влияет на всю фотографию на слое ниже.

Добавьте градиент от черного к белому к маске корректирующего слоя

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

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

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

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

Сохраните свою работу со слоями

• Сохраните изображение в формате .PSD или.Формат TIFF для сохранения слоев и масок слоев для будущего редактирования.

Ускорьте работу в Photoshop с помощью ярлыков слоев

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

Ярлыки для общих команд слоя

Чтобы создать новый слой , нажмите Shift-Ctrl-N (Mac) или Shift + Ctrl + N (ПК).

Чтобы создать новый слой с помощью выделения (слой через копию), нажмите Ctrl + J (Mac и ПК).

Чтобы сгруппировать слои, нажмите Ctrl + G , чтобы разгруппировать их, нажмите Shift + Ctrl + G .

Чтобы объединить все слои, нажмите Ctrl + E , чтобы объединить все видимые слои, нажмите Shift + Ctrl + E.

Ярлыки для выбора слоев

Чтобы выбрать несколько слоев одновременно, выберите первый слой и затем нажмите Option-Shift- [ (Mac) или Alt + Shift + [ (PC), чтобы выбрать слои ниже первого, либо Option-Shift- ] (Mac) или Alt + Shift +] , чтобы выбрать слои над ним. Это позволяет выбирать по одному слою за раз. Просто введите сочетание клавиш еще раз, чтобы выбрать дополнительный слой выше или ниже.

Чтобы выбрать слой ниже текущего, нажмите Option- [ или Alt + [

Чтобы выбрать слой над текущим, нажмите Option-] или Alt +]

Чтобы выбрать верхний слой на панели «Слои», нажмите Option-. или Alt +. — чтобы уточнить, что это Option или Alt плюс клавиша точки / точки.
Чтобы выбрать нижний слой, нажмите Option-, или Alt +,

Чтобы выбрать все слои между текущим активным слоем и верхним слоем, нажмите Option-Shift-. или Alt + Shift +. — Option или Alt плюс Shift и клавиша точки / точки.

Чтобы выбрать все слои между текущим активным слоем и нижним слоем, нажмите Option-Shift-, или Alt + Shift +, — Option или Alt плюс Shift и клавишу запятой.

Чтобы выбрать все слои, кроме заблокированного фонового слоя, нажмите ⌘-Option-A или Ctrl + Alt + A . Обратите внимание: если вы уже разблокировали фоновый слой, он тоже будет выбран.

Горячие клавиши для перемещения слоев

На передний план: Чтобы переместить текущий слой в верхнюю часть стека слоев, нажмите Shift-⌘-] или Shift + Ctrl +] .

На задний план: Чтобы переместить его в конец стопки слоев, нажмите Shift-⌘- [ или Shift + Ctrl + [

Переместить вперед: Чтобы переместить текущий слой на один слот вверх в стеке слоев, нажмите ⌘-] или Ctrl +] .

Отправить назад: Чтобы переместить его на один слот вниз, нажмите ⌘- [ или Ctrl + [.

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

Как добавлять и редактировать текст в Adobe Photoshop

Добавление, изменение и редактирование текста в Adobe Photoshop не может быть проще.

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

Итак, в этой статье мы покажем вам, как добавлять и редактировать текст в Photoshop.Что проще, чем вы думаете.

Как добавить текст в Adobe Photoshop

1. Нажмите кнопку инструмента Text в меню или воспользуйтесь сочетанием клавиш T .Как только вы это сделаете, вы должны увидеть курсор.
2. Щелкните холст, на котором вы хотите разместить текст, и начните вводить текст.

Как добавить абзацы в Adobe Photoshop

1. Нажмите кнопку инструмента Text в меню или воспользуйтесь сочетанием клавиш T .Как только вы это сделаете, вы должны увидеть курсор.
2. Щелкните и перетащите на холст в том месте, где вы хотите разместить текст, и нарисуйте ограничивающую рамку, чтобы ограничить размеры текста.
3. Затем вы можете начать вводить текст в текстовое поле.
4. Вы можете изменить размеры текстового поля, щелкнув и перетащив любую из узловых точек.Просто наведите на них курсор, и ваш курсор превратится в стрелки.

Как редактировать текст в Adobe Photoshop

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

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

Другой способ получить доступ к этим настройкам, если вы используете Adobe Photoshop CC 2018, — через панель свойств:

1. Перейдите в Window > Properties , чтобы открыть панель.
2. Выберите слой текста, который хотите отредактировать.
3. Выбрав слой, вы должны увидеть все те же настройки текста, перечисленные выше на панели свойств.

Для получения дополнительных функций и настроек откройте панель «Персонаж», выбрав Окно > Персонаж .

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

Если вы не можете редактировать текст в Photoshop, скорее всего, ваш слой заблокирован.Чтобы разблокировать слой, выберите его на панели Layers и щелкните значок замка. Затем вы можете редактировать текст в этом слое.

Как изменить и переместить текст в Adobe Photoshop

Есть два способа получить доступ к существующему тексту и изменить его.Для простого подхода сделайте следующее:

1. Выберите инструмент Text на панели инструментов Tools или с помощью сочетания клавиш T .
2. Щелкните в любом месте прямо на тексте, который нужно отредактировать на холсте.

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

1. Откройте панель слоев, перейдя в Window > Layers .
2. В списке слоев на панели Layers найдите текст, который нужно отредактировать, и дважды щелкните большую кнопку T . Это выделит весь текст в этом слое.
3. Затем вы можете щелкнуть курсором в этом тексте, чтобы выбрать, удалить или добавить дополнительный текст.

Чтобы переместить текст, сделайте следующее:

1. Выберите инструмент Move на панели инструментов Tools или воспользуйтесь сочетанием клавиш V .
2. Щелкните прямо на тексте на холсте и перетащите его, чтобы переместить, не отпуская мышь.

Смешение текста с изображениями проще, чем вы думаете

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

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

Вот самые полезные функции редактирования фотографий в Adobe Photoshop, даже если у вас нет опыта редактирования фотографий.

Махеш — технический писатель в MakeUseOf.Он писал технические практические руководства около 8 лет и охватил множество тем. Он любит учить людей тому, как можно максимально эффективно использовать свои устройства.

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

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

Еще один шаг…!

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

Как использовать слой-маски в Photoshop

Здравствуйте и добро пожаловать на урок №. 4 из нашей серии уроков Photoshop.

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

В Photoshop маска слоя — лучший способ скрыть и показать определенные части слоя.

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

Вы заметите, что в правой части слоя появится эскиз.

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

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

Создание черно-белого изображения с цветными областями

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

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

Далее мы собираемся сделать изображение черно-белым. Перейдите к Layer-> New Adjustment Layer-> Hue / Saturation и примените следующие настройки:

Чтобы сделать Изображение станет светлее, перейдите в Layer-> New Adjustment Layer-> Brightness / Contrast и измените яркость и контрастность изображения.

Теперь у нас есть обратное и белое изображение:

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

Теперь, выбрав маску слоя Hue / Saturation, выберите мягкую кисть и начните показывать цветные области.

Начните рисовать кистью там, где вы хотите раскрасить.

Изображение готово:

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

Как объединить два изображения

В этом примере я покажу вам, как объединить два изображения. Одна из задач, которую вы выполняете в Photoshop, — это вырезать вещи, поместить их туда, где они не принадлежат, и подогнать их под себя. Я покажу вам, как это сделать, используя маску слоя. Мы собираемся добавить парусную лодку по тропическому морю.

Загрузите эти две фотографии: парусная лодка и тропическое море.

Загрузите их в Photoshop.

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

Слой был преобразован в редактируемый слой с именем Layer0.

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

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

Теперь щелкните миниатюру маски слоя, чтобы выбрать ее.

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

Выберите круглый аэрограф и начните рисовать изображение лодки.Вы увидите, как раскрывается тропическое море. Если вы хотите увеличить изображение, чтобы оно работало более точно, нажмите Ctrl + «+».

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

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

На сегодня все.Надеюсь, вы чему-то научились! Увидимся в следующий раз!

Если вам понравился этот пост, пожалуйста, подпишитесь на RSS-канал OURTUTS, чтобы получить больше статей и статей о Photoshop.

Пока!

[Всего: 0 Среднее: 0/5]

Пунктирные линии в учебнике по фотошопу

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

Давайте сначала посмотрим, как создавать пользовательские пунктирные линии в Photoshop CC, а затем перейдем к старой школе.

Ограничение метода CC состоит в том, что мы можем работать только с контурами или формами. Другими словами, векторы.

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

Шаг 1

Используется с инструментом «Перо» или набором инструментов произвольной формы для произвольных форм или контуров. В этом случае возьмите индивидуальную форму сердца и выберите Форма для опций

Я сделал индивидуальную форму сердца.

Шаг 2

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

Шаг 3

Нажмите кнопку Дополнительные параметры , чтобы установить собственный стиль точки / тире.

здесь у нас есть пользовательский пунктирный путь на форме сердца.

Другой метод создания пунктирных линий (Растровый / Старая школа)

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

Посмотрите, как создать собственную кисть из фотографии.

Шаг 1

Выберите инструмент кисти. (B)

Откройте панель кистей (F5) или Window> Brushes

Step 2

Давайте изменим некоторые настройки

Я выбрал 5 для размера. Очевидно, что чем больше размер, тем больше точки

Важно установить жесткость кисти

Установите интервал на 150% — Больше, чтобы увеличить промежуток между точками

Шаг 3

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

Шаг 4

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

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

Я создал фон и переименовал его в слой 1.Сверху добавлен новый слой и нарисованы пунктирные линии.
Затем я загрузил выделение, выбрал слой 1, выключил слой 2 и нажал удалить.
Затем я добавил белый фон и тень для эффекта.

Будьте в курсе!

CS6 Superguide

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