• Дом
  • О
  • Статьи
  • Связаться с нами

: 91 11 9810018780 Пишите нам: info@aceinfowayindia.com / Call: 91 11 9810018780

  • Статья написана
  • на 22.10.2009
  • на 06:48 AM
  • от Admin

Как создать удобный и простой текст 3D эффект в Photoshop

Это начало Лавель дизайн учебника. В этой статье вы найдете, как создавать красивые 3D (трехмерная) текста эффект в Photoshop. Это очень быстрый и простой графический дизайн tutorial.I надеемся, вам понравится этот урок.


final

Заключительный Preview

Это то, что мы делаем сегодня Gone

3d-final

Шаг # 1

Откройте Photoshop и создайте новый документ, у меня 550 × 498px с белым фоном.

 Nice Easy 3D Text Effect in Photoshop Step1

Шаг # 2

Заполните цвета в фоновый слой, мои цвета # 333333.

Nice Easy 3D Text Effect in Photoshop Step 2

Шаг # 3

Выберите Horizontal Type Tool и введите текст на фронт. Я использую "Arial" жирным и размер "90", чтобы убедиться, что я получу в лучшем подробную к нему.

Nice Easy 3D Text Effect in Photoshop step 3

Шаг # 4

Щелкните правой кнопкой мыши на слое текста и нажмите на Rasterize тип (или Rasterize слоя в зависимости от версии Photoshop CS вы используете).

3d-restrize-layer

Шаг # 5

Давайте продолжим наш превратить текст в 3D. Выберите слой Infoway. Чем они попадут в "Правка" -> "Transform" -> "Перспектива" (Ctrl + T)

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

3d-skew

Шаг # 6

Мы планируем начать этот текст давая 3D вид. Во-первых, мы хотим повторить наш текстовый слой, а теперь, удерживая Ctrl + Alt, нажмите на стрелку вверх, как можно заметить, это дублирует слоя и переместите его вверх на 1 пиксель. Теперь делать это от 8 до 10 раз, после того, вы получите что-то вроде этого:

3d-drag

Шаг # 7

Ну, что вам нужно сделать, это Мардж все "дублируется" слой вместе, за исключением верхнюю.

Чтобы сделать это, убедитесь, что вы выбираете 2-й слой на верхнюю и объединить ее на все слои под ним вместе вот так ... (не сливаются с фоном слоя)

3d-marge

Шаг # 8

Теперь применим некоторый эффект

Теперь перейдите в палитре слоев, выберите Infoway слой.

Color Overlay

Стилизации текста дважды нажмите на эскиз Infoway слоя на панели "Слои, чтобы открыть Layer Styles диалогового окна, мы будем применять эффект наложения цвета для текста. Затем щелкните на цветном поле, я выбираю # E97E2C.
3d-infoway-color-overlay

Внутренняя тень

Следующий применять внутренний слой Shadow стиля. Хранить угол при 120 о, чем изменение значений дымности, расстояние и размер. Я выбираю установить прозрачность на 75%, расстояние, на 1px и размер, при 5px.

Изменение цвета Внутренняя тень от умолчанию # D75D00

3d-infoway-inner-shadow

Inner Glow

Следующий применять внутренний слой Glow стиля. Храните режим смешивания на экране, чем изменение значений дымности, дроссель и размера. Я выбираю установить прозрачность на 45%, дроссель на 7%, а размер на 90px.

Изменение Внутреннего цвета свечения по умолчанию # FFA800

3d-infoway-inner-glow

Атласные

Теперь примените стиль атласная слой. Храните режим смешивания на Multiply, чем изменения значений дымности, расстояние и размер. Я выбираю установить прозрачность на 46%, расстояние, на 11%, а размер на 14px.

Важная часть: Храните угол в 19 O

Изменение Внутреннего цвета свечения по умолчанию # FF0000

3d-infoway-inner-satin

После этого вы получите что-то вроде этого:

3d-top-layer

Сейчас мы будем применять все эти стили слоя (Layer »Layer Styles» ...) в слое Bottom:

3d-bottom-layer

Теперь применим некоторый эффект

Влияние градиента

Стайлинг нижнего слоя дважды щелкните на уменьшенное нижнего слоя в панели слоев, чтобы открыть Layer Styles диалогового окна, мы будем применять горизонтального градиента эффекта для нижнего слоя. Затем щелкните на цвете градиента на правом градиента возможность открыть Редактор градиентов цветов.

3d-bottom-layer

Дважды щелкните на левом цвета остановки и введите значения цвета # cc0000 затем дважды щелкните на правой цвета остановки и введите значения цвета # 840000.

3d-bottom-layer-color-stop

Внутренняя тень

Следующий применять внутренний слой Shadow стиля. Хранить угол при 120 о, чем изменение значений дымности, расстояние и размер. Я выбираю установить непрозрачность на 75%, на расстоянии 5px и размер в 24px.

3d-bottom-layer-inner-shadow

Drop Shadow

Наконец мы будем применять тени, держите на угол 120 о, чем изменение значений дымности, расстояние и размер. Я выбираю установить непрозрачность на 75%, на расстоянии 2px и размер в 5px.

3d-bottom-layer-drop-shadow

Результаты

Когда все настроено теперь вы должны иметь что-то вида:

3d-final

Скачать файл-источник

Если вы хотите проверить вашу работу, вы можете скачать файл PSD для этого урока.

Скачать файл: удобный и простой 3D Text Effect (72.5KB)

Подано в: Photoshop, Tutorials по администратора

Рекламируйте нас

  • Добавить в Mixx!

Метки: Photoshop, Tutorials

Статьи по теме:

если вам понравилось читать эту статью, следует ознакомиться с другими соответствующими статьями ниже:

    • Как создать печать книгопечатания в Photoshop
    • Как создать I-телефон, как кнопки в Photoshop
    • Как создать красивый Sleek Dark кнопки в Photoshop
    • Создание гладкой глянцевой Влияние текст в Photoshop
    • Создание красивой коробке иконы в Photoshop
Untitled Document

2 Комментариев

  1. clippingimages говорит на: 24 октября 2009 в 7:18 утра сказал:

    WoW :) Очень простой и четко определенной учебника для изучения. Спасибо за отправку этого Awesome пост. Если вам нужна любая помощь графический дизайн нажмите http://www.clippingimages.com

  2. Photoshop CS5 говорит на: 26 октября 2009 в 12:43 вечера сказал:

    Nicely вместе взятые
    Спасибо Я закладкой этого

    Это было легко следить тут - молодец!

Добавить комментарий

XHTML: Вы можете использовать эти теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> < дель DateTime = ""> <em> <i> <q Cite=""> <strike> <strong>


CommentLuv Enabled Показать больше
«1000 Скачать бесплатно Farm-Fresh веб-иконок
Рай для разработчиков сайтов в неделю на 24 октября 2009 »
Untitled Document

    Подписаться

  • Подписаться на наш канал
  • Рассылка по электронной почте
  • Следуйте за нами по щебетать
  • Спонсор
  • Спонсор
  • Спонсор
  • Спонсор
  • Спонсор
  • Спонсор

    • Поиск

      Untitled Document
  • Календарь

    Октябрь 2009
    М Т W Т F S S
    «Сентябрь
    1 2 3 4
    5 6 7 8 9 10 11
    12 13 14 15 16 17 18
    19 20 21 22 23 24 25
    26 27 28 29 30 31
    • Страницы

      • Дом
      • О
      • Статьи
      • Связаться с нами
    • Категория

    • Css (18)
    • Дизайн / вдохновение (47)
    • Freebies (29)
    • Графический дизайн (10)
    • Photoshop (16)
    • Ресурсы (27)
    • Сео (1)
    • Инструмент (7)
    • Обучение (29)
    • Typography (4)
    • Веб-разработка (5)
    • Wordpress (6)
    • Архивы

    • Октябрь 2009
    • Сентябрь 2009
    • Август 2009
    • Июль 2009
    • Июнь 2009
    • Май 2009
    • Последние сообщения

    • Css
    • Дизайн / вдохновение
    • Freebies
    • Графический дизайн
    • Photoshop
    • Народный Сообщений

    • Как создать красивые формы без таблиц
    • 30 сайтов с максимальным Оранжевый
    • Как создавать красивые масштабируемые основе CSS Breadcrumbs
    • 5 шагов, чтобы писать лучше Css
    • Как создать печать книгопечатания в Photoshop
    • Создание красивой коробке иконы в Photoshop
    • 6 Awesome Online Photo инструменты редактирования
    • Облако тегов

    Css Дизайн Шрифты Бесплатно Графический дизайн графика дизайн иконок вдохновение Inspitation Photoshop Ресурсы инструменты Обучение Typography веб-разработки Wordpress

    • Друзья

      • Abduzeedo
      • Помимо АЫзЪ
      • Bittbox
      • CrazyLeaf дизайн
      • Css Tricks
      • Дэвид Уолш
      • Fudgegraphics
      • Топлива Ваше творчество
      • Помощь разработчиков
      • Мгновенный Shift
      • Line25
      • Mirificampress
      • Мой блог Чернила
      • Noupe
      • PSDFan
      • PSDTUTS
      • Доля мозга
      • Шести Пересмотры
      • Ложка графика
      • Toxel
      • Vandelay дизайн
      • Мы функция
      • Веб-дизайнер депо
      • Веб-дизайнер Ledger
      • Веб-дизайнер стена
      • Вы конструктор
    • Переводчик

      English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroat flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag
  • СПОНСОРЫ

    Отъезд UPrinting на YouTheDesigner.


    Визитные карточки Онлайн

    Web Design Blog Directory

.
Untitled Document
Вернуться к началу

Общее

Это может быть, представляет определенный интерес
  • О нашей компании
  • Отзывы
  • Контактные данные
  • Блог
  • Социальный - Twitter, Flickr

Работа

Примерами последних проектах
  • О нашей компании
  • Отзывы
  • Контактные данные
  • Блог
  • Социальный - Twitter, Flickr

Услуги

Это то, что где продажи сегодня
  • О нашей компании
  • Отзывы
  • Контактные данные
  • Блог
  • Социальный - Twitter, Flickr

Контактные данные

Хотите нанять нас? начать здесь ...
  • Свободный проект Assesment
  • Электронная почта - info@aceinfowayindia.com
  • Тел: 91 11 9810018780

Авторское право © 2009, Все права защищены, Ace Infoway Индии аренду Ас Infoway Индии для Вашего следующего проекта. Посмотреть наш портфель.