Мы запустили Форум! (*beta)
Видеокурс «Photoshop Professional. От чайника до профи за один день» поможет Вам стать профессионалом в фотошопе всего за 24 часа!
Курс специально построен так, чтобы Вы научились создавать работы профессионального качества уже на следующий день. МИНИМУМ ТЕОРИИ, МАКСИМУМ ПРАКТИКИ
сортировать посты по: Рейтингу | Посещаемости | Комментируемые
Подсказка
Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.
*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.
+8
Шаг 2: Добавление текста
Инструментом Горизонтальный текст (Horizontal Type Tool) напишите какое-нибудь слово, например “TYPE”. Я использовал шрифт “Franklin Gothic Heavy”. Цвет текста должен быть - #CC3333, этот красный цвет будет хорошо виден на тёмном фоне. Также настройте кернинг текста при помощи удержания Alt и стрелок на клавиатуре.
Инструментом Горизонтальный текст (Horizontal Type Tool) напишите какое-нибудь слово, например “TYPE”. Я использовал шрифт “Franklin Gothic Heavy”. Цвет текста должен быть - #CC3333, этот красный цвет будет хорошо виден на тёмном фоне. Также настройте кернинг текста при помощи удержания Alt и стрелок на клавиатуре.
Шаг 3: Дублирование текста
Чтобы создать эффект 3D, сделайте копию текстового слоя (Ctrl+J). Измените цвет копии на #99000, перейдите в режим Свободного трансформирования (Free Transform) и, удерживая Alt+Shift, уменьшите текст до 90%. Инструментом Перемещение (Move Tool) перетащите его, как показано ниже. В палитре слоёв копию поместите под оригинал.
Чтобы создать эффект 3D, сделайте копию текстового слоя (Ctrl+J). Измените цвет копии на #99000, перейдите в режим Свободного трансформирования (Free Transform) и, удерживая Alt+Shift, уменьшите текст до 90%. Инструментом Перемещение (Move Tool) перетащите его, как показано ниже. В палитре слоёв копию поместите под оригинал.
Шаг 4: Связываем текст
Нужно соединить углы букв двух слов. Создайте новый слой (Create New Layer) и инструментом Многоугольное лассо (Polygonal Lasso Tool) создайте фигуру, которая соединит углы букв двух слов, потом залейте её цветом #99000.
Нужно соединить углы букв двух слов. Создайте новый слой (Create New Layer) и инструментом Многоугольное лассо (Polygonal Lasso Tool) создайте фигуру, которая соединит углы букв двух слов, потом залейте её цветом #99000.
Шаг 5: Разделяем части текста
Выберите слой с тёмным текстом и стороны, которые мы создали в прошлом шаге, и объедините их (Ctrl+E). Светлый текстовый слой должен быть сверху. Инструментом Многоугольное лассо (Polygonal Lasso Tool) сделайте выделение вокруг одной из сторон текста. Потом нажмите Ctrl+J, чтобы скопировать его на новый слой. Повторите то же самое для каждой стороны текста. Каждый слой называйте в соответствии со стороной. Группируйте слои каждой буквы (Create New Group).
Выберите слой с тёмным текстом и стороны, которые мы создали в прошлом шаге, и объедините их (Ctrl+E). Светлый текстовый слой должен быть сверху. Инструментом Многоугольное лассо (Polygonal Lasso Tool) сделайте выделение вокруг одной из сторон текста. Потом нажмите Ctrl+J, чтобы скопировать его на новый слой. Повторите то же самое для каждой стороны текста. Каждый слой называйте в соответствии со стороной. Группируйте слои каждой буквы (Create New Group).
Шаг 6: Добавление теней
Теперь перейдём к добавлению теней. Источник света будет исходить из правого верхнего угла. Тёмные области должны находиться на левой нижней стороне букв. Для этого воспользуйтесь стилем Наложение градиента (Layer Style - Gradient Overlay). Для каждой стороны нужно правильно настроить угол.
Режим – Умножение, Стиль – Линейный
Теперь перейдём к добавлению теней. Источник света будет исходить из правого верхнего угла. Тёмные области должны находиться на левой нижней стороне букв. Для этого воспользуйтесь стилем Наложение градиента (Layer Style - Gradient Overlay). Для каждой стороны нужно правильно настроить угол.
Режим – Умножение, Стиль – Линейный
Шаг 7: Коррекция теней
Хотя тени должны находиться дальше от источника света, есть несколько исключений. Одно из них это буква “T”. Область, указанная ниже стрелкой, имеет не стандартное затенение. Это происходит потому, что средняя часть буквы закроет левую верхнюю часть от света.
Хотя тени должны находиться дальше от источника света, есть несколько исключений. Одно из них это буква “T”. Область, указанная ниже стрелкой, имеет не стандартное затенение. Это происходит потому, что средняя часть буквы закроет левую верхнюю часть от света.
Шаг 8: Усиливаем тени
Теперь затемним стороны, которые больше всего закрыты от света. Чтобы это сделать, воспользуйтесь стилем Наложение цвета (Layer Style - Color Overlay): цвет – чёрный, Непрозрачность – 20-60%.
Теперь затемним стороны, которые больше всего закрыты от света. Чтобы это сделать, воспользуйтесь стилем Наложение цвета (Layer Style - Color Overlay): цвет – чёрный, Непрозрачность – 20-60%.
Шаг 9: Очерчиваем переднюю часть текста
К слою с фронтальной частью текста примените стиль Тиснение (Layer Style - Bevel and Emboss). Угол должен быть на стороне источника света.
Стиль – Внутренний скос, Метод – Плавный, Режим подсветки – Нормальный, Режим тени – Умножение
К слою с фронтальной частью текста примените стиль Тиснение (Layer Style - Bevel and Emboss). Угол должен быть на стороне источника света.
Стиль – Внутренний скос, Метод – Плавный, Режим подсветки – Нормальный, Режим тени – Умножение
Шаг 10: Настройка света
Теперь к фронтальной части примените стиль Наложение градиента (Layer Style - Gradient Overlay):
Режим – Перекрытие, Стиль – Линейный
Теперь к фронтальной части примените стиль Наложение градиента (Layer Style - Gradient Overlay):
Режим – Перекрытие, Стиль – Линейный
Шаг 11: Добавление текстуры на фон
Залейте фоновый слой чёрным цветом. Загрузите текстуру скалы[/b], вставьте в наш документ и поверните. Также нужно подогнать текстуру по ширине и поместить её под текстом.
Залейте фоновый слой чёрным цветом. Загрузите текстуру скалы[/b], вставьте в наш документ и поверните. Также нужно подогнать текстуру по ширине и поместить её под текстом.
![текстуру скалы[/b], вставьте в наш документ и поверните. Также нужно подогнать текстуру по ширине и поместить её под текстом. Изменить](http://www.egraphic.ru/images/text-effects/228/stuff/lava_rock.jpg){kind=link}
Шаг 12: Затемнение текстуры
Сначала определим центр холста. Отведите направляющие, функция Привязка (Snap) должна быть включена – ваши направляющие остановятся на серединах сторон. Выберите слой с текстурой и перейдите в меню Слой»Слой маска»Показать все (Layer > Layer Mask > Reveal All). Залейте маску чёрным цветом, потом выберите инструмент Градиент (Gradient Tool), тип – радиальный, цвет – от белого к прозрачному, и сделайте заливку из центра. Выберите слой с текстурой, перейдите в режим Свободного трансформирования (Free Transform) и, удерживая Alt, сведите верхнюю или нижнюю стороны друг к другу. Форма текстуры должна стать овальной.
Сначала определим центр холста. Отведите направляющие, функция Привязка (Snap) должна быть включена – ваши направляющие остановятся на серединах сторон. Выберите слой с текстурой и перейдите в меню Слой»Слой маска»Показать все (Layer > Layer Mask > Reveal All). Залейте маску чёрным цветом, потом выберите инструмент Градиент (Gradient Tool), тип – радиальный, цвет – от белого к прозрачному, и сделайте заливку из центра. Выберите слой с текстурой, перейдите в режим Свободного трансформирования (Free Transform) и, удерживая Alt, сведите верхнюю или нижнюю стороны друг к другу. Форма текстуры должна стать овальной.
Шаг 13: Тень под текстом
Сделайте выделение каждого текстового слоя (Ctrl+Click), создайте новый слой (Create New Layer) и залейте его чёрным цветом. Сделайте копию этого слоя, чтобы у вас было два чёрных текстовых слоя. Расположите оба слоя под текстовыми в палитре слоёв. Примените фильтр Размытие в движении (Motion Blur Filter): угол должен исходить из правого верхнего угла к левому нижнему, как и источник света.
Сделайте выделение каждого текстового слоя (Ctrl+Click), создайте новый слой (Create New Layer) и залейте его чёрным цветом. Сделайте копию этого слоя, чтобы у вас было два чёрных текстовых слоя. Расположите оба слоя под текстовыми в палитре слоёв. Примените фильтр Размытие в движении (Motion Blur Filter): угол должен исходить из правого верхнего угла к левому нижнему, как и источник света.
Шаг 15: Размытие тени
К другому чёрному текстовому слою примените фильтр Размытие по гауссу (Gaussian Blur Filter):
К другому чёрному текстовому слою примените фильтр Размытие по гауссу (Gaussian Blur Filter):
Шаг 16: Маскируем части теней
Перейдите в меню Слой»Слой-маска»Показать все (Layer > Layer Mask > Reveal All). Используя чёрную кисть размером 100 пикселей с жёсткостью 0%, обрисуйте чёрные области тени сверху и справа (источник света).
Перейдите в меню Слой»Слой-маска»Показать все (Layer > Layer Mask > Reveal All). Используя чёрную кисть размером 100 пикселей с жёсткостью 0%, обрисуйте чёрные области тени сверху и справа (источник света).
Шаг 17: Добавление текстуры к тексту
Откройте [url=http://www.egraphic.ru/images/text-effects/228/stuff/grunge.jpg]гранжевую текстуру и вставьте её в наш документ. Ширина текстуры должна быть немного больше ширины текста. Сделайте выделение каждого текстового слоя (Ctrl+Click) и перейдите в меню Слой»Слой-маска»Показать все (Layer > Layer Mask > Reveal All). Текстура будет видна только на тексте. Установите Режим наложения гранжевой текстуры – Мягкий свет (Blending Mode – Soft Light) и Непрозрачность – 40%.
Откройте [url=http://www.egraphic.ru/images/text-effects/228/stuff/grunge.jpg]гранжевую текстуру и вставьте её в наш документ. Ширина текстуры должна быть немного больше ширины текста. Сделайте выделение каждого текстового слоя (Ctrl+Click) и перейдите в меню Слой»Слой-маска»Показать все (Layer > Layer Mask > Reveal All). Текстура будет видна только на тексте. Установите Режим наложения гранжевой текстуры – Мягкий свет (Blending Mode – Soft Light) и Непрозрачность – 40%.
Шаг 18: Корректирующий слой Карта градиента
Создайте корректирующий слой Карта градиента (Layer - Gradient Map):
Создайте корректирующий слой Карта градиента (Layer - Gradient Map):
Шаг 19: Добавление подтекста
Используя шрифт “Franklin Gothic Demi Condensed” или похожий, напишите подтекст белым цветом. Установите Режим наложения этого слоя – Перекрытие (Blending Mode – Overlay), сделайте копию слоя, чтобы немного осветлить его.
Используя шрифт “Franklin Gothic Demi Condensed” или похожий, напишите подтекст белым цветом. Установите Режим наложения этого слоя – Перекрытие (Blending Mode – Overlay), сделайте копию слоя, чтобы немного осветлить его.
Шаг 20: Фильтр Цветовой контраст
Перейдите в меню Слой»Выполнить сведение (Layer > Flatten Image). Сделайте копию нового слоя и примените фильтр Цветовой контраст (High Pass Filter). Установите Режим наложения этого слоя – Мягкий свет (Blending Mode – Soft Light).
Перейдите в меню Слой»Выполнить сведение (Layer > Flatten Image). Сделайте копию нового слоя и примените фильтр Цветовой контраст (High Pass Filter). Установите Режим наложения этого слоя – Мягкий свет (Blending Mode – Soft Light).
PSD файл
Ссылка на источник урока
Создан: 26 августа 2010
написал : Азат
Я не понял 12 шаг, у меня не получается сделать такой фон
---------------5 ноября 2010 04:47 | ICQ: -- | [цитировать]
написал : positive1
маска слоя - с её помощью можно убирать то что находится на слое, но при этом не портить сам слой. там вроде всё нормально написано. что именно не получается? градиентную заливку на маску делаете?
---------------ПОДПИСЬ
5 ноября 2010 14:08 | ICQ: -- | [цитировать]
написал : Азат
да я нечайно делал в лаер стайлеа надо было в ручную делать... щас у меня както не получается сделать тень на текстуре от текста(13 шаг) у меня полупрозрачная тень получается не как на рисунке=(
как понять выделение каждого текстового слоя ? не получается так...
а все понял там надо было Ctrl+Shift+clik делать чтобы плюсовалось выделение а не просто контрл клик
еее=) http://s010.radikal.ru/i311/1011/ac/1bcd1e2216ec.jpg
---------------как понять выделение каждого текстового слоя ? не получается так...
а все понял там надо было Ctrl+Shift+clik делать чтобы плюсовалось выделение а не просто контрл клик
еее=) http://s010.radikal.ru/i311/1011/ac/1bcd1e2216ec.jpg
6 ноября 2010 01:44 | ICQ: -- | [цитировать]
написал : tr1ton
У меня тоже не получается плиз мне тоже зделай но надпис должне бить Tr1TON а в незу Studio Sound Recards
---------------11 февраля 2011 00:34 | ICQ: -- | [цитировать]
написал : positive1
вставляйте ваши изображения в виде ссылки. писать нужно так:
[url=]Текст ссылки[/url]
Азат, ваше изображение было переведено в ссылку, так как оно слишком большое и нарушает дизайн сайта.
---------------[url=]Текст ссылки[/url]
Азат, ваше изображение было переведено в ссылку, так как оно слишком большое и нарушает дизайн сайта.
ПОДПИСЬ
11 февраля 2011 05:11 | ICQ: -- | [цитировать]
написал : kivetat14
Помогите, пожалуйста...я застряла на 13 шаге...
---------------22 февраля 2011 11:11 | ICQ: -- | [цитировать]
написал : positive1
что именно не получается или не понятно?
---------------ПОДПИСЬ
22 февраля 2011 12:44 | ICQ: -- | [цитировать]
написал : JohaN
А какая версия фотошопа тут используется?
---------------26 февраля 2011 03:51 | ICQ: -- | [цитировать]
написал : CoveRz
Здравствуйте не получается копировать выбранную область пишет Could not make a new layer fro, the selection besause the selected area is empty
---------------8 мая 2011 09:31 | ICQ: -- | [цитировать]
написал : positive1
Вам при копировании нужно выбрать слой в палитре слоёв.
---------------ПОДПИСЬ
8 мая 2011 09:35 | ICQ: -- | [цитировать]
написал : Krymchanin
У меня даже не получается сделать копию текстового слоя. При нажатии Ctrl+j ничего не происходит. Объясните, пожалуйста, как это сделать. Заранее спасибо.
---------------15 июня 2011 11:08 | ICQ: -- | [цитировать]
написал : positive1
Кликните на слой в палитре слоёв и нажмите Ctrl+J. Или мышкой перетащите нужный слой на иконку создания нового слоя внизу палитры слоёв - так тоже копия делается. Либо правой кнопкой мыши кликните на слое, который нужно скопировать и выберите там Дублировать слой (Duplicate Layer)
---------------ПОДПИСЬ
16 июня 2011 03:16 | ICQ: -- | [цитировать]