SlideShare a Scribd company logo
1 of 36
Модуль 1
ОСНОВЫ РАБОТЫ В
ADOBE PHOTOSHOP
5. Градиентные заливки
5. ГРАДИЕНТНЫЕ
ЗАЛИВКИ
Градиентные заливки
Понятие градиентной
заливки.
Создание и
градиентных заливок.
Плавные и шумовые
градиентные заливки
ГРАДИЕНТ
плавный переход от одного цвета к другому, как правило, через промежуточные оттенки этих цветов.
Например, градиентом можно считать цветовую гамму, которая начинается с красного цвета, далее
белее светлые оттенки красного пока всё это дело не перейдёт в белый цвет. Такой градиент
переходом от красного до белого цвета.
Градиент в группе с инструментом
Заливка (Paint Bucker),
клавиша G(или Shift+G
для переключения между ними)
«Градиент» предназначен для создания
заливки, сочетающей несколько цветовых
оттенков, плавно переходящих друг в
друга. Градиентную заливку используют
начинающие и опытные дизайнеры. Она
используется при создании сайтов,
презентаций, интерфейсов.
Gradient Tool (Инструмент «Градиент» / Клавиша «G»)
НАСТРОЙКА ГРАДИЕНТА
Непрозрачность Opacity
Задает степень непрозрачности
градиента. Низкое значение параметра
непрозрачности позволяет пикселям
под градиентом просвечиваться.
Перетащите ползунок или введите
значение непрозрачности в числовом
поле.
Инверсия Reverse
(Реверсировать)
Заменяет на обратный порядок
следования цветов в градиенте.
Прозрачность
Использует прозрачность градиента
(вместо прозрачных областей
изображения), если градиент имеет
прозрачные области.
Дизеринг
Сводит к минимуму возможное появление
полосок на градиенте.
Линейный градиент (Linear Gradient) – переход осуществляется по прямой линии вдоль
определённого направления.
Радиальный градиент (Radial Gradient) – изменение цвета равномерно во все стороны от
центральной точки.
Конусовидный градиент (Angle Gradient) – переход цвета по кругу с центром в заданной точке по
часовой стрелке.
Зеркальный градиент (Reflected Gradient) – два линейных градиента, которые распространяются от
начальной точки в противоположных направлениях.
Ромбовидный градиент (Diamond Gradient) – образующие линии выстраиваются в виде ромба.
ГРАДИЕНТНЫЕ ЗАЛИВКИ
Линейный градиент (Linear gradient)
Линейный градиент это самый простой градиент, который можно охарактеризовать как
переход между цветами вдоль прямой линии. Угол перехода можно установить любой.
перехода заключается в том, что оттенки меняются вдоль прямой линии, проложенный от
до конечной точки.
Отраженный градиент/ Зеркальный (Reflected gradient)
Отраженный градиент это тот же линейный градиент, также переходящий из одного цвета в другой по
повторяется этот градиент дважды. Происходит зеркальное отражение градиента. Это делает создание и
редактирование сложного линейного градиента не таким тяжёлым.
Зеркальный градиент отражает один и тот же
линейный градиент по обе стороны от начальной
точки.
Радиальный градиент (Radial gradient)
Радиальные градиенты это плавный переход от одного цвета к другому, начиная из центра (или из
другой выбранной точки) и заканчивая самой дальней точкой от центра градиента, по круговой схеме.
Радиальные градиенты удобны для создания сфер и создания эффектов, применяемых к краю у
элементов. Центральную точку градиента можно перемещать с помощью курсора мыши, пока
или окно стилей открыто.
Радиальный
градиент обес
печит
цветовой
переход от
центральной
точки к
радиусу.
Угловой градиент / конический (Angle gradient)
Угловой градиент это переход от одного цвета к другому по окружности, используя угол как шаг изменения. Угловой
это отличный способ для имитации отражения окружающей обстановки на полированных металлических предметах.
Центральную точку градиента можно перемещать с помощью курсора мыши, пока градиентное окно или окно
Конусовидный
градиент выполняет
затенение в виде
спирали, развернутой
против часовой
стрелки вокруг
начальной точки.
Ромбовидный градиент (Diamond gradient)
Выполняет затенение во все стороны от начальной точки в виде ромбовидного узора. Конечная
определяет один из углов ромба.
Ромбовидный
градиент
выполняет
цветовой
переход от
центра к углам
ромба.
Градиенты могут состоять не только из двух основных цветов. В одном
переходе может содержаться разумно большое количество ключевых
промежуточных цветов. Применение в одном градиенте нескольких
цветовых переходов позволяет создавать очень интересные эффекты.
ПОНЯТИЕ ГРАДИЕНТНОЙ ЗАЛИВКИ
Работа с градиентами
Практикум 1
Применить все градиенты
Сделать скрины
промежутков работы
Выбрать свою палитру
цветов
2480 х 3508 px / R:300
В Adobe Photoshop градиентные заливки
бывают двух типов: плавные (или, если
переводить буквально — сплошные)
и шумовые (по английски они называются
Solid и Noise соответственно). Это два
совершенно разных типа градиентов,
абсолютно не похожие друг на друга.
Reset Gradients
(Сброс градиентов)
Диалоговое окно градиента
New Gradient вызывает окно редактирования параметров градиента
Delite Gradient удаляет заготовку
Практическое задание:
Каким инструментом закрашен узор - создайте свою версию
Как сохранить градиент
В редакторе градиентов можно сохранять созданные
градиенты, чтобы быстро использовать их для обработки
других фотографий. Это может понадобиться для созданий
фирменного стиля дизайна и обработки фото
Создание и использование градиентных заливок
Трансформация градиента
Нажмите Ctrl + F несколько раз, чтобы повторно применить размытие несколько раз, а затем используя
инструмент Free Transform (Ctrl + T), уменьшим высоту, если это необходимо.
Дизеринг
Сводит к минимуму возможное появление полосок
градиенте
ПЛАВНЫЕ И ШУМОВЫЕ ГРАДИЕНТНЫЕ ЗАЛИВКИ
СОЗДАНИЕ ГРАДИЕНТА ШУМА
Градиент шума — это градиент, содержащий оттенки заданного спектра,
беспорядочно.
Градиент шума с разными значениями шума.
Грубость
Задает степень плавности перехода между оттенками градиента.
Цветовая модель
Задает цветовую модель, используемую для выбора спектра цветов,
включаемых в градиент. Чтобы задать спектр цветов, перетащите ползунки
каждого компонента цвета.
Ограничить цвета
Предотвращает перенасыщение цвета.
Добавить прозрачность
Добавляет прозрачность случайным оттенкам.
Переключиться в режим работы с шумовыми
градиентами можно, зайдя в настройки градиентной
заливки и выбрав режим Noise (Шумовой)
в раскрывающемся списке Gradient Type (Тип
градиента). Одна из главных настроек шумовых
градиентов — это параметр Roughness (Жёсткость),
который определяет... правильно, жёсткость или
мягкость градиента. При низких значениях жёсткости
шумовой градиент будет почти неотличим от
плавного, но по мере увеличения значения, в нём
будут проявляться отдельные контрастные линии.
При максимальных значениях никакого градиента,
собственно, не будет, потому что не будет плавных
переходов: вся заливка будет состоять из отдельных
разноцветных линий. Вторая самая важная настройка
шумового градиента — это кнопка Randomize
(Случайный). Шумовые градиенты не настраиваются
настраиваются в привычном понимании: вы просто
снова и снова нажимаете кнопку Randomize, чтобы
программа снова и снова случайным образом
генерировала градиент.
Практикум
Выделите вазу
На Вазе
создайте градиент
Практикум
Создание своей
композиции
Градиенты вдохновляют художников на создание творческих работ. Так, дизайнер Magdiel Lopez
активно использует градиенты в своих проектах. Такая заливка позволяет сочетать красоту линий с
эффектами объема и освещения.
http://www.modern-computer.ru/practice/photoshop/practical-
task-6-4.html
Создание пуговицы
https://photoshop-master.ru/adds/gradients/24510-gradientyi-veb-web.html
Создание своих веб градиентов
http://hronofag.ru/2011/10/making-wallpapers/
Обои для рабочего стола
Дополнительные задания

More Related Content

Featured

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Featured (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Photoshop 5

  • 1. Модуль 1 ОСНОВЫ РАБОТЫ В ADOBE PHOTOSHOP 5. Градиентные заливки
  • 2. 5. ГРАДИЕНТНЫЕ ЗАЛИВКИ Градиентные заливки Понятие градиентной заливки. Создание и градиентных заливок. Плавные и шумовые градиентные заливки
  • 3.
  • 4.
  • 5.
  • 6.
  • 7. ГРАДИЕНТ плавный переход от одного цвета к другому, как правило, через промежуточные оттенки этих цветов. Например, градиентом можно считать цветовую гамму, которая начинается с красного цвета, далее белее светлые оттенки красного пока всё это дело не перейдёт в белый цвет. Такой градиент переходом от красного до белого цвета. Градиент в группе с инструментом Заливка (Paint Bucker), клавиша G(или Shift+G для переключения между ними) «Градиент» предназначен для создания заливки, сочетающей несколько цветовых оттенков, плавно переходящих друг в друга. Градиентную заливку используют начинающие и опытные дизайнеры. Она используется при создании сайтов, презентаций, интерфейсов.
  • 8. Gradient Tool (Инструмент «Градиент» / Клавиша «G»)
  • 9. НАСТРОЙКА ГРАДИЕНТА Непрозрачность Opacity Задает степень непрозрачности градиента. Низкое значение параметра непрозрачности позволяет пикселям под градиентом просвечиваться. Перетащите ползунок или введите значение непрозрачности в числовом поле. Инверсия Reverse (Реверсировать) Заменяет на обратный порядок следования цветов в градиенте. Прозрачность Использует прозрачность градиента (вместо прозрачных областей изображения), если градиент имеет прозрачные области. Дизеринг Сводит к минимуму возможное появление полосок на градиенте.
  • 10. Линейный градиент (Linear Gradient) – переход осуществляется по прямой линии вдоль определённого направления. Радиальный градиент (Radial Gradient) – изменение цвета равномерно во все стороны от центральной точки. Конусовидный градиент (Angle Gradient) – переход цвета по кругу с центром в заданной точке по часовой стрелке. Зеркальный градиент (Reflected Gradient) – два линейных градиента, которые распространяются от начальной точки в противоположных направлениях. Ромбовидный градиент (Diamond Gradient) – образующие линии выстраиваются в виде ромба. ГРАДИЕНТНЫЕ ЗАЛИВКИ
  • 11. Линейный градиент (Linear gradient) Линейный градиент это самый простой градиент, который можно охарактеризовать как переход между цветами вдоль прямой линии. Угол перехода можно установить любой. перехода заключается в том, что оттенки меняются вдоль прямой линии, проложенный от до конечной точки.
  • 12. Отраженный градиент/ Зеркальный (Reflected gradient) Отраженный градиент это тот же линейный градиент, также переходящий из одного цвета в другой по повторяется этот градиент дважды. Происходит зеркальное отражение градиента. Это делает создание и редактирование сложного линейного градиента не таким тяжёлым. Зеркальный градиент отражает один и тот же линейный градиент по обе стороны от начальной точки.
  • 13. Радиальный градиент (Radial gradient) Радиальные градиенты это плавный переход от одного цвета к другому, начиная из центра (или из другой выбранной точки) и заканчивая самой дальней точкой от центра градиента, по круговой схеме. Радиальные градиенты удобны для создания сфер и создания эффектов, применяемых к краю у элементов. Центральную точку градиента можно перемещать с помощью курсора мыши, пока или окно стилей открыто. Радиальный градиент обес печит цветовой переход от центральной точки к радиусу.
  • 14. Угловой градиент / конический (Angle gradient) Угловой градиент это переход от одного цвета к другому по окружности, используя угол как шаг изменения. Угловой это отличный способ для имитации отражения окружающей обстановки на полированных металлических предметах. Центральную точку градиента можно перемещать с помощью курсора мыши, пока градиентное окно или окно Конусовидный градиент выполняет затенение в виде спирали, развернутой против часовой стрелки вокруг начальной точки.
  • 15.
  • 16. Ромбовидный градиент (Diamond gradient) Выполняет затенение во все стороны от начальной точки в виде ромбовидного узора. Конечная определяет один из углов ромба. Ромбовидный градиент выполняет цветовой переход от центра к углам ромба.
  • 17. Градиенты могут состоять не только из двух основных цветов. В одном переходе может содержаться разумно большое количество ключевых промежуточных цветов. Применение в одном градиенте нескольких цветовых переходов позволяет создавать очень интересные эффекты. ПОНЯТИЕ ГРАДИЕНТНОЙ ЗАЛИВКИ
  • 18. Работа с градиентами Практикум 1 Применить все градиенты Сделать скрины промежутков работы Выбрать свою палитру цветов 2480 х 3508 px / R:300
  • 19.
  • 20. В Adobe Photoshop градиентные заливки бывают двух типов: плавные (или, если переводить буквально — сплошные) и шумовые (по английски они называются Solid и Noise соответственно). Это два совершенно разных типа градиентов, абсолютно не похожие друг на друга. Reset Gradients (Сброс градиентов)
  • 21. Диалоговое окно градиента New Gradient вызывает окно редактирования параметров градиента Delite Gradient удаляет заготовку
  • 22. Практическое задание: Каким инструментом закрашен узор - создайте свою версию
  • 23. Как сохранить градиент В редакторе градиентов можно сохранять созданные градиенты, чтобы быстро использовать их для обработки других фотографий. Это может понадобиться для созданий фирменного стиля дизайна и обработки фото Создание и использование градиентных заливок
  • 24. Трансформация градиента Нажмите Ctrl + F несколько раз, чтобы повторно применить размытие несколько раз, а затем используя инструмент Free Transform (Ctrl + T), уменьшим высоту, если это необходимо.
  • 25.
  • 26. Дизеринг Сводит к минимуму возможное появление полосок градиенте ПЛАВНЫЕ И ШУМОВЫЕ ГРАДИЕНТНЫЕ ЗАЛИВКИ
  • 27. СОЗДАНИЕ ГРАДИЕНТА ШУМА Градиент шума — это градиент, содержащий оттенки заданного спектра, беспорядочно. Градиент шума с разными значениями шума. Грубость Задает степень плавности перехода между оттенками градиента. Цветовая модель Задает цветовую модель, используемую для выбора спектра цветов, включаемых в градиент. Чтобы задать спектр цветов, перетащите ползунки каждого компонента цвета. Ограничить цвета Предотвращает перенасыщение цвета. Добавить прозрачность Добавляет прозрачность случайным оттенкам.
  • 28. Переключиться в режим работы с шумовыми градиентами можно, зайдя в настройки градиентной заливки и выбрав режим Noise (Шумовой) в раскрывающемся списке Gradient Type (Тип градиента). Одна из главных настроек шумовых градиентов — это параметр Roughness (Жёсткость), который определяет... правильно, жёсткость или мягкость градиента. При низких значениях жёсткости шумовой градиент будет почти неотличим от плавного, но по мере увеличения значения, в нём будут проявляться отдельные контрастные линии. При максимальных значениях никакого градиента, собственно, не будет, потому что не будет плавных переходов: вся заливка будет состоять из отдельных разноцветных линий. Вторая самая важная настройка шумового градиента — это кнопка Randomize (Случайный). Шумовые градиенты не настраиваются настраиваются в привычном понимании: вы просто снова и снова нажимаете кнопку Randomize, чтобы программа снова и снова случайным образом генерировала градиент.
  • 31. Градиенты вдохновляют художников на создание творческих работ. Так, дизайнер Magdiel Lopez активно использует градиенты в своих проектах. Такая заливка позволяет сочетать красоту линий с эффектами объема и освещения.
  • 32.
  • 33.
  • 35.
  • 36. https://photoshop-master.ru/adds/gradients/24510-gradientyi-veb-web.html Создание своих веб градиентов http://hronofag.ru/2011/10/making-wallpapers/ Обои для рабочего стола Дополнительные задания