Как сделать золотой логотип в фотошопе
Обновлено: 06.07.2024
Прежде чем мы начнем: обратите внимание, что это руководство изначально было написано для Photoshop CS5 и более ранних версий. Если вы используете Photoshop CC или CS6, вам следует ознакомиться с нашим полностью обновленным учебным пособием «Превращение текста в золото с помощью Photoshop».
В этом уроке по созданию текстовых эффектов в Photoshop мы узнаем, как превратить текст в золото с помощью стилей слоя Photoshop. В конце мы даже добавим блесток, чтобы наши золотые буквы действительно сияли.
Вот эффект, которого мы добиваемся:
После того как вы создали золотой текст, обязательно ознакомьтесь со второй частью этого руководства, где я покажу вам, как легко изменить фон позади текста! Начнем!
Как создать золотой текст в Photoshop
Шаг 1. Откройте новый документ Photoshop
Откройте новый документ в Photoshop, перейдя в меню «Файл» и выбрав «Создать». или с помощью сочетания клавиш Ctrl+N (Win)/Command+N (Mac). Я просто собираюсь использовать предустановленный размер 640x480. Вы можете использовать любой размер по ширине и высоте, а затем нажать OK, чтобы создать новый документ Photoshop:
Шаг 2. Залейте фоновый слой черным цветом
Нажмите клавишу D на клавиатуре, чтобы быстро сбросить цвета переднего плана и фона Photoshop, установив черный цвет в качестве цвета переднего плана. Затем используйте сочетание клавиш Alt+Backspace (Win) / Option+Delete (Mac), чтобы заполнить фоновый слой черным цветом:
Шаг 3. Установите белый цвет переднего плана и добавьте текст
Нажмите X на клавиатуре, чтобы поменять местами цвета переднего плана и фона, чтобы белый стал цветом переднего плана. Выберите инструмент «Текст» в палитре «Инструменты» или нажмите T на клавиатуре. Выберите шрифт на панели параметров в верхней части экрана, затем щелкните внутри окна документа и введите текст. Я использую «Times New Roman Bold», чтобы не усложнять задачу, если вы хотите продолжить. Я введу слово "ЗОЛОТО":
Шаг 4. Измените размер текста с помощью команды Free Transform
На данный момент текст слишком мелкий, поэтому, выбрав текстовый слой в палитре слоев, используйте сочетание клавиш Ctrl+T (Win)/Command+T (Mac), чтобы открыть окно Photoshop Free Transform и манипуляторы вокруг него. текст. Удерживая нажатыми клавиши Shift+Alt (Win) / Shift+Option (Mac), Photoshop ограничивает пропорции текста и изменяет размер текста от центра, когда вы перетаскиваете любой из угловых маркеров, чтобы увеличить текст:
По завершении нажмите Enter (Win)/Return (Mac), чтобы принять преобразование.
Шаг 5. Дублируйте текстовый слой
Используйте сочетание клавиш Ctrl+J (Win)/Command+J (Mac), чтобы быстро дублировать текстовый слой. Теперь у вас должно быть три слоя в палитре слоев:
Следующие несколько шагов мы будем работать над слоем копии текста.
Шаг 6. Добавьте наложение градиента к тексту
Выбрав слой копии текста, щелкните значок "Стили слоя" в нижней части палитры "Слои":
Выберите «Наложение градиента» из списка:
При этом открывается диалоговое окно "Стиль слоя" с параметрами "Наложение градиента":
Мы собираемся установить цвета для нашего градиента, поэтому нажмите прямо на область предварительного просмотра градиента (обведена красным выше), чтобы открыть редактор градиентов.
Шаг 7. Выберите более светлый и темный золотой цвет для градиента
Когда появится редактор градиентов, нажмите на левый цветовой маркер, чтобы выбрать его, а затем нажмите на образец цвета, чтобы выбрать цвет для левой стороны градиента:
Открывается палитра цветов Photoshop. Вы можете использовать любой золотой цвет, который вы предпочитаете, но если вы хотите продолжить, я ввел цвет R: 247, G: 238, B: 173, который дает нам светло-золотой цвет (я сжульничал и взял образец цвета из фото золотой монеты):
Нажмите "ОК", чтобы принять цвет и выйти из палитры цветов. Затем, вернувшись в редактор градиентов, щелкните правый цветовой маркер, чтобы выбрать его, а затем снова щелкните образец цвета:
Когда палитра цветов снова появится, введите R:193, G:172, B:81, чтобы получить более темный золотой цвет (также взятый с золотой монеты):
Нажмите "ОК", чтобы снова выйти из палитры цветов, а также нажмите "ОК", чтобы выйти из редактора градиентов.
Теперь ваш текст должен выглядеть так:
Пока не выходите из диалогового окна "Стиль слоя". Нам еще многое предстоит сделать.
Шаг 8. Измените «Стиль» градиента на «Отраженный»
Вернувшись к параметрам «Наложение градиента» в диалоговом окне «Стиль слоя», нажмите стрелку, указывающую вниз, справа от слова «Линейный» и измените стиль градиента на «Отраженный»:
Это добавит более темный золотой цвет вверху и внизу текста, оставив более светлый цвет в середине:
Шаг 9. Выберите параметры «Скос и тиснение»
Нажмите непосредственно на слова «Скос и тиснение» в меню стилей слоя в левой части диалогового окна «Стиль слоя», чтобы переключиться на параметры «Скос и тиснение». Убедитесь, что вы нажимаете непосредственно на сами слова, а не только на маленькое поле рядом с ними, иначе параметры не появятся:
Шаг 10. Измените "Техника" на "Долото жестко"
В параметрах Bevel and Emboss Structure в середине диалогового окна Layer Style нажмите стрелку вниз справа от слова "Smooth" и измените Technique на Chisel Hard:
Шаг 11. Измените «Контур глянца» на «Двойное кольцо»
В параметрах затенения под параметрами структуры нажмите стрелку вниз справа от слова "Глянцевый контур" и выберите "Кольцо - Двойное", которое находится в нижнем ряду, третье слева:
Также выберите параметр "Сглаживание", чтобы предотвратить появление "зубцов" в тексте.
Вот текст в этом месте:
Шаг 12. Увеличьте «Размер» структуры, чтобы закрыть открытое пространство внутри букв
Вернитесь к параметрам «Структура» в верхней части диалогового окна «Стили слоев» и перетащите ползунок «Размер» вправо, пока не закроете открытые пространства внутри букв. Здесь я перетащил свой до значения 16 пикселей:
Открытого пространства больше нет:
Шаг 13. Увеличьте «глубину» структуры, чтобы усилить эффект освещения
Затем перетащите ползунок "Глубина" вправо, чтобы усилить эффект освещения букв. Я перетащил свой до значения 171%:
Теперь все начинает выглядеть хорошо:
Шаг 14. Включите «Контур» в меню стилей слоя
Затем установите флажок слева от слова «Контур» в левой части диалогового окна «Стиль слоя», непосредственно под параметром «Скос и тиснение». Это еще больше усилит наш золотой эффект. Нет необходимости изменять какие-либо параметры для него, поэтому просто установите флажок, чтобы включить его:
Вот текст с включенным параметром "Контур":
Шаг 15. Добавьте внутреннее свечение
И последнее, что нужно сделать здесь, прежде чем мы выйдем из диалогового окна «Стиль слоя» и переключимся на исходный текстовый слой. Мы собираемся добавить эффект внутреннего свечения, чтобы улучшить наши золотые цвета. Для этого нажмите непосредственно на слова «Внутреннее свечение» в левой части диалогового окна «Стиль слоя», чтобы включить его и открыть его параметры:
Сначала измените режим наложения на «Умножение». Затем уменьшите непрозрачность до 50%. Нажмите на образец цвета прямо под словом «Шум», чтобы открыть палитру цветов. Введите R:232, G:128, B:31, чтобы дать нам оранжевый цвет (этот цвет был взят из фотографии золотого кирпича), и нажмите OK, чтобы выйти из палитры цветов. Наконец, увеличьте размер свечения до 15 пикселей.
Когда вы закончите, вы можете нажать "ОК", чтобы выйти из диалогового окна "Стиль слоя". Теперь ваш текст должен выглядеть примерно так:
Шаг 16. Добавьте обводку к исходному текстовому слою
На этом мы закончили со слоем копии текста. Теперь мы собираемся работать с исходным текстовым слоем, поэтому щелкните его в палитре слоев, чтобы выбрать его. Мы снова вернемся к диалоговому окну «Стиль слоя», поэтому щелкните значок «Стили слоя» в нижней части палитры «Слои»:
Выбрав исходный текстовый слой, щелкните значок "Стили слоев" в нижней части палитры "Слои".
На этот раз выберите «Обводка» внизу списка:
При этом снова откроется диалоговое окно «Стиль слоя» с параметрами «Обводка». Измените параметры, которые я обвел ниже:
Сначала увеличьте размер обводки до 5 пикселей. Затем измените тип заливки с «Цвет» на «Градиент». Мы собираемся использовать те же цвета градиента для обводки, что и для текста. Прежде чем мы начнем устанавливать цвета градиента, измените стиль градиента на «Отраженный».
Шаг 17. Установите градиент обводки того же цвета, что и текст
Нажмите прямо на область предварительного просмотра градиента в параметрах обводки:
Это снова вызовет Редактор градиентов. Установите цвета градиента на те же цвета, которые мы использовали для текста. Для левого цвета используйте R:247, G:238, B:173, а для правого цвета используйте R:193, G:172, B:81. Нажмите OK, чтобы выйти из редактора градиентов после того, как вы установили цвета, и ваш текст должен выглядеть следующим образом:
Шаг 18. Примените к обводке стиль «Bevel and Emboss»
Нажмите непосредственно на слова Bevel и Emboss в меню слева от диалогового окна Layer Style, чтобы еще раз включить его и вызвать его параметры. На этот раз, вместо того, чтобы добавлять стиль скоса и тиснения к тексту, мы добавим его к обводке. Измените параметры, которые я обвел ниже:
Во-первых, чтобы применить эти настройки к обводке, нам нужно изменить верхний параметр Style на Stroke Emboss. Теперь все эти настройки будут применены к нашему штриху. Снова измените технику на Chisel Hard. Установите Размер на 5 пикселей. В разделе «Затенение» щелкните стрелку, указывающую вниз, справа от слов «Глянцевый контур» и еще раз выберите параметр «Кольцо — Двойное», который является третьим слева в нижнем ряду. Наконец, слева в области меню еще раз щелкните внутри флажка Контур, чтобы включить его.
После применения стиля Bevel and Emboss к обводке текст должен выглядеть следующим образом:
Текст теперь имеет слабое свечение вокруг него:
Шаг 24. Нарисуйте несколько случайных блесток вокруг текста
Выбрав кисть и готовый образец цвета, нажмите в нескольких случайных местах вокруг текста, чтобы добавить блесток. Изменяйте размер кисти после каждого щелчка, чтобы добавить еще больше случайности, используя клавиши правой и левой квадратных скобок, чтобы увеличивать или уменьшать размер кисти на лету. Добавлять блестки весело, но слишком много — это слишком много, поэтому добавляйте только несколько. Подойдет пара больших и пара маленьких.
Если вам кажется, что ваши блестки выглядят слишком ярко, уменьшите непрозрачность слоя "блестки". Здесь я снизил свой уровень до 50%:
После того как вы добавили блестки и уменьшили непрозрачность по своему вкусу, вы завершили эффект золотых букв! Вот мой окончательный результат эффекта «Позолоченный текст»:
И вот оно! Теперь, когда вы создали золотой текст, посмотрите часть 2, где я покажу вам, как легко перенести эффект на другой фон! Или посетите наши разделы «Текстовые эффекты» или «Фотоэффекты», чтобы получить больше руководств!
В этом видео вы научитесь простому пошаговому процессу создания золотой статуи из фотографии в Photoshop!
Процесс прост: все, что вам нужно, это фотография с большим контрастом и команда «Применить изображение» в Photoshop.
Затем вы можете использовать фильтр Camera Raw, чтобы сгладить изображение и получить еще лучшие результаты!
Оглавление
Обучающее изображение
Удалить фон с помощью быстрых действий
Продублируйте фоновый слой, нажав Ctrl J (Windows) или Command J (macOS), чтобы сохранить его копию, поскольку этот процесс будет разрушительным, то есть мы не сможем вернуться к оригиналу, как только начнем применять эффекты, фильтры, и корректировки.
Переименуйте дубликат слоя в Chrome
.Отключите исходный фоновый слой, чтобы сосредоточиться на работе со слоем Chrome.
Затем выберите «Окно» > «Свойства», чтобы убедиться, что в рабочей области есть панель свойств.
В разделе «Быстрые действия» нажмите кнопку «Удалить фон», чтобы позволить Adobe Sensei, искусственному интеллекту (ИИ), проанализировать все изображение, чтобы определить основной объект, выбрать его, и примените маску слоя и мгновенно удалите фон.
Уточните маску слоя
Выберите миниатюру слоя-маски и начните рисовать на промежутках между пальцами объекта, чтобы скрыть эти области с помощью существующей маски слоя.
Сглаживание деталей с помощью фильтра Camera Raw
Выберите миниатюру слоя и выберите «Изображение» > «Коррекция» > «Обесцветить». Обесцвечивая изображение, он удаляет цвет с изображения и оставляет его в оттенках серого.
Увеличив масштаб, вы сможете увидеть множество мелких деталей, таких как волосы на теле и сетчатый рисунок рубашки, которые могут мешать хромированному виду, к которому вы стремитесь.
Выберите «Фильтр» > «Фильтр Camera Raw».
На вкладке "Основные" уменьшите текстуру, опустив ползунок до упора, чтобы сгладить текстуры изображения.
Нажмите значок Переключить, чтобы увидеть исходные настройки и то, как выглядит изображение после применения настроек.
Затем перейдите на вкладку "Детали" и увеличьте ползунок "Яркость" до максимума, чтобы придать ему плавный вид масляной живописи.
Детализация яркости управляет шумовым порогом и полезна для шумных фотографий. Уменьшите значение, сдвинув его влево, чтобы еще больше сгладить его и удалить детали.
Уменьшите контраст яркости до минимума, чтобы получить более плавные результаты.
Используйте команду «Применить изображение», чтобы создать эффект Chrome
Выберите «Изображение» > «Применить изображение».
В окне «Применить изображение» установите для параметра Слой значение «Объединенный», а для параметра Канал — значение RGB.
Установите для режима наложения значение "Разница", чтобы превратить объект в черный силуэт.
Затем установите флажок для инвертирования, чтобы создать на объекте эффект хромирования.
Нажмите OK, чтобы применить изменения.
Теперь, чтобы еще больше усилить эффект, повторите процесс еще раз.
Выберите «Изображение» > «Применить изображение».
В окне «Применить изображение» Photoshop запоминает последнюю настройку, поэтому все, что вам нужно сделать сейчас, это нажать «ОК», чтобы применить изменения.
Если на изображении есть область, которую необходимо улучшить, используйте инструмент "Лассо", чтобы выделить следующую область, и вы можете повторить процесс, но на этот раз он будет применяться только к выделенной области.
Затем нажмите OK, чтобы применить изменения.
Добавить сплошной цвет фона
Чтобы изображение было лучше видно, создайте сплошной слой-заливку.
Перейдите в нижнюю часть панели Слои, щелкните значок "Новый корректирующий слой" и выберите "Сплошной цвет".
В окне "Палитра цветов" выберите темно-серый цвет и нажмите "ОК", чтобы закрыть окно.
Раскрасить настройку насыщенности оттенка
Выберите слой Chrome.
Нажмите значок "Новый корректирующий слой" и выберите "Цветовой тон/Насыщенность".
На панели Свойства щелкните значок маски слоя обрезки, чтобы прикрепить корректирующий слой к слою Chrome под ним. При этом любые корректировки, примененные к слою, повлияют только на слой Chrome и ни на что другое.
Установите флажок для Colorize, чтобы применить цвет к слою Hue/Saturation.
С помощью ползунка "Оттенок" вы можете переместить указатель в желто-оранжевую область, чтобы установить цвет, похожий на золотой.
Увеличьте ползунок "Насыщенность", чтобы усилить эффект насыщенного золота.
Точная настройка с помощью Camera Raw
Чтобы еще больше сгладить изображение, выберите слой Chrome и выберите «Фильтр» > «Фильтр Camera Raw».
Увеличьте изображение, чтобы рассмотреть эффекты поближе.
На вкладке "Основные" уменьшите ползунок "Текстура".
На вкладке "Детали" увеличьте яркость, чтобы усилить шумоподавление и удалить оставшиеся детали волос на теле и лице, а также сетчатый рисунок рубашки.
Дважды щелкните сбоку от слоя Chrome, чтобы открыть окно "Стиль слоя".
Установите флажок для внутренней тени.
Дважды щелкните миниатюру цвета, чтобы открыть окно "Палитра цветов", и выберите один из цветов теней на хромированном слое.
Выберите темно-золотистый цвет в качестве цвета внутренней тени.
Нажмите OK, чтобы закрыть окно палитры цветов.
В структуре внутренней тени отрегулируйте ползунки «Размер» и «Непрозрачность», чтобы улучшить ее внешний вид.
Если вас устраивают настройки, нажмите OK, чтобы закрыть окно «Стиль слоя».
Вот как можно создать золотую статую из фотографии в Photoshop! Если вам понравился этот урок, вот похожий урок, который вам может понравиться!
Конечно, существует множество быстрых действий, которые вы можете загрузить и использовать, чтобы сделать вещи золотыми в Photoshop, но персонализировать свой собственный золотой эффект намного круче. Хотя это может показаться сложным, на самом деле это не так.
Чтобы что-то выглядело золотым в Photoshop, нужно манипулировать слоями. В зависимости от того, что вы собираетесь делать, существуют разные решения.
В этом уроке вы узнаете, как сделать объект золотым и как создать эффект золотого текста в Photoshop.
Начнем!
Оглавление
2 способа сделать что-то золотым в Photoshop
Вы можете создать эффект золота, поэкспериментировав с корректировкой слоя и стилями слоя, используя два описанных ниже метода.
Примечание. Скриншоты взяты из версии Adobe Photoshop CC 2021 для Mac. Windows или другие версии могут выглядеть иначе.
1. Сделать текст золотым
Шаг 1. Создайте новый документ и установите черный цвет фона.
Шаг 2. Выберите инструмент «Текст» на панели инструментов и добавьте текст на холст. Для лучшего результата установите белый цвет текста.
Шаг 3. Перейдите на панель «Слои» и добавьте стиль слоя: «Скос и тиснение».
Появится окно стиля слоя. Здесь главное выбрать два цвета для контура: Highlight Mode и Shadow Mode. Для остальных настроек вы можете следовать моему примеру на снимке экрана ниже.
Шаг 5. Нажмите "ОК", и к тексту будет применен золотой эффект.
К тексту также можно добавить текстуру. Снова откройте окно «Стиль слоя», выберите «Текстура» и выберите текстуру (узор), которую хотите добавить.
Это текстура, которую я добавил.
2. Сделать объект золотым
Советы: я рекомендую вам удалить фон изображения перед применением эффекта золота.
Например, я собираюсь сделать этот флакон для духов золотым.
< бр />
Шаг 1. Откройте изображение в Photoshop и удалите его фон, чтобы фон стал прозрачным.
< бр />
Шаг 2. Добавьте слой сплошного цвета (корректирующий), установите черный цвет и перетащите слой сплошного цвета под изображение.
Шаг 3. Перейдите в верхнее меню и выберите «Изображение» > «Коррекция» > «Черно-белое». Вы можете настроить значение цвета в зависимости от вашего изображения или просто нажмите OK. В любом случае вам, вероятно, потребуется отрегулировать освещение позже.
Шаг 4. Дублируйте слой, нажав Command/Ctrl + J на клавиатуре.
Шаг 5. Снова перейдите в верхнее меню и выберите «Изображение» > «Коррекция» > «Инвертировать». Установите режим наложения «Разница». Вы уже можете видеть металлический эффект.
Шаг 6. Перейдите на панель «Слои» и добавьте корректирующий слой. Выберите Цветовой баланс.
Переместите желтый ползунок влево (или ближе к левому краю), слегка отрегулируйте другой цветовой баланс.
< бр />
Вы можете настроить тени, средние тона и светлые участки. Попробуйте настроить все, чтобы получить лучший результат.
Теперь вы должны увидеть золотой эффект. Если вам нравится внешний вид, вы можете оставить все как есть.
Но я рекомендую добавить еще пару настроек, таких как "Уровни" и "Яркость", потому что они сделают изображение более естественным.
Подведение итогов
Если вы создаете эффект золота для текста с нуля, самое главное — выбрать два цвета, создающих красивый золотой оттенок. Чтобы превратить красочное изображение в золотой, нужно манипулировать цветами и освещением.
Джун — опытный графический дизайнер, специализирующийся на дизайне брендов. Photoshop — это основной инструмент, который она использует каждый день вместе с другими программами Adobe для своей творческой работы.
Оставить ответ
Привет!
Добро пожаловать в PhotoshopBuzz, центр ресурсов, где вы найдете все о Photoshop, от самых основных инструментов, общих практических руководств, программного обеспечения и советов по дизайну до бесплатных материалов. Узнайте больше о нас здесь.
Похожие записи
Отказ от ответственности
Photoshop — это программное обеспечение для дизайна, разработанное Adobe Inc. Этот сайт никак не поддерживается и не связан с Adobe.
Сегодня я покажу вам, как легко создать текстовый эффект с золотой фольгой, используя метод обтравочной маски в Photoshop. Это действительно простой способ, посмотрите видео.
< бр />
Ниже изображений, использованных в учебнике
Изображение с золотой текстурой
Изображение с брызгами в формате PNG
Вам также может понравиться
48 поделиться
Последние бесплатные текстовые стили Photoshop, файлы PSD с текстовыми эффектами
45 поделились 26 000 загрузок
Новые бесплатные макеты логотипов в формате PSD — InspiringBee
30 расшарений
Учебное пособие по созданию прозрачного текста в Photoshop
45 расшарений
Создание светящегося текстового эффекта в Photoshop — Tutpad
Скачать бесплатно фотоэффекты света и боке
Превратите скучные фотографии неба в потрясающие в Photoshop
В тренде
Коллекция бесплатных макетов для всех серий Apple iPhone в формате PSD, Sketch, Figma
Лучшая бесплатная коллекция кистей Procreate для скачивания
Последние бесплатные текстовые стили Photoshop, файлы PSD с текстовыми эффектами
10 бесплатных макетов брендинга ресторанов быстрого питания и макетов упаковки
Люблю проектировать и учить других тому, что узнаю сам. Спасибо, что нашли время, чтобы просмотреть мой контент здесь, на Inspiring Bee. Надеюсь, вы уже нашли для себя что-то полезное? Моя цель — помочь вам создавать крутые дизайны, делясь учебными пособиями, ресурсами и вдохновением. Позвольте мне показать вам и объяснить, что вы можете найти в моем блоге.
Читайте также: