ПОНРАВИЛОСЬ? ПОДЕЛИТЕСЬ С ДРУЗЬЯМИ!
Цвет - Расположение
- #7a6b37 - 7%
- #84753f - 43%
- #7d6d37 - 70%
- # ffe785 - 85%
- #f7c753 - 0%, 13%, 19%, 48%, 63%, 81% и 100%
- #c59f44 - 16%, 27%, 55%, 75% и 93%
Шаг 3
Добавьте Satin (Глянец) с настройками:
- Blend Mode (Режим наложения): Linear Burn (Линейный Затемнитель)
- Color (Цвет): # afa182
- Opacity (Непрозрачность): 3%
- Angle (Угол обзора): 0
- Distance (Расстояние): 22px
- Size (Размер): 1
- Invert (Инверсия) поставьте галочку
Шаг 4
Добавьте Color Overlay (Наложение цвета) со следующими параметрами:
- Blend Mode (Режим наложения): Linear Burn (Линейный Затемнитель)
- Color (Цвет): #000000
- Opacity (Непрозрачность): 7%
Шаг 5
ДобавьтеGradient Overlay (Наложение Градиента) со следующими настройками:
- Blend Mode (Режим Наложения): Normal (Обычный)
- Dither (Сглаживание) поставьте галочку
- Opacity (Непрозрачность): 100%
- Style (Стиль): Linear (Линейный)
- Angle (Угол обзора) 67
- Scale (Масштаб): 100%
- Нажмите на поле Gradient (Градиент) для создания градиентной заливки и установите следующие цвета:
Цвет - Расположение
- #010202 - 11%
- #737373 - 34%
- #010202 - 58%
- # 737373 - 75%
- # 010202 - 100%
Нажмите кнопку OK, чтобы применить все изменения.
Шаг 6
Раскройте группу Effect 1, выберите слой Gold copy и дважды кликните по слою, чтобы применить следующий стиль слоя:
Добавьте Inner Glow (Внутреннее Свечение) со следующими настройками:
- Blend Mode (Режим наложения): Linear Dodge (Add) (Линейный осветлитель (Добавить)
- Opacity (Непрозрачность): 14%
- Color (Цвет): #ffffff
- Technique (Метод): Precise (Точная)
- Source: Edge
- Choke: 100%
- Size (Размер): 136px
- Anti-aliased (Сглаживание): поставьте галочку
Шаг 7
Добавьте Color Overlay (Наложение цвета) со следующими параметрами:
- Blend Mode (Режим наложения): Linear Burn (Линейный Затемнитель)
- Color (Цвет): # fee691
- Opacity (Непрозрачность): 100%
Шаг 8
ДобавьтеGradient Overlay (Наложение Градиента) со следующими настройками:
- Blend Mode (Режим Наложения): Normal (Обычный)
- Dither (Сглаживание) поставьте галочку
- Opacity (Непрозрачность): 100%
- Style (Стиль): Reflected (зеркальный)
- Angle (Угол обзора) 90
- Scale (Масштаб): 150%
- Нажмите на поле Gradient (Градиент) для создания градиентной заливки и установите следующие цвета:
Цвет - Расположение
- # 7a6b37 - 7%, 23%, 58%, 89%
- # 84753f - 43%
- #7d6d37 - 70%, 100%
- # ffe785 - 4%,25%, 39%, 85% и 97%
- #f7c753 - 0%, 13%, 19%, 48%, 63%, 81% и 100%
- #c59f44 - 16%, 34%, 55%, 75% и 93%
Шаг 9
Этот градиент будет использоваться в следующих шагах, так что давайте сохраним его в градиентных наборах, нажав на кнопку New (Новый). Затем нажмите кнопку OK, чтобы применить все изменения.
Шаг 10
Кликните правой кнопкой мыши по слою Gold copy и выберите Copy Layer Style (Копировать стиль слоя), а затем, зажав клавишу Shift, кликните левой кнопкой мыши по слою Gold copy 19. Пока все эти слои выбраны, кликните правой кнопкой мыши по любому из этих слоев и выберите Paste Layer Style(Вставить стиль слоя). Этот стиль применится ко всем выбранным слоям.
Шаг 11
Закройте группу Effect 1 и разверните группу Effect 2. Выберите слой Gold copy20 и сделайте двойной клик по слою, примените следующий стиль слоя:
Добавьте Inner Glow (Внутреннее свечение):
- Blend Mode (Режим наложения): Linear Dodge (Add) (Линейный осветлитель (Добавить)
- Opacity (Непрозрачность): 7%
- Color (Цвет): #ffffff
- Technique (Метод): Precise (Точная)
- Source: Edge
- Choke: 100%
- Size (Размер): 136px
- Anti-aliased (Сглаживание): поставьте галочку
Шаг 12
Добавьте Color Overlay (Наложение цвета) со следующими параметрами:
- Blend Mode (Режим наложения): Color (Цветность)
- Color (Цвет): # fee691
- Opacity (Непрозрачность): 100%
Шаг 13
Добавьте Gradient Overlay (Наложение Градиента) со следующими настройками:
- Blend Mode (Режим Наложения): Normal (Обычный)
- Dither (Сглаживание) поставьте галочку
- Opacity (Непрозрачность): 100%
- Style (Стиль): Reflected (Зеркальный)
- Angle (Угол обзора) 90
- Scale (Масштаб): 150%
- Нажмите на поле Gradient (Градиент) для создания градиентной заливки и выберите сохраненный градиент раннее в наборах:
Нажмите ОК и примените изменения.
Шаг 14
Сделайте правый клик мыши по слою Gold copy20 и выберите Copy Layer Style (Скопировать стиль слоя), а затем, удерживая клавишу Shift, кликните левой кнопкой мыши по слою Gold copy29. Пока все слои выделены, кликните правой кнопкой мыши по любому из них и выберите Paste Layer Style(Вставить стиль слоя).
Шаг 15
Закройте группу Effect 2 и разверните группу Effect 3. Выберите слой Gold copy 30 и сделайте двойной клик по слою, примените следующий стиль слоя:
Добавьте Inner Glow (Внутреннее свечение):
- Blend Mode (Режим наложения): Linear Dodge (Add) (Линейный осветлитель (Добавить)
- Opacity (Непрозрачность): 3%
- Color (Цвет): #ffffff
- Technique (Метод): Precise (Точная)
- Source: Edge
- Choke: 100%
- Size (Размер): 136px
- Anti-aliased (Сглаживание): поставьте галочку
Шаг 16
Добавьте Color Overlay (Наложение цвета) со следующими параметрами:
- Blend Mode (Режим наложения): Color (Цветность)
- Color (Цвет): # fee691
- Opacity (Непрозрачность): 100%
Шаг 17
Добавьте Gradient Overlay (Наложение Градиента) со следующими настройками:
- Blend Mode (Режим Наложения): Normal (Обычный)
- Dither (Сглаживание) поставьте галочку
- Opacity (Непрозрачность): 100%
- Style (Стиль): Reflected (Зеркальный)
- Angle (Угол обзора) 90
- Scale (Масштаб): 150%
- Нажмите на поле Gradient (Градиент) для создания градиентной заливки и выберите сохраненный градиент раннее в наборах:
Нажмите ОК и примените изменения.
Шаг 18
Сделайте правый клик мыши по слою Gold copy 30 и выберите Copy Layer Style (Скопировать стиль слоя), а затем, удерживая клавишу Shift, кликните левой кнопкой мыши по слою Gold copy39. Пока все слои выделены, кликните правой кнопкой мыши по любому из них и выберите Paste Layer Style(Вставить стиль слоя).
Шаг 19
Закройте группу Effect 3 и разверните группу Effect 4. Выберите слой Gold copy 40 и сделайте двойной клик по слою, примените следующий стиль слоя:
Добавьте Color Overlay (Наложение цвета) со следующими параметрами:
- Blend Mode (Режим наложения): Color (Цветность)
- Color (Цвет): # fee691
- Opacity (Непрозрачность): 100%
Шаг 20
Добавьте Gradient Overlay (Наложение Градиента) со следующими настройками:
- Blend Mode (Режим Наложения): Normal (Обычный)
- Dither (Сглаживание) поставьте галочку
- Opacity (Непрозрачность): 100%
- Style (Стиль): Reflected (Зеркальный)
- Angle (Угол обзора) 90
- Scale (Масштаб): 150%
- Нажмите на поле Gradient (Градиент) для создания градиентной заливки и выберите сохраненный градиент раннее в наборах:
Нажмите ОК и примените изменения.
Шаг 21
Сделайте правый клик мыши по слою Gold copy 40 и выберите Copy Layer Style (Скопировать стиль слоя), а затем, удерживая клавишу Shift, кликните левой кнопкой мыши по слою Gold copy 59. Пока все слои выделены, кликните правой кнопкой мыши по любому из них и выберите Paste Layer Style(Вставить стиль слоя).
Шаг 22
Закройте группу Effect 4 и разверните группу Effect 5. Выберите слой Gold copy 60 и сделайте двойной клик по слою, примените следующий стиль слоя:
Добавьте Inner Glow (Внутреннее свечение):
- Blend Mode (Режим наложения): Linear Burn) (Линейный Затемнитель)
- Opacity (Непрозрачность): 3%
- Color (Цвет): #000000
- Technique (Метод): Precise (Точная)
- Source: Edge
- Choke: 100%
- Size (Размер): 136px
- Anti-aliased (Сглаживание): поставьте галочку
Шаг 23
Добавьте Color Overlay (Наложение цвета) со следующими параметрами:
- Blend Mode (Режим наложения): Color (Цветность)
- Color (Цвет): # fee691
- Opacity (Непрозрачность): 100%
Шаг 24
Добавьте Gradient Overlay (Наложение Градиента) со следующими настройками:
- Blend Mode (Режим Наложения): Normal (Обычный)
- Dither (Сглаживание) поставьте галочку
- Opacity (Непрозрачность): 100%
- Style (Стиль): Reflected (Зеркальный)
- Angle (Угол обзора) 90
- Scale (Масштаб): 150%
- Нажмите на поле Gradient (Градиент) для создания градиентной заливки и выберите сохраненный градиент раннее в наборах:
Нажмите ОК и примените изменения.
Шаг 25
Сделайте правый клик мыши по слою Gold copy 60 и выберите Copy Layer Style (Скопировать стиль слоя), а затем, удерживая клавишу Shift, кликните левой кнопкой мыши по слою Gold copy 89. Пока все слои выделены, кликните правой кнопкой мыши по любому из них и выберите Paste Layer Style(Вставить стиль слоя).
Шаг 26
Закройте группу Effect 5 и разверните группу Effect 6. Выберите слой Gold copy 90 и сделайте двойной клик по слою, примените следующий стиль слоя:
Добавьте Inner Glow (Внутреннее свечение):
- Blend Mode (Режим наложения): Linear Burn (Линейный Затемнитель)
- Opacity (Непрозрачность): 10%
- Color (Цвет): #000000
- Technique (Метод): Precise (Точная)
- Source: Edge
- Choke: 100%
- Size (Размер): 136px
- Anti-aliased (Сглаживание): поставьте галочку
Шаг 27
Добавьте Color Overlay (Наложение цвета) со следующими параметрами:
- Blend Mode (Режим наложения): Color (Цветность)
- Color (Цвет): # fee691
- Opacity (Непрозрачность): 100%
Шаг 28
Добавьте Gradient Overlay (Наложение Градиента) со следующими настройками:
- Blend Mode (Режим Наложения): Normal (Обычный)
- Dither (Сглаживание) поставьте галочку
- Opacity (Непрозрачность): 100%
- Style (Стиль): Reflected (Зеркальный)
- Angle (Угол обзора) 90
- Scale (Масштаб): 150%
- Нажмите на поле Gradient (Градиент) для создания градиентной заливки и выберите сохраненный градиент раннее в наборах:
Нажмите ОК и примените изменения.
Шаг 29
Сделайте правый клик мыши по слою Gold copy 90 и выберите Copy Layer Style (Скопировать стиль слоя), а затем, удерживая клавишу Shift, кликните левой кнопкой мыши по слою Gold copy 94. Пока все слои выделены, кликните правой кнопкой мыши по любому из них и выберите Paste Layer Style(Вставить стиль слоя).
Шаг 30
Закройте группу Effect 6 и разверните группу Effect 7. Выберите слой Gold copy 95 и сделайте двойной клик по слою, примените следующий стиль слоя:
Добавьте Inner Glow (Внутреннее свечение):
- Blend Mode (Режим наложения): Linear Burn (Линейный Затемнитель)
- Opacity (Непрозрачность): 16%
- Color (Цвет): #000000
- Technique (Метод): Precise (Точная)
- Source: Edge
- Choke: 100%
- Size (Размер): 136px
- Anti-aliased (Сглаживание): поставьте галочку
Шаг 31
Добавьте Color Overlay (Наложение цвета) со следующими параметрами:
- Blend Mode (Режим наложения): Color (Цветность)
- Color (Цвет): # fee691
- Opacity (Непрозрачность): 100%
Шаг 32
Добавьте Gradient Overlay (Наложение Градиента) со следующими настройками:
- Blend Mode (Режим Наложения): Normal (Обычный)
- Dither (Сглаживание) поставьте галочку
- Opacity (Непрозрачность): 100%
- Style (Стиль): Reflected (Зеркальный)
- Angle (Угол обзора) 90
- Scale (Масштаб): 150%
- Нажмите на поле Gradient (Градиент) для создания градиентной заливки и выберите сохраненный градиент раннее в наборах:
Нажмите ОК и примените изменения.
Шаг 33
Сделайте правый клик мыши по слою Gold copy 95 и выберите Copy Layer Style (Скопировать стиль слоя), а затем, удерживая клавишу Shift, кликните левой кнопкой мыши по слою Gold copy 100. Пока все слои выделены, кликните правой кнопкой мыши по любому из них и выберите Paste Layer Style(Вставить стиль слоя).
Шаг 34
Закройте группу Effect 7 и разверните группу Effect 8. Выберите слой Gold copy 101 и сделайте двойной клик по слою, примените следующий стиль слоя:
Добавьте Inner Glow (Внутреннее свечение):
- Blend Mode (Режим наложения): Linear Burn (Линейный Затемнитель)
- Opacity (Непрозрачность): 22%
- Color (Цвет): #000000
- Technique (Метод): Precise (Точная)
- Source: Edge
- Choke: 100%
- Size (Размер): 136px
- Anti-aliased (Сглаживание): поставьте галочку
Шаг 35
Добавьте Color Overlay (Наложение цвета) со следующими параметрами:
- Blend Mode (Режим наложения): Color (Цветность)
- Color (Цвет): # fee691
- Opacity (Непрозрачность): 100%
Шаг 36
Добавьте Gradient Overlay (Наложение Градиента) со следующими настройками:
- Blend Mode (Режим Наложения): Normal (Обычный)
- Dither (Сглаживание) поставьте галочку
- Opacity (Непрозрачность): 100%
- Style (Стиль): Reflected (Зеркальный)
- Angle (Угол обзора) 90
- Scale (Масштаб): 150%
- Нажмите на поле Gradient (Градиент) для создания градиентной заливки и выберите сохраненный градиент раннее в наборах:
Нажмите ОК и примените изменения.
Шаг 37
Сделайте правый клик мыши по слою Gold copy 101 и выберите Copy Layer Style (Скопировать стиль слоя), а затем, удерживая клавишу Shift, кликните левой кнопкой мыши по слою Gold copy 105. Пока все слои выделены, кликните правой кнопкой мыши по любому из них и выберите Paste Layer Style(Вставить стиль слоя).
Создаем тень
Шаг 1
Выберите слой Shadow и нажмите сочетание клавиш Ctrl+J дважды, чтобы сделать две копии этого слоя.
Шаг 2
Выберите слой Shadow и нажмите Ctrl+T, а затем добавьте 20px по горизонтали в поле X, а также добавьте 30px по вертикали в поле Y: Значения, показанные на рисунке ниже, могут отличаться от вашего варианта.
Нажмите клавишу Enter, чтобы применить изменения.
Шаг 3
Дважды кликните по слою Shadow, чтобы применить следующие стили слоя:
Измените в Blending Options (Параметры наложения) следующие настройки:
- Opacity (Непрозрачность): 35%
Шаг 4
Добавьте Color Overlay (Наложение цвета) со следующими параметрами:
- Blend Mode (Режим наложения): Normal (Обычный)
- Color (Цвет): # 312000
- Opacity (Непрозрачность): 100%
Шаг 5
Добавьте Drop Shadow (Тень) с настройками:
- Blend Mode (Режим наложения): Multiply (Умножение)
- Color (Цвет): # 010101
- Opacity (Непрозрачность): 75%
- Angle (Угол обзора) 120
- Снимите галочку с Use Global Light (Глобальное освещение)
- Distance (Расстояние): 17px
- Spread (Размах): 0%
- Size (Размер): 5px
Нажмите кнопку ОК, чтобы применить изменения.
Шаг 6
Перейдите в меню Filter> Blur> Gaussian Blur (Фильтр>Размытие>Размытие по Гауссу), установите Radius(Радиус) 4,3px и нажмите кнопку OK.
Шаг 7
Перейдите в меню Filter> Blur> Motion Blur (Фильтр>Размытие>Размытие в движении), установите Angle (Угол): -60 ° и Distance (Расстояние): 97px, а затем нажмите кнопку OK.
Шаг 8
Выберите слой Shadow copy и дважды кликните по слою, чтобы применить следующий стиль слоя:
Измените в Blending Options (Параметры наложения) следующие настройки:
- Fill Opacity (Непрозрачность заливки): 0%
Шаг 9
Добавьте Drop Shadow (Тень) с настройками:
- Blend Mode (Режим наложения): Linear Burn (Линейный Затемнитель)
- Color (Цвет): # 000000
- Opacity (Непрозрачность): 47%
- Angle (Угол обзора) 124
- Снимите галочку с Use Global Light (Глобальное освещение)
- Distance (Расстояние): 0px
- Size (Размер): 2px
Нажмите кнопку ОК, чтобы применить изменения.
Шаг 10
Выберите слой Shadow copy 2 и дважды кликните по слою, чтобы применить следующий стиль слоя:
Измените в Blending Options (Параметры наложения) следующие настройки:
- Opacity (Непрозрачность) 50%
- Fill Opacity (Непрозрачность заливки): 0%
Шаг 11
Добавьте Color Overlay (Наложение цвета) со следующими параметрами:
- Blend Mode (Режим наложения): Normal (Обычный)
- Color (Цвет): # 000000
- Opacity (Непрозрачность): 100%
Шаг 12
Добавьте Drop Shadow (Тень) с настройками:
- Blend Mode (Режим наложения): Linear Burn (Линейный Затемнитель)
- Color (Цвет): #000000
- Opacity (Непрозрачность): 11%
- Angle (Угол обзора) 45
- Снимите галочку с Use Global Light (Глобальное освещение)
- Distance (Расстояние): 87px
- Spread (Размах): 0%
- Size (Размер): 79px
Нажмите кнопку ОК, чтобы применить изменения.
Шаг 13
Перейдите в меню Filter> Blur> Gaussian Blur (Фильтр>Размытие>Размытие по Гауссу), установите Radius(Радиус) 16,8px и нажмите кнопку OK.
Шаг 14
Для большей ясности мы сгруппируем все теневые слои. Выберите слой Shadow copy 2, а затем удерживая клавишу Shift, кликните по Shadow copy и нажмите Ctrl+G на клавиатуре, чтобы сделать группу слоев.
Поздравляю! Вы закончили!
В этом уроке мы узнали, как сделать 3D-черно-золотой текст и макет логотипа с использованием смарт-объекта и стилей слоя.
Мы начали с создания смарт-объекта, затем создали сжимающее действие. После этого, мы добавили несколько слоев для создания 3D-эффекта, а также добавили стили слоя. И, наконец, мы добавили тени.
С этого момента вы можете изменить заголовок с BLACK GOLD на любой другой текст, форму или вектор. Чтобы изменить содержимое, кликните правой кнопкой мыши по слою Goldи выберите Edit contents (Редактировать содержимое). Когда закончите c редактированием содержимого, закройте .psb документ и нажмите Yes (Да), чтобы применить изменения.
Можно использовать векторный логотип вместо текста. В приведенном ниже примере, я изменил содержание на логотип Phoenix, который также является частью моего портфолио на Envato Market.
Этот макет, который мы только что создали, является частью из "Макеты 3D золотого текста" .
Автор: Jan Stverak
ПОНРАВИЛОСЬ? ПОДЕЛИТЕСЬ С ДРУЗЬЯМИ!
·
· 15
·
· 6
·
·
·
·
·
·
·
Источник: design.tutsplus.com Переводчик: Лебедева Виктория
· 12 КОММЕНТАРИЕВ
Начало формы
Конец формы
aio350 13 ноября 2016 5
весьма признателен за урок
anna 12 ноября 2016 9
Спасибо за урок.
z_ivan 11 ноября 2016 5
Спасибо за урок!
ymukanov 10 ноября 2016
Я когда до маленького экранчика дошел то глаза на лоб. Думал есть просто готовые библиотеки, нажать кнопку и выбрать модель. Главное никакого объяснения с маленьким экранчиком. Что делаем, зачем что-бы понимать новичкам.
Bukca 09 ноября 2016 13
Создаём в фотошопе MockUp для текста с 3D эффектом. Урок для тренировки силы воли. Спасибо.
Svetlana 08 ноября 2016 16
Спасибо за перевод!))
so_bad 08 ноября 2016 18
Отличный урок! Спасибо!
Polli22 08 ноября 2016 19
Спасибо, очень понравился урок!
В разделе "Добавляем стили слоя", шаг 7 перевод отличается от фото:
Blend Mode (Режим наложения): Linear Burn (Линейный Затемнитель)
а по картинке режим "цветность"
valery333 08 ноября 2016 19
Вот так получилось....
Mr.Evil 08 ноября 2016 17
Спасибо! Текст , конечно, красивый, но до чего же нудный урок!! Это издевательство - градиенты бесконечные цифрами вырисовывать! Стоит ли этот эффект того!! Куда его засунуть??? :-))
И комп чуть ласты не склеил..Еле дотянул..
Svetlana 08 ноября 2016
Смарты существенно утяжеляют документ, да ещё в таком диком количестве. Не удивительно, что Ваш комп чуть не склеил ласты, как Вы говорите)))
Zhivena 08 ноября 2016 13
Спасибо за урок!