Мини уроки по ФШ

  • На форуме работает ручное одобрение пользователей. Это значит, что, если Ваша причина регистрации не соответствует тематике форума, а также Вы используете временную почту, Ваша учётная запись будет отклонена без возможности повторной регистрации. В дальнейшем - пожизненная блокировка обоих аккаунтов за создание мультиаккаунта.
  • Мы обновили Tor зеркало до v3!
    Для входа используйте следующий url: darkv3nw2...bzad.onion/
  • Мы вновь вернули telegram чат форуму, вступайте, общайтесь, задавайте любые вопросы как администрации, так и пользователям!
    Ссылка: https://t.me/chat_dark_time

Dream

VIP

Dream

VIP
3 Май 2016
1,235
972
Создаём объёмный металлический текст в фотошоп
49597a3e62ada7bb29ae39e1ee302b01.jpg

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

Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!


1. Создаём задний фон
Шаг 1
Загрузите текстуру black_background.pat, дважды щёлкнув по исходному файлу.

Шаг 2
Создайте новый документ, идём Файл - Новый (File > New). Установите значение Ширины (Width) на 600 px, а значение Высоты (Height) на 500 px. Разрешение (Resolution) должно быть 72 точек на дюйм (ppi).

c0863f6a64f0353bc796480537e3a7c3.jpg
Шаг 3
Находясь на слое с задним фоном, продублируйте его, для этого идем Слой - Создать дубликат слоя(Layer > Duplicate Layer) и нажимаем OK. Назовите дубликат слоя Узор Заднего фона (Background Pattern).

71a93c26c02a5bb75fdcd2155792230d.jpg
Шаг 4
Далее, к дубликату слоя мы добавим текстуру с помощью стилей слоя. Т.к. мы очень часто будем применять стили слоя, то постарайтесь запомнить действие, как активировать стили слоя.

Перейдите Слой - Стиль слоя – Перекрытие узора (Layer > Layer Style > Pattern Overlay), выберите текстуру 'black_background.pat' из выпадающего меню, установите Масштаб (Scale) 50%, и нажмите кнопку OK.

7bf3634c6f50b4f705b5a8e720a948f6.jpg
9403963be2ceb66d7fe972cf05c2485d.jpg
Шаг 5
Чтобы добавить эффекты освещения сверху, выберите стиль слоя Тиснение (Bevel & Emboss). Примените настройки для данного стиля слоя, которые указаны на скриншоте ниже:

a2dcde1e2f53f7119887a0d777dad560.jpg
ebeb1354682d7bda02866849ac7e27fb.jpg
2. Создаём текст
Шаг 1
Напишите слово ‘Round’ или любое слово на свой выбор, используя шрифт ‘Stonecross’. УстановитеРазмер Шрифта (Font Size) 132 pt, а также задайте Трэкинг (Tracking) 20 pt. Для улучшения качества, поменяйте метод Сглаживания (anti-aliasing) на Резкое (Sharp). Назовите данный слой с текстом ‘A01’.

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

babcf559c44ce88946f27b19a118ab17.jpg
Шаг 2
Далее, выберите инструмент Перемещение e262f66ef8b9242ed63ad0fd322d63a5.png (Move Tool), выделите слой с текстом и слой с задним фоном, а затем в настройках данного инструмента, выберите следующие опции: Выравнивание центров по горизонтали (Align Horizontal Center) и Выравнивание центров по вертикали (Align Vertical Center), чтобы выровнять текст.

Шаг 3
Продублируйте слой с текстом, назовите дубликат слоя ‘A02’. Расположите слои, как показано на скриншоте ниже. Временно скройте слой ‘A02’, чтобы вам было удобно работать, т.к. мы не будем использовать данный слой до 4 части этого урока.

99a6cdf6f734de9ec389cb9682f3fd17.jpg
c17536fe8fef58cec0b7df72f4c1b673.jpg
3. Применяем стилизацию к основному слою
Шаг 1
Загрузите текстуру ‘scratched_metal.pat’.

Шаг 2
Мы будем работать со слоем ‘A01’. Перейдите Слой - Стиль слоя – Перекрытие узора (Layer >Layer Style > Pattern Overlay), щёлкните по окошку Узор (Pattern), чтобы выбрать текстуру ‘scratched_metal.pat’ из выпадающего меню. Мы используем данную текстуру в качестве основы для создания металлического эффекта.

09efbfac7abfef95a841715f102ea1ae.jpg
d532b375c932c0e5d457ca973b9eedcb.jpg
Шаг 3
Чтобы получить реалистичный бронзовый цвет, идём Слой – Стиль слоя – Наложение цвета (Layer >Layer Style > Color Overlay). Поменяйте режим наложения на Умножение (Multiply), а также установите следующие значения:

dfd83a9c36eb79ffcdb97722f022e9f7.jpg
33d139980d7a9d048c173d213c58bee0.jpg
Шаг 4
Далее, к слою с текстом добавьте стиль слоя Тиснение (Bevel & Emboss) и Контур (Contour), как показано на скриншоте ниже.

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

81c2d4993f13b7a8a5e79a34f28e7858.jpg
e884690caa96b7cd2f43aff46ea91a69.jpg
4eef8d7fb519ed8ec6344f373d82a264.jpg
Шаг 5
Далее, идём Слой - Стиль слоя – Глянец(Layer > Layer Style > Satin). Примените следующие значения, чтобы осветлить текст.

Выберите контур ‘Cove – Deep’ из набора контуров.

915364e9d25c454d913c5e30b2cbd642.jpg
dce3fa7f5a315d2e806fe90c6c45fe12.jpg
Шаг 6
Теперь мы улучшим эффект блеска металла, добавив свечение. Идём Слой - Стиль слоя – Внутреннее свечение (Layer > Layer Style > Inner Glow). Установите значения, которые указаны на скриншоте ниже.

72920a7f5c3f0361f143eb95c58213aa.jpg
77d77311b41aaae56c32fff3d2628ac7.jpg
Шаг 7
Далее, нам нужно добавить тени, чтобы отделить текст от заднего фона. Идём Слой - Стиль слоя – Внешнее свечение (Layer > Layer Style > Outer Glow). Установите значения, которые указаны на скриншоте ниже.

937e8d8234085b3668f2e090265bab10.jpg
2bb2009d3d5034745b0ee3a1edfb33e8.jpg
4. Применяем стилизацию ко второму слою
Шаг 1
Теперь мы будем работать со слоем ‘A02’, не забудьте включить видимость данного слоя! Далее, идёмСлой – Стиль слоя – Внешнее свечение (Layer >Layer Style > Outer Glow). Установите значения, которые указаны на скриншоте ниже.

71fe318383a216bb00d8bf772fc4ebbc.jpg
678f4ccfd27724c290db4dab554219e9.jpg
Шаг 2
Чтобы улучшить 3D вид, мы подчеркнем светотени на краях. Идём Слой - Стиль слоя - Тиснение(Layer >Layer Style > Bevel & Emboss). Установите значения, которые указаны на скриншоте ниже. Создайте свой контур, используя значения, которые указаны в правой колонке.

b99572ce6f9f97d6aecb940fc7f1518e.jpg
770c2798ad3cb0c116587ed6a688a3df.jpg
Шаг 3
Это очень важный шаг. Мы создадим перспективу с помощью центральной точки схода в перспективе.

Идём в закладку Символ (Character) и меняем Масштаб по горизонтали (Horizontally Scale) на 98%, как показано на скриншоте ниже.

22f6bfddebfded5adfe21fd718721e97.jpg
Шаг 4
Чтобы цвета обоих слоёв с текстом соответствовали друг другу, идём Слой - стиль слоя – Наложение цвета (Layer > Layer Style > Color Overlay). Установите значения, которые указаны на скриншоте ниже.

99c976c34639e29947cd346b5ffb3d9a.jpg
7b3a5a7ba3228cf39ba5ca7e372e8e97.jpg
Шаг 5
Далее, выберите стиль слоя Обводка (Stroke). Установите Тип обводки (Fill Type) Градиент (Gradient). Установите значения, которые указаны на скриншоте ниже, чтобы осветлить края.

Подсказка: чтобы добавить контрольную точку градиента, вам нужно щёлкнуть ниже шкалы градиента. Щёлкнув по контрольной точке градиента, вы сможете провести редактированиеПозиции(Location) и Цвета (Color) контрольной точки.

3cb6c0d2072713e4d894ebfcfc0f902e.jpg
19616521b1eb02bdd8f95424655a7e25.jpg
Шаг 6
В этом заключительном шаге мы добавим немного глубины, чтобы сделать текст более выразительным. Примените стиль слоя Тень (Drop Shadow), используя следующие настройки.

2949b6ebd9a449e8cc7cd2db9c1d31b4.jpg
5dc48e074fb9c93bcbc727f1216b0b93.jpg
Отличная работа, мы завершили урок!

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

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

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

Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!


a383bc42a07284a19551629885854242.jpg
В этом уроке нам придётся использовать нестандартные контуры, которые присутствуют в программе, для их разблокировки перейдите вРедактирование - Наборы - Управление наборами (Edit > Presets > Preset Manager) в появившемся окне выберите Контуры (Contours) затем кликните по маленькой шестерни и выберите Контуры (Contours) в диалоговом окне просто нажмите Добавить(Append).

Шаг 1
Создайте новый документ Файл-Создать (File-New) со следующими параметрами:
  • Ширина (Width): 850 пикс.
  • Высота (Height): 550 пикс.
Поместите на созданный нами документ текстуру (Ice Texture 4), при необходимости трансформируете её по размеру документа.

Примечание переводчика: для трансформации нажмите комбинацию клавиш (Ctrl+T), чтобы сохранить пропорции удерживайте зажатой клавишу (Shift).

7268aa0168f0bf1d7b6fe87ee81d15ff.jpg
Дважды кликните левой клавишей мыши по слою с текстурой и примените следующие стили с соответствующими параметрами:

Внутреннее Свечение” (Inner Glow)
  • Режим наложения (Blend Mode): “Яркий свет” (Vivid Light)
  • Непрозрачность (Opacity): 35%
  • Цвет(Color): (#FFFFFF)
  • Источник (Source): “Центр” (Center)
  • Размер (Size): 250 пикс.
36dffd9fd52c2e17ec997f2a7b9cbc21.jpg
Наложение Цвета” (Color Overlay)
  • Цвет(Color): (#bfeb8c)
  • Режим наложения (Blend Mode): “Затемнение основы” (Color Burn)
  • Непрозрачность (Opacity): 55%
54b5d32839a2519f51a58d57b6803c70.jpg
Наложение Градиента” (Gradient Overlay)
  • Режим наложения (Blend Mode): “Затемнение основы” (Color Burn)
  • Установите галочку на пункте “Дизеринг” (Dither)
  • Непрозрачность (Opacity): 50%
  • Тип градиента (Style): “Зеркальный” (Reflected)
  • Угол (Angle): 90 град.
  • Масштаб (Scale): 125%
  • Градиент (Gradient): Кликните по полоске градиента и примените следующие цвета: cлева (#ffffff) и справа (#d7d7d7)
baf3104b4ff72801f8b68f494fbee73e.jpg
И вот вы немного придали стиль фону, чтобы текст в дальнейшем смотрелся красиво.

fb3f2a5f5691adb704ea9b637a25c9c3.jpg
Шаг 2
Добавим корректирующий слой “Уровни” (Levels). Для этого кликните по иконке разделённого круга в нижней части панели слоев, как показано на скриншоте ниже.

95241a2dbc059093ea7828cbb265695a.jpg
Установите центральный ползунок на (1,04) а также примените “Обтравочную маску” (Create clipping mask).

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

6724a67d8fc4a562323730c08884fd9f.jpg
Выберите слой с текстурой и корректирующий слой “Уровни” (Levels) и продублируете их нажатием клавиш (Ctrl+J). Объедините копии слоёв нажатием комбинации клавиш (Ctrl+E) или выделите их и перейдите в Слои-Объединить слои (Layer > Merge Layers). Переименуйте полученный объединённый слой в “High Pass” (Цветовой контраст).

Находясь на слое “High Pass” (Цветовой контраст), перейдите в Фильтр-Другое-Цветовой Контраст (Filter > Other > High Pass) и установите ползунок на уровне 10 пикс.

4df735d3be28d3f96b4b5e79cd5c0e29.jpg
Установите режим наложения (Blend Mode) для слоя “High Pass” (Цветовой контраст) на “Мягкий свет” (Soft light). Это придаст текстуре немного выразительности.

4a6e25fe5f3f179b21ca03b9828c8210.jpg
Шаг 3
Инструментом “Горизонтальный текст 623d39fd283c21506f765708dc4575bf.jpg (Horisontal text tool), используя шрифт “Double Feature”, напишите текст цветом (#72a726)размером (Size) 250 пунктов со значением “Трэкинга” (Tracking) в 25.

e9e816437885c7fa85824873a36b222f.jpg
Продублируете для начала слой с текстом один раз и измените уровень “Заливки” (Fill) копии текстового слоя до 0%. Затем продублируете копию слоя с текстом ещё три раза.

28d47c9cb3514d50cfafa78c6d195cf2.jpg
Шаг 4
Дважды кликните левой клавишей мыши по оригинальному слою с текстом и примените следующие стили с соответствующими параметрами:

Тиснение” (Bevel and Emboss)
  • Глубина (Depth): 130%
  • Размер (Size): 25 пикс.
  • Смягчение(Soften): 9 пикс.
  • Уберите галочку с пункта “Глобальное освещение” (Global Light)
  • Угол (Angle): -18 град.
  • Высота (Altitude): 58 град.
  • Контур глянца (Gloss Contour): “Перевёрнутый конус” (Cone – Inverted)
  • Установите галочку на пункте “Сглаживание” (Anti-aliased)
  • Режимподсветки(Highlight Mode): “Яркийсвет” (Linear Light)
  • Цвет: (#ccb89c)
  • Непрозрачность (Opacity): 50%
  • Режимтени (Shadow Mode): “Затемнениеосновы” (Color Burn)
  • Цвет: (#37462c)
  • Непрозрачность (Opacity): 50%
41a2836d982ea17eccf972c8bf6dec9b.jpg
Контур” (Contour)
  • Установите галочку на пункте “Сглаживание”(Anti-aliased)
dbb86c23d94af42496204a2e21c2c547.jpg
Внутреннее Свечение” (Inner Glow)
  • Режим наложения (Blend Mode): “Яркий свет” (Vivid Light)
  • Непрозрачность (Opacity): 100%
  • Цвет:(#fcffeb)
  • Метод (Technique): “Точный” (Precise)
  • Источник (Source): “Центр”
  • Размер(Size): 250 пикс.
1cc4ce006d7dbdf22439794c99314cce.jpg
Наложение Градиента” (Gradient Overlay)
  • Режим наложения (Blend Mode): “Умножение” (Multiply)
  • Непрозрачность (Opacity): 100%
  • Кликните по цветовой полоске градиента и установите следующие цвета: лево (#d7d7d7) и право (#ffffff)
677b64a4909392fa7c9a8c0cf91a97fc.jpg
Внешнее Свечение” (Outer Glow)
  • Режим наложения (Blend Mode): “Линейный свет” (Linear Light)
  • Непрозрачность (Opacity): 65%
  • Цвет: (#b4cc43)
  • Размер (Size): 10 пикс.
c9a3684ce831706ec9d6e402b9327ee5.jpg
Тень” (Drop Shadow)
  • Цвет: (#8db354)
  • Непрозрачность (Opacity): 75%
  • Уберите галочку с пункта “Глобальное освещение” (Global Light)
  • Угол (Angle): 91 град.
  • Смещение (Distance): 58 пикс.
  • Размер (Size): 15 пикс.
d084fe77ccae4eb71437e04c1eab06ae.jpg
Кликните по иконке плюсика напротив параметра “Тень” (Drop Shadow) чтобы сделать дубликат этого параметра. Перейдите на копию параметра “Тень” (Drop Shadow) и примените следующие значения:

Тень 2” (Drop Shadow 2)
  • Цвет: (#9dbe6b)
  • Угол(Angle): -67
  • Смещение (Distance): 36 пикс.
  • Размер (Size): 15 пикс.
8e00ece72d8e33a2603ea64d20642814.jpg
4d79a7bc90d83a09c97e3cce52ecaad5.jpg
Шаг 5
Дважды кликните левой клавишей мыши по первой копии текстового слоя и примените следующие стили с соответствующими параметрами:

Тиснение” (Bevel and Emboss)
  • Глубина (Depth): 135%
  • Размер (Size): 9 пикс.
  • Смягчение(Soften): 3 пикс.
  • Уберите галочку с пункта “Глобальное освещение” (Global Light)
  • Угол (Angle): -35 град.
  • Высота (Altitude): 26 град.
  • Контур глянца (Gloss Contour): “Скруглённые ступени” (Rounded Steps)
  • Установите галочку на пункте “Сглаживание”(Anti-aliased)
  • Режимподсветки (Highlight Mode): “Линейный свет” (Linear Light)
  • Цвет: (#d7c8b4)
  • Непрозрачность (Opacity): 75%
  • Режимтени (Shadow Mode): “Умножение” (Multiply)
  • Цвет: (#37462c)
  • Непрозрачность (Opacity): 0%
189911c34d728b48ed2db53daabfa5e0.jpg
Контур” (Contour)
  • Контур: “Двойное кольцо” (Ring – Double)
  • Установите галочку на пункте “ Сглаживание”(Anti-aliased)
566053db053836d3f901ef96c2d477b9.jpg
Данные параметры придадут выразительность краям текста.

65fbd50b8ccdbc903bd6abeffb61cab0.jpg
Шаг 6
Дважды кликните левой клавишей мыши по второй копии текстового слоя и примените следующие стили с соответствующими параметрами:

Тиснение” (Bevel and Emboss)
  • Глубина (Depth): 100%
  • Размер (Size): 38 пикс.
  • Смягчение (Soften): 2 пикс.
  • Уберите галочку с пункта “Глобальное освещение” (Global Light)
  • Угол (Angle): 171 град.
  • Высота (Altitude): 56 град.
  • Контур глянца (Gloss Contour): “Перевёрнутый конус” (Cone – Inverted)
  • Уберите галочку с пункта “Сглаживание”(Anti-aliased)
  • Режимподсветки (Highlight Mode): “Экран” (Screen)
  • Цвет: (#ffffff)
  • Непрозрачность (Opacity): 70%
  • Режимтени (Shadow Mode): “Умножение” (Multiply)
  • Цвет: (#95c333)
  • Непрозрачность (Opacity): 75%
3f3ae2ac3fd7c2afbcfba6fdc4c1f531.jpg
“Контур” (Contour)
  • Контур(Contour): “Перевёрнутый конус” (Cone – Inverted)
  • Установите галочку на пункте “Сглаживание”(Anti-aliased)
  • Диапазон (Range): 100%
3c74aa2a0c033d76e23fdc57b5e09e44.jpg
Текстура” (Texture)
  • Узор (Pattern): “Black Mamba”
  • Глубина(Depth): 95%
748c98efbf8c6a6acbf3634383b758ea.jpg
Внутренняя тень” (Inner Shadow)
  • Режим наложения (Blend Mode): “Линейный Осветлитель (добавить)” (Linear Dodge (Add))
  • Цвет: (#222221)
  • Смещение (Distance): 6 пикс.
  • Размер (Size): 6 пикс.
84b1bee3a5beb7e2bc8af936af1e8364.jpg
Таким образом, мы применили к тексту дополнительное текстурирование:

05ef3ff40b35f1b84379e2305bda2005.jpg
Шаг 7
Дважды кликните по третьей копии текстового слоя и примените следующие стили с соответствующими параметрами:

Тиснение” (Bevel and Emboss)
  • Глубина (Depth): 135%
  • Размер (Size): 27 пикс.
  • Смягчение (Soften): 7 пикс.
  • Уберите галочку с пункта “Глобальное освещение” (Global Light)
  • Угол (Angle): -70 град.
  • Высота (Altitude): 25 град.
  • Контурглянца(Gloss Contour): “Двойноекольцо” (Ring – Double)
  • Установите галочку на пункте “Сглаживание”(Anti-aliased)
  • Режимподсветки (Highlight Mode): “ЛинейныйСвет” (Linear Light)
  • Цвет: (#feffec)
  • Непрозрачность(Opacity): 75%
  • Режимтени(Shadow Mode): “Умножение” (Multiply)
  • Непрозрачность (Opacity): 0%
cc1989183974fed315290db7ee49a2aa.jpg
Контур” (Contour)
  • Контур (Contour): “Двойноекольцо” (Ring – Double)
  • Установите галочку на пункте “Сглаживание”(Anti-aliased)
  • Диапазон (Range): 50%
3e2ba48054c3e38fb22e8eeb8a772f9d.jpg
Мы добавили немного бликов и глянца на наш текст

04399feb777c6a78e74c6c172b9aa55b.jpg
Шаг 8
Дважды кликните по четвертой копии текстового слоя и примените следующие стили с соответствующими параметрами:

Тиснение” (Bevel and Emboss)
  • Глубина(Depth): 135%
  • Размер(Size) : 13 пикс.
  • Смягчение(Soften): 1 пикс.
  • Уберите галочку с пункта “Глобальное освещение” (Global Light)
  • Угол (Angle): 180 град.
  • Высота (Altitude): 42 град.
  • Контурглянца(Gloss Contour): “Кольцо” (Ring)
  • Установите галочку на пункте “Сглаживание”(Anti-aliased)
  • Режимподсветки (Highlight Mode): “Экран” (Screen)
  • Цвет: (#f9fdb8)
  • Непрозрачность (Opacity): 75%
  • Режимтени (Shadow Mode): “Умножение” (Multiply)
  • Непрозрачность (Opacity): 0%
33514f2b792684420fc49909bd1441d7.jpg
Контур” (Contour)
  • Контур(Contour): “Перевёрнутый конус” (Cone – Inverted)
  • Установите галочку на пункте “Сглаживание”(Anti-aliased)
4b16ea61cfc3da0f103d215190a56091.jpg
“Текстура” (Texture)
  • Узор (Pattern): №6 из набора «Текстуры плоти»
  • Глубина (Depth): 100%
f658bbce0d84d294140152d1b90286dc.jpg
5ba3bc67fde602f353adba58f6d58d7a.jpg
И вот на этом этапе завершается урок. На изображении ниже вы можете наблюдать финальный результат, который получился в результате “наслаивания” добавленных стилей к текстовым слоям.

a383bc42a07284a19551629885854242.jpg

 

О нас

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

    Dark-Time 2015 - 2024

    При поддержке: XenForo.Info

Быстрая навигация

Меню пользователя