Кисти для фотошопа градиенты: Использование градиентов в Photoshop

Содержание

Как установить в Photoshop кисти, градиенты, шрифты и экшены | Фотосклад.Эксперт

Что делать, если на фотографию срочно нужно добавить свет, снег, деревья, воронов (нужное подчеркнуть), но попытки научиться рисовать вспоминать стыдно? Что делать, если хочется быстро окрасить снимок в двуцветный ретро-градиент в пастельных тонах? А если на картинку нужно добавить готический витиеватый шрифт, которого нет в стандартном наборе программы?

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

piqsels.com

piqsels.com

Как установить кисти в Photoshop

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

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

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

2. Как правило, кисти запакованы в архив. Так что после установки разархивируйте его.

Нажмите правой кнопкой мыши на архив и выберете Извлечь всё, либо 7zip — Распаковать здесь / Иллюстрация автора

Нажмите правой кнопкой мыши на архив и выберете Извлечь всё, либо 7zip — Распаковать здесь / Иллюстрация автора

3. После этого вы увидите папку с несколькими файлами. Вас интересует те, что в формате .ABR — это и есть файл с кистями.

4. Далее возможны два варианта, которые зависят от версии Photoshop.

Если у вас версия программы младше СС 2020 (сюда входят и все версии Photoshop CS. На обозначение CC компания Adobe перешла в 2013 году):

— Откройте Adobe Photoshop, найдите в самой верхней командной строке меню Редактирование (Edit) — Наборы (Presets) — Управление наборами (Preset Manager). Выберете из выпадающего списка Тип набора (Preset Type) вкладку Кисти (Brushes). Нажмите Загрузить (Load). После этого открывается окно, в котором нужно указать путь к кистям (открыть ту папку и то место, куда их скачали) и выбрать тот самый файл в формате .ABR.

В версиях программы, младше CC 2020, установка кистей и градиентов производится через меню Управление наборами (Preset Manager) / Иллюстрация автора

В версиях программы, младше CC 2020, установка кистей и градиентов производится через меню Управление наборами (Preset Manager) / Иллюстрация автора

Для новых версий, начиная с CC 2020, алгоритм следующий:

— Откройте Adobe Photoshop и зайдите в инструменты Кисти (Brushes, горячая клавиша B) на панели ручных инструментов слева. На верхней панели жмём на стрелочку, направленную вниз, слева от которой показаны форма и диаметр действующей кисти. В выпадающем меню найдите слева шестерёнку, нажмите на неё и выберете Импортировать кисти (Import Brushes). После этого открывается окно, в котором нужно указать путь к вашим новым кистям.

Чтобы добавить кисть, нажмите на выпадающий список, чёрную шестерёнку и найдите Импортировать Кисти / Иллюстрация автора

Чтобы добавить кисть, нажмите на выпадающий список, чёрную шестерёнку и найдите Импортировать Кисти / Иллюстрация автора

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

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

Как установить градиенты в Photoshop

Градиенты хороши для тонирования фотографий. Их накладывают на отдельном слое и комбинируют с разными режимами наложения и непрозрачностью слоя. Также их можно использовать для двухцветной тонировки в корректирующем слое Карта градиента (Gradient Map) — этот корректирующий слой заменяет светлые и тёмные пиксели на соответствующие цвета градиента. Например, если градиент розово-фиолетовый, то всё светлое станет розовым, а тёмное — фиолетовым (или наоборот).

  • Скачайте градиент и распакуйте архив (подробно эти шаги описаны в предыдущей части про установку кистей).
  • Вас интересуют файлы в формате .GRD.

— На ранних версиях Photoshop устанавливаем также, как кисть: идем в Управление наборами, но вместо кистей в выпадающем списке выбираем Градиенты (Gradients).

Таким же образом можно установить образцы, стили, узоры, контуры, заказные фигуры и инструменты.

— Начиная с СС 2020, чтобы установить градиент, нужно выбрать этот инструмент в панели инструментов ручного редактирования слева (горячая клавиша G). В верхней горизонтальной строке программы нажмите на направленную внизу стрелку. Найдите в выпадающем окне чёрную шестерёнку, а дальше Импортировать градиенты (Import Gradients).

После нажатия на Импорт Градиентов, осталось лишь выбрать нужный файл в формате .GRD / Иллюстрация автора

После нажатия на Импорт Градиентов, осталось лишь выбрать нужный файл в формате .GRD / Иллюстрация автора

Как установить шрифт в Photoshop

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

1. Скачайте нужный шрифт и распакуйте архив с ним (подробно о том, как это сделать, в главе про установку кистей).
У шрифтов, как и у любого продукта, есть автор. Если хотите использовать шрифт для коммерческих целей  — в рекламе, на баннерах, то лучше приобрести на него лицензию.
Тем не менее, в свободном доступе существует много бесплатных шрифтов. Во-первых, это стандартный пакет шрифтов, установленный в компьютеры. Во-вторых, шрифты сервиса Google Fonts. Единственное исключение — из них нельзя делать логотипы. Кроме того, в любой поисковой системе можно сформировать запрос «бесплатные шрифты для коммерческого использования».

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

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

Для установки шрифта не нужно даже открывать графический редактор — всё происходит непосредственно в операционной системе / Иллюстрация автора

Для установки шрифта не нужно даже открывать графический редактор — всё происходит непосредственно в операционной системе / Иллюстрация автора

Как установить экшен (операцию) в Photoshop

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

1. Скачайте нужный экшен и распакуйте его (подробно о том, как это сделать, в главе про установку кистей).

2. Найдите файл .ATN и запомните или скопируйте его расположение. Это ваш будущий экшен.

3. В Photoshop откройте палитру Операции (Action). Если она не добавлена в рабочее пространство, найдите её в верхней командной строке в меню Окно (Window), либо воспользуйтесь горячими клавишами Alt + F9.

4. Перейдите в меню палитры (нажмите на кнопку в виде четырёх горизонтальных чёрточек), найдите там функцию Загрузить Операцию (Load Action) и выберете нужный экшен.

5. После этого папка с экшеном появится в списке палитры Операции.

Иконка в виде горизонтальных полос — это меню палитры / Иллюстрация автора

Иконка в виде горизонтальных полос — это меню палитры / Иллюстрация автора

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

#adobe #photoshop #полезные советы #обработка фото #градиент

Автор: Лиза Чечевица

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

Читать также:

Компактный зум-объектив Nikkor Z 24-120mm F4 S будет удобным для тревел-фотографов

Instax vs Polaroid: как выбрать моментальную камеру

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

Цветовые растяжки акварелью, градиент, заливки и отмывки. Как рисовать градиенты с помощью инструмента «Градиент» в Photoshop (видео) Как сделать градиент на рисунке красками

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

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

1. Рисование с помощью плоской кисти

Шаг 1

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

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

Но: левшам стоит рисовать от правого угла к левому.

Шаг 2

Еще раз наполните кисть краской.

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

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

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

Шаг 3

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

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

Подсказка 4 : если вы хотите сделать ровнее конечный край слоя, то в конце штриха приостановитесь и проведите кистью вверх, а затем вниз так, как вы бы это сделали с начальным краем.

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

Шаг 4

Повторяйте предыдущие шаги до самого конца. Старайтесь придерживаться одинакового тона краски.

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

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

Шаг 5

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

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

Градиент

Шаг 1

Нарисуйте квадрат или прямоугольник. Затем окуните вашу кисть в более темный оттенок краски (смешивать стоит на палитре) и аккуратно проведите кистью штрих.

Шаг 2

Вытрите кисть губкой или бумажным полотенцем и снова окуните ее в более светлый оттенок.

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

Шаг 3

Снова промойте кисть и вытрите ее. А затем вновь наполните кисть краской и сделайте еще один штрих. Повторяйте этот процесс до самого конца.

Подсказка 1 : если штрих прерывается или не ложится так гладко, как хотелось бы, быстро еще раз наполните кисть краской и повторите слой.

Шаг 4

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

Подсказка 2 : пробуйте использовать эту технику, работая с разными цветами и создавая интересные переходы.

Акварельная глазурь

Шаг 1

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

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

Шаг 2

Рисуем облака темно-розового цвета и начинаем рисовать гору желтым цветом. Также желтым цветом мы обозначим нижнюю часть рисунка.

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

Шаг 3

Смешав кобальтовый синий и ультрамариновый синий, мы нарисуем горизонт горы и оттеним маленький желтый склон.

Подсказка 1: позволяйте каждому слою высохнуть. Вы можете использовать фен, чтобы ускорить этот процесс. Держите его на расстоянии не менее 25-30 см, включите холодный режим и настройте фен на самый легкий поток воздуха. Никакого пара и горячего воздуха!

Шаг 4

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

Подсказка 2: если у вас образовались капельки лишней краски, промойте и вытрите кисть, как вы делали это в предыдущих техниках, и подберите ею капли.

Шаг 5

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

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

Шаг 6

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

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

Шаг 7

После того, как краска высохла, оттеним пузырьки в водопаде оттенком фиолетового цвета. Так мы сделаем их интереснее.

Шаг 8

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

Шаг 9

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

Шаг 10

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

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

“Мокрая” техника

Шаг 1

Намочите бумагу водой

Шаг 2

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

Если бумага блестит, то значит, что она слишком мокрая, промокните ее еще раз.

Шаг 3

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

Шаг 4

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

Шаг 5

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

По мере высыхания бумаги, штрихи расплываются все меньше.

Шаг 6

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

Шаг 7

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

Шаг 8

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

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

Шаг 9

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

Шаг 10

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

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

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

Рисунок сухой кистью

Шаг 1

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

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

Шаг 2

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

Затем, смешав лиловый с голубым, нарисуем первый слой ствола дерева.

Шаг 3

Дайте рисунку подсохнуть и добавьте некоторые элементы: отражение дерева в озере и поток воды.

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

Шаг 4

Смешаем интенсивный синий цвет с ультрамарином и нарисуем слой на стволе дерева, чтобы создать тени и текстуру коры.

Шаг 5

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

Шаг 6

Закончив с предыдущим шагом, светло-оранжевым оттенком изобразим отражение деревьев в воде.

Еще, смешав серый с голубым, расставим темные акценты на деревьях.

Также добавим деревья и с другой стороны горизонта. Обозначим формы деревьев оранжевым цветом.

Шаг 7

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

Шаг 8

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

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

Шаг 9

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

Шаг 10

Добавим несколько деталей на передний план.

Также немного затемним озеро, добавив синий оттенок. А еще оттеним этим же цветом и небо.

Убираем влагу

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

Губки

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

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

Бумажные полотенца

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

Бумажные полотенца могут пригодиться, если вы сделали ошибку. Тогда вы сможете быстро убрать краску.

Сухая кисть

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

Другие способы:

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

Обесцвечивание высохшей краски

Кисти для акварельной краски

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

Кисти для масляной или акриловой краски

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

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

Спрей и полотенце

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

Наждачная бумага

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

Лезвия и ножи

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

Губки

Также можно использовать губки. Намочите нужную область и высушите ее губкой.

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

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

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

Photoshop является самой популярной программой для обработки изображений растровой графики. Ежедневно количество ее поклонников увеличивается. Поэтому есть смысл рассказать, где градиент в фотошопе находится. Несмотря на то, что инструмент градиент является одним из основных инструментов Photoshop, незнающий человек сразу его не найдет. Итак, где градиент в фотошопе находится?
Выбор инструмента градиент осуществляется кликом правой клавиши мыши по группе с инструментом «Заливка» (Paint Bucker) (1) на панели инструментов. При открытии дополнительного окна, кликом левой клавишей мыши непосредственно по иконке «инструмент градиент» (2), переходим в режим работы с градиентами. Так же для перехода в режим работы с градиентами можно воспользоваться клавишей G, или Shift+G, для переключения между инструментами группы.

При этом на панели свойств появятся: изображение градиента в окне активного инструмента (3), окно текущего градиента (4) и кнопки выбора типа градиента (6-10).

Тип градиента выбираем в зависимости от спланированной работы при помощи кнопок на панели параметров (6-10).

