Как сделать золотой градиент
Обновлено: 08.07.2024
В этом уроке по текстовым эффектам мы узнаем, как легко превратить текст в золото с помощью Photoshop! Чтобы создать эффект, мы будем использовать стили слоя Photoshop и создадим наш собственный градиент золотистого цвета. Мы даже добавим несколько блесток к тексту, используя одну из кистей Photoshop, чтобы наши золотые буквы действительно сияли. Я буду использовать Photoshop CC, но каждый шаг полностью совместим с Photoshop CS6 и более ранними версиями Photoshop.
Вот как будет выглядеть наш золотой текст, когда мы закончим:
Создав золотой текст, обязательно ознакомьтесь со второй частью этого урока, где я покажу, как легко изменить фон за текстом! Давайте начнем!
Как создать золотой текст с помощью Photoshop
Шаг 1: создайте новый документ Photoshop
Для пользователей Photoshop CC, в Предустановленная Подробность панели расположенной справа, установите ширину вашего документа 1600 пикселей и высоту до 800 пикселей . Установите разрешение до 72 точек / дюйм , а затем нажмите Создать кнопку. Новый документ, заполненный белым цветом, появится на вашем экране:
Смотрите видео и делитесь своими комментариями на нашем канале YouTube!
Шаг 2: Заполните новый документ черным
Фотошоп заполняет документ черным:
Шаг 3: Выберите инструмент Type
Шаг 4: выбери свой шрифт
Шаг 5: установите цвет шрифта на белый
Далее мы установим наш цвет шрифта на белый, чтобы его было легко увидеть на черном фоне. Чтобы изменить цвет шрифта, щелкните образец цвета на панели параметров:
Это открывает палитру цветов . Выберите белый , установив значения R , G и B (обозначающие красный, зеленый и синий) для каждого по 255 . Затем нажмите кнопку ОК, чтобы закрыть палитру цветов:
Шаг 6: добавь свой текст
После того, как вы добавили свой текст, нажмите галочку на панели параметров, чтобы принять его:
Шаг 7: измените размер текста
Это помещает поле Free Transform и обрабатывает (маленькие квадраты) вокруг текста. Чтобы изменить его размер, нажмите и перетащите любой угловой маркер . Нажмите и удерживайте клавишу Shift при перетаскивании, чтобы зафиксировать соотношение сторон букв, чтобы не искажать их формы. Когда вы довольны размером текста, отпустите кнопку мыши, а затем отпустите клавишу Shift.
Шаг 8: продублируйте текстовый слой
Затем выберите Gradient Overlay из списка:
Шаг 10: отредактируйте градиент
Откроется редактор градиентов . Вы найдете большую панель предварительного просмотра градиента в нижней половине диалогового окна. Давайте начнем с редактирования цвета слева. Дважды щелкните на цветовом ограничителе под левой стороной градиента:
Это еще раз открывает палитру цветов . Я пробовал несколько цветов из фотографии золотой монеты. Чтобы использовать те же цвета, установите значение R в палитре цветов на 247 , значение G на 238 и значение B на 173 . Нажмите OK, когда вы закончите, чтобы закрыть палитру цветов:
Вернувшись в Редактор градиентов, дважды щелкните на цветовом ограничителе под правой стороной градиента:
Когда Color Picker появится снова, установите значение R на 193 , значение G на 172 и значение B на 81 . Нажмите OK, когда вы закончите:
Шаг 11: сохрани градиент как предустановку
В диалоговом окне Стиль слоя измените Стиль градиента с Линейный (настройка по умолчанию) на Отраженный :
Это переместит более темный золотой цвет к верхней и нижней части текста, оставляя более светлый цвет, проходящий через середину:
Опции для Bevel & Emboss отображаются в средней колонке диалогового окна. Измените Технику с Гладкой на Твердую :
Шаг 16: измени угол и включи сглаживание
Шаг 17: установите непрозрачность светлых участков и теней на 75%
Установите для обоих режимов Highlight Mode и Shadow Mode значение непрозрачности 75% :
Шаг 18: увеличь размер, чтобы заполнить буквы
Чтобы закрыть пространство внутри букв, увеличьте размер скоса и тиснения. Самый простой способ сделать это — сначала щелкнуть внутри поля Значение размера, чтобы сделать его активным. Затем с помощью клавиши со стрелкой вверх на клавиатуре медленно увеличивайте значение. Когда вы это сделаете, вы увидите, как буквы заполняются от внешних краев к центрам. Требуемое значение размера зависит от размера вашего текста. Для меня значение в 41 пиксель делает работу:
И теперь, после увеличения значения Size, буквы хорошо заполнены, что делает их больше похожими на чистое золото:
Шаг 19: увеличьте глубину, чтобы усилить эффект освещения
Затем увеличьте значение глубины , перетащив его ползунок вправо. Это улучшит освещение и добавит больше контраста к отражению в письмах. Я установлю значение глубины на 170% :
И теперь наш эффект золотой буквы действительно начинает обретать форму:
У нас есть еще один эффект, который нужно применить, прежде чем мы закроем диалоговое окно Layer Style. Нажмите непосредственно на слова Inner Glow в списке стилей слоя слева:
Измените цвет свечения, нажав на образец цвета :
Наконец, увеличивайте размер свечения, пока он полностью не заполнит буквы. В моем случае я установлю значение размера 75 пикселей:
Когда вы закончите, нажмите кнопку ОК, чтобы закрыть диалоговое окно Стиль слоя. Ваш эффект должен выглядеть примерно так:
Шаг 21: выбери слой оригинального типа
Шаг 22: добавь инсульт
Затем выберите Stroke из списка:
Шаг 23: измени тип заполнения и выбери золотой градиент
Шаг 24: установи стиль, положение и размер обводки
Прямо под панелью предварительного просмотра градиента измените Стиль градиента с Линейный на Отраженный . Затем, в верхней части диалогового окна, установите Положение обводки на Снаружи , а затем увеличьте Размер примерно до 8 пикселей :
И теперь у нас есть обводка вокруг текста, цвета которого совпадают с цветом самого текста:
Нажмите непосредственно на слова Bevel & Emboss в верхней части списка стилей слева. На этот раз, вместо того, чтобы применять его к тексту, мы применим его к обводке:
Чтобы применить Bevel & Emboss к обводке, измените стиль с Inner Bevel на Stroke Emboss . Затем измените Technique на Chisel Hard и установите размер на тот же размер, который вы выбрали для обводки, который в моем случае был 8 пикселей :
Наконец, если вы посмотрите прямо под Bevel & Emboss слева от диалогового окна Layer Style, вы увидите стиль с именем Contour . Нажмите внутри его флажок, чтобы включить его. Это еще больше усилит эффект освещения вокруг удара:
Вот как выглядит обводка с применением Bevel & Emboss (и Contour):
Давайте закончим стили нашего слоя, добавив к тексту слабое свечение, как будто свет отражается от золотых букв. Нажмите непосредственно на слова Outer Glow слева от диалогового окна Layer Style, чтобы включить стиль Outer Glow и вызвать его параметры:
Установите непрозрачность свечения на 40% , а затем нажмите на образец цвета, чтобы изменить цвет:
Наконец, увеличьте размер свечения примерно до 60 пикселей :
На этом мы закончили с нашими стилями слоя, поэтому нажмите OK, чтобы закрыть диалоговое окно Layer Style. Вот наш золотой текстовый эффект со всеми нашими стилями, включая новый Outer Glow:
Шаг 27: выберите тип копирования слоя
Шаг 28: добавь новый пустой слой
Шаг 29: выбери инструмент кисти
Для создания блесток мы будем использовать одну из кистей Photoshop. Выберите инструмент Brush Tool на панели инструментов. Вы также можете выбрать Brush Tool, нажав букву B на клавиатуре:
Шаг 30: загрузи разные кисти
В нижней половине меню вы найдете список дополнительных наборов кистей, которые мы можем выбрать. Выберите набор Ассорти кистей :
Шаг 32: образец цвета, который нужно использовать для блесток
Шаг 33: нарисуй случайные блестки вокруг текста
Выбрав цвет, отпустите клавишу Alt (Win) / Option (Mac), чтобы вернуться к инструменту Brush Tool . Затем щелкните несколько случайных мест вокруг текста, чтобы добавить свои блестки. Для дополнительного разнообразия изменяйте размер кисти перед каждым щелчком, нажимая левую или правую клавишу скобки на клавиатуре. Клавиша левой скобки делает кисть меньше, а клавиша правой скобки — больше. Не добавляйте слишком много блесток, иначе вы переусердствуете. Пара больших и меньших — все, что вам действительно нужно. Если вам не нравится последний добавленный вами блеск, нажмите Ctrl + Z (Win) / Command + Z (Mac) на клавиатуре, чтобы отменить его, а затем повторите попытку.
Шаг 34: понизь непрозрачность блесток (необязательно)
Рамки для фотошопа
Особой популярностью пользуются рамки для фотошопа, с помощью которых вы сможете украсить свою фотографию без всяких усилий. Вам всего лишь понадобиться найти подходящую рамку, вставить свое фото, которое послужит креативным украшением вашего рабочего места, либо же семейного альбома. Также, вы сможете создать веселую комнату своего малыша. В этом вам помогут большой выбор детских рамок. Такие виды рамок могут освоить даже начинающие пользователи.
Обращаем Ваше внимание на рамки для свадебных фотографий, для семейного фото, виньетки, для влюбленных, "для тебя", поздравления, календари, Великая Пасха, 23 февраля, с Новым годом, ко дню рождения, ко дню св Валентина. Все эти рамки вы сможете скачать по этой ссылке
Введение:
В этом уроке мы рассмотрим, как шаг за шагом сделать “Badass Bling Effect” используя стили слоя в Фотошоп.
Шаг 1:
Выберете изображение, к которому Вы хотите применить золотой эффект. В данном случае я выбрал полноцветное изображение магнитофона и собираюсь сделать это изображение похожим на золото. Переводим изображение в градацию серого, идём в меню: Image/Adjustments/Desaturate.
Шаг 2:
Применяем Color overlay нажав в панели слоёв на иконку Add a layer style.
Шаг 3:
Устанавливаем Color overlay на насыщенный золотой цвет и убеждаемся, что Blend Mode установлен на Color Burn.
Шаг 4:
Далее идём в настройки уровней и делаем настройки похожими на эти и..
Воля… Мы получили магнитофон из золота менее,чем за 2 минуты!
Шаг 5:
Повторите предшествующие шаги (1-4) для изображения с двумя автомобилями. Далее нам нужно симметрично отобразить одну машину относительно другой, делаем её копию и идём сюда: Edit>Transform>Flip Horizontal.
Шаг 6:
А сейчас создадим задний фон для нашей композиции, он будет состоять из множества динамиков расположенных по всей площади (от переводчика: правда, динамиками это трудно назвать)!
В Adobe illustrator рисуем два круга и располагаем их в противоположных концах по ширине листа, делаем это так, чтобы они находились на одной горизонтали. Затем идём: Object/Blend/Make.
После этого открываем панель blending options, идём: Object/Blend/Blend Options или кликаем два раза на Blend tool в панели инструментов. В появившейся панели устанавливаем количество кружков такое, чтобы между ними оставался промежуток.
Шаг 7:
Далее идём: Object/Blend/Expand. На этом этапе Вам нужно заполнить всё пространство листа кругами: копируем и перемещаем вниз полученный ряд кругов (следим, чтобы не было смещения), повторяем шаг Object/Blend/Make.
Далее идём: Object/Blend/Expand и выбирая через ряд, смещаем ряды кружков приблизительно на 45 градусов относительно рядомстоящего ряда. Вот, что у Вас должно получиться:
Полученный фон копируем и вставляем в фотошоп:
Шаг 8:
Применяем стиль слоя Bevel & Emboss к нашему фону с кружками. Выбираем Outer Bevel:
И добавляем чёрный цвет к фону… воля!
Шаг 9:
Это самая трудная часть урока… всё достигается методом проб и ошибок… по крайней мере для меня это было именно так. Ну да ладно, пойдём дальше, чтобы создать свой собственный стиль Badass Bling.
Сначала в таблице слоёв используйте Gradient Overlay . Я сделал этот градиент из различных оттенков и величин золотого цвета. Убедитесь, что у вас есть контраст в вашем градиенте.
Вот на это будет похож ваш рисунок из Go Media после добавления градиента:
Далее, в этом же меню, добавляем стиль слоя Satin. Тут Вам захочется поэкспериментировать с параметрами, изменяя практически каждую позицию - и это важно. Попробуйте также изменить параметр Contour. Я выбрал вот этот - двойной, заострённый:
Выберете стиль слоя Bevel and Emboss. Выделите Inner Bevel. Отрегулируйте размер и мягкость. Я выбрал 10 и 1. Установите Shadow Mode на Color Burn и возможно Вам захочется уменьшить непрозрачность:
Далее идём к параметру Contour под блоком Bevel and Emboss. Подберите подходящий Contour, с каждым из них получится что-то своё:
Также посмотрите параметры Texture и выберете один из образцов. Отрегулируйте scale и depth (градацию и глубину), наблюдая, как изменяется рисунок из Go Media. Короче говоря, экспериментируйте с этими параметрами, чтобы получить золотой отблеск.
Далее добавим color overlay. Я выбрал тёмный ненасыщенный зелёный цвет, чтобы в золотом цвете смягчить красный. Потом я корректировал непрозрачность до тех пор, пока не увидел немного соответствия с золотыми автомобилями:
Итак, добавляем последний слой для нашего золотого эффекта: drop shadow, чтобы придать глубину рисунку:
Теперь, прежде, чем закрыть Layer Style, сохраним его, нажав New Style. Это позволит нам использовать его в последующих работах. Перед нажатием на ОК проверьте стоят ли галочки напротив Include Layer Effects и Include Layer Blending Options:
Этот стиль теперь отображается в Вашей палитре стилей:
Вот так ярко теперь должен сиять Ваш золотой стиль:
Шаг 10:
Добавим ещё графики в наш проект.
К добавленному слою применяем тот самый золотой стиль, который только что сделали:
Повторите этот же шаг для всех элементов, которые вы хотите обратить в золото:
Шаг 11:
На данном этапе Вам предстоит добавить световые эффекты, используя Кисть и стили слоя. Выбираем кисть большого размера:
Добавляем стиль слоя Outer Glow:
Далее добавляем цвет свечения (Outer Glow) и ставим следующие настройки:
Копируем этот слой и ставим впереди всех. Отрегулируйте непрозрачность слоя в меньшую сторону. Затем, используя ластик, убираем ненужные элементы свечения у средней машины и по краям, тем самым получаем расширенный источник света:
Шаг 12:
Идём дальше, добавим блеска нашей работе, используя illustrator и стили слоя. Для этого в illustrator сделаем форму кисти в виде звезды. Свою звезду я сделал пятиконечной, затем используя dupicated/rotated получил конечный результат. Далее копируем её и вставляем в Фотошоп. Применяем стиль слоя Outer Glow, только на этот раз применяем Blend Mode >normal и регулируем spread/size для того, чтобы получить эффект небольшого размытия вокруг звезды:
Щёлкаем правой кнопкой мыши на эффекте слоя и выбираем Create Layer. Таким образом ниже появится новый слой только со свечением. Возвращаемся на слой выше щёлкаем правой кнопкой мыши на панели слоёв и выбираем Merge Down:
Теперь идём Edit/Define Brush Preset:
Называем нашу новую кисть:
Теперь новая кисть появиться в палитре кистей:
Добавьте сверкающих звёздочек в Вашу работу!
Однако, свет звезды можно сделать более выразительным, применим стиль слоя Outer Glow, где ставим следующие настройки. Трам-пам-пам, воля - BLING!:
Золотые элементы в дизайне социальных сетей создают эффект изысканности, роскоши, элитарности, элегантности, достоинства. В сегодняшней статье я объясняю, как сделать золотой текст, который можно использовать для оформления рекламных баннеров, обложек, логотипов и т.д.
Эффект золотого текста будем создавать в программе Photoshop с помощью стиля слоя, где нужно настроить такие три опции: тиснение, внутренняя тень, тень.
Шаг 1. Как обычно, начинаем с создания нового файла: вкладка Файл – Создать. Размеры задайте свои. У меня — 1200х675. Разрешение – 72. Цветовой режим – RGB.
Шаг 2. Создать фон любым способом:
— залить инструментом Заливка, предварительно выбрав нужный цвет в палитре цветов;
— через стиль слоя наложить цвет или градиент;
— взять изображение с готовым фоном.
Для золотого текста лучше выбирать темный фон: черный, темно-синий, темно-красный.
Шаг 3. Взяв инструмент Текст, создать надпись. Шрифт лучше выбрать с жирным начертанием, например, Times New Roman – Bold, размер 200 пт, цвет белый.
Инструментом Перемещение выставить текст по центру.
Шаг 4. Перейти в стиль слой, для этого дважды кликнуть на слое с текстом.
Настройки тиснения выполнены. Нажать ОК.
Подтвердить настройки, нажимая ОК.
Подтвердить все настройки, нажав кнопку ОК.
Шаг 7. К тексту применить тень. Вызвать Стиль слоя. В окне Стиль слоя выбрать Тень. Сделать настройки для тени:
— режим наложения – умножение;
— цвет тени – черный;
— непрозрачность 75%;
— угол – 90%;
— смещение – 10 рх;
— размер — 20 рх.
Подтвердить настройки, нажав кнопку ОК.
Как видите, сделать золотой текст не сложно. Главное понять, какие настройки следует сделать и для чего они нужны. Обращаю ваше внимание на то, что настройки в некоторой степени могут изменяться в зависимости от начертания шрифта, его размера, от фона, на котором располагаете текст. К этому вы придете опытным путем, призвав в помощь свое чувство вкуса.
Вот так могут выглядеть рекламные баннеры с использованием золотого текста.
Читайте также: