Как найти свой стиль в фотошопе

Содержание

  • #Настраиваем документ
  • #Что такое эффекты слоя в программе Photoshop
  • #Что такое стили слоя?
  • #Какие преимущества дает нам применение эффектов слоя?
  • #Как применять готовые стили слоя в Photoshop
  • #Как добавлять эффекты слоя в программе Photoshop
  • #Как редактировать эффект слоя
  • #Новые градиенты и узоры в версии программы Photoshop CC 2020
  • #Изменение режима наложения эффекта слоя
  • #Как добавить несколько раз один и тот же эффект слоя
  • #Сохранение ваших эффектов как готовый стиль слоя
  • #Создание собственной папки со стилями
  • #Как применить созданный стиль слоя
  • #  Комментарии


Изучите всё, что нужно знать об эффектах и стилях слоя, чтобы начать их применять в своих работах в программе 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) и «3 (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)

Источник:

www.photoshopessentials.com

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

Часто приходится искать и скачивать из интернета что-нибудь интересное и необычное из исходников – узоры, стили… А их так много.

Иногда нужно что-то определенное, искать нужное долго и не факт, что вообще найдешь.

Но зная способ создания узоров, стилей и градиентов все становится намного проще. А делается это на самом деле очень просто.

В этом уроке мы рассмотрим как можно создать свои собственные узоры, стили, градиенты в Фотошопе.

Допустим, есть фоновый рисунок цветного стекла и хочется сделать из него стиль, чтобы всегда был под рукой (в примерах используется Photoshop CS2, русская версия).

Открываем в Фотошоп наш фоновый рисунок, берем инструмент Rectangular Marquee Tool (Инструмент «Прямоугольная область» / Клавиша «M») с заданными пропорциями 1:1 выделяем квадрат (или при нажатии клавиши Shift – автоматически выделяется квадрат). Переходим через меню Edit – Define Pattern (Редактирование – Определить узор).

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

В появившемся окне вводим имя узора – допустим «Цветное стекло» – и теперь он сохранен в галерее узоров.

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

Теперь, зайдя в «Preset Manager» (Управлении библиотеками / Управление наборами) (Меню – Редактирование – Управление библиотеками / Photoshop CS2) и выбрав вкладку «Petterns» (Узоры) мы увидим свой узор. Мы можем его так же сохранить в любую папку, нажав на кнопку «Save» (Сохранить). Как правило, в Фотошоп все сохраненные узоры (паттерны) хранятся в папке «путь к программе../Photoshop CS2/PresetsPatterns».

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

По той же технике создается стиль.

Применим данный узор к тексту

Создадим новый документ с белой заливкой 300 х 300 px. Выберем инструмент Type Tool (Инструмент «Горизонтальный текст» / Клавиша «T») и напишем букву «S» – шрифт можете выбрать любой, так же и как размер, но в данном случае использован «Jill Sans Ultra Bold» и размер 200 (достаточно объемный шрифт для наглядности заливки стилем).

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

Щелкаем правой кнопкой на слое с текстом и выбираем параметры наложения (или два раза щелкаем мышкой по слою с текстом, только не на названии слоя, иначе включится функция переименование слоя и не на миниатюре слоя – выделится текст на изображении).

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

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

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

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

Допустим, у нас может получиться такое (сильно не мудрила, лишь для примера):

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

Теперь сохраняем стиль – находясь в настройках стиля слоя, жмем на «New Style» (Новый стиль):

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

Задаем название стиля и теперь в «Preset Manager» (Управлении библиотеками / Управление наборами), в закладке «Styles» (Стили) будет и наш стиль, который мы можем применять в любой, необходимой для нас ситуации. Например, залить фигуру нашим стилем (выбираем инструмент Custom Shape Tool (Инструмент «Произвольная фигура» / Клавиша «U»), из библиотеки фигур выбираем нужную фигуру и из библиотеки стилей – наш стиль) и получится:

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

И воспользуемся еще одной возможностью – созданием своих кистей – букву S мы можем сохранить как кисть: заходим через меню Edit – Define Brush Preset (Редактирование – Определить кисть), задаем имя и вот уже в библиотеке кистей есть наша буква.

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

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

Можно только менять настройки кисти.

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

Берем инструмент Gradient Tool (Инструмент «Градиент» / Клавиша «G»), выбираем тот, который бы хотели отредактировать (в принципе, редактирование может полностью изменить первоначальный вариант, все зависит от желания), щелкаем два раза «ЛК мышки» на окошке с миниатюрой градиента для вызова редактора и после делаем с ним, что хотим.

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

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

Автор: ;

Источник;


• Как сделать свою кисть (предыдущая страница учебника)

• Как установить новый узор (следующая страница учебника)


На чтение 3 мин Просмотров 302
Обновлено 01.11.2021

Что это такое?

Вы можете создавать собственные стили слоя, используя один или несколько следующих эффектов:
• Drop Shadow (Тень) – добавляет тень, которая имеет форму слоя и располагается вне его.
• Inner Shadow (Внутренняя тень) – добавляет тень только внутри слоя, придавая объемный вид.
• Outer Glow и Inner Glow (Внешнее и внутреннее свечение) – добавляют свечение, которое располагаются внутри или снаружи слоя.
• Bevel and Emboss (Тиснение) – добавляют различные комбинации подсветок и теней к уровню, придающие объем стилю.
• Satin (Глянец) – добавляет внутри слоя цвет таким образом, что создаётся эффект глянца
• Color, Gradient, and Pattern Overlay (Наложение цвета, градиента или узора) – заполняют содержание уровня цветом, градиентом, или узором.
• Stroke (Обводка) – выделяет слой на текущем уровне, используя цвет, градиент, или образец.

Основы работы

В программе варианты стилей располагаются в палитре «Стили». Если она отсутствует у Вас в окне программы, вызвать ее можно через пункт меню «Окно»

2.gif

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

3.gif

На рисунке отображены возможные варианты.

Что касается создания

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

37.gif

и применили его к этому тексту:

35.gif

Результат будет вот таким:

результат стиля

Как видно, что-то не в порядке с Тиснением (Bevel and Emboss). Двойной щелчок по слою с текстом в палитре Слои (Layers), и Вы увидите все настройки этого стиля:

38.gif

Теперь Вы можете изменить любой параметр этого стиля. На вкладке «Тиснение» параметр «Размер» первоначально был установлен 30 пикс. Если его уменьшить до 10 пикс., он будет больше подходить к тексту данного размера.

40.gif

39.gif

Основной параметр любого стиля — узор. Предположим, этот Вам не нравится. Можно выбрать любой другой узор из своих файлов. Файлы с наборами узоров имеют расширение «PAT». Выберите вкладку «Перекрытие узора» (Pattern Overlay) и загрузите необходимые узоры:

41.gif

Применение другого узора изменяет стиль до неузнаваемости:

42.gif

Изменение масштаба узора

44.gif

также кардинально меняет стиль:

43.gif

Когда Вы все настроите по своему вкусу, можете сохранить свой собственный стиль в файл ASL. Для этого в палитре «Стили» кликните по иконке создания нового стиля (1) и он тут же появится внизу палитры (2). Для сохранения стиля удалите все посторонние стили из палитры (Зажмите Ctrl+Alt и кликайте по иконкам стилей).

45.gif

Затем зайдите в меню палитры (3) и выберите пункт «Сохранить стили»

46.gif

Дмитрий Евсеенков

Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]

Оцените автора

( 34 оценки, среднее 5 из 5 )

  1. Photoshop Elements User Guide
  2. Introduction to Photoshop Elements
    1. What’s new in Photoshop Elements
    2. System requirements | Photoshop Elements
    3. Workspace basics
    4. Guided mode
    5. Making photo projects
  3. Workspace and environment
    1. Get to know the Home screen
    2. Workspace basics
    3. Tools
    4. Panels and bins
    5. Open files
    6. Rulers, grids, and guides
    7. Enhanced Quick Mode
    8. File information
    9. Presets and libraries
    10. Multitouch support
    11. Scratch disks, plug-ins, and application updates
    12. Undo, redo, and cancel actions
    13. Viewing images
  4. Fixing and enhancing photos
    1. Resize images
    2. Cropping
    3. Process camera raw image files
    4. Add blur, replace colors, and clone image areas
    5. Adjust shadows and light
    6. Retouch and correct photos
    7. Sharpen photos
    8. Transforming
    9. Auto Smart Tone
    10. Recomposing
    11. Using actions to process photos
    12. Photomerge Compose
    13. Create a panorama
    14. Moving Overlays
    15. Moving Elements
  5. Adding shapes and text
    1. Add text
    2. Edit text
    3. Create shapes
    4. Editing shapes
    5. Painting overview
    6. Painting tools
    7. Set up brushes
    8. Patterns
    9. Fills and strokes
    10. Gradients
    11. Work with Asian type
  6. Guided edits, effects, and filters
    1. Guided mode
    2. Filters
    3. Guided mode Photomerge edits
    4. Guided mode Basic edits
    5. Adjustment filters
    6. Effects
    7. Guided mode Fun edits
    8. Guided mode Special edits
    9. Artistic filters
    10. Guided mode Color edits
    11. Guided mode Black & White edits
    12. Blur filters
    13. Brush Stroke filters
    14. Distort filters
    15. Other filters
    16. Noise filters
    17. Render filters
    18. Sketch filters
    19. Stylize filters
    20. Texture filters
    21. Pixelate filters
  7. Working with colors
    1. Understanding color
    2. Set up color management
    3. Color and tonal correction basics
    4. Choose colors
    5. Adjust color, saturation, and hue
    6. Fix color casts
    7. Using image modes and color tables
    8. Color and camera raw
  8. Working with selections
    1. Make selections in Photoshop Elements
    2. Saving selections
    3. Modifying selections
    4. Move and copy selections
    5. Edit and refine selections
    6. Smooth selection edges with anti-aliasing and feathering
  9. Working with layers
    1. Create layers
    2. Edit layers
    3. Copy and arrange layers
    4. Adjustment and fill layers
    5. Clipping masks
    6. Layer masks
    7. Layer styles
    8. Opacity and blending modes
  10. Creating photo projects
    1. Project basics
    2. Making photo projects
    3. Editing photo projects
  11. Saving, printing, and sharing photos
    1. Save images
    2. Printing photos
    3. Share photos online
    4. Optimizing images
    5. Optimizing images for the JPEG format
    6. Dithering in web images
    7. Guided Edits – Share panel
    8. Previewing web images
    9. Use transparency and mattes
    10. Optimizing images for the GIF or PNG-8 format
    11. Optimizing images for the PNG-24 format
  12. Keyboard shortcuts
    1. Keys for selecting tools
    2. Keys for selecting and moving objects
    3. Keys for the Layers panel
    4. Keys for showing or hiding panels (expert mode)
    5. Keys for painting and brushes
    6. Keys for using text
    7. Keys for the Liquify filter
    8. Keys for transforming selections
    9. Keys for the Color Swatches panel
    10. Keys for the Camera Raw dialog box
    11. Keys for the Filter Gallery
    12. Keys for using blending modes
    13. Keys for viewing images (expertmode)

Стили слоев

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

Результат применения трех различных стилей к тексту

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

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

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

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


Угол освещения

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


Тень

Позволяет задать расстояние тени от объекта слоя. Непрозрачность и толщину тени можно менять с помощью ползунков.


Свечение (внешнее)

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


Свечение (внутреннее)

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


Толщина фаски

Позволяет указать толщину фаски внутренних краев объекта слоя.


Направление фаски

Позволяет указать направление фаски: вверх или вниз.


Толщина обводки

Позволяет указать толщину обводки.


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

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

Работа со стилями слоя

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

Применение стиля слоя

  1. Выберите слой на панели «Слои».

  2. На панели «Эффекты» выберите команду «Стили слоя» в меню категорий.

  3. Выполните одно из следующих действий.

    • Выберите стиль и нажмите кнопку «Применить».

    • Выполните двойной щелчок мышью на стиле.

    • Перетащите стиль на слой.

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

Если вам не нравится полученный результат, воспользуйтесь комбинацией клавиш Ctrl+Z (Command+Z в ОС Mac OS), чтобы удалить стиль, или выполните команду «Редактирование» > «Отменить».

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

Скрытие и отображение всех стилей слоев изображения

  1. Выберите один из следующих параметров:

    • «Слой» > «Стиль слоя» > «Скрыть все эффекты».

    • «Слой» > «Стиль слоя» > «Показать все эффекты».

Редактирование настроек стиля слоя

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

  1. Выполните команду «Слой» > «Стиль слоя» > «Настройки стиля».

  2. Для оперативного просмотра изменений изображения установите флажок «Предварительный просмотр».

  3. Отрегулируйте настройки стиля одного или нескольких слоев или добавьте новые и нажмите «ОК».

Изменение масштаба стиля слоя

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

  2. Выполните команду «Слой» > «Стиль слоя» > «Эффект масштабирования».

  3. Для оперативного просмотра изменений изображения установите флажок «Предварительный просмотр».

  4. Укажите нужный масштаб эффекта. Например, при увеличении размера внешнего свечения 100% — текущий масштаб, 200% -увеличивает размер свечения вдвое. Затем нажмите кнопку «ОК».

Копирование настроек стиля одного слоя в другой

  1. На панели «Слои» выделите слой с настройками стиля, которые требуется скопировать.

  2. Выполните команду «Слой» > «Стиль слоя» > «Скопировать стиль слоя».

  3. Выберите нужный слой на панели «Слои» и выполните команду «Слой» > «Стиль слоя» > «Вставить стиль слоя».

Удаление стиля слоя

  1. На панели «Слои» выделите слой, содержащий удаляемые стили.

  2. Выполните команду «Слой» > «Стиль слоя» > «Очистить стиль слоя».

Справки по другим продуктам

  • Работа с панелью «Эффекты»

Этот урок поможет вам установить новые стили.

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

Откройте программу Photoshop.
Обратитесь в главном меню во вкладку Edit – Preset Manager (Редактирование – Управление наборами)

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

Кнопка Б показывает разновидности дополнения.

Выбираем вид дополнения – стили – Styles (Стили)

Значит кликаем по строке Styles (Стили) и нажимаем Load (Загрузить)

Появляется новое окошко. Здесь вы указываете адрес скаченного файла со стилем. У меня он находится в папке “Стили” на рабочем столе.

И снова нажимаете Load (Загрузить)

Теперь, если вы опустите полосу прокрутки вниз, то увидите новые стили.

Вот и все, программа Photoshop скопировала указанный файл со стилями в свой набор. Можете пользоваться!

Я вместе с вами установила себе новые стили! Посмотрим, что получилось!

Добавить комментарий