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

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

Пример HTML-страницы

Шаг 1.

Создаем новый документ

Создайте новый документ 1280 x 720 пикселей. Залейте (Alt + Delete) фон темно-серым цветом (#666666).
Далее перейдите в меню Фильтр > Шум > Добавить шум (Filter > Noise > Add Noise) и установите значения:

Эффект (Amount) 100%

Распределение (Distribution): по Гауссу (Gaussian)

поставьте галочку в окошке Монохромный (Monochromatic)

Шаг 2.

Добавляем фильтр

Теперь примените Фильтр > Размытие > Радиальное размытие (Filter > Blur > Radial Blur)
Установите Эффект (Amount) 50

Метод размытия (Blur Method): Спин (Spin)

Качество (Quality): Высшее (Best)

Шаг 3.

Добавляем стиль слоя

Дважды кликните левой кнопкой мыши по фоновому слою на панели Слои (Layers), чтобы разблокировать его. Снова дважды кликните по нему левой кнопкой мыши, чтобы открыть диалоговое окно Стиль слоя (Layer Style) и примените следующие стили слоя:

1. Стиль Наложение градиента (Gradient Overlay)

со следующими настройками:

режим наложения Перекрытие (Overlay)

— поставьте галочку Размыть (Dither)

— Непрозрачность (Opacity): 75%

выберите такой градиент, как показано на рисунке

снимите галочку Обратить (Reverse) и поставьте галочку Сглаживание (Anti-aliased)

— Стиль (Style): Угол (Angle)

— поставьте галочку Выровнять со слоем (Align with Layer)

— Угол (Angle): 90

— Масштаб (Scale): 100%

Шаг 4.

Добавляем стиль слоя

Стиль Внутреннее свечение (Inner Glow)

— режим наложения: Линейный затемнитель (Linear Burn)

— Непрозрачность (Opacity): 20%

— Шум (Noise): 0%

— цвет (Color): черный

— Метод (Тechnique): Мягче (Softer)

— Источник (Source): Края (Edge)

— Стягивание (Choke): 0 %

— Размер (Size): 150 пикселей

— Контур (Contour): Линейный (Linear)

— поставьте галочку в окошке Сглаживание (Anti-aliased)

— Диапазон (Range): 75%

— Колебание (Jitter) : 0%

Шаг 5.

Добавляем заливку

Теперь перейдите в меню Слой > Новый слой заливка > Цвет (Layer > New Fill Layer > Solid Color) и используйте цвет #CBDAE3. Измените режим наложения только что созданного слоя на Цветность (Color).

Шаг 6.

Добавляем новый корректирующий слой

Теперь добавьте Слой > Новый корректирующий слой > Кривые (Layer > New Adjustment Layer > Curves)

и отредактируйте кривую, как показано на рисунке.

Шаг 7.

Корректируем уровни

Затем выберите в меню Слой > Новый корректирующий слой > Уровни (Layer > New Adjustment Layer > Levels) и перетяните черный ползунок немного вправо, а белый немного влево, чтобы увеличить контраст.

Шаг 8.

Смягчаем центр

Перейдите на ваш основной слой. Возьмите мягкую круглую Кисть – Brush Tool (B) размером примерно 100 пикселей.
Установите цвет кисти #999 и Непрозрачность (Opacity) 50%. Теперь один раз кликните левой кнопкой мыши в центре вашего изображения, чтобы смягчить центральную точку радиального размытия.

Шаг 9.

Добавляем новый корректирующий слой

Создайте новый Слой > Новый корректирующий слой > Кривые (Layer > New Adjustment Layer > Curves) и перетяните кривую вниз, чтобы затемнить изображение. Теперь в маске этого корректирующего слоя черной мягкой Кистью – Brush Tool (B) покрасьте центр изображения, чтобы эффект корректирующего слоя применился только к внешним краям.

Шаг 10.

Финальное изображение.

Так как всё было сделано с помощью корректирующих слоев, вы всегда можете отредактировать цвет и интенсивность общего эффекта.

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

Текстура металла для фотошопа.

Ссылка на источник

Пример HTML-страницы

Матовый фон для презентации — 68 фото

1


Слотекс мокко 4713


2

Краска Paint Library 332, Salt II


3

Светло серый фон


4

Коричневый фон


5

Фон однородный светлый


6

Тёмно серый фон без ничего


7

Пастельный розовый


8

Однотонные цвета


9

Серо розовый градиент


10

MC-211 краска 10мл Chrome Silver


11



Одноцветные аватарки


12

Серый фон для презентации


13

Серый цвет однотонный


14

Серый фон однотонный


15

Madras Rose White мебель


16

Красивый матовый фон


17

Матовый фон


18

Серый фон для фотошопа


19

Синий матовый фон


20

Пастельный фон для презентации


21


Тёмно синий фон


22

Черный однотонный


23

Черный фон


24

Серый текстурный фон


25

Желтый матовый фон


26

Темно серый фон


27

Темно-бирюзовый цвет


28

Серо синие обои


29

Бледный фон для презентации


30

Фон серо голубой градиент


31



Фон однотонный


32

Серо черный фон


33

Золотой Маджестик


34

Черный матовый фон


35

Фон для фотографии однотонный


36

Серая матовая


37

Матовая нержавейка текстура


38

Фон однотонный темный


39

Темно серый фон однотонный


40

Светло серый фон


41


Самсунг ug950


42

Светло голубая бумага


43

1207/Br столешница бриллиант темный графит (600*3000*27*1u) кедр


44

Нейтральный фон


45

Светло фиолетовый


46

Черная матовая текстура


47

Белая бумага текстура


48

Темно синий фон однотонный


49

Черная матовая текстура


50

Abet laminati 2822 Longline Соффионе Чедро


51


Текстура черного пластика


52

Чёрный без ничего


53

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


54

Текстурный фон


55

Малиновый цвет фон


56

Сплошной серый фон


57

Серый матовый фон


58

Темный синий фон


59

Чёрный фон однотонный матовый


60

Матовый фон


61



Фон для презентации однотонный


62

Серый матовый фон для фотошопа


63

Темный синий


64

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


65

Синий матовый фон


66

Темный коричневый


67

Серый фон

Как создать текстуру/матовость

Это немного долго, но не слишком сложно.

Часть 1: Создание узора

  1. Создать новый файл в Photoshop . Перейдите в File > New... или нажмите Ctrl + N , введите значения 200px для ширины и высоты . Пока не указано иное, мы работаем в этом файле.

  2. Залейте фон черным цветом . Вы можете сделать это, нажав клавишу D , чтобы сбросить выбранные цвета переднего плана и фона на черный и белый, а затем использовать Alt + Backspace в Windows или + Удалить на Mac, чтобы заполнить весь холст. . Теперь вы должны увидеть холст, заполненный черным цветом.

  3. Добавить шум . Перейти к Фильтры > Шум > Добавить шум... и дождитесь появления диалогового окна Добавить шум . Установите Amount примерно на 100% . Вариант распределения значения не имеет (я использовал Gaussian ). Установите флажок Monochrome , если он доступен, и нажмите кнопку OK .

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

  5. Определите это изображение как образец . Нажмите Ctrl + A в Windows или + A в Mac, чтобы выбрать весь холст, затем перейдите к Edit > Define Pattern… и дождитесь появления диалогового окна Pattern Name . Вы можете ввести любое имя, например, Зернистая текстура .

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

Часть 2: Создание эффекта с использованием шаблона

  1. Создайте новый файл в Photoshop . Введите значения для Ширина и Высота (я использовал 900px и 800px соответственно). Теперь мы работаем с этим файлом, а не с файлом текстуры.

  2. Залейте фон серо-голубым цветом . Щелкните левой кнопкой мыши образец цвета переднего плана в нижней части Tools 9.0012 и дождитесь появления диалогового окна Color Picker (Foreground Color) . Введите 51708a в качестве значения для текстового поля HEX (вы найдете его в правом нижнем углу со знаком решетки # рядом с ним). Это значение представляет собой сине-серый цвет, аналогичный тому, который использует Twitter, и средство выбора должно отображать этот цвет после того, как вы введете этот текст. Нажмите OK в диалоговом окне и нажмите Alt + Backspace в Windows или + Удалите на Mac, чтобы заполнить текущий слой этим серо-голубым цветом.

  3. Создайте слой Pattern Fill с ранее созданным узором . Перейдите к Layer > New Fill Layer > Pattern… , дождитесь появления диалогового окна New Layer , введите Texture (matte) в поле Name и нажмите OK .

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

  4. Уменьшите непрозрачность и измените режим наложения на Overlay для слоя текстуры . На панели Layers вы должны увидеть пункт меню с надписью Normal . Вам нужно будет нажать на это и изменить его на Overlay , а также установите Opacity примерно на 3% .

Вот и все. Готово:

Как создать матовый вид в Photoshop (эффект матирования)

Габор Хольцер

А- А+

Скачать как PDF

Подпишитесь ниже, чтобы скачать статью немедленно

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

Основы бизнеса

Шпаргалки

Детская фотография

Красочные городские пейзажи

Состав

Творческая фотография

Креативные концепции портрета

Цифровые фотоколлажи

Сказочная портретная фотография

Фотография еды

Интерьерная фотография

Редактирование ландшафта

Пейзажная фотография

Обработка Lightroom

Пресеты Lightroom

Длинная выдержка

Макрофотография

Фотография Млечного Пути

Моя камера и фотография

Органический маркетинг

Домашние животные

Фотография товара

Фотография неба

Социальные сети

Натюрморт

Интервальная съемка

Туристическая фотография

Городская фотография

Фотография дикой природы

Ваша конфиденциальность в безопасности. Я никогда не поделюсь вашей информацией.

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

Что вам понадобится для создания матового эффекта в Photoshop

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

Отличное фото , от которого уже настроение. Этот метод лучше всего работает с темными, вечерними снимками или искусственным освещением.

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

Как создать матовый вид в Photoshop — шаг за шагом

Существует бесчисленное множество способов создать матовый вид в Photoshop. Я покажу вам три самых простых и практичных метода.

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

Использование корректирующего слоя «Кривые» для создания эффекта матовости

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

1. После того, как вы импортировали фотографию в Photoshop, добавьте корректирующий слой Кривые с помощью панели корректировок.

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

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

Использование корректирующего слоя «Уровни»

1.  Создайте корректирующий слой «Уровни».

2.  Настройте левую кнопку  на шкале черно-белого изображения по своему вкусу.

Автор записи

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

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