Линейный градиент (6) предназначен для градиентной заливки слоя цветом или прозрачностью по прямой линии, вдоль указанного нами направления (включен по умолчанию).

Радиальный градиент (7) определяет переход цвета или прозрачности равномерно во все стороны от той точки, которую Вы задали.

Конусообразный градиент (8) предусматривает переход цвета или прозрачности по спирали, образующую форму в виде конуса.

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

Ромбовидный градиент (10) позволяет задать переход цвета или прозрачности по диагоналям ромба от его центра. Или другими словами — четыре линейных градиента, расходящихся из одной точки под углом 90 градусов относительно друг друга.

В прямоугольном окошке (4) мы с Вами видим текущий вариант градиента. Если щёлкнуть левой кнопкой мыши по стрелке (5), расположенной рядом, то нам откроется палитра градиентов. Нам остается выбрать нужный градиент, кликнув по нему левой кнопкой мыши.

При клике по стрелке (11) нам откроется меню, разделенное на несколько подменю. С помощью подменю (12) мы можем настроить вид палитры градиентов. В другом подменю (13) находятся доступные нам наборы градиентов, которыми можно заменить набор градиентов, представленный в палитре градиентов.

Кроме уже перечисленных вышее свойств градиента, на панели свойств мы увидим: «Режим» (14), «Непрозрачность» (15), «Инверсия» (16), «Дизеринг» (17) и «Прозрачность» (18).

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

Свойство «Инверсия» меняет порядок цветов в градиенте на обратный. «Дизеринг» предотвращает появление полос. «Прозрачность» применяет маску прозрачности градиента (включает или отключает градиент прозрачности как составной части всего градиента). Включение (отключение) данных свойств градиента осуществляется установкой (снятием) галочки в их окне.

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

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

Как сделать градиент


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

Итак, начинаем:

1. Входим в фотошоп, выбираем инструмент «Градиент» — правой клавишей кликаем по панели (палитре) инструментов там, где находится инструмент «Заливка». Левой клавишей кликаем по инструменту «Градиент». Затем кликнем левой клавишей мыши по окну образца градиента на панели «Свойства» (на рисунке показано красной стрелочкой).

Откроется окно редактора градиента, где мы увидим:

А) Наборы (Presets) — содержит поставляемые с программой градиенты. Отображаются градиенты активного набора градиентов.
б) Имя (Name) — имя выбранного градиента, которое мы можем менять как нам удобно для пользования. Просто выделяем название и вписываем свое. В данном случае у нас на скиншоте — «Заказная» (Custom), градиент с пользовательскими настройками.
в) Градиент (Gradient Type). Нажав на стрелку увидим два варианта: Непрерывный (Solid) и Шум (Noise)
г) Гладкость (Smoothness) — мягкость перехода цветов в градиенте. Так же можем менять при необходимости.
д) Цветовая полоса с ползунками (движками) сверху и снизу. Ползунки определяют местонахождение контрольных точек цвета (синие стрелки) и непрозрачности (красные стрелки). В центре окна — образец выбранного градиента.

При активации одного из ползунков цвета или непрозрачности, мы так же увидим «среднюю точку цвета» или «среднюю точку непрозрачности», соответственно, располагающиеся между ползунками.

2. Теперь давайте кликнем левой клавишей мыши по левому нижнему ползунку (1), треугольник над ним станет цветным, значит, ползунок стал активным. Об этом нам говорит и окно цвета (2), которое стало активныи и окрасилось в цвет ползунка.

3. Кликнем по окну «Цвет» левой клавишей мыши и откроется дополнительное окно «Выберите цвет». Здесь мы и выберем цвет начала градиента, кликнув по цветовому полю (3). Если Вы хотите выбрать цвет другой цветовой гаммы, то переместите ползунок (5) на цветовой шкале в нужный Вам диапазон. Или просто кликните по цветовой шкале в нужном месте. В случае, если у Вас есть номер цвета, то введите его в окно (4). После выбора цвета нажмите «ОК» для его сохранения. Если Вы желаете сделать градиент от основного цвета к фону, то кликните по черной стрелке справа от окна «Цвет» (2). Откроется дополнительное окно, где мы можем выбрать «Основной цвет», «Фон» или «Заказной». Основной цвет и фон соответствуют установленным на панели инструментов цвету и фону.

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

4. Чтобы у нас было понимание, какую роль играет положение ползунков, переместим их на 10% от краев удерживая нажатой левую клавишу мыши. Или введем цифровые значения «10» — для левого ползунка и «90» — для правого в окно «Позиция» (6). Предварительно не забудьте активировать соответствующие ползунки. Цифровые значения крайних контрольных точек: 0% — левой и 100% — правой. Мы видим что цвет, оставшийся за пределами ползунков, не подвергается обработке градиентом.

5. Кликнем левой клавишей мыши в любом свободном месте между ползунками. Появится новый ползунок. Его так же можно передвигать и задавать настройки. Перемещение ползунка осуществляется мышью, или вводом числового значения в поле Позиция (Location). Если мы хотим создать контрольную точку, аналогичную по цветовому значению существующей, то просто копируем выбранную точку, перетаскивая ее левой клавишей мыши при нажатой кнопке «Alt».
При желании удалить ненужную контрольную точку, мы просто перетаскиваем ее за пределы цветовой полосы. Или активируем ее и нажимаем кнопоку «Удалить» на диалоговом окне. Также возможно использование кнопок Delete и Backspace.

6. Аналогично создаем еще одну контрольную точку цвета (Рис. 7) и задаем ей более темный оттенок цвета (см. п.3 настоящей статьи).

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

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

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

10. Градиент готов. Применим созданный градиент и посмотрим, что у нас получилось:

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

12. Теперь применим градиент функцию «Шум». Здесь нам открываются новые просторы. Мы можем менять плавность, цветовую модель, показатели каналов и другие параметры градиента.

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

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

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

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

В этом уроке мы изучим основы рисования градиентов с помощью самого простого (и, возможно, самого полезного) средства – инструмента «Градиент» (Gradient Tool). В дальнейших уроках мы рассмотрим другие способы применения градиентов, но все они работают одинаково, поэтому, изучив основы работы инструмента «Градиент», вы без труда сможете воспользоваться преимуществами других возможностей градиентов в программе Photoshop!

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

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

В этом уроке я буду работать в версии программы Photoshop CC, однако версия Photoshop CS6 также подойдет. Давайте приступим!

Создание нового документа

Давайте начнем с создания нового документа. Для этого, я перейду в раздел «Файл» (File) в строке меню в верхней части экрана и выберу пункт «Новый» (New):

Выбираем Файл > Новый (File > New)

В результате, откроется диалоговое окно «Новый» (New). В рамках данного урока я задам для документа следующие параметры: Ширина (Width) 1200 пикселей, Высота (Height) 800 пикселей. Особой причины, почему я выбрал именно такие параметры, нет, поэтому если вы хотите, задайте другие значения, которые вам нравятся. Параметр «Разрешение» (Resolution) я оставлю без изменения по умолчанию – 72 пикселя на дюйм (pixels/inch), а параметр «Содержимое заднего фона» (Background Contents) — «Белый» (White). Я нажму ОК, когда закончу вводить данные, чтобы закрыть диалоговое окно, и на экране появится новый документ с белым фоном:

Диалоговое окно «Новый»

Выбор инструмента «Градиент»

Инструмент «Градиент» (Gradient Tool) находится на панели инструментов в левой части экрана. Я выберу инструмент, кликнув по соответствующему значку. Вы также можете выбрать инструмент «Градиент», нажав на клавиатуре клавишу G:

На панели инструментов выбираем инструмент «Градиент»

Палитра градиентов

После выбора инструмента «Градиент», вам нужно выбрать градиент, и это можно сделать несколькими способами: с помощью палитры градиентов или с помощью редактора градиентов. Разница между ними состоит в том, что палитра градиентов позволяет нам выбрать градиент из готовых образцов, в то время как редактор градиентов, как видно из его названия, позволяет нам редактировать и создавать собственные градиенты. В данном уроке мы рассмотрим палитру градиентов, а изучение редактора градиентов отложим до следующего урока.

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

Кликаем по стрелке, чтобы открыть палитру градиентов

В результате этого действия откроется палитра градиентов с предлагаемыми образцами градиентов. Чтобы выбрать градиент, кликните по его миниатюре, а затем нажмите клавишу Enter (Win) / Return (Mac ) или щелкните по пустому месту на панели настроек для закрытия палитры. Вы также можете дважды щелкнуть по миниатюре образца градиента, чтобы и выбрать градиент, и закрыть палитру за раз.

Палитра градиентов

Загрузка дополнительных градиентов

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

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

Если вы посмотрите в нижнюю часть появившегося меню, то увидите список дополнительных наборов градиентов, каждый из которых – на определенную тему, например, металлы, пастельные тона, гармонизированные цвета и т.д. Если вы занимаетесь фотографией, то градиенты «Нейтральная плотность » (Neutral Density) и «Фотографическое тонирование» (Photographic Toning) будут особенно полезными для вас:

Другие наборы градиентов

Чтобы загрузить любой из наборов, кликните по его названию. Я выбрал набор «Фотографическое тонирование». Программа Photoshop спросит нас, хотим ли мы заменить текущие градиенты новыми. Если вы щелкните по кнопке «Добавить» (Append), то вместо замены текущих градиентов программа просто добавит новые градиенты к существующим. Как будет видно далее, восстановить исходные градиенты легко, поэтому я кликну по кнопке ОК и заменю существующие градиенты градиентами из набора «Фотографическое тонирование»:

Нажимаем ОК, чтобы заменить исходные градиенты новыми из набора

И теперь в палитре градиентов видно, что вместо исходных градиентов появились градиенты из набора «Фотографическое Тонирование». Чтобы узнать больше о наборе «Фотографическое тонирование» и возможностях его применения, изучите урок «Образцы фотографического тонирования» (http://www.photoshopessentials.com/photo-editing/photographic-toning-cs6/):

Исходные градиенты были заменены на градиенты из нового набора

Восстановление градиентов по умолчанию

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

Кликаем по иконке шестерни

Затем выбираем из списка меню команду «Восстановить градиенты» (Reset Gradients):

Выбираем команду «Восстановить градиенты»

Программа Photoshop спросит вас о необходимости замены текущих градиентов градиентами по умолчанию. Нажмите ОК

Заменяем текущие градиенты градиентами по умолчанию

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

Исходные градиенты были восстановлены

Градиент «От основного к фоновому»

Прежде чем мы начнем рисовать градиенты, давайте рассмотрим подробно один градиент – «От основного к фоновому» (Foreground to Background). Это тот градиент, который программа по умолчанию выбирает для нас, но мы также можем выбрать его вручную, если нам понадобится, кликнув по его миниатюре (первый слева в верхнем ряду):

Как вы уже, возможно, догадались, градиент «От основного к фоновому» использует цвета переднего плана и фона. Вы можете увидеть текущие цвета переднего плана и фона на соответствующих образцах в нижней части панели инструментов. Верхний левый образец отображает цвет переднего плана (Foreground), а правый нижний – цвет фона (Background). По умолчанию, цвет переднего плана – черный, а цвет фона – белый:

Текущие цвета переднего плана (верхний левый образец) и фона (правый нижний образец)

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

Рисование градиента с помощью инструмента «Градиент»

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

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

Кликните кнопкой мыши и переместите курсор (удерживая кнопку мыши нажатой) от одной стороны документа до другой

Когда я отпущу кнопку мыши, программа Photoshop нарисует градиент. Так как цвет переднего плана был установлен на черный, а цвет фона – на белый, я нарисовал черно-белый градиент:

Когда вы отпустите кнопку мыши, программа Photoshop нарисует градиент

Замена цветов на обратные (инверсия)

Вы можете поменять цвета местами в своем градиенте, выбрав на панели настроек опцию «Инверсия» (Reverse):

Выбираем опцию «Инверсия» на панели настроек

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

Тот же самый градиент, только с измененным расположением цветов

Конечно, не обязательно рисовать градиенты в горизонтальной плоскости. Они могут располагаться в любом выбранном вами направлении. Я нарисую еще один градиент, но этот раз сверху вниз. Обратите внимание, что мне не нужно отменять или удалять мой нарисованный градиент. Программа Photoshop просто заменит текущий градиент новым. Я щелкну кнопкой мыши в верхней части документа и, удерживая кнопку мыши нажатой, протяну курсор до низа. Так же, как и в случае с горизонтальным градиентом, проще нарисовать вертикальный градиент, удерживая нажатой клавишу Shift. Не забудьте отпустить клавишу Shift только после того, как вы отпустите кнопку мыши. И снова, сначала мы видим только тонкий контур:

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

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

Новый черно-белый вертикальный градиент

Изменение цветов в градиентах по умолчанию

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

Нажимаем на образец цвета переднего плана

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

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

Нажимаем на образец цвета фона

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

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

Обратите внимание, что образцы цвета стали отображать новые цвета, которые я выбрал для переднего плана и фона:

Образцы отобразили новые цвета

Окошко предварительного просмотра на панели настроек также стало отображать новые цвета градиента:

Окошко предварительного просмотра на панели настроек также отображает новые цвета градиента:

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

Нарисуем новый градиент слева направо по диагонали

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

Новый красно-желтый градиент

Восстановление цветов переднего плана и фона

Обратите внимание, что если я открою палитру градиентов на панели настроек, то увижу, что миниатюра градиента от основному цвета к фоновому стала красно-желтой:

Обновленная миниатюра градиента от основного цвета к фоновому в палитре градиентов

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

Образцы цвета переднего плана и фона вновь были заменены на образцы по умолчанию

В окошке предварительного просмотра градиентов на панели настроек и в палитре градиентов градиент от основного цвета к фоновому опять стал черно-белым:

Все вернулось к первоначальному варианту

Рисование градиента на отдельном слое

Если мы посмотрим на панель слоев, то увидим, что до сих пор я рисовал градиенты прямо на слое заднего фона (Background):

На панели слоев видно, что градиент нарисован на слое заднего фона

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

Выбираем «Редактирование» > «Выполнить заливку» (Edit > Fill)

Когда откроется диалоговое окно «Заполнить» (Fill), я установлю для опции «Содержимое» (Contents) значение «Белый» (White) и нажму ОК. В результате задний фон заполнится белым цветом:

Диалоговое окно «Заполнить»

При нажатой клавише Alt (Win) / Option (Mac) кликаем по значку «Создать новый слой»

Удержание нажатой клавиши Alt (Win) / Option (Mac) позволяет перед добавлением слоя открыть диалоговое окно «Новый слой» (New Layer), где мы можем ввести имя слоя. Я назову слой «Градиент», а затем нажму ОК:

Диалоговое окно «Новый слой»

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

Теперь у меня есть отдельный слой для градиента

Область перехода

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

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

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

Рисуем градиент с большой областью перехода

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

Градиент с последовательным переходом между цветами

Я отменю этот градиент для простоты восприятия, перейдя в раздел «Редактирование» (Edit) в верхней части экрана и выбрав пункт «Отменить градиент» (Undo Gradient). Я также мог бы нажать на клавиатуре сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac):

Выбираем «Редактирование» > «Отменить градиент» (Edit > Undo Gradient).

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

Рисуем градиент с маленькой областью перехода

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

Похожий градиент, но с меньшей областью перехода

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

Градиент теперь расположен на отдельном слое, выше слоя заднего фона

Градиент «От основного к прозрачному»

До сих пор мы с вами, главным образом, изучали градиент по умолчанию – «От основного к фоновому» (Foreground to Background), однако существует еще один часто используемый градиент – «От основного к прозрачному» (Foreground to Transparent). Я предлагаю также его рассмотреть, потому что принцип работы данного градиента немного отличается от остальных. Я выберу градиент из палитры градиентов, дважды кликнув по его миниатюре, расположенной рядом с миниатюрой градиента от основного цвета к фоновому:

Выбираем градиент «От основного к прозрачному»

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

Я отменю мой текущий градиент, перейдя в раздел «Редактирование» (Edit) и выбрав пункт «Отменить градиент» (Undo Gradient). Затем я выберу цвет, кликнув по образцу цвета переднего плана на панели инструментов, который в данный момент заполнен черным цветом:

Кликаем по образцу цвета переднего плана

Когда откроется палитра цветов, я выберу фиолетовый цвет и нажму ОК:

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

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

Градиент от фиолетового цвета к прозрачному

Я нарисую вертикальный градиент от верхнего края документа до центра:

Рисуем вертикальный градиент от основного цвета к прозрачному в верхней половине документа

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

Фиолетовый цвет относится к градиенту, а белый – к заднему фону под ним

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

Отключаем видимость слоя с задним фоном

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

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

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

Добавляем второй градиент «От основного к прозрачному»

Я отпущу кнопку мыши, и программа Photoshop вместо перезаписи градиентов добавит второй градиент к первому. Если бы я нарисовал третий или четвертый градиенты (от левого и от правого края, например), программа бы также добавила эти градиенты к существующим:

Оба градиента смешались вместе

Я включу обратно видимость слоя с задним фоном, повторно кликнув по значку видимости слоев:

Включаем видимость слоя с задним фоном

И теперь нам снова виден градиент от фиолетового цвета к белому (и опять к фиолетовому), хотя мы знаем, что, в действительности, белый цвет – цвет заднего фона, проглядывающий сквозь прозрачный слой:

Тот же самый градиент с включенным слоем заднего фона

Опция «Прозрачность»

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

Убедитесь, что опция «прозрачность» включена, когда вы рисуете градиент с прозрачной частью

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

Без выбранной опции «Прозрачность» программа не сможет нарисовать прозрачную часть градиента

Градиент «Черный, белый»

Мы не будем рассматривать каждый градиент, который предлагает нам программа Photoshop (поскольку вы сами с легкостью сможете сделать), однако если вам нужно нарисовать черно-белый градиент, а ваши цвета переднего плана и фона отличаются от черного и белого, просто выберите градиент «Черный, Белый» (Black, White) из палитры градиентов (третий слева в верхнем ряду). В отличие от градиента от основного цвета к фоновому, градиент «Черный, Белый» всегда использует черный и белый цвет, независимо от того, какие текущие цвета переднего плана и фона:

Миниатюра градиента «Черный, Белый»

Стили градиентов

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

Если мы посмотрим вправо от окошка предварительного просмотра градиентов на панели настроек, то увидим пять значков, обозначающих различные стили градиентов (слева направо): Линейный (Linear), Радиальный (Radial), Конусовидный (Angle), Зеркальный (Reflected) и Ромбовидный (Diamond)

Линейный, Радиальный, Конусовидный, Зеркальный и Ромбовидный градиенты

Давайте изучим, на что способен каждый из этих стилей градиентов. Я нажму несколько раз сочетание клавиш Ctrl+Alt+Z (Win) / Command+Option+Z, чтобы отменить предыдущие шаги и вернуться к пустому документу, заполненному белым цветом. Далее я переключусь обратно на градиент «От основного к фоновому» (Foreground to Background), выбрав его в палитре градиентов:

Выбираем градиент «От основного к фоновому»

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

Цвета переднего плана и фона (последний вариант)

Линейный градиент

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

Выбираем стиль градиента «Линейный»

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

Пример обычного линейного градиента

Радиальный градиент

Радиальный стиль (второй слева значок) дает возможность рисовать круговой градиент по направлению от начальной точки:

Выбираем стиль градиента «Радиальный»

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

Рисуем радиальный градиент от центра документа

Я отпущу кнопку мыши, и перед нами появится радиальный градиент. Он начинается с цвета переднего плана (черного) в начальной точке в центре документа и по мере приближения к краю переходит в цвет фона (голубой):

Радиальный градиент

Если бы я выбрал опцию «Инверсия» (Reverse) на панели настроек, то цвета поменялись бы: в центре был бы голубой цвет с постепенным переходом к черному:

Тот же самый радиальный градиент с обратным порядком цветов

Конусовидный градиент

Конусовидный стиль (средний значок) более интересен для нас (хотя, возможно, не так полезен):

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

Так же как и радиальный стиль, конусовидный (Angle) стиль использует начальную точку в качестве центра градиента. Но вместо того чтобы совершать равномерный переход во всех направлениях, он начинает закручиваться вокруг начальной точки против часовой стрелки. Я снова нажму сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac) для отмены последнего градиента. Далее я начну рисовать конусовидный градиент таким же способом, как и радиальный: кликнув кнопкой мыши в центре документа для определения начальной точки и переместив курсор по направлению к краю:

Рисуем конусовидный градиент от центра

На скриншоте ниже представлен конусовидный градиент после того, как отпущу кнопку мыши. Как и во всех стилях градиентов, выбор опции «Инверсия» (Reverse) приведет к замене местами используемых цветов:

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

Зеркальный градиент

Зеркальный (Reflected) стиль (четвертый значок слева) градиента очень похож на стандартный линейный стиль за исключением того, что он зеркально отражает цвета с двух сторон от начальной точки:

Выбираем зеркальный стиль градиента

Итак, я кликну в центре документа для определения начальной точки и затем перемещу курсор вверх:

Рисуем зеркальный градиент

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

Зеркальный градиент

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

Прежде всего нарисуйте контуры квадрата на бумаге, затем выберите оттенок краски потемнее, чтобы легче было видеть переходы краски на светлые тона. Разведите немного краски средней насыщенности (30-50%) и промокните ею кисть. На чистой части вашей палитры разведите другую смесь акварели приблизительно на половину насыщенности оригинальной смеси. Автор для урока использовал кисть 1 Ѕ» (381mm) Winsor & Newton серии 965 и акварель той же фирмы Cobalt Blue (кобальтовая синяя краска), бумага от Arches #140 CP.
Обмокните вашу кисть в более темную краску (более насыщенную) и начиная с верхнего левого угла коснувнись кистью бумаги мягко тяните прямую линию к правому верхнему углу.

Светлые тона

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


Еще светлее.

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


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


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

Чистый край.

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


Все готово!

Незначительные подтеки в оттенках сгладяться до того, как краска высохнет.

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

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

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

оригинал
перевод: wienta

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

Выберите самый тёмный оттенок будущей отмывки (его проще подобрать) и смешайте ещё один оттенок, средней интенсивности (30-50%). В чистой части вашей палитры смешайте следующий цвет, примерно с половиной интенсивности исходной смеси.

Использованные материалы:

В этот раз я беру плоскую кисть для отмывки 1,5 (381мм) Winsor & Newton Series 965 и кобальтовую синюю (cobalt blue) акварельную краску. Бумага — Arches #140 cold press.

Наберите на кисть краску тёмного оттенка, прикоснитесь кистью к бумаге в верхнем левом углу и аккуратно проведите прямую полосу в верхний правый угол.

Шаг 1


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

Обратите внимание, что левая часть нижней полосы немного потекла вниз вместе с верхней. Разрешите гравитации тоже поработать.

Шаг 2


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

Шаг 3


Промойте и окуните влажную кисточку в последний оттенок.

Проведите полосу.

СОВЕТ 1: Если низ полосы растёкся неравномерно, или полоса искривилась, НЕМЕДЛЕННО возьмите ещё краски и проведите полосу ещё раз.

Завершение размывки


Тщательно промойте кисть и чистой водой начните последнюю полосу.

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

Готовая работа


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

В моём случае видна некоторая зернистость на окончательном результате. Кобальтовый голубой (cobalt blue) грубее и тяжелее ложится на текстуру бумаги.

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

СОВЕТ 3: Попробуйте использовать разные цвета в одной размывке для создания интересного многоцветного эффекта.

Отработка градиентной растяжки может занять больше времени, чем равномерной, однако любое время, проведённое за рисованием, потрачено не напрасно.

Добавить пузыри с помощью специальной пузырьковой кисти в фотошопе

Как добавить пузыри на фото

Шаг 1: Создайте новый документ

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

Диалоговое окно «Новый документ».

Шаг 2: Выберите инструмент Elliptical Marquee

Выберите Elliptical Marquee Tool на панели инструментов. По умолчанию он прячется за инструментом « Прямоугольная область» , поэтому щелкните инструмент «Прямоугольная область» и удерживайте нажатой кнопку мыши, пока не появится всплывающее меню, показывающее другие инструменты, доступные в этом слоте, а затем нажмите кнопку «Инструмент эллиптической области», чтобы выбрать Это:

Нажмите и удерживайте Rectangular Marquee Tool, затем выберите Elliptical Marquee Tool из меню.

Шаг 3: нарисуйте эллиптическое выделение

Выбрав Elliptical Marquee Tool, удерживая Shift + Alt (Победа) / Shift + Option (Mac), щелкните в центре документа, затем вытяните эллиптическую схему выделения, которая станет основной формой нашего пузыря. Удержание клавиши Shift при перетаскивании — это то, что заставляет контур выделения в идеальный круг, в то время как нажатие клавиши Alt (Победа) / Option (Mac) говорит Photoshop использовать точку, на которую вы щелкнули, в качестве центра выделения, расширяя его во всех направлениях от этого места. Когда вы закончите, у вас должен быть контур выделения в форме круга:

Схема выбора станет формой пузыря.

Шаг 4: скопировать выделение на новый слой

Перейдите в меню Layer в верхней части экрана, выберите New , затем выберите Layer via Copy или нажмите Ctrl + J (Win) / Command + J (Mac) на клавиатуре для быстрого доступа к той же команде:

Перейдите в Слой> Новый> Слой через Копировать.

Photoshop копирует круглую область внутри выделения на новый слой с именем Layer 1 над фоновым слоем на панели Layers:

Выбранная область копируется в новый слой.

Шаг 5: добавь стиль внутреннего свечения

Щелкните значок « Стили слоев» в нижней части панели «Слои»:

Нажмите на иконку Layer Styles.

Выберите Inner Glow из появившегося списка стилей слоя:

Нажмите на Inner Glow.

Откроется диалоговое окно «Стиль слоя» в Photoshop с настройками «Внутреннее свечение» в средней колонке. Сначала измените режим смешивания с экрана на умножение , что превратит наше внутреннее свечение во внутреннюю тень. Нажмите на образец цвета под словом «Шум» и выберите черный из палитры цветов. Нажмите OK, чтобы закрыть из палитры цветов, когда вы закончите. Наконец, увеличьте размер внутреннего свечения (тени) примерно до 40 пикселей :

Изменение режима наложения с экрана на умножение превращает свечение в тень.

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

Внутреннее свечение обеспечивает внешние края пузыря.

Шаг 6: добавь наложение градиента

Нажмите на слова Gradient Overlay в списке стилей слоя вдоль левой части диалогового окна Layer Style. Убедитесь, что вы нажимаете непосредственно на сами слова, а не только внутри флажка, иначе у нас не будет доступа к параметрам наложения градиента:

Нажмите на слова Gradient Overlay.

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

Нажмите на панель предварительного просмотра градиента.

Откроется редактор градиентов. Выберите черно-белый градиент из списка пресетов, щелкнув по его миниатюре (третий слева, верхний ряд). Нажмите OK, чтобы выйти из редактора градиентов, когда вы закончите:

Нажмите на миниатюру черно-белого градиента.

Вернитесь в диалоговое окно Стиль слоя и измените Стиль градиента с Линейный на Радиальный :

Измените стиль на радиальный.

Теперь пузырь должен выглядеть следующим образом (пока не закрывайте диалоговое окно «Стиль слоя»):

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

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

Перетащите черный центр градиента в верхний левый пузырь.

Шаг 7: добавь новый пустой слой

Нажмите на значок « Новый слой» в нижней части панели «Слои», чтобы добавить новый пустой слой над слоем 1:

Нажмите на значок нового слоя.

Шаг 8: выбери инструмент Brush Tool

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

Выберите инструмент Brush Tool.

Шаг 9: нарисуй небольшой блик в правом нижнем углу пузыря

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

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

Шаг 10: загрузи выделение вокруг пузыря

Удерживая нажатой клавишу «Ctrl» («Победа») / « Command» (Mac), щелкните непосредственно на миниатюре предварительного просмотра слоя 1 на панели «Слои». Это загружает контур выделения вокруг пузырька в окне документа:

Удерживайте Ctrl (Win) / Command (Mac) и нажмите на эскиз предварительного просмотра слоя 1.

Шаг 11: примени пинч-фильтр три раза

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

Перетащите ползунок Amount полностью влево.

Нажмите OK, чтобы выйти из диалогового окна, затем нажмите Ctrl + F (Win) / Command + F (Mac) дважды, чтобы применить тот же фильтр еще два раза к изображению. Каждый раз, когда вы применяете фильтр, вы увидите, что меньшая подсветка выглядит более изогнутой. Нажмите Ctrl + D (Победа) / Command + D (Mac), когда вы закончите, чтобы удалить контур выделения вокруг пузырька, который теперь должен выглядеть примерно так:

Меньшая подсветка теперь, кажется, изгибается вокруг пузыря.

Шаг 12: сохрани пузырь как кисть

Теперь, когда мы нарисовали наш пузырь, давайте сохраним его как кисть. Поднимитесь в меню Edit и выберите Define Brush Preset :

Назовите новую кисть «Пузырь».

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

Шаг 13: открой свою фотографию

Откройте фотографию, к которой хотите добавить пузырьки. Вот фотография, которую я буду использовать:

Открой свое фото.

Шаг 14: добавь новый пустой слой

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

Добавьте новый пустой слой над фотографией.

Шаг 15: выбери свою пузырьковую кисть

Выберите инструмент «Кисть» на панели «Инструменты», если он еще не выбран. Выбрав Brush Tool, щелкните правой кнопкой мыши (Win) / Control-click (Mac) в любом месте внутри документа и выберите свою кисть-пузырь, щелкнув ее миниатюру в палитре Brush Preset . Это должна быть последняя кисть в списке. Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы закрыть окно выбора кисти:

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

Шаг 16: установите параметры кисти в динамике формы

Нажмите клавишу F5 на клавиатуре, чтобы быстро открыть основную панель « Кисти» в Photoshop , которая содержит все параметры « Динамика кисти» , которые позволяют нам контролировать поведение кисти при ее рисовании. Открыв панель «Кисти», щелкните непосредственно слова « Динамика формы» в левой части панели. Убедитесь, что вы нажимаете на сами слова, а не на флажок слева от слов, иначе у нас не будет доступа к параметрам Shape Dynamics:

Нажмите F5, чтобы открыть панель «Кисти», затем нажмите «Динамика формы».

Увеличьте размер джиттера до 100% , переместив ползунок вправо. Это даст нам много случайных изменений в размере пузырьков, когда мы их рисуем. Сделайте то же самое для джиттера округлости , увеличив его до 100% , что даст нам случайные изменения в форме пузырьков, чтобы они не выглядели идеально круглыми. Наконец, установите минимальную округлость на 25% , что предотвратит появление любых плоских пузырьков:

Параметры Shape Dynamics.

Шаг 17: установите параметры рассеяния

Нажмите непосредственно на слова « Рассеяние» под «Динамика формы» в левой части панели «Кисти», затем увеличьте величину разброса примерно до 250% , что будет случайным образом распределять пузырьки при их рисовании, а не отображать их все по прямой линии. Когда закончите, нажмите F5 на клавиатуре, чтобы закрыть панель «Кисти»:

Варианты рассеяния.

Шаг 18: установите цвет переднего плана на белый

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

Убедитесь, что ваш цвет переднего плана установлен на белый.

Шаг 19: Нарисуй пузыри

Скорее всего, ваша пузырьковая кисть будет слишком большой и будет иметь размер по умолчанию, поэтому нажмите левую клавишу скобки на клавиатуре несколько раз, чтобы уменьшить размер кисти (правая клавиша скобки делает кисть больше). Затем, выбрав «Слой 1» на панели «Слои», просто нарисуйте пузыри. Для достижения наилучших результатов, нарисуйте короткими мазками от нижней части фотографии до верха и оставьте некоторое пространство между штрихами, чтобы создать скопления пузырьков. Если вас не устраивает то, как выглядят пузырьки, нажмите Ctrl + Z (Победа) / Command + Z (Mac), чтобы отменить последний мазок кисти, или Ctrl + Alt + Z (Победа) / Command + Option + Z(Mac), чтобы отменить несколько ударов, затем повторите попытку. Вот мое изображение после покраски в моих начальных пузырьках. Я использовал очень маленькую кисть, чтобы создать основные пузырьковые столбцы, затем немного большую кисть, чтобы добавить несколько случайных больших:

Изображение после покраски в вертикальных колоннах пузырьков.

Шаг 20: дублируй слой пузырей

На данный момент пузырьки выглядят слишком четкими и острыми по сравнению с остальной частью подводного изображения, поэтому давайте дадим им больше зеркального подводного свечения. Нажмите Ctrl + J (Победа) / Command + J (Mac), чтобы быстро дублировать слой с пузырьками:

Нажмите Ctrl + J (Победа) / Command + J (Mac), чтобы сделать копию Слоя 1.

Шаг 21: примени фильтр Gaussian Blur

Подойди к меню Filter , выбери Blur , затем выбери Gaussian Blur :

Установите радиус до 8 пикселей.

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

Фильтр Gaussian Blur добавил мягкое свечение к пузырькам.

В качестве необязательного последнего шага добавьте еще один новый пустой слой в документ, щелкнув значок « Новый слой» в нижней части панели «Слои», а затем используйте кисть большего размера, чтобы добавить пару дополнительных столбцов пузырьков. Большие пузырьки будут казаться ближе к зрителю, чем маленькие пузырьки. Наконец, нажмите Ctrl + F (Победа) / Command + F (Mac), чтобы повторно применить фильтр размытия по Гауссу, который полностью размывает пузыри, как будто они слишком близко для глаз зрителя, чтобы сфокусироваться на них. Здесь я добавил размытый пузырьковый столбик по обе стороны от дайвера:

Конечный результат.

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

Здравствуйте уважаемые читатели ps-blog.ru! Представьте такую ситуацию, как то одним прекрасным, осенним вечерком вы сёрфили в интернете сайты и блоги с обучающими материалами по Фотошоп и вдруг нашли кучу классных градиентов, разумеется вы скачали их к себе на компьютер. Сразу возникает вопрос, а как правильно загрузить эти самые градиенты и начать ими пользоваться уже сейчас? В этом уроке я покажу вам и расскажу как установить градиент в Фотошоп.

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

Шаг №1

Теперь давайте откроем программу Фотошоп и перейдем в главное верхнее меню. Выбираем вкладку Редактирование/Наборы/Управление наборами

Переходим в меню Редактирование/Наборы/Управление наборами

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

Окно «Управление наборами»

Описание окна «Управление наборами»:

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

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

Оставшиеся кнопочки «Готово«, «Загрузить«, «Сохранить«, «Переименовать«, «Удалить» я думаю в разъяснениях не нуждаются и так всё понятно по названиям.

Шаг №2

Теперь путём нажатия левой кнопки мыши в выпадающем меню «Тип набора» выбираем — Градиенты.

Выбрали тип набора — Градиенты

После того как мы выбрали тип набора — Градиенты, видим окошко с набором градиентов по умолчанию.

Набор градиентов по умолчанию

Шаг №3

Двигаемся дальше, теперь нажимаем кнопку «Загрузить«. Перед вами появится диалоговое окно, в котором необходимо указать путь к скаченным файлам градиентов, помним что они имеют расширение файла .GRD. Я например, сохранил свои градиенты на рабочем столе в папке «Градиенты — Металл»:

Указываем путь к файлу градиента

Шаг №4

Путь к скаченному файлу мы указали, далее жмём кнопку «Загрузить«. Наблюдаем результат, теперь в диалоговом окошке «Управление наборами» в конце набора, вы видите новые градиенты, которые мы только что загрузили.

Новые только что загруженные градиенты

ВНИМАНИЕ: Если градиентов очень много и вы не видите, свои только что загруженные градиенты, тогда опустите в самый низ полоску прокрутки и в самом конце списка вы увидите свои новые градиенты.

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

Железный шарик

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

P.S. Если Вы ещё не ознакомились с моим новым бесплатным видео-курсом «Фотошоп Быстрый Старт», тогда заберите его прямо сейчас по этой ссылке.

На этом сегодня всё, спасибо за внимание, увидимся в следующих уроках!

30 суперполезных сайтов для любителей рисовать в фотошопе / AdMe

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

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

Кисти и шрифты для фотошопа

  • Photoshop-orabge: более 800 наборов кистей.
  • Zerolayer: кисти, формы, рамки, шрифты.
  • Globator: кисти, стили, шрифты.
  • Tutbrush: кисти, рассортированные по темам.
  • Photoshopbrushes: кисти, рассортированные по темам.
  • Grafamania: кисти, шрифты, шаблоны, рамки.
  • Balbesof: коллекция кистей.
  • Coolwebmasters: рождественские и новогодние шрифты, кисти, стили, клипарт.
  • Vsekisti: очень большая коллекция кистей.
  • Zerores: шрифты, кисти.

Градиенты и текстуры

  • 0lik: градиенты, паттерны, экшены, стили, текстуры, формы, шаблоны.
  • Photoshopmix: шаблоны, текстуры, фигуры, экшены, градиенты.
  • Gzweb: градиенты, экшены, стили, текстуры, формы, шаблоны.
  • Photoshop-master: текстуры, формы, шаблоны, градиенты, экшены, стили, кисти.
  • Photodryg: фигуры, шаблоны.
  • Alldesign: градиенты, экшены, стили, текстуры, формы, шаблоны.
  • Design-mania: шаблоны, текстуры.
  • Design: паттерны, рамки, плагины, стили, формы, текстуры. 
  • Photoshop balon: градиенты, стили, текстуры.
  • Fordesign: градиенты, рамки, шаблоны, текстуры.

Уроки фотошопа

  • Dburn: видеоуроки.
  • Goldenone: уроки рисования и ретуши.
  • Demiart: каталог уроков.
  • 2dtutorials: уроки, клипарт, стили.
  • Photoshop: уроки, плагины, стили, фигуры.
  • Photoshopworld: большое количество уроков. 
  • Forum: уроки фотошопа, стили, фильтры.
  • Deviantart: формы, шрифты, текстуры, кисти.
  • Сwer: плагины, уроки.
  • Densvi: уроки, клипарты, текстуры.

Позолота объекта в фотошопе. Золото в Фотошопе

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

Результат

Исходники

  • Шрифт FoglihtenNo07 .
  • Паттерны Free Tileable Leather Patterns от WebTreatsETC.
  • Градиенты gradient-shapes для Photoshop от ilnanny (нам понадобятся файлы Tracks.grd и CHROMES.grd).
  • Стандартный набор кистей

Чтобы скачать нужный нам стандартный набор кистей для Photoshop, зайдите в меню Edit > Presets > Preset Manager/Редактировать>Наборы>Менеджер наборов и выберите Brushes/Кисти в выпадающем меню Preset Type/Тип набора. Затем кликните по маленькой стрелке справа от выпадающего меню и выберите Square Brushes/Квадратные кисти. В появившемся диалоговом окне выберите Append/Добавить.

Загружаем контуры

Нам нужно скачать контуры, которые мы будем использовать для некоторых стилей слоя. Для этого вновь зайдите в менеджер наборов и выберите Contours/Контуры в меню Preset Type/Тип набора.

Кликните по маленькой стрелку в правом верхнем углу и выберите Contours/Контуры.

Нажмите Append/Добавить в появившемся окне.

Шаг 1

Создайте документ размером 950 x 650 px. Дублируйте фон дважды и смените для второй копии слоя параметр Fill на 0.

Кликните дважды по первой копии фонового слоя и укажите ему стиль слоя Gradient Overlay/Перекрытие градиента. Настройте параметры эффекта как показано ниже, указав градиент от цвета #4a4a46 к #282929.

Это добавит обычный градиент фону.

Кликните дважды по второй копии фонового слоя и примените к нему стиль слоя Pattern Overlay/Перекрытие Узора. Выберите паттерн webtreats_brown_leather.jpg и повторите настройки ниже.

Так вы добавите фону текстуру кожи.

Шаг 2
Создайте текст, используя шрифт FoglihtenNo07 цвета # 816d36 и размера в 250 pt.
В меню Character/Символы (Window > Character/Окно>Символы) кликните по иконке Standard Ligatures/Стандартные лигатуры, затем дублируйте слой с текстом.

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

Bevel and Emboss/Тиснение

Contour/Контур

Stroke/Обводка
Используйте градиент Gold Rail G2.

Так мы создадим обводку.

Шаг 3

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

Bevel and Emboss/Тиснение

Contour/Контур

Inner Glow/Внутреннее свечение
Используйте цвет #ececec

Pattern Overlay/Перекрытие узора
Используйте паттерн webtreats_grey_leather.jpg

Drop Shadow/Тень

Так мы стилизуем текст.

Шаг 4

Выделите оба текстовых слоя, дублируйте их и разместите копии под оригинальными слоями. В меню выберите Layer > Merge Layers/Слой>Объединить слои.
Переименуйте получившийся слой в «Shadow» и смените для него параметр Fill/Заливка на 0.

Кликните дважды по слою «Shadow», чтобы указать ему стиль слоя Drop Shadow/Тень со следующими параметрами:

Так мы добавим еще больше глубины эффекту.

Шаг 5

Возьмите инструмент Brush/Кисть, откройте палитру Brush/Кисть и выберите кисть Hard Square 7 px. Настройте параметры кисти как показано ниже:

Brush Tip Shape/Форма отпечатка кисти

Shape Dynamics/Динамика формы

Шаг 6

Кликните правой кнопкой по любому из текстовых слове и выберите Create Work Path/Создать рабочий контур.

Создайте новый слой поверх остальных слоев, назовите его «Diamonds» и выберите инструмент Direct Selection/Прямое выделение.

Кликните правой кнопкой по рабочему контуру и выберите Stroke Path/Обводка контура. Появится окно, в котором вам нужно выбрать в графе Tool/Инструмент значение Brush/Кисть. Также включите опцию Simulate Pressure/Имитировать нажим.

Таким образом мы создадим обвокдку из камушков. Нажмите Enter/Return, чтобы избавиться от контура.

Шаг 7

Кликните дважды по слою «Diamonds», чтобы применить к нему следующие стили слоя:

Bevel and Emboss/Тиснение
Цвет тени: #3e2900

Contour/Контур

Color Overlay/Перекрытие цвета
Цвет: #776d38

Drop Shadow/Тень

Таким образом у нас появятся камушки.

Результат

Перевод — Дежурка

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

Законченное изображение

Описание урока
Использованное ПО: Adobe Photoshop CS5 и выше
Примерное время выполнения: 40 минут
Сложность: для начинающих/средняя

Шаг 1
Создайте новый документ: Файл > Создать (File > New) и примените к нему параметры, приведенные ниже. Сохраните этот документ под названием as “Gold Text Effect.psd”. В процессе выполнения урока не забывайте периодически сохранять работу нажатием Ctrl + S.

Шаг 2
Наберите слово “Gold” или любое другое, на свое усмотрение, задав какой-нибудь строгий жирный шрифт. В данном случае использован шрифт: Adobe Caslon, жирный, размером 205 pt.

Шаг 3
Приступаем к созданию стиля слоя, имитирующего золотое покрытие. Сначала в качестве основы применим Наложение градиента (Gradient Overlay):

Шаг 4
Теперь, чтобы придать объем, применим Тиснение (Bevel and Emboss):

Шаг 5
Стиль слоя Глянец (Satin), который добавит переливы:


Шаг 6
Наш золотой стиль слоя готов. Можно заняться фоном. Залейте фоновый слой коричневым цетом (RGB 88, 59, 28). Далее, дважды кликните по названию этого слоя, и в активировавшемся текстовом поле введите новое название слоя: “ Brown bg ”.

Шаг 7
Теперь создайте над фоновым слоем еще один новый слой и назовите его “ Notepaper ”. Залейте этот слой белым цветом. Далее отройте Галерею фильтров, разверните раздел Эскиз (Sketch) и примените фильтр Почтовая бумага (Note Paper). Превратит белый слой в бумажную текстуру.

Шаг 8
Установите слой с текстурой почтовой бумаги в Режим наложения (Blend mode) – Перекрытие (Overlay), и уменьшите его Непрозрачность (Opacity) до 30%. Белая бумажная текстура смешается с коричневым фоном, находящимся под ней.

Шаг 9
Создайте еще один залитый белым слой и назовите его “ Right light ”. Расположите этот слой над слоем с текстурой бумаги и пройдите в меню Фильтр > Рендринг > Эффекты освещения (Filter > Render > Lighting Effect). Примените показанные ниже установки:

Шаг 10
Установите последний созданный слой с эффектами освещения в Режим наложения (Blend mode) – Мягкий свет (Soft Light), уменьшив его Непрозрачность (Opacity) до 60%. Данный слой будет выступать в качестве источника света с правой стороны.

Шаг 11
Нажатием D установите стандартные Основной и Фоновый цвета. Затем создайте под слоем с эффектами освещения еще один новый слой, и назовите его “ Left shadow ” (Тень слева).
Выберите инструмент Градиент (Gradient tool). Раскройте на панели опций в верхней части окна программы выпадающий список со стандартными градиентами, и выберите вариант “От основного к прозрачному” (Foreground to Transparent). Затем задайте Линейный (Linear) режим градиента. Наложите на этот слой градиент, протаскивая указатель мыши от его левого края к правому. Мы используем этот градиент в качестве тени слева от текста.

Шаг 12
Установите слой с левой тенью в Режим наложения (Blend mode) – Умножение (Multiply), и уменьшите Непрозрачность (Opacity) до 40%.

Шаг 13
Создайте между слоями с золотом и светом справа новый слой. Назовите его “Gold shadow”. Затем, удерживая Ctrl, кликните по иконке слоя с надписью “Gold”, чтобы образовать выделенную область:

Шаг 14
Залейте выделенную область черным цветом, и сместите этот слой влево, нажимая для этого клавишу со стрелкой влево.

Шаг 15
Установите этот слой в Режим наложения (Blend mode) – Умножение (Multiply). Затем пройдите в меню Фильтр > Размытие > Размытие в движении (Then Filter > Blur > Motion Blur), задав величину размытия: 10 пикселей. Затем пройдите в меню: Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian blur), и задайте значение 3 пикселя. В результате будет создана вполне реалистичная тень, образовавшаяся за счет находящегося справа источника света.

Шаг 16
Еще раз кликните, удерживая CTRL, по иконке слоя с золотым текстом. После того, как будет создана выделенная область, кликните по кнопке Создания нового корректирующего слоя или слоя-заливки (Create new fill or adjustment layer) в нижней части палитры слоев и выберите пункт Цветовой тон/Насыщенность (Hue/Saturation).

Шаг 17
Переименуйте созданный корректирующий слой в “Color boost” (Усиление цвета). Выделенная область, созданная на основе слоя с текстом послужит маской для слоя коррекции. Настройте слой коррекции как показано на изображении ниже:

Шаг 20
В открывшемся диалоговом окне введите имя слоя (Смягчение отсветов), задайте Режим наложения (Blend mode) – Перекрытие (Overlay), и поставьте галочку на пункте Залить нейтральным серым цветом (Fill with Overlay-neutral color (50% gray)).

Шаг 21
Удерживая Ctrl, еще раз кликните по иконке слоя с золотым текстом, чтобы создать выделенную область. Выберите инструмент Осветлитель (Dodge Tool), и убедитесь, что на панели опций в верхней части окна программы задан диапазон Света (Highlight) и Экспозиция (Exposure) = 100%. Теперь, кликая по освещенным поверхностям, создайте яркие отсветы. Не перестарайтесь, так как этот процесс будет продолжен на отдельном слое. Обратите внимание на то, что созданная выделенная область страхует вас от редактирования поверхностей вне ее. После того, как закончите с этим, снимите выделение нажатием Ctrl + D. Затем уменьшите Непрозрачность (Opacity) этого слоя до 70%.

Шаг 22
Повторите процесс, создав еще один слой, залитый 50%-серым цветом, и назвав его “ Highlight bright ” (Яркие отсветы). Установите этот слой в Режим наложения (Blend mode) – Яркий свет (Vivid Light), и так же уменьшите Непрозрачность (Opacity) до 70%. Данный режим наложения создает более интенсивный эффект. Здесь мы создадим совсем небольшие, но более яркие точки на отсвечивающих поверхностях. Однако, даже сквозь эти наиболее яркие блики должен просматриваться золотистый оттенок. Поэтому выберите мягкую круглую кисть и, зажав клавишу Alt, переведите ее в режим Пипетки (Eye Dropper Tool). Возьмите, с ее помощью, образец светло желтого цвета с отсвечивающей поверхности. Затем уменьшите размер кисти до размера, меньшего, чем был использован ранее, при смягчении света. Кликая этой кистью прямо по обработанным ранее участкам, создайте несколько тонированных бликов. Ориентируйтесь на скриншот ниже:

Шаг 23
Создаваемое нами золотое покрытие должно быть по-настоящему блестящим и сверкающим. Поэтому нам нужно воспроизвести отражение источников свет от поверхности нашего текста. Итак, создадим несколько пятен света на плоскости основания (Brown bg). Создайте для этой цели новый слой, расположите его над слоем со светом справа и назовите его “Surface light” (Поверхностный свет). Установите этот слой в Режим наложения (Blend mode) – Перекрытие (Overlay).

Шаг 24
Кликните, удерживая Ctrl, по иконке слоя с золотым текстом, загружая его выделенную область. Затем пройдите в меню Выделение > Инвертировать (Select > Inverse), чтобы инвертировать выделенную область. В результате выделенной окажется вся холста область вне текста. Теперь все тем же светло-желтым цветом, взятым с поверхности слоя смягчения отсветов, используя мягкую круглую кисть, нанесите пятна света на поверхности слоя с Поверхностным светом. Постарайтесь наложить эти светлые пятна в области ранее созданных отсветов на тексте. Закончив с этим, снимите выделение.

Шаг 25
Установите этот слой в Режим наложения (Blend mode) – Перекрытие (Overlay) и уменьшите его Непрозрачность (Opacity) до 80%. В результате светлые пятна будут смешаны с находящейся под ними поверхностью.

Шаг 26
Теперь мы добавим несколько бликов поверх наиболее ярких отсветов на тексте. Пройдите в меню Фильтр > Рендринг > Блик (Filter > Render > Lens Flare). Однако, если мы наложим блики непосредственно поверх отсветов на тексте, мы лишимся возможности из последующего редактирования. Поэтому мы используем для бликов отдельный слой. Создайте над слоем с отсветами новый слой и назовите его “ Lens flares ” блики. Залейте его черным цветом. Теперь нам нужно скрыть этот черный цвет. Кроме того, наши блики должны получиться максимально яркими. Чтобы достичь этих целей, мы воспользуемся Режимом наложения – Линейный осветлитель (Linear Dodge). Задайте его для слоя с бликами.

Шаг 27
Теперь нам нужно подобрать очень точную позицию для блика. Откройте панель Инфо: Окно > Инфо (Window > Info), кликните по значку (+) рядом с координатами X и Y, и выберите пункт Пикели. Оставьте эту панель открытой.

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

Пройдите в меню: Фильтр > Рендринг > Блик (Filter > Render > Lens Flare). Далее кликните, удерживая Alt в окне предпросмотра блика. В результате откроется небольшое окно, куда можно будет ввести точные координаты блика. Задайте сохраненные ранее координаты в поле для центра блика (Set flare center), и нажимайте OK, чтобы закрыть окно.

Возвращаемся в основное диалоговое окно настройки блика и выбираем тип объектива: 105 mm Prime. Нажатием OK, закрываем и это окно. В результате наш блик будет расположен точно в заданных координатах.

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

Шаг 28
Повторите описанный выше процесс создавая еще несколько бликов. Затем пройдите в меню Изображение > Коррекция > Обесцветить (Image > Adjustment > Desaturate). В результате излишняя интенсивность бликов будет уменьшена. На скриншоте ниже показан пример расположения бликов.

Шаг 29
Наконец, уменьшите Непрозрачность (Opacity) слоя с бликами до 50%.

Вот мы и закончили!
Поздравляю! Текст с реалистичным золотым покрытием готов.

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

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

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

Многие мудрецы и поэты воспевали и проклинали золото:

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

А у нас в роли «философского камня» выступит программа Фотошоп, с помощью которой можно превратить в золото все — и металл, и глину, и стекло.

«Всё моё»,- сказало злато;

«Всё моё»,- сказал булат.

«Всё куплю»,- сказало злато;

«Всё возьму»,- сказал булат.

Александр Пушкин

Итак, давайте же возьмём всё золото мы сами, будем создавать золото в фотошопе .

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

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

В Фотошопе есть несколько способов решить нашу задачу.

Способ 1 .

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

Давайте превратим этот серебряный Грааль в золотой.

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

Как это сделать смотрите .

Затем, при активном инструменте выделения, жмём ПКМ и выбираем «Скопировать на новый слой».

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

Создаём новый корректирующий слой «Кривые» (значок чёрно-белого кружочка внизу панели слоёв).

В открывшейся палитре настроек переходим в красный канал. Для того чтобы «Кривые» применились только к верхнему слою, активируем кнопку привязки (внизу крайняя левая). Ставим точку в центре на кривой, и тянем её вверх и вправо, до достижения оттенка, как на скриншоте:

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

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

Добавим контраста нашему Граалю с помощью кривой – в этом же окне придадим кривой RGB S-образную форму, как на скриншоте ниже:

Последний штрих – подложите под наш кубок какой-нибудь контрастный фон.

Способ 2.

В принципе это не отдельный способ, а дополнение к способу 1. Заключается он в том, что к изображению добавляется ещё один корректирующий слой «Кривые», причём добавить его надо самым первым. Кривая довольно сложная и описывать её действие подробно здесь не вижу смысла, т.к. это не тема урока (кому очень интересно, поищите в Интернете). Просто повторите форму кривой по скриншоту (я его приложил отдельным файлом JPEG в папке «Золото»). Скажу только, что такая форма кривой добавляет очень интересный эффект контраста, похожий на металлический отблеск на материалах, к металлу отношения не имеющего. Правда не со всеми материалами этот эффект работает хорошо. Попробуйте снизить непрозрачность или вовсе удалите, если где-то не подойдёт. Пробуйте!

Для этого эффекта, после вырезания объекта на новый слой и его обесцвечивания, добавьте новый корректирующий слой «Кривые», как показано ниже. Постарайтесь повторить форму кривой (но опять же, эта форма — не догма, пробуйте!). Получится примерно так:

Кстати, иногда совсем другого эффекта можно достичь, если не обесцвечивать объект. Пробуйте!

Способ 3.

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


В первую очередь, вырезаем объект на новый слой. Маленький совет – если фон абсолютно однородный, то используйте инструмент «Волшебный ластик» (в группе «Ластик»). Установите в качестве основного цвета – цвет фона картинки. Для этого инструментом «Пипетка» щёлкните по фону картинки, установится основной цвет, и щёлкните волшебным ластиком по фону, он исчезнет (здесь я специально добавил цветной фон для наглядности).

Следующим шагом обесцветьте изображение. Это можно сделать разными способами. Самое простое – переходите в меню «Изображение > Коррекция > Обесцветить (Shift + Ctrl + U)», либо – корректирующий слой «Цветовой тон/Насыщенность» и убрать насыщенность до нуля (не забудьте включить связку со слоем внизу панели слоёв слева).

Поработаем с корректирующими слоями.

Выбираем ещё раз корректирующий слой «Цветовой слой/Насыщенность» и выставляем значения, как на скриншоте.

Цветовой тон – 42 -45; — Насыщенность – 45-48; — Яркость — -12.

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

Ну и, конечно же, красивый фон.

Способ 4.

Самый простой. Примените стиль слоя к выделенному объекту. Если предмет не на прозрачном слое, вырежьте его на отдельный слой (удобным для Вас инструментом выделения) — и, не снимая выделения (либо щёлкните по иконке слоя с зажатой клавишей Ctrl), выберите какой-либо стиль из списка установленных. Для этого перейдите в меню «Окно > Стили» и выберите нужный стиль.

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

И от меня бонусом несколько штук (скачайте по ссылке в конце урока).

Как устанавливать? Проще простого: два раза щёлкните по файлу стиля (.asl), запустится Фотошоп (если он ещё не был запущен), откройте палитру «Стили» и в конце списка Вы увидите скачанные стили, а дальше применяйте их как Вам угодно. Если не очень понятно объяснил, спрашивайте в комментариях или введите поисковый запрос в Яндекс или Гугл – уроков очень много подробных и не очень.

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

Вот ещё несколько примеров

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

Удачных Вам творческих работ.

Скачать урок в формате PDF и материалы к нему:

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

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

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

Данную картинку в полном размере и формате png, а так же исходники и другие материалы к уроку вы можете сказать здесь в блоке «Материалы» справа. В видео-уроке, кроме наушников я покрываю золотом автомобиль, исходники и изображения так же имеются в указанном разделе.

И так, я взял изображение наушников в формате png, которое предварительно вырезано и не имеет заднего фона. Если вы хотите использовать какой-то свой объект, то его необходимо предварительно вырезать с заднего фона, если вы не знаете, как это сделать, ознакомьтесь с одним из способов в уроке » «.

1. Первым делом создаем новый холст, на котором будем работать, в верхнем меню выбираем «Файл» — «Создать» и задаем необходимые размеры, я установил размер 1024px на 1024px.

Поскольку золото хорошо смотрится на темном фоне, выполним заливку холста темно-серым цветов, близком к черному. Теперь откроем программой фотошоп изображение наушников, перетащим его на наш холст и настроем его размер, выбрав в верхнем меню «Редактирование» — «Свободное трансформирование» или нажав комбинацию клавиш «Ctrl + T». При изменении размера удерживаем клавишу «Shift», чтобы изображение оставалось в своих пропорциях.

2. Далее, необходимо скопировать слой с наушниками, для этого удерживая клавишу «Alt», кликнув по слою с наушниками в панели слове левой клавишей мыши и удерживая обе клавиши перетаскиваем данный слой вверх. Таким образом получится копия слоя с изображением наушников. Далее сделаем этот новый слой с изображением наушников черно-белым. Для этого выделяем его, кликнув левой кнопкой мыши в панели слоев и в верхней панели меню выбираем «Изображение» — «Коррекция» — «Черно-белое», либо нажимаем комбинацию клавиш «Alt + Shift + Ctrl + B». В появившемся окне настроек ничего не меняем, просто нажимаем «Ок».

Снова копируем слой с черно-белым изображением наушников и делаем инверсию для данного слоя, выбрав в верхнем меню «Изображение» — «Коррекция» — «Инверсия», либо нажав комбинацию клавиш «Ctrl + I». В результате получим вот такой эффект.

Теперь этому слою установим наложение «Разница», выбираем его в панели слоев, вместо наложения «Обычные».

3. Теперь проделываем еще раз все тоже самое с получившимся слоем, а именно, копируем его, делаем инверсию, устанавливаем наложение «Разница» и объединяем с предыдущим. В результате должно получиться вот такое изображение.

4. Далее на получившееся изображение (слой) будем накладывать корректирующий слой с цветом. Для этого выделяем этот слой и в панели слоев снизу кликаем по иконке создания корректирующего слоя и открывшемся списке меню выбираем «Цветовой баланс».

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

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

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

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

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

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

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

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

Вот таким не сложным способом в программе фотошоп можно практически любой объект покрыть позолотой.

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

Конечный результат:

Шаг 1

Откройте изображение узора в Фотошопе. Мы будем использовать его в качестве фона для текста. Перейдите в меню Редактирование > Определить узор (Edit > Define Pattern) и сохраните изображение как узор.

Создайте новый документ (Ctrl + N) размером 1152х900 пикселей. Установите основной цвет — #8a5240, а фоновый — #310901. Выберите инструмент Градиент (Gradient Tool) (G): Стиль (Style) — Радиальный (Radial), Градиент — От основного к фоновому (Foreground to Transparent). Сделайте заливку из центра холста к любому краю.

Выберите инструмент Заливка (Paint Bucket Tool) (G) и в настройках на верхней панели установите заливку Узором (Pattern). В списке выберите узор, сохранённый в начале урока. Создайте новый слой (Ctrl + Shift + N) и залейте его узором.

Установите Режим наложения (Blending Mode) слоя с узором на Перекрытие (Overlay) и понизьте Непрозрачность (Opacity) до 60%.

Шаг 2

Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T), перейдите в меню Окно > Символ (Window > Character) и настройте, как показано ниже. В настройках инструмента на верхней панели включите Сглаживание (Anti-aliasing) и установите Метод сглаживания (Anti-aliasing method) на Резкое (Sharp). Напишите что-нибудь на холсте. Я, например, написал «A Heart of Gold».

Кликните дважды на текстовом слое, чтобы открыть окно стилей. Примените следующие стили:

Тиснение (Bevel & Emboss):

Контур (Contour):

Внутреннее свечение (Inner Glow):

Глянец (Satin):

Наложение градиента (Gradient Overlay):

Отбрасывание тени (Drop Shadow):

Результат:

Шаг 3

Создайте новый слой поверх остальных и назовите его «Texture». Установите основной цвет на #ffef48 , а фоновый на #593809 .

Сделайте выделение текстового слоя (удерживая Ctrl, кликните на миниатюре слоя).

Примените фильтр Облака, Фильтр > Рендеринг > Облака (Filter > Render > Clouds). Чтобы убрать выделение с холста, нажмите Ctrl + D.

Шаг 4

Перейдите галерею фильтров Фильтр > Галерея фильтров (Filter > Filter Gallery). В категории Эскиз (Sketch) выберите фильтр Волшебный карандаш (Conte` Crayon) и настройте его, как показывает следующий скриншот.

Результат:

Результат:

Затем примените фильтр Масляная живопись (Paint Daubs) из категории Имитация художественных эффектов (Artistic).

Результат:

Установите Режим наложения (Blending Mode) слоя «Texture» на Мягкий свет (Soft Light) и понизьте Непрозрачность (Opacity) слоя до 30%. На тексте появится красивый эффект отражения, как на настоящем золоте.

Шаг 5

Установите основной цвет на #9e0039 , выберите инструмент Кисть (Brush Tool) (B) и перейдите в палитру кистей (F5).

Настройте кисть, как показано ниже:

Форма отпечатка кисти (Brush Tip Shape):

Динамика формы (Shape Dynamics):

Шаг 6

Кликните правой кнопкой мыши на текстовом слое и выберите пункт Создать рабочий контур (Create Work Path).

Создайте новый слой под текстовым и назовите его «Stroke». Выберите инструмент Стрелка
(Direct Selection Tool) (A).

Кликните правой кнопкой на контуре и выберите пункт Выполнить обводку контура (Stroke Path).

В появившемся окне выберите Кисть (Brush) и установите галочку на функции Имитировать нажим (Simulate Pressure).

Контур будет обведён кистью, которую мы настраивали в пятом шаге.

Шаг 7

Перейдите к стилям слоя «Stroke» и настройте их так:

Тиснение (Bevel & Emboss):

Контур (Contour):

Отбрасывание тени (Drop Shadow):

Текст станет толще и объёмнее.

Той же кистью нарисуйте точки на краях красной обводки.

Шаг 8

Поверх всех слоёв нужно создать корректирующий слой Карта градиента (Gradient Map). Это можно сделать через иконку чёрно-белого круга в нижней части палитры слоёв.

Установите Режим наложения (Blending Mode) корректирующего слоя — Мягкий свет (Soft Light) и понизьте Непрозрачность (Opacity) до 50%.

Настройте градиент так:

Цвета станут ярче и светлее.

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

Facebook

Twitter

Вконтакте

Одноклассники

Google+

Xamarin.Forms Кисти: градиенты — Xamarin

  • Чтение занимает 2 мин

В этой статье

Скачать пример

GradientBrushКласс является производным от Brush класса и является абстрактным классом, описывающим градиент, который состоит из ограничителей градиента. Градиентные кисти закрашивают область разными цветами, которые переходят из одного в другой по некоторой оси. Классы, производные от, GradientBrush описывают различные способы интерпретации ограничителей градиента и Xamarin.Forms предоставляют следующие градиентные кисти:

GradientBrushКласс определяет GradientStops свойство типа GradientStopsCollection , которое представляет позиции градиента кисти, каждый из которых задает цвет и смещение вдоль оси градиента кисти. Объект GradientStopsCollection является ObservableCollection набором GradientStop объектов. GradientStopsСвойство поддерживается BindableProperty объектом, что означает, что он может быть целевым объектом привязок данных и имеет стиль.

Примечание

GradientStopsСвойство является свойством ContentProperty GradientBrush класса, поэтому его не нужно явно задавать из XAML.

Позиции градиента

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

Класс GradientStop определяет следующие свойства:

  • ColorТип Color , представляющий цвет ограничителя градиента. Значение по умолчанию этого свойства равно Color.Default.
  • OffsetТип float , который представляет положение ограничителя градиента в векторе градиента. Значение этого свойства по умолчанию равно 0, а допустимые значения находятся в диапазоне от 0,0 до 1,0. Чем ближе это значение к 0, тем ближе цвет к началу градиента. Аналогично, чем ближе это значение к 1, тем ближе цвет к концу градиента.

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

Важно!

Система координат, используемая градиентами, относится к ограничивающему прямоугольнику для области вывода. 0 указывает 0 процентов ограничивающего прямоугольника, а 1 указывает 100 процентов ограничивающего прямоугольника. Таким образом, (0,5, 0,5) описывается точка в середине ограничивающего прямоугольника, а (1, 1) описывает точку в нижней правой части ограничивающего прямоугольника.

В следующем примере XAML создается Диагональ LinearGradientBrush с четырьмя цветами:

<LinearGradientBrush StartPoint="0,0"
                     EndPoint="1,1">
    <GradientStop Color="Yellow"
                  Offset="0.0" />
    <GradientStop Color="Red"
                  Offset="0.25" />
    <GradientStop Color="Blue"
                  Offset="0.75" />             
    <GradientStop Color="LimeGreen"
                  Offset="1.0" />
</LinearGradientBrush>                                                       

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

На этой схеме круги отмечают позиции ограничителей градиента, а пунктирная линия — ось градиента. Первая позиция градиента задает желтый цвет со смещением 0,0. Вторая позиция градиента задает красный цвет со смещением 0,25. Точки между этими двумя ограничителями градиента постепенно меняются от желтого к красному по мере перемещения слева направо вдоль оси градиента. Третья позиция градиента задает синий цвет с смещением 0,75. Цвета между вторым и третьим ограничениями градиента постепенно меняются от красного к синему. Четвертая позиция градиента указывает цвет, светлое зеленый по отношению к смещению 1,0. Цвета между третьим и четвертым ограничениями градиента постепенно меняются от синего к зеленому.

Найдите недостающие градиенты, узоры и формы в Photoshop

Классические градиенты, узоры и формы

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

Автор Стив Паттерсон.

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

И устаревшие — это еще не все, чего не хватает. Фактически, по умолчанию нам доступны только некоторые из новых узоров и форм Photoshop. Большинство из них скрыто, в том числе сотен новых форм, которые только и ждут, чтобы их нашли. Я покажу вам, где их найти и как загрузить, чтобы у вас был доступ ко всем градиентам, узорам и формам, включенным в Photoshop!

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

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Настройка Photoshop

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

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

Главный экран Photoshop.

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

Щелкните значок Photoshop.

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

Основной интерфейс Photoshop.

Как загрузить недостающие градиенты Photoshop

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

Шаг 1. Откройте панель «Градиенты».

Сначала откройте панель Gradients . Вы найдете его в той же группе панелей, что и панели «Цвет», «Образцы» и «Узоры»:

.

Открытие панели «Градиенты».

Если вы не видите панель «Градиенты», вы можете открыть ее, перейдя в меню Window в строке меню и выбрав Gradients .Но если рядом с его названием стоит галочка, это означает, что панель уже открыта и выбор ее в меню закроет ее:

Переход к окну> Градиенты.

Градиенты Photoshop по умолчанию

На панели «Градиенты» градиенты разделены на группы в зависимости от темы («Основные», «Синие», «Пурпурные» и т. Д.). И все эти группы являются новыми по состоянию на Photoshop 2020.

Вы можете прокручивать группы, используя полосу прокрутки справа от панели:

Группы градиентов по умолчанию.

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

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

Как открыть группу

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

Щелкните стрелку, чтобы открыть группу.

Как изменить размер миниатюр

Вы можете изменить размер эскизов градиентов, щелкнув значок меню панели «Градиенты» в правом верхнем углу:

Щелкнув значок меню.

И выбрав Small или Large Thumbnail из списка:

Параметры размера эскиза.

Как закрыть группу

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

Закрытие группы.

Совет! Как открыть и закрыть сразу все группы

Прежде чем мы посмотрим, как загрузить больше градиентов, вот небольшой совет. Если вы нажмете и удержите клавишу Ctrl (Win) / Command (Mac) на клавиатуре и откроете группу, вы откроете каждую группу одновременно.Затем вы можете прокручивать миниатюры для просмотра градиентов. Снова удерживайте Ctrl (Win) / Command (Mac) при закрытии группы, чтобы закрыть их все сразу.

Этот трюк работает не только с панелью «Градиенты», но также с панелями «Узоры» и «Фигуры», которые мы рассмотрим чуть позже:

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

Подробнее: Создайте градиент радуги в Photoshop!

Шаг 2. Щелкните значок меню панели «Градиенты»

Все градиенты, которые мы видели до сих пор, являются новыми в Photoshop 2020.Чего не хватает, так это устаревших градиентов из более ранних версий. Чтобы загрузить их, щелкните значок меню панели «Градиенты» :

Щелкнув значок меню.

Шаг 3: выберите

Legacy Gradients

Затем в меню выберите Legacy Gradients :

Выбор устаревших градиентов .

Шаг 4. Откройте группу «Устаревшие градиенты»

Новая группа «Устаревшие градиенты» появляется под остальными:

Новая группа Legacy Gradients.

Шаг 5. Выберите устаревший градиент

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

устаревших градиентов Photoshop.

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

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

Открытие всех устаревших групп градиентов сразу.

И вот как загрузить недостающие градиенты в Photoshop!

Подробнее: как применять градиенты из панели «Градиенты»

Как загрузить недостающие шаблоны Photoshop

Далее мы узнаем, как загрузить недостающие шаблоны. В отличие от панели «Градиенты», где отсутствуют только градиенты из более старых версий Photoshop, на панели «Узоры» отсутствуют устаревшие узоры, а также большинство новых узоров из Photoshop 2020.Итак, вот как их загрузить.

Шаг 1. Откройте панель «Узоры»

Откройте панель Patterns , которая находится рядом с панелью Gradients:

Открытие панели «Узоры».

Если вы его не видите, перейдите в меню Window и выберите Patterns :

Переход к Window> Patterns.

Шаблоны по умолчанию в Photoshop

Как и в случае с градиентами, узоры делятся на группы в зависимости от темы.По умолчанию перечислены только три группы (деревья, трава и вода), но все три являются новыми в Photoshop 2020:

.

Новые группы шаблонов по умолчанию.

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

Открытие одной из групп.

Вы можете изменить размер эскиза, щелкнув значок меню :

Щелкнув значок меню.

И выбираем новый размер. Я переключусь с Large Thumbnail на Small :

Параметры размера эскиза рисунка.

А чтобы закрыть группу, нажмите еще раз на стрелку:

Закрытие группы.

Шаг 2. Щелкните значок меню панели «Узоры»

Чтобы загрузить больше новых узоров из Photoshop 2020, а также все старые узоры из более ранних версий, щелкните значок меню панели «Узоры» :

Щелкнув значок меню.

Шаг 3: выберите

устаревшие шаблоны и другие

И выберите Legacy Patterns и многое другое :

Выбор устаревших шаблонов и др. .

Шаг 4. Откройте группу «Устаревшие шаблоны и многое другое»

Затем откройте новую папку Legacy Patterns and More:

Открытие группы Legacy Patterns and More.

Шаг 5. Выберите новый или устаревший градиент

И внутри еще две папки, одна для шаблонов 2019 и одна для шаблонов Legacy :

Папки паттернов 2019 и устаревшие паттерны.

Выкройки 2019 года

Шаблоны 2019 содержат еще пять групп, впервые добавленных в Photoshop 2020 (звучит запутанно, но на самом деле Photoshop 2020 был выпущен в 2019 году):

Выкройки 2019 года.

Унаследованные шаблоны

And Legacy Patterns содержит все классические наборы узоров из более ранних версий Photoshop:

Унаследованные шаблоны.

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

Все устаревшие группы открываются одновременно.

И вот как загрузить недостающие узоры в фотошоп!

Как загрузить недостающие формы Photoshop

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

Шаг 1. Откройте панель «Фигуры»

В отличие от панелей «Градиенты» и «Узоры», панель «Фигуры» не является частью рабочего пространства Photoshop по умолчанию. Итак, чтобы открыть его, перейдите в меню Window и выберите Shapes :

.

Переход к окну> Фигуры.

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

Панель «Фигуры».

Формы Photoshop по умолчанию

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

Четыре группы фигур по умолчанию.

Опять же, если мы развернем группу, мы увидим формы внутри нее:

Открытие группы Leaf Trees.

И если вы щелкните значок меню на панели :

Щелкнув значок меню.

Вы можете изменить размер эскиза:

Параметры размера эскиза фигуры.

Шаг 2. Щелкните значок меню панели «Фигуры»

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

Щелкнув значок меню.

Шаг 3. Выберите

унаследованных фигур и многое другое

И выберите Legacy Shapes и многое другое :

Выбор устаревших фигур и др. .

Шаг 4: Откройте группу Legacy Shapes and More

Twirl откройте новую папку Legacy Shapes and More:

Группа Legacy Shapes и многое другое.

Шаг 5. Выберите новую или устаревшую форму

А внутри еще две папки: 2019 Shapes и All Legacy Default Shapes :

Папки « Фигуры 2019 » и « Все устаревшие фигуры по умолчанию ».

2019 Формы

В отличие от папки Patterns 2019, которая включала только несколько групп из Photoshop 2020, папка Shapes 2019 содержит еще 30 групп с сотнями других фигур в общей сложности. Вы найдете фигуры людей, животных, транспортных средств, игр, динозавров и многое другое:

Формы 2019 года.

Подробнее: как рисовать фигуры на панели «Фигуры»

Все устаревшие формы по умолчанию

А папка All Legacy Default Shapes содержит все формы из предыдущих версий Photoshop:

Унаследованные формы.

Куда идти дальше!

И вот оно! Вот как загрузить недостающие градиенты, узоры и формы в Photoshop! Если вы используете кисти Photoshop, вы также захотите узнать, как загрузить недостающие кисти Photoshop и как загрузить более 1000 новых кистей!

Ознакомьтесь с другими моими уроками по основам Photoshop и не забывайте, что все мои уроки теперь доступны для загрузки в формате PDF!

Огромная коллекция свежих бесплатных и премиальных дополнений для ваших дизайнов

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

Бесплатные дополнения для ваших проектов

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

Свежие свободные градиенты

Лучшие бесплатные градиенты, подобранные вручную для вашего вдохновения.

1. Бесплатный пакет Ultimate Gradients № 1

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

2. Бесплатный пакет градиентов

Бесплатный набор ярких цветных металлических градиентов для ваших шикарных и потрясающих дизайнерских проектов.

3. Бесплатные градиенты старых фотографий

Бесплатные градиенты с цветами от старых монохромных фотографий, от дагерротипов до современной серебряной эмульсии.

4. Бесплатный пакет Ultimate Gradients № 4

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

5. Бесплатная очистка градиентов Photoshop

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

Новые бесплатные кисти

Ознакомьтесь с бесплатными кистями для ваших творческих проектов.

1. Бесплатный набор кистей

Бесплатная серия файлов кистей для ваших иллюстраций. Пакет доступен как для личного, так и для коммерческого использования.

2. Свободные мазки основной кистью

Набор из 100 мазков, созданных с помощью различных кистей и акриловых красок. Здесь включено все, от простых мазков кисти до смайликов.

3. Бесплатно 20 акварельных кистей PS abr.

Набор из 20 акварельных кистей PS с мокрой гранжевой текстурой высокого разрешения.

4. Free Painted Mask PS Кисти абр.

Набор из 20 окрашенных кистей PS для масок с текстурой высокого разрешения, окрашенной в стиле гранж.

5. Щетки Free Heart PS

Связка из 20 кистей PS в форме сердца с художественными репродукциями старинных штампов высокого разрешения.

Самые последние бесплатные формы

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

1. Свободные формы этикеток

Бесплатный набор этикеток и тегов Photoshop для создания потрясающего визуального образа или фона.

2. Бесплатная упаковка в виде значков / кнопок

Бесплатный набор иконок и кнопок формы. Это красочный набор для ваших самых креативных проектов.

3. Пакет в форме бесплатной кнопки

Бесплатный файл shape pack, содержащий шесть красочных кнопок и доступный в формате .png. Скачивайте и наслаждайтесь!

4. Пользовательские формы в бесплатном Photoshop — 7 звезд для причудливого дизайна

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

5. Бесплатно форма Мэрилин Монро

Элегантно выполненная свободная форма Мэрилин Монро для ваших красивых и привлекательных дизайнов.

Набор премиум-надстроек, подобранный для вас вручную

А теперь, пожалуйста, взгляните на некоторые профессионально разработанные привлекательные дополнения, которые, вероятно, будут полезны для вашего следующего дизайн-проекта.

Выборочные премиальные градиенты

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

1. Набор графических стилей Premium 1600 Gradients

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

2. Фоны с градиентной сеткой

Премиум-коллекция из 90 градиентных сеток Adobe Illustrator, готовых к использованию.Используйте инструмент Transform, чтобы масштабировать и вращать до любого размера. Это векторные фоны.

3. Осенние градиенты премиум-класса

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

4. Фотографические светофильтры премиум-класса

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

5. Летние градиенты премиум-класса

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

Кисти Premium для вашего вдохновения

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

1. Набор кистей Premium PS — Масонские символы

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

2. Набор кистей Premium Ethnic Tribal Vector

Набор векторных кистей премиум-класса красочная радуга этнических племен. Кисти включены сюда.

3.Premium Vector Набор кистей для чернил

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

4. Кисть для надписей Premium iPad для Procreate

Универсальные кисти премиум-класса для выделения ваших цифровых надписей. Он вдохновлен традиционными буквами кистью и идеально подходит как для сценария, так и для повседневного стиля письма.

5. Кисть Premium Party Procreate

Специальная кисть Procreate для iPad и Apple Pencil. Веселый стиль письма конфетти станет забавным дополнением к вашей коллекции кистей Procreate.

Коллекция лучших премиальных акций

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

1.Предустановка Life Style Clean Modern Premium

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

2. Экшен Century Photoshop Premium

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

3. Эффект Бахара Экшен Photoshop Premium

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

4. Экшен Photoshop «Винтажная пленка премиум-класса»

Экшен Photoshop премиум-класса, придающий кадрам с цифровой камеры цвета и зернистость ваших любимых старинных пленок.

5. Экшен Photoshop Premium Neverland

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

Заключение:

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

Создание рефератов с использованием градиентов | Photoshop Elements & More

Введение

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


ИСПОЛЬЗОВАНИЕ ГРАДИЕНТНЫХ ЩЕТК (проще)



ИСПОЛЬЗОВАНИЕ ВЫБОРОВ (более креативно — в любом случае для меня)



Использование градиентных кистей


Я скачал несколько градиентных кистей — бесплатно :

myphotoshopbrush.com / brush / id / 292/

, но, похоже, в Интернете есть множество доступных.

1. Мне нравится черный и белый, поэтому я установил для маленьких квадратов в левом нижнем углу экрана PSE значение «по умолчанию» — черно-белый (или наоборот, в зависимости от того, что вы хотите

2. Откройте новый белый документ такого размера / пропорции, который вам подходит

3. Откройте новый слой и попробуйте кисть, чтобы убедиться, что она вам нравится, выбрав кисть и щелкнув ОДИН РАЗ (не перетаскивая) на новом слое

4.откройте новый пустой слой и попробуйте ту же кисть или другую в другой ориентации

5. на этом этапе размер / ориентация не имеет большого значения, но я сделал кисть БОЛЬШОЙ, чтобы я мог видеть производимый эффект

6. Не забудьте поместить каждую кисть на отдельный слой

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


1. «Ctrl + T», чтобы открыть «свободное преобразование», а затем переместите отдельный слой. мазок кистью по странице / изменяйте его, растягивая или сжимая и т. д., пока не доберетесь до нужного места


2.повторить для каждого слоя


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

8. Наконец, я добавил градиент от темного левого к более светлому правому


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

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

http: //www.essential-photoshop-eleme…-elements.html

и

http: //www.essential-photoshop-eleme…-elements.html

Если вы устанавливаете кисти, они постоянно доступны в PSE

Если вы загружаете кисти, вы вызываете их каждый раз, когда хочу их использовать.

Установка множества кистей замедлит PSE (я думаю)

Использование выделений


Я следовал руководству по адресу:


www.tutorial9.net/tutorials/photoshop-tutorials/creating-the-windows- vista-lighting-effect /

кроме:


a.Я начал с пустого цветного нового файла, а не с картинки
b. Я не применил шаг 3, так как не мог разобраться в нем для PSE 11.

Сепиана выручила на этом этапе, сказав:

«Я проверил шаг 3. Проблема в том, что у элементов нет цвета. Слой регулировки баланса. Я заметил у вас PSE11. Вы можете использовать команду «Варианты цвета» («Улучшение»> «Настроить цвет»> «Варианты цвета»).


Сепиана также предложила другую возможность — использовать действие «Цветовой баланс», созданное Тони (но у меня его нет)

При использовании метода «выделения» вы можете добавить разнообразия, выбирая квадраты, прямоугольники и т. Д., А не просто создавая изогнутые lines:

Adobe Photoshop 2021 Скачать бесплатно

Adobe Photoshop 2021 Скачать бесплатно последнюю версию для ПК.Это полный автономный установщик автономной установки Adobe Photoshop 2021 v22.5.1.441.

Обзор Adobe Photoshop

Adobe Photoshop 2021 — мощное и продвинутое приложение, которое широко используется различными компаниями, профессиональными художниками, дизайнерами и создателями. Приложение предоставляет пользователям полный доступ и контроль над импортированными медиафайлами, например, пользователи могут выполнять редактирование, манипуляции, цветокоррекцию, добавление и удаление объектов, размытие фона, добавлять больше цветов и градиентов, добавлять формы, создавать логотипы, веб-дизайн и т. Д. намного больше.Вы также можете скачать BatchPhoto Enterprise.

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

Функции Adobe Photoshop

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

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

Adobe Photoshop Технические подробности установки

  • Программное обеспечение Полное имя: Adobe Photoshop 2021
  • Имя файла установки: Adobe_Photoshop_2021_v22.5.1.441 × 64.rar
  • Полный размер установки: 2,3 ГБ
  • Тип установки: Автономный установщик / Полная автономная установка
  • Архитектура совместимости: 64-битная (x64)
  • Последняя версия Выпуск добавлен: 28 сентября 2021 г.
  • Разработчики: Adobe

Системные требования для Adobe Photoshop

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

  • Операционная система: Windows 7/8 / 8.1 / 10.
  • Память (ОЗУ): требуется 1 ГБ ОЗУ.
  • Место на жестком диске: требуется 3 ГБ свободного места.
  • Процессор: двухъядерный процессор Intel или новее.

Adobe Photoshop Скачать бесплатно

Нажмите кнопку ниже, чтобы начать загрузку Adobe Photoshop. Это полный автономный установщик и автономная установка для Adobe Photoshop. Это будет совместимо с 64-битными окнами.

Пароль 123

Последнее обновление этого сообщения: 24 октября 2021 г.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *