Металл. Делаем в фотошоп. Рисуем металл, урок фотошоп

  • 26.06.2019

Источник
http://maxmeyer.ru
Комбинация красок при работе с патиной имеет очень большое значение. Если использовать различные красочные оттенки воска с металлическим эффектом и покрывать большие площади, то можно получить исключительно интересные результаты.

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

2. Нанесем светло-зеленую масляную лиссеровку на поверхность изделия и тщательно оформим углы и углубления.

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

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

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

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

1 Шаг

Для начала создайте новый документ. Так как я хотел бы использовать работу в качестве обоев, я задавал размеры документа равными 1440?900px. Разблокируйте фоновый слой (кликните по замочку напротив иконки со слоем на палитре Layers) и примените к нему стиль Gradient Overlay. Режим наложения используйте Multiply, стиль градиента задайте равным Radial, а цвета: от #F2F2F2 к #C3C3C3 .

2 Шаг

Создайте новый слой и назовите его “noise”. Затем переключитесь на Paint Bucket Tool (G) и залейте слой белым цветом, переключив затем его режим наложения в Multiply. Теперь убедитесь в том, что фоновый цвет у вас задан черным и выполните Filter > Noise > Add Noise. Из настроек задайте режимы Monochromatic и Uniform, а процентовку задайте на уровне 8-10%.

3 Шаг

При помощи Ellipse Tool (U) создайте шесть очень маленьких кружочков. Затем выделите их и выровняйте по горизонтали. После этого кликните по кнопке Distribute Vertical Centers в верхней панели меню. Так кружки расположатся равномерно на одинаковом расстоянии друг от друга.

4 Шаг

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

5 Шаг

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

6 Шаг

Теперь выделите все кружки и преобразуйте их в Smart Objects. Затем выполните двойной щелчок по слою для вызова меню стилей. Сначала примените стиль Color Overlay с темным серым цветом, или даже черным. После этого задайте кружкам стиль с внутренней тенью (Inner Shadow).

7 Шаг

Теперь спрячьте слои с фоном и зашумлением. При помощи инструмента Rectangular Marquee Tool (M) выберите четыре кружка, но также захватите и интервал с двух сторон (для этого они и создавались в три ряда). Затем откройте Edit > Define Pattern. Назовите создаваемый шаблон “holes”.

8 Шаг

Теперь при помощи Rectangular Tool (U) создайте прямоугольник по левому краю холста. Давайте зададим ему стиль. Для начала сведите Fill Opacity этого слоя в 0%. Затем примените заливку шаблоном (стиль Pattern Overlay) с тем шаблоном, который вы только что создали из кружков. Затем просто скопируйте прямоугольник и поместите дубль с другой стороны холста.

9 Шаг

Поместите свой логотип или любой другой символ, который вам нравится в центр документа. Вызовите меню стилей для этого слоя и задайте ему стиль Gradient Overlay. Параметр Style задайте равным Reflected, а цвета выберите белый и черный. После этого добавьте еще один стиль - Bevel and Emboss и просто скопируйте настройки с рисунка ниже.

10 Шаг

Затем создайте еще один слой поверх слоя с логотипом и назовите его “noise logo”. Залейте слой белым цветом и смените режим его наложения на Multiply. При помощи Rectangular Marquee Tool создайте выделение как показано ниже. После этого выполните Filter > Pixelate > Mezzotint, а затем Filter > Blur > Radial Blur. И в конце смените Opacity слоя на 50%.

11 Шаг

Загрузите выделение по логотипу (просто кликните по пиктограмме этого слоя на палитре Layers, удерживая при этом Ctrl). Затем убедитесь в том, что у вас выбран слой “noise logo” и выполните Layer > Layer Mask > Reveal Selection.

12 Шаг

При помощи Pen Tool (P) создайте фигуру, как показано на рисунке ниже. Преобразуйте ее в Smart Object и откройте Filter > Blur > Redial Blur. Для параметра Method выберите тип Zoom и кликните Ok. Затем выполните эту же размывку (Filter > Blur > Radial Blur) еще раз, но теперь используйте тип Spin.

13 Шаг

Повторите 11 шаг, но на этот раз примените маску к слою с лучами.

14 Шаг

Создайте новый слой и назовите его “white brush”. Загрузите выделение по логотипу еще раз, как мы уже делали в шагах 11 и 14. Переключитесь на Brush Tool (B) с кистью диаметром в 35px и выберите для нее белый цвет. Затем с ее помощью нанесите несколько бликов на указанные ниже области.

Заключение

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

Поделитесь уроком

Правовая информация

Переведено с сайта psd.tutsplus.com , автор перевода указан в начале урока.

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

Создаем документ. Я в основном пользуюсь форматом А4, так как результат получается в хорошем качестве. При необходимости формат всегда можно уменьшить, а вот увеличить его без потери качества будет проблематично.
После того, как документ создан, зальем его градиентом. Выбираем инструмент Gradient и используем цвета:
1 #434037
2 #575447
3 #8a8374

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

Теперь нам нужно добавить новый слой: Layer / New / Layer… Заливаем его белым цветом.
Далее добавляем к новому слою шум: Filter / Noise / Add Noise… Выставляем значение Amount – 200% Выбираем Gaussian и ставим галочку на Monochromatic

Добавляем фильтр – размытие в движении. Filter / Blur / Motion Blur… Значение Angle - 90%, Distance - 204px


Обратите внимание, что по краям полосы будут более четкими, чем в средней части, по - этому нам нужно их убрать. Я просто вытягиваю этот слой. Для того, чтобы появилась сетка для деформации, поставьте галочку возле Show Transform Controls , на верхней панели.

Осталось изменить в этом слое Blend Mode на Overlay и все готово. Можно для удобства слить слои, нажав Ctrl + Shift+ E Мы получили эффект металл . Его можно использовать как фон или заготовку для дальнейшей работы.

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

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

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

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

Шаг 1

Создайте новый документ (Файл - Новый) (File > New) (Ctr + N ) размером 600х300 пикселей с разрешением 72 pixels/inch.

Инструментом Текст (Horizontal Type Tool) (T ) и напишите текст «Design Instruct». В моем случае, был использован шрифт Franklin Gothic Heavy, но Вы можете выбрать другой. Главное, чтобы начертание шрифта было жирное.

Шаг 2

Прежде, чем продолжить, нужно создать новый экшен, который будет записывать все наши действия в этом уроке. Откройте палитру Операции (Window > Actions) (Alt + F9 ), кликните оп иконке папки в нижней части палитры (Create new set) и назовите эту группу «Metal Text». Теперь кликните по иконке создания нового экшена (Create new action):

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

Шаг 3

Перейдите в меню (Select > Load Selection) и затем создайте новый слой (Shift + Ctrl + N ). Залейте новый слой белым цветом (#FFFFFF) и сделайте невидимым оригинальный текстовый слой.

Дублируйте новый текст (Слой - Создать дубликат слоя) (Layer > Duplicate Layer) и переместите его под верхний текстовый слой.

Нам нужно создать два источника света, и этот слой с текстом будет содержать первый источник света. Добавьте стиль слоя Тень (Слой - Стили слоя - Тень) (Layer > Layer Style > Drop Shadow). Установите настройки, как на скриншоте и выключите флажок Использовать глобальное освещение (Use Global Light). Этот параметр устанавливает тень и тиснение под одним углом, а нам нужно два разных источника.

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

Шаг 4

К верхнему слою с текстом примените стиль слоя Тень (Слой - Стили слоя - Тень) (Layer > Layer Style > Drop Shadow):

Шаг 5

Теперь добавим тиснение, которое поможет создать металлический эффект Слой - Стили слоя - Тиснение (Layer > Layer Style > Bevel and Emboss).

Шаг 6

Теперь добавим стиль слоя Глянец (Слой - Стили слоя - Глянец) (Layer > Layer Style > Satin):

Шаг 7

Последний стиль слоя, Наложение градиента , затемнит текст и поможет добавить световое отражение (Слой - Стили слоя - Наложение градиента) (Layer > Layer Style > Gradient Overlay).

Шаг 8

Нам нужно добавить тексту металлическую текстуру. При активном верхнем слое войдите в меню Загрузить выделенную область (Выделение - Загрузить выделенную область) (Select > Load Selection).

Создайте новый слой (Слой - Новый - Слой) (Layer > New Layer) (Shift + Ctrl + N ) и залейте выделение белым цветом. Теперь к нему примените фильтр Шум (Фильтр - Шум - Добавить шум) (Filter > Noise > Add Noise).

Шаг 9

Снимите выделение (Выделение - Отменить выделение) (Select > Deselect) (Ctrl + D ) и примените фильтр Размытие в движении (Фильтр - размытие - Размытие в движении) (Filter > Blur > Motion Blur).

Выделите первый слой с текстом и загрузите выделение область Выделение - Загрузить выделенную область (Select > Load Selection). Теперь инвертируйте выделение (Выделение - Инверсия) (Select > Inverse) (Shift + Ctrl + I ). Удалите выделенную область. Это позволит избавиться от шума, который находился за пределами текста. Измените режим наложения на Умножение (Multiply).

Экшен готов. Нажмите кнопку stop в нижней части палитры Операции.

Шаг 10

Откройте текстуру стены, перенесите ее в изображение и поместите ниже всех слоев.

Шаг 11

На текст добавим текстуру. Откройте изображение старой фотопленки и перенесите ее в наш документ. Поместите текстуру старой фотопленки над всеми слоями и уменьшите до 30% (Редактирование - Свободное трансформирование ) (Edit > Free Transform) (Ctrl + T ), чтобы подогнать под размер документа. Измените режим наложения текстуры фотопленки на Перекрытие (Overlay).

Шаг 12

Теперь добавим теплый цветовой оттенок изображению. Сделаем это через корректирующий слой Карта градиента (Слой - Новый корректирующий слой - Карта градиента) (Layer > New Adjustment Layer > Gradient Map). Создайте градиент от желтого к пурпурному и включите флажок Инверсия (reverse). Измените режим наложения этого корректирующего слоя на Перекрытие (Overlay) и уменьшите непрозрачность до 30%.

Шаг 13

Теперь затемним края изображения. Инструментом Прямоугольная область выделения (Rectangular Marquee Tool) (M ) нарисуйте выделение и растушуйте его на 50 пикселей (Shift + F6 ). Создайте новый слой (Слой - Новый слой) (Layer > New Layer) (Shift + Ctrl + N ). Инвертируйте выделение (Выделение - Инверсия ) (Select > Inverse) (Shift + Ctrl + I ) и залейте выделение на новом слое черным цветом. Измените режим наложения этого слоя на Затемнение основы (Color Burn).

Шаг 14

При помощи инструмента Кисть (Brush Tool) (B ) добавим тексту свечение. Установите размер кисти 20 пикселей и жесткость 0%. Создайте новый слой (Shift + Ctr + N ) и поместите его под слой с текстурой фотопленки. Выберите белый цвет (#FFFFFF) и поставьте световые точки на краях букв. Измените режим наложения этого слоя на Мягкий свет (Soft Light).

Шаг 15

Объедините изображение (Слой - выполнить сведение ) (Layer > Flatten Image). Дублируйте полученный слой (Слой - Создать дубликат) (Layer > Duplicate Layer). К дубликату примените фильтр Цветовой контраст , чтобы немного усилить резкость (Фильтр - Другие - Цветовой контраст) (Filter > Other > High Pass). Установите радиус в 10 пикселей. Измените режим наложения этого слоя на Затемнение основы (Color Burn) и уменьшите непрозрачность до 30%. Теперь объедините оба существующих слоя в один.

Шаг 16

Выберите инструмент b (Quick Mask Mode) (Q ) :

Инструментом Градиент (Gradient Tool) (G ) радиального типа нарисуйте круг в центре документа.

Выйдите из режима Быстрой маски (Q ) и инвертируйте выделение (Выделение - Инверсия ) (Select > Inverse) (Shift + Ctrl + I ).

Шаг 17

В финале, добавим фильтр Размытие при малой глубине резкости (Фильтр - Размытие - Размытие при малой глубине резкости) (Filter > Blur > Lens Blur):

Gianluca Giacoppo расскажет вам как создать яркий металлический текст, используя всего лишь пару стилей. Давайте начнем!

Финальный результат:

Материалы для урока:

Шаг 1

После запуска Фотошопа скачайте и установите декоративные шрифты и гранжевые кисти (как установить кисти читайте ). После этого создайте новый документ размером 1800 x 1300 пикселей в режиме RGB, 72 DPI и залейте фон с темно-серым цветом # 1f1f1f:

Шаг 2

Создайте новый слой и назовите его «Текстура». Используя белый цвет и скачанные гранжевые текстуры создайте похожий узор как на рисунке ниже:


Шаг 3

Дважды щелкните по иконке слоя «Текстура», чтобы открыть панель Layer Style (Стиль Слоя). Перейдите в раздел «Blending Options» (Параметры наложения).

Уменьшить «Fill» (Непрозрачность Заливки)до 0, а затем включите стили «Drop Shadow» (Тень) и «Inner Shadow»(Внешняя Тень). Настройте параметры стилей, как показано ниже. Это добавит текстуре реалистичный тисненый вид.

Шаг 4

Нажмите на иконку «Add Layer Mask» (Добавить слой-маску), а затем нажмите сочетание клавиш «Ctrl + I» для инверсии.

Возьмите большую мягкую кисть (жесткость: 0% — размер: 950px) и в режиме маски нажмите в центре документа. Таким образом слой текстура’ будет показана только в центре, исчезнет по краям документа:

Шаг 5

Используя «Type» (T) (Текст) напишите слово «Othello» или любое другое. Если окно с настройками текста не отображается, выберите Window> Character. (Окно — Символ)


Шаг 6

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

Шаг 7

После того как вы примените и настроите стили, нажмите на кнопку ОК. Теперь активируйте инструмент «Type (T)» (Текст) и выберите все буквы кроме заглавной и уменьшите «трекинг»до -5, как показано на изображении ниже. Вы можете найти этот параметр в окне «Character» (Символ) Window> Character (Окно — Символ).

Шаг 8

Продублируйте слой с текстом нажав сочетание клавиш «Ctrl + J». Кликните правой кнопкой мыши по иконке слоя и выберите «Clear Layer Style» (Очистить стиль слоя), чтобы очистить стили. Теперь у нас два слоя с одинаковым текстом — один со стилями, а другой без стилей. Благодаря этому мы сможем усилить эффет, применив новые стили к продублированному тексту. Мой любимый способ работать с двумя стилями слоя, это позволяет сделать базовые настройки для первого, а для второго усилить эффект, добавив освещение и отражения.

Шаг 9

Шаг 10

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

Заключение

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