Создадим в Photoshop серебряный текст с змеиной текстурой
03.06.2012, 20:13 | |
В этом, очень простом в исполнении уроке Photoshop, создадим серебряный текст с текстурой змеиной кожи |
Вот такой результат должен у нас получиться:
Шаг 1.
Возьмите инструмент Кисть — Brush Tool ( с цветом #7fa2d6 и размером кисти 500-600 px) и щелкните один раз в центре документа, чтобы сделать светлее центр .
Шаг 2.
Шаг 3.
Внутренняя тень:
Внутреннее свечение:
Текстуру можете создать сами
Наложение градиента:
Цвета градиента #5e5f60 и #ffffff
Можете смело эксперементировать с настройками стилей. У Вас должен получиться подобный результат:
Источник оригинального урока : pswish.com
Всегда для Вас: photoshoplesson.ru
У Вас возникло желание показать результаты Ваших трудов ? Выложите свои работы на наш форум !
Уважаемые посетители сайта , потратившие время на просмотр этого урока . Нам очень хотелось бы знать понравился ли он вам и был ли он вам полезен. Не поленитесь оставить комментарий . Заранее спасибо.
Источник статьи: http://photoshoplesson.ru/load/uroki_fotoshop/rabota_s_tekstom_v_photoshop/serebrjannyj_tekst_so_zmeinoj_teksturoj_v_photoshop/2-1-0-158
QuickTUTS.ru — УРОКИ PHOTOSHOP, САЙТОСТРОЙ, БЕСПЛАТНЫЕ ФАЙЛЫ
Дизайн в Photoshop: Создание эффекта серебряного текста
В этом уроке фотошоп Вы узнаете, как можно добиться эффекта серебряного текста и использовать это для создания оригинальных обоев для рабочего стола. Используя несколько инструментов, играя режимами наложения, Вы добьетесь потрясающего эффекта.
То, что должно получиться
Создайте новый документ с размерами Вашего рабочего стола (1920х1200px) с цветом заливки – черный.
Инструментом Horizontal Type Tool ( T ) добавьте Ваш текст посередине с цветом # b9aeaa и следующими настройками:
Теперь добавьте стили слоя к тексту ( Layer > Layer Style > Blending Options ). Сначала Inner Glow .
Теперь Satin .
Сделайте копию слоя с текстом ( Ctrl+J ). Щелкните правой клавишей мыши по слою и очистите стили слоя ( Clear Layer Style ). Теперь активируйте режим трансформации ( Ctrl+T ) и с помощью кнопок перемещения на клавиатуры переместите слой выше (нажмите 5 раз по кнопке вверх). Измените цвет текста на белый.
Сделайте копию нового слоя и также переместите его немного выше и измените цвет текста на #c3b3b5 .
Добавьте стили к этому слою. Drop Shadow .
Bevel и Emboss .
Должно получиться следующее:
Создайте новый слой и поместите его над черным фоном. Выберите инструмент Brush Tool ( B ) и кисть с мягкими краями. Цвет установите белый.
Изменяя размер кисти, постарайтесь добавить реалистичный снег.
Создайте новый слой над слоем со снегом. Используя кисть Soft Round с цветом #26201E и непрозрачностью ( Opacity ) – 15%, нарисуйте фон для текста.
Скачайте кисти. Загрузите их в программу. Создайте новый слой.
Измените цвет кисти на серый и непрозрачность ( Opacity ) на 15%. Нарисуйте фон для текста, как на рисунке:
Измените заливку ( Fill ) слоя на 66% и режим наложения Blend Mode на Screen .
Опять создайте новый слой и выберите инструмент Brush Tool с мягкой круглой кистью белого цвета.
Создайте свечение под текстом.
Создайте новый слой под слоями с текстом. Установите основной цвет #545454 и, используя инструмент Paint Bucket Tool ( G ), заполните его этим цветом.
Примените к слою фильтр Filter > Noise > Add Noise со следующими параметрами:
Затем примените фильтр Filter > Blur > Radial blur .
Должен получиться такой эффект:
И наконец, примените фильтр Filter > Filter Gallery > Glowing Edges .
Поместите слой над черным фоном, но под слоем со снегом. Добавьте маску слоя ( Layer Mask ), нажав на кнопку . Измените основной цвет на черный и мягкой круглой щеткой рисуйте вокруг текста, для того, чтобы удалить лишнее с изображения.
Создайте новый слой под слоями с текстом и, используя инструмент Paint Bucket Tool ( G ), залейте его цветом #6A413F .
Измените Fill на 25% и Blend Mode на Overlay для этого слоя.
Последний шаг: Создайте новый корректирующий слой с Кривыми ( Curves ) Layer > New Adjastment Layer > Curves… Установите следующие настройки:
Создаем 3D-текст с эффектом золота в Photoshop
В этом уроке я покажу вам, как создать реалистичный 3D-текст с эффектом золота в Adobe Photoshop. Для этого мы воспользуемся различными стилями слоя. Начнем!
1. Создаем фон
Шаг 1
Создаем новый документ (Ctrl+N) со следующими настройками:
- Width (Ширина): 850 пикс.
- Height (Высота): 500 пикс.
- Resolution (Разрешение): 72 PPI
Шаг 2
Дублируем фоновый слой Layer – Duplicate Layer (Слой – Создать дубликат слоя) или жмем сочетание клавиш Ctrl+J. Называем копию «Фоновый узор».
Шаг 3
Теперь нам нужно добавить текстуру.
Дважды кликаем по слою «Фоновый узор», чтобы открыть окно Layer Style (Стиль слоя). Выбираем стиль Pattern Overlay (Наложение узора) и кликаем на кнопку выбора узора. В открывшемся меню находим узор Pattern01 и жмем ОК.
Шаг 4
Чтобы немного затемнить фон, мы добавим еще один стиль слоя с серой полупрозрачной заливкой. Дважды кликаем по слою «Фоновый узор», чтобы открыть окно со стилями, и выбираем стиль слоя Color Overlay (Наложение цвета).
- BlendMode (Режим наложения): Normal (Нормальный)
- Цвет: 000000
- Opacity (Непрозрачность): 50%
2. Создаем текст
Шаг 1
Активируем инструмент Type Tool (T) (Текст) и пишем любое слово, например, GOLD. На панели Window – Character (Окно – Символ) выбираем для него шрифт Anton.
- Размер шрифта: 230 px
- Tracking (Трекинг): -20 pt
- Anti-aliasingmode (Метод сглаживания): Smooth (Плавное)
- Цвет: ffffff
Шаг 2
Дублируем (Ctrl+J) текстовый слой GOLD и называем верхнюю копию «GOLD A», а нижнюю – «GOLD B». С помощью этих двух слоев и стилей мы создадим 3D-эффект.
Активируем Move Tool (V) (Перемещение), на панели слоев с зажатой клавишей Ctrl выбираем оба текстовых слоя и фоновый, затем на верхней панели выравниваем их:
- AlignHorizontal: Center (Выравнивание центров по горизонтали)
- AlignVertical: Center (Выравнивание центров по вертикали)
3. Применяем стили к первому слою
Шаг 1
В этом разделе мы будем работать со слоем «GOLD A». Выбираем его и переходим Layer – Layer Style – Pattern Overlay (Слой – Стиль слоя – Наложение узора). В открывшемся окне жмем на кнопку выбора узора и в списке находим узор Pattern02. Эту текстуру мы будем использовать в качестве основы для эффекта золотого металла.
Шаг 2
Далее начинаем придавать сияние, для этого применяем стиль слоя Bevel and Emboss (Фаска и тиснение) со следующими настройками.
- Style (Стиль): InnerBevel (Внутренний скос)
- Technique (Метод): Smooth (Плавное)
- Depth (Глубина): 675%
- Direction (Направление): Up (Вверх)
- Size (Размер): 190 пикс.
- Soften (Смягчение): 0 пикс.
- Angle (Угол): 90º
- UseGlobalLight (Глобальное освещение): убираем галочку
- Altitude (Высота): 30º
Теперь мы применим установленный CustomContours.shc. Кликаем по кнопке Gloss Contour (Контур глянца) и в открывшемся списке выбираем CustomContour01.
- Anti-aliased (Сглаживание): ставим галочку
- HighlightMode (Режим подсветки): LinearDodge(Add) (Линейный осветлитель)
- HighlightColor (Цвет подсветки): ebe89b
- HighlightOpacity (Непрозрачность подсветки): 30%
- ShadowMode (Режим тени): ColorDodge (Осветление основы)
- ShadowColor (Цвет тени): 655f54
- ShadowOpacity (Непрозрачность тени): 40%
Шаг 3
После этого применяем Layer Style – Inner Shadow (Стиль слоя – Внутренняя тень), чтобы подсветить края. Используем настройки, показанные ниже:
- BlendMode (Режим наложения): VividLight (Яркий свет)
- Opacity (Непрозрачность): 50%
- Цвет: ffffff
- Angle (Угол): 90º
- UseGlobalLight (Глобальное освещение): убираем галочку
- Distance (Смещение): 1 пикс.
- Choke (Стягивание): 0%
- Size (Размер): 0 пикс.
- Contour (Контур): по умолчанию
- Anti-aliased (Сглаживание): ставим галочку
- Noise (Шум): 0%
Шаг 4
Добавляем стиль слоя Inner Glow (Внутреннее свечение) со следующими настройками, чтобы подчеркнуть осветленные контуры букв:
- BlendMode (Режим наложения): ColorDodge (Осветление основы)
- Opacity (Непрозрачность): 20%
- Noise (Шум): 0%
- Цвет: ffffff
- Technique (Метод): Softer (Мягкий)
- Source (Источник): Edge (На краях)
- Choke (Стягивание): 0%
- Size (Рамер): 3 пикс.
Теперь мы применим установленный CustomContours.shc. Кликаем по кнопке Contour (Контур) и в открывшемся списке выбираем CustomContour02.
- Anti-aliased (Сглаживание): снимаем галочку
- Range (Диапазон): 50%
- Jitter (Колебание): 0%
Шаг 5
Далее мы доработаем блики, чтобы улучшить реалистичность. Переходим Layer Style – Satin (Стиль слоя – Глянец) и настраиваем стиль слоя.
- BlendMode (Режим наложения): ColorDodge (Осветление основы)
- Цвет: fffae6
- Opacity (Непрозрачность: 20%
- Angle (Угол): 90º
- Distance (Смещение): 150 пикс.
- Size (Размер): 230 пикс.
Теперь мы применим установленный CustomContours.shc. Кликаем по кнопке Contour (Контур) и в открывшемся списке выбираем CustomContour03.
- Anti-aliased (Сглаживание): ставим галочку
- Invert (Инвертировать): убираем галочку
Шаг 6
В этом шаге мы применим градиентную заливку, чтобы сгладить эффект золота. Открываем окно Layer Style (Стиль слоя) и применяем Gradient Overlay (Наложение градиента).
- BlendMode (Режим наложения): Darken (Затемнение)
- Opacity (Непрозрачность): 100%
- Reverse (Инверсия): убираем галочку
- Style (Стиль): Linear (Линейный)
- AlignwithLayer (Выровнять по слою): ставим галочку
- Angle (Угол): 90º
Затем кликаем по градиентной полосе, чтобы открыть редактор градиента:
Совет: чтобы создать новую контрольную точку, нужно кликнуть левой кнопкой под градиентной полосой. Если выбрать отдельную точку, то можно настроить ее положение и цвет.
- Цвет первой контрольной точки: 8e6617
- Положение первой контрольной точки: 0%
- Цвет второй контрольной точки: 876b2c
- Положение второй контрольной точки: 25%
- Цвет третьей контрольной точки: 997a35
- Положение третьей контрольной точки: 45%
- Цвет четвертой контрольной точки: e0b545
- Положение четвертой контрольной точки: 67%
- Цвет пятой контрольной точки: 947632
- Положение пятый контрольной точки: 83%
- Цвет шестой контрольной точки: 886218
- Положение шестой контрольной точки: 53%
Шаг 7
Чтобы улучшить реалистичность текста, применяем Layer Style – Color Overlay (Стиль слоя – Наложение цвета) со следующими настройками:
- BlendMode (Режим наложения): Hue (Цветовой тон)
- Цвет: fff0c9
- Opacity (Непрозрачность): 100%
4. Применяем стили ко второму слою
Шаг 1
Далее мы продолжим работу со слоем «GOLD B», поэтому убедитесь, что вы выбрали именно его!
В этом разделе мы будем создавать 3D-эффект.
Активируем свободную трансформацию (Ctrl+T) и на верхней панели устанавливаем Width (Ширина) на 92%. Жмем Enter, чтобы применить изменения.
Шаг 2
Чтобы оба текстовых слоя выглядели, как одно целое, мы применим ко второму ту же самую текстуру металла. Переходим Layer Style – Pattern Overlay (Стиль слоя – Наложение узора), кликаем на кнопку выбору узора и в списке находим Pattern02. Эта текстура будет основой 3D-эффекта.
- BlendMode (Режим наложения): Normal (Нормальный)
- Opacity (Непрозрачность): 100%
- Scale (Масштаб): 100%
- LinkwithLayer (Связать со слоем): ставим галочку
Шаг 3
Далее с помощью градиента мы улучшим эффект 3D. Открываем стили слоя и применяем Gradient Overlay (Наложения градиента):
- BlendMode (Режим наложения): Overlay (Перекрытие)
- Opacity (Непрозрачность): 100%
- Reverse (Инверсия): убираем галочку
- Style (Стиль): Linear (Линейный)
- AlignwithLayer (Выровнять по слою): ставим галочку
- Angle (Угол): 90º
- Scale (Масштаб): 100%
Кликаем по градиентной полосе, чтобы открыть редактор:
Совет: чтобы создать новую контрольную точку, нужно кликнуть левой кнопкой под градиентной полосой. Если выбрать отдельную точку, то можно настроить ее положение и цвет.
- Цвет первой контрольной точки: 1a1b1e
- Положение первой контрольной точки: 0%
- Цвет второй контрольной точки: 525458
- Положение второй контрольной точки: 15%
- Цвет третьей контрольной точки: 83878c
- Положение третьей контрольной точки: 31%
- Цвет четвертой контрольной точки: eff0ee
- Положение четвертой контрольной точки: 41%
- Цвет пятой контрольной точки: ffffff
- Положение пятый контрольной точки: 46%
- Цвет шестой контрольной точки: 797d82
- Положение шестой контрольной точки: 53%
- Цвет седьмой контрольной точки: 5d6063
- Положение седьмой контрольной точки: 59%
- Цвет восьмой контрольной точки: 4e5057
- Положение восьмой контрольной точки: 65%
- Цвет девятой контрольной точки: 3c3e45
- Положение девятой контрольной точки: 72%
- Цвет десятой контрольной точки: 4e5057
- Положение десятой контрольной точки: 82%
- Цвет одиннадцатой контрольной точки: 1a1b1e
- Положение одиннадцатой контрольной точки: 100%
Шаг 4
Чтобы подкорректировать цвет золота, применяем Color Overlay (Наложения цвета) со следующими настройками:
- BlendMode (Режим наложения): HardLight (Жесткий свет)
- Цвет: 443a1d
- Opacity (Непрозрачность): 100%
5. Добавляем тень
Шаг 1
В этом разделе мы добавим реалистичную тень под текстом. Применяем к слою «GOLD B» стиль Inner Shadow (Внутренняя тень).
Для контура используем установленный набор CustomContours.shc. Нажимаем на выпадающее меню Contour (Контур) и выбираем CustomContour04.
Настраиваем стиль слоя, как показано ниже:
- BlendMode (Режим наложения): SoftLight (Мягкий свет)
- Цвет: 000000
- Opacity (Непрозрачность): 20%
- Angle (Угол): -41º
- UseGlobalLight (Глобальное освещение): убираем галочку
- Distance (Смещение): 28 пикс.
- Choke (Стягивание): 100%
- Size (Размер): 0 пикс.
- Anti-aliased (Сглаживание): ставим галочку
- Noise (Шум): 100%
Шаг 2
Продолжаем работать над добавлением тени и применяем стиль слоя Outer Glow (Внешнее свечение):
- Blend Mode (Режим наложения): Darker Color (Темнее)
- Opacity (Непрозрачность): 80%
- Noise (Шум): 20%
- Цвет: 000000
- Technique (Метод): Softer (Мягкий)
- Spread (Размах): 0%
- Size (Размер): 30%
- Contour (Контур): по умолчанию
- Anti-aliased (Сглаживание): убираем галочку
- Range (Диапазон): 50%
- Jitter (Колебание): 0%
Шаг 3
Это последний шаг, в котором мы добавим шероховатую тень. Применяем стиль Drop Shadow (Тень) и настраиваем его.
- BlendMode (Режим наложения): Normal (Нормальный)
- Цвет: 010101
- Opacity (Непрозрачность): 20%
- Angle (Угол): 90º
- UseGlobalLight (Глобальное освещение): убираем галочку
- Distance (Смещение): 20 пикс.
- Spread (Размах): 100 пикс.
- Size (Размер): 5 пикс.
- Contour (Контур): по умолчанию
- Noise (Шум): 0%
- LayerKnocksOutDropShadow (Слой выбивает тень): ставим галочку
Источник статьи: http://zen.yandex.ru/media/phmaster/sozdaem-3dtekst-s-effektom-zolota-v-photoshop-5e7069028cd2837a6596ee17