Advertisement
  1. Design & Illustration
  2. Text Effects

Как создать реалистичный текстовый эффект монетки в Adobe Photoshop

Scroll to top
Read Time: 12 min

Russian (Pусский) translation by Svetlana (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

Этот текстовый эффект был вдохновлен многослойными стилями, доступными на GraphicRiver.

Учебные активы 

При создании этого учебника использовались следующие активы:

1. Как создавать основные и пользовательские фигуры

Шаг 1 

Создайте новый документ размером 1500 x 950 px. Выберите инструмент «Ellipse», убедитесь, что параметр «Shape» активен на панели Options (параметров) и создает форму круга. Затем переименуйте слой формы в монету.

Create a Circle ShapeCreate a Circle ShapeCreate a Circle Shape

Шаг 2 

Выберите инструмент Custom Shape Tool и добавьте любую фигуру Laurel Custom shape Pack [Photoshop] в качестве рамки внутри созданной вами монеты.

Add a Laurel ShapeAdd a Laurel ShapeAdd a Laurel Shape

Шаг 3

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

Delete Anchor PointsDelete Anchor PointsDelete Anchor Points

Шаг 4 

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

Adjust the ShapeAdjust the ShapeAdjust the Shape

Шаг 5

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

Шрифт, используемый здесь- Bodoni MT, размер 120 pt, и отслеживания присваивается -60.

Create TextCreate TextCreate Text

Шаг 6

Добавьте еще один текст в форму лавра, где вы удалили опорные точки. Используемый здесь шрифт - Poppins, размер - 20 pt, а Tracking отслеживание - 200.

Add Laurel TextAdd Laurel TextAdd Laurel Text

2. как добавить текст на пути работы

Шаг 1

Создайте еще одну форму круга, чтобы создать новую монету, переименуйте ее слой в Coin и добавьте любую фигуру ORNAMENT CUSTOM SHAPE SET.csh в центр.

Это хорошая идея, чтобы назвать каждый слой, который вы создаете, чтобы все было организовано и легко работать со всем учебником.

Add an Ornament ShapeAdd an Ornament ShapeAdd an Ornament Shape

Шаг 2

Продублируйте форму круга монеты и масштаб копирования для создания меньший круг внутри исходного. Измените значение заполнения копии в панели параметров нет, щелкните значок Set shape stroke type и нажмите кнопку Дополнительные параметры.

Выберите предустановленный пресет и настройте его по своему усмотрению.

Adjust the Stroke SettingsAdjust the Stroke SettingsAdjust the Stroke Settings

Шаг 3

Выделите Ellipse Tool еще раз и выберите опцию Path на панели параметров.

Создайте круговой рабочий путь вокруг формы орнамента в центре, чтобы добавить текст на нем.

Create a Work PathCreate a Work PathCreate a Work Path

Шаг 4

Выберите текстовый инструмент Text Too, щелкните по пути и введите текст.

Используемый здесь шрифт - Indira K, размер - 17 pt, Tracking отслеживание - 10, а текст - во всех Caps.

Add Path TextAdd Path TextAdd Path Text

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

3. как создать 3D-слои

Шаг 1

Для каждого из слоев формы вы выберите его и перейдите в 3D> Новая 3D-экструзия из выбранного пути, а для каждого из текстовых слоев выберите его и перейдите в 3D> Новая 3D-экструзия из выбранного слоя.

Create 3D LayersCreate 3D LayersCreate 3D Layers

Шаг 2

Выберите все трехмерные слои и перейдите в 3D> Объединить 3D-слои.

Merge 3D LayersMerge 3D LayersMerge 3D Layers

4. как работать с 3D-сцены

Шаг 1

Чтобы получить доступ к настройкам и свойствам 3D-сетки, вам нужно открыть две панели: панель 3D и панель «Properties» (Свойства).

3D-панель имеет все компоненты 3D-сцены, и когда вы нажмете имя любого из них, вы сможете получить доступ к ее настройкам на панели «Свойства». Поэтому перед изменением настроек на панели «Свойства» обязательно выберите вкладку элемента, который хотите изменить на панели 3D.

3D and Properties Panels3D and Properties Panels3D and Properties Panels

Шаг 2

Если вы выберете Move Tool, вы найдете набор 3D-режимов для него справа от панели параметров.

Когда вы выберете один из них, вы можете щелкнуть и перетащить, чтобы выполнить изменения (на выбранном элементе в 3D-панели).

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

Move Tool 3D ModesMove Tool 3D ModesMove Tool 3D Modes

5. как Группа 3D-объектов

Шаг 1

Выберите все вкладки 3D Сетка Первая монета, щелкните значок меню панели 3D и выбрать объекты группы.

Group ObjectsGroup ObjectsGroup Objects

Шаг 2

Повторяю, что группе остальной части монеты сетки вы есть.

Переименование группы все, что вам нравится. Здесь мы создаем золотые монеты и серебряные монеты, поэтому группы будет называться золото и серебро.

Rename the GroupsRename the GroupsRename the Groups

6. как настроить параметры 3D-сетки

Шаг 1

Выберите вкладки «Медные сетки» и измените их глубину экструзии на панели «Свойства» на 10.

Extrusion DepthExtrusion DepthExtrusion Depth

Шаг 2

Выберите остальные вкладки «Золотая сетка» и измените их глубину экструзии на 3.

Extrusion DepthExtrusion DepthExtrusion Depth

Шаг 3

Выберите остальные вкладки «Серебряная сетка» и измените их глубину экструзии на 2.

Extrusion DepthExtrusion DepthExtrusion Depth

7. Как настроить параметры 3D-крышки

Шаг 1

Выберите инструмент «Перемещение», выберите вкладки «Монета» и «Трехмерная ось», чтобы переместить их назад, чтобы отделить их от остальных ячеек.

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

Move the MeshesMove the MeshesMove the Meshes

Шаг 2

Выберите вкладку «Золотая монета» и нажмите значок «Cap» в верхней части панели «Свойства», чтобы создать край монеты.

Измените стороны на передний и задний, ширину скоса - 5%, угол на -23 и контур до бухты - глубокий.

Gold Coin Cap SettingsGold Coin Cap SettingsGold Coin Cap Settings

Шаг 3

Измените золотую монету Laurel и ширину Bevel Width на 10%, а их контур - на половину раунда.

Gold Coin Cap SettingsGold Coin Cap SettingsGold Coin Cap Settings

Шаг 4

Измените ширину Bevel Width ширины золотой монеты на 5%, а ее контур - на половину раунда.

Gold Coin Cap SettingsGold Coin Cap SettingsGold Coin Cap Settings

Шаг 5

Выберите вкладку «Серебряная монета», нажмите значок «Cap» и измените стороны на лицевую и заднюю стороны, ширину скоса до 10%, угол «-17» и «контур в конус - инвертированный».

Silver Coin Cap SettingsSilver Coin Cap SettingsSilver Coin Cap Settings

Шаг 6

Измените силу раздувания длину хода на эллипс серебряной монеты до 20%.

Silver Coin Cap SettingsSilver Coin Cap SettingsSilver Coin Cap Settings

Шаг 7

Измените текст серебряной монеты и орнамент «Bevel Width» на 5%, а их контур - на половину раунда.

Silver Coin Cap SettingsSilver Coin Cap SettingsSilver Coin Cap Settings

8. Как разместить 3D-сетки

Шаг 1

Чтобы лучше видеть 3D-сетки, щелкните значок «Фильтр по материалам» в верхней части 3D-панели, выберите все вкладки материалов, щелкните значок «Диффузная текстура» на панели «Свойства» и выберите «Удалить текстуру».

Remove TextureRemove TextureRemove Texture

Шаг 2

Используйте 3D Axis для изменения трехмерных сеток для создания финальных монет.

Reposition the 3D MeshesReposition the 3D MeshesReposition the 3D Meshes

Шаг 3

Вы можете щелкнуть значок «Координаты» в верхней части панели «Свойства», чтобы использовать числовые значения.

Coordinates ValuesCoordinates ValuesCoordinates Values

Шаг 4

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

Camera ViewsCamera ViewsCamera Views

Шаг 5

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

Finish Creating the CoinsFinish Creating the CoinsFinish Creating the Coins

9. Как создавать золотые и серебряные материалы

Шаг 1

Выберите все вкладки «Золотые монеты» и создайте золотой материал с помощью этих настроек (значения цвета используются в RGB):

  • Зеркальный: 241, 224, 155
  • Блеск: 50%
  • Отражение: 50%
Gold Material SettingsGold Material SettingsGold Material Settings

Шаг 2

Выберите все вкладки материала серебряной монеты и создайте серебряный материал, используя следующие настройки:

  • Зеркальные: 222, 223, 205
  • Блеск: 50%
  • Отражение: 50%
Silver Material SettingsSilver Material SettingsSilver Material Settings

Шаг 3

Выберите вкладку «Материал для вкладок в золотой монетке», щелкните значок «Диспетчерская папка» и выберите «Загрузить текстуру», чтобы открыть изображение 2.jpg из пакета бесшовных текстур «Металл».

Load TextureLoad TextureLoad Texture

Шаг 4

Нажмите значок «Диффузная (диспетчерская) текстура» еще раз, чтобы выбрать «Редактировать свойства UV».

Edit UV PropertiesEdit UV PropertiesEdit UV Properties

Шаг 5

Отрегулируйте значения Tile и Offset, чтобы получить нужный результат.

UV PropertiesUV PropertiesUV Properties

Шаг 6

Щелкните значок диффузных текстуры и выберите Изменить текстуру.

Edit TextureEdit TextureEdit Texture

Шаг 7

Добавьте слой сплошной цвет заливки цветом заливки #f5cb71 и изменить его режим смешивания на Линейное затемнение.

Solid ColorSolid ColorSolid Color

Шаг 8

Выберите остальные вкладки «Золотые монеты», щелкните значок «Диспетчерская папка» и выберите имя текстуры (2) из ​​списка, чтобы применить его.

Apply the TextureApply the TextureApply the Texture

Шаг 9

Выберите вкладку «Инфляционный материал с передней стороны серебряной монеты», щелкните значок «Диспетчерская папка - Diffuse folder» и выберите «Загрузить текстуру», чтобы снова открыть изображение 2.jpg.

Load TextureLoad TextureLoad Texture

Шаг 10

Примените текстуру к остальным вкладкам материала серебряной монеты.

Apply the TextureApply the TextureApply the Texture

10. Как создать рельефный материал

Шаг 1

Выберите вкладку «Экземпляр материала для золотой монетки» и нажмите значок «Bump (выпуклость, рельеф)folder», чтобы выбрать «Новая текстура».

New TextureNew TextureNew Texture

Шаг 2

Задайте размеры 100 x 100 px и нажмите кнопку ОК.

Texture DimensionsTexture DimensionsTexture Dimensions

Шаг 3

Когда откроется новый файл текстуры, Дублируйте слой фона.

Duplicate LayerDuplicate LayerDuplicate Layer

Шаг 4

Дважды щелкните Копировать слой, чтобы применить эффект наложения шаблона и изменить шаблон для 10px вертикальные полосы.

Сохраните и закройте файл.

Pattern OverlayPattern OverlayPattern Overlay

Шаг 5

Выберите вкладку «Золотая монета» и измените ее «Отображение текстур» на «Плитка».

Texture MappingTexture MappingTexture Mapping

Шаг 6

Снова выберите вкладку выдавливания материала Золотая монета и настроить свойства UV выпуклость (рельеф) текстуры.

UV PropertiesUV PropertiesUV Properties

Шаг 7

Примените ту же текстуру и настройки Bump ( выпуклость, рельеф) к материалу экструзии серебряных монет.

Silver Coin Extrusion Material BumpSilver Coin Extrusion Material BumpSilver Coin Extrusion Material Bump

11. Как помещать 3D-сетки

Шаг 1

Выберите вкладки «Золотая и Серебряная», щелкните правой кнопкой мыши любой из них и выберите «Экземпляр объекта».

Это создаст связанные копии, которые отражают изменения, внесенные в исходные сетки, например, с помощью настроек материала.

Instance ObjectInstance ObjectInstance Object

Шаг 2

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

Rename the Original GroupsRename the Original GroupsRename the Original Groups

Шаг 3

Выберите группу «Золото», которую вы хотите начать использовать для создания текста, щелкните значок «Координаты» и измените угол поворота X на 90.

X Rotation AngleX Rotation AngleX Rotation Angle

Шаг 4

Нажмите значок меню 3D-панели и выберите «Переместить объект в нулевую плоскость».

Повторите это, чтобы повернуть и переместить Серебряную группу на нулевую плоскость.

Move Object to Ground PlaneMove Object to Ground PlaneMove Object to Ground Plane

12. Как создать текст с помощью трехмерных сгруппированных сеток

Шаг 1

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

Start Creating the TextStart Creating the TextStart Creating the Text

Шаг 2

Если вам нужно использовать значения Координаты, имейте в виду, что вы можете проверить и снять галочку с параметром Uniform Scaling - Равномерное масштабирование, по мере необходимости.

Uniform ScalingUniform ScalingUniform Scaling

Шаг 3

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

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

Вы можете упростить процесс, поместив монеты рядом друг с другом, не складывая их друг над другом, а затем добавьте больше монет поверх них, но держите их горизонтальными.

В основном вам решать, как вы хотите создать текст и поместить монеты, в зависимости от конечного результата, которого вы хотите достичь.

Place the CoinsPlace the CoinsPlace the Coins

Шаг 4

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

Group the MeshesGroup the MeshesGroup the Meshes

Шаг 5

Создайте все буквы, что вам нужно и при желании можно добавить любые дополнительные монеты вокруг них.

Create the TextCreate the TextCreate the Text

13. Как добавить фоновый план

Шаг 1

Откройте изображение «Старые деревянные планки текстуры» 02, скопируйте и вставьте его поверх слоя 3D монеты, переименуйте его слой на «нулевой» и перейдите в 3D> Новая сетка из слоя> Открытка.

3D Postcard3D Postcard3D Postcard

Шаг 2

Выберите вкладку Текущий вид и выберите имя слоя 3D монеты в меню «Вид».

Current ViewCurrent ViewCurrent View

Шаг 3

Выберите оба 3D-слои и объединить их.

Выберите вкладку нулевая сетка, изменить его угол вращения X 90 и переместить его к нулевой плоскости.

После этого увеличьте значение позиции Y очень немного, поэтому до значения около 0,1, чтобы избежать случайных линий при рендеринге сцены.

Merge the 3D LayersMerge the 3D LayersMerge the 3D Layers

Шаг 4

Выбрав вкладку «нулевая сетка», щелкните значок «Mesh (Сетка) » в верхней части панели «Свойства» и снимите флажок «Оттенки Cast Shadows (литье тени)».

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

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

Adjust the Ground TextureAdjust the Ground TextureAdjust the Ground Texture

Шаг 5

Выберите вкладку «предлагаемый материала», удалите текстуру непрозрачности, если она есть, и используйте следующие настройки:

  • Зеркальные: 210, 196, 164
  • Блеск: 50%
Ground Material SettingsGround Material SettingsGround Material Settings

14. Как создать текстуру Bump (выпуклого, рельефного) из диффузного (многослойного)

Шаг 1

Нажмите на значок папки Bump (выпуклость, рельеф) и нажмите «Создать выпуклость вместо многослойного.

Generate Bumps From DiffuseGenerate Bumps From DiffuseGenerate Bumps From Diffuse

Шаг 2

Настройте параметры в поле «Создать карту рельефа», как вам нравится, и нажмите «ОК».

Generate Bump MapGenerate Bump MapGenerate Bump Map

Шаг 3

Это создаст более реалистичный эффект.

Перед началом настройки освещения сцены обязательно выберите конечный  окончательный угол камеры.

Final Camera AngleFinal Camera AngleFinal Camera Angle

15. Как отрегулировать освещение и рендеринг 3D-сцены

Шаг 1

Перейдите на вкладку «Бесконечный свет» и измените ее интенсивность на 50%, а ее теневая мягкость - на 30%.

Infinite LightInfinite LightInfinite Light

Шаг 2

Используйте инструмент «Переместить», чтобы перемещать свет вокруг нужного угла или использовать значения «Координаты» для этого.

Move the LightMove the LightMove the Light

Шаг 3

Выберите вкладку «Окружающая среда», щелкните значок текстуры IBL и выберите «Заменить текстуру», чтобы открыть номер изображение .

EnvironmentEnvironmentEnvironment

Шаг 4

Измените интенсивность до 90% и используйте Move Tool (инструменты перемещения) для перемещения текстуры до тех пор, пока вам не понравится ее эффект.

Environment SettingsEnvironment SettingsEnvironment Settings

Шаг 5

Нажмите значок текстуры IBL и выберите «Редактировать текстуру», чтобы открыть файл изображения.

Добавьте корректирующий слой Hue  (оттенок) / Saturation для изменения Saturation (насыщенность) на -60 и сохраните и закройте файл.

HueSaturationHueSaturationHueSaturation

Шаг 6

Перейдите в 3D> Render 3D Layer. Для рендеринга может потребоваться некоторое время, но вы можете остановить его в любое время, нажав клавишу Esc.

После выполнения рендеринга щелкните правой кнопкой мыши 3D-слой и выберите «Преобразовать в интеллектуальный объект», чтобы избежать случайных изменений.

Render 3D LayerRender 3D LayerRender 3D Layer

16. Как сделать глобальные корректировки

Шаг 1

Добавьте корректирующий слой Vibrance (Сочность) и измените значение Vibrance (Сочность) на -5.

Шаг 2

Добавьте слой с избирательной цветовой настройкой и используйте следующие настройки:

Красные

  • Голубой: 7
  • Желтый: 10
  • Черный: 10

Желтые цветы

  • Пурпурный: 3
  • Желтый: -10
  • Черный: 10
Selective ColorSelective ColorSelective Color

Нейтральные

  • Голубой: 3
  • Желтый: -1
  • Черный: 1

Черные

  • Голубой: 3
  • Желтый: 5
  • Черный: 15
Selective ColorSelective ColorSelective Color

Шаг 3

Добавьте корректирующий слой яркости/контраста, измените свой режим наложения к яркости и задайте значение контрастности до 30.

BrightnessContrastBrightnessContrastBrightnessContrast

Шаг 4

Добавьте корректирующий слой Curves, измените его Blend Mode ( режим наложения) на Luminosity (яркости) и его непрозрачность до 35% и создайте простую S-Curve, чтобы еще больше увеличить контраст.

CurvesCurvesCurves

Шаг 5

Добавьте слой насыщенного цвета с помощью заливки цвета Black черный и измените его режим наложения на мягкий свет, а его непрозрачность - на 43%.

Solid ColorSolid ColorSolid Color

Шаг 6

Выберите миниатюру маски слоя, выберите инструмент «Кисть», установите цвет переднего плана на черный и используйте большой мягкий круглый наконечник, чтобы нарисовать текст, чтобы создать эффект быстрой виньетки.

Вы также можете уменьшить плотность маски на панели «Свойства», чтобы получить более тонкий эффект.

Vignette EffectVignette EffectVignette Effect

Шаг 7

Добавьте корректирующий слой Color Lookup и выберите таблицу 2Strip.look в меню 3DLUT File.

Измените режим смешивания слоя на Мягкий свет и его непрозрачность до 30%.

Color LookupColor LookupColor Lookup

Шаг 8

Добавьте еще один корректирующий слой Color Lookup (Цвет поиска) и выберите таблицу Gold-Blue из меню Abstract (абстракт).

Измените режим наложения слоя на Lighten и его непрозрачность на 50%.

Color LookupColor LookupColor Lookup

Шаг 9

Используйте инструмент Crop Tool (рамка, инструменты обрезки), чтобы избавиться от всех лишних областей, которые вам не нужны, и вы можете снять флажок «Удалить обрезанные пиксели» на панели параметров, если хотите.

Crop the ImageCrop the ImageCrop the Image

Поздравляю! Вы сделали

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

Затем мы преобразовали слои, которые мы создали в 3D-слои, скорректировали их настройки и создали их материалы. После этого мы создали и позиционировали монеты для создания писем, которые нам нужны для нашего текста.

Наконец, мы отрегулировали освещение, визуализировали сцену и добавили некоторые глобальные настройки, чтобы закончить все.

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

Final ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.