Как создать удобный и простой текст 3D эффект в Photoshop
Это начало Лавель дизайн учебника. В этой статье вы найдете, как создавать красивые 3D (трехмерная) текста эффект в Photoshop. Это очень быстрый и простой графический дизайн tutorial.I надеемся, вам понравится этот урок.
Заключительный Preview
Это то, что мы делаем сегодня Gone
Шаг # 1
Откройте Photoshop и создайте новый документ, у меня 550 × 498px с белым фоном.
Шаг # 2
Заполните цвета в фоновый слой, мои цвета # 333333.
Шаг # 3
Выберите Horizontal Type Tool и введите текст на фронт. Я использую "Arial" жирным и размер "90", чтобы убедиться, что я получу в лучшем подробную к нему.
Шаг # 4
Щелкните правой кнопкой мыши на слое текста и нажмите на Rasterize тип (или Rasterize слоя в зависимости от версии Photoshop CS вы используете).
Шаг # 5
Давайте продолжим наш превратить текст в 3D. Выберите слой Infoway. Чем они попадут в "Правка" -> "Transform" -> "Перспектива" (Ctrl + T)
Удерживая Ctrl, нажмите кнопку в правом верхнем углу преобразование управления из коробки. Должна выглядеть следующим образом.
Шаг # 6
Мы планируем начать этот текст давая 3D вид. Во-первых, мы хотим повторить наш текстовый слой, а теперь, удерживая Ctrl + Alt, нажмите на стрелку вверх, как можно заметить, это дублирует слоя и переместите его вверх на 1 пиксель. Теперь делать это от 8 до 10 раз, после того, вы получите что-то вроде этого:
Шаг # 7
Ну, что вам нужно сделать, это Мардж все "дублируется" слой вместе, за исключением верхнюю.
Чтобы сделать это, убедитесь, что вы выбираете 2-й слой на верхнюю и объединить ее на все слои под ним вместе вот так ... (не сливаются с фоном слоя)
Шаг # 8
Теперь применим некоторый эффект
Теперь перейдите в палитре слоев, выберите Infoway слой.
Color Overlay
Стилизации текста дважды нажмите на эскиз Infoway слоя на панели "Слои, чтобы открыть Layer Styles диалогового окна, мы будем применять эффект наложения цвета для текста. Затем щелкните на цветном поле, я выбираю # E97E2C.
Внутренняя тень
Следующий применять внутренний слой Shadow стиля. Хранить угол при 120 о, чем изменение значений дымности, расстояние и размер. Я выбираю установить прозрачность на 75%, расстояние, на 1px и размер, при 5px.
Изменение цвета Внутренняя тень от умолчанию # D75D00
Inner Glow
Следующий применять внутренний слой Glow стиля. Храните режим смешивания на экране, чем изменение значений дымности, дроссель и размера. Я выбираю установить прозрачность на 45%, дроссель на 7%, а размер на 90px.
Изменение Внутреннего цвета свечения по умолчанию # FFA800
Атласные
Теперь примените стиль атласная слой. Храните режим смешивания на Multiply, чем изменения значений дымности, расстояние и размер. Я выбираю установить прозрачность на 46%, расстояние, на 11%, а размер на 14px.
Важная часть: Храните угол в 19 O
Изменение Внутреннего цвета свечения по умолчанию # FF0000
После этого вы получите что-то вроде этого:
Сейчас мы будем применять все эти стили слоя (Layer »Layer Styles» ...) в слое Bottom:
Теперь применим некоторый эффект
Влияние градиента
Стайлинг нижнего слоя дважды щелкните на уменьшенное нижнего слоя в панели слоев, чтобы открыть Layer Styles диалогового окна, мы будем применять горизонтального градиента эффекта для нижнего слоя. Затем щелкните на цвете градиента на правом градиента возможность открыть Редактор градиентов цветов.
Дважды щелкните на левом цвета остановки и введите значения цвета # cc0000 затем дважды щелкните на правой цвета остановки и введите значения цвета # 840000.
Внутренняя тень
Следующий применять внутренний слой Shadow стиля. Хранить угол при 120 о, чем изменение значений дымности, расстояние и размер. Я выбираю установить непрозрачность на 75%, на расстоянии 5px и размер в 24px.
Drop Shadow
Наконец мы будем применять тени, держите на угол 120 о, чем изменение значений дымности, расстояние и размер. Я выбираю установить непрозрачность на 75%, на расстоянии 2px и размер в 5px.
Результаты
Когда все настроено теперь вы должны иметь что-то вида:
Скачать файл-источник
Если вы хотите проверить вашу работу, вы можете скачать файл PSD для этого урока.
Скачать файл: удобный и простой 3D Text Effect (72.5KB)
Статьи по теме:
если вам понравилось читать эту статью, следует ознакомиться с другими соответствующими статьями ниже:






































































clippingimages говорит на: 24 октября 2009 в 7:18 утра сказал:
WoW
Очень простой и четко определенной учебника для изучения. Спасибо за отправку этого Awesome пост. Если вам нужна любая помощь графический дизайн нажмите http://www.clippingimages.com
Photoshop CS5 говорит на: 26 октября 2009 в 12:43 вечера сказал:
Nicely вместе взятые
Спасибо Я закладкой этого
Это было легко следить тут - молодец!