• Будинок
  • Про
  • Статті
  • Зв'язатися з нами

: 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

Один Коментарів

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

    WoW :) Дуже простий і чітко визначеної підручника для вивчення. Дякуємо за відправлення цього Awesome пост. Якщо вам потрібна будь-яка допомога графічний дизайн натисніть http://www.clippingimages.com

Додати коментар

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 (28)
    • Графічний дизайн (10)
    • Photoshop (16)
    • Ресурси (26)
    • СЕО (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 Індії для Вашого наступного проекту. Подивитись наш портфель.