Adobe Photoshop, уроки, кисти фотошоп, плагины, стили, макросы, градиенты, текстуры, шрифты, иконки
Ваш логин   Пароль
Забыли пароль?

уроки photoshop - 3D текст

28 января 2008 | Пользователь NonSa

Шаг 1: Создание документа и подготовка текста.
Создайте новый документ (Файл > Новый), любой размер, какой вы хотите. Я использую 320px x 150px. Потом, выберите шрифт и напечатайте свой текст. Добавьте любые эффекты, как например градиенты или цвета.

уроки photoshop - 3D текст


Чтобы преобразовать текст, нам нужно сначала его растрировать. Чтобы сделать это, правый щелчок по иконке слоя текста в палитре слоев и выбираем Rasterize (Растрировать текст).

уроки photoshop - 3D текст


Шаг 2: Преобразование текста.
В слое текст нажимаем CTRL+T, и располагаем текст, так как бы это выглядело в 3D перспективе, и жмем Enter, чтобы применить изменения. Вы можете создать подобное, как показано ниже. (Это будет вершиной 3D текста).

уроки photoshop - 3D текст


Создание текст 3D
После того, как вы преобразовали текст, правый щелчок в палитре слоев и выбираем Duplicate Layer (Дублировать слой)(Альтернативно: нажать CTRL+J в выбранном слое текста). Сейчас создаем новую группу, и размещаем в ней дубликат слоя. Добавьте слою bevel and emboss (скос и рельеф), используйте значения, устанавливаемые по умолчанию. Это поможет в достижении 3D эффекта.

В дубликате слоя, удерживая shift, нажимаем на стрелку вниз 2 раза. Это переместит ваш слой текста вниз на 20 pixels. Сейчас, удерживая alt + ctrl, нажимаете на стрелку вверх 19 раз. Это каждый раз дублирует слой и подталкивает на 1 пиксель вверх. (Предварительно в палитре инструментов выберите инструмент Перемещения).

уроки photoshop - 3D текст


Это конец 3D эффекта. Если вы хотите добавить еще больше эффектов, как например отражение и тени, продолжаем чтение урока.

Шаг 3: Добавление эффектов.
Примечание: Эти эффекты создают интересные детали заключительному продукту. Теперь, когда мы имеем основной 3D эффект, мы можем добавить больше эффектов, например отражение. Выберите оригинальный слой текста и добавьте слабую тень. Выделите слои в палитре слоев и нажмите CTRL+E (это объединит все слои.) Дублируем новый слой (CTRL+J) и снижаем его непрозрачность до 20%. Поместите его ниже 3D текста, так чтобы это напоминало отражение. На background слое, я также добавил слабый градиент вместо белого фона.

Финальный результат.

уроки photoshop - 3D текст


Удачи!

Перевод: NonSa

Источник: webdesign.org


Отзывов: 47 | Просмотров: 8687

Похожие новости:


  • Электрический Текст - уроки adobe photoshop
  • Добавьте картинку в текст - уроки фотошоп
  • Scanline текст
  • Рельефный золотой текст с точками.
  • Землистый эффект текста - уроки фотошоп

  • Ключевые слова:


    урок, уроки фотошоп, tutorial, photoshop, 3D,

    каментыкомментарии


    Аватар

    Группа: Посетители

    Публикаций: 0

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

    #1 Ответил FreeZy, 28 января 2008 22:26

    В шаге 2 где надяться стрелки на которые надо нажать 2 и 19 раз ?? belay

    ответить

    ------------------------------------------------

    Аватар

    Группа: Гости

    Публикаций: 0

    Комментариев: 0

    #2 Ответил VITASKA, 29 января 2008 16:17

    СПАСИБО ЗА УРОК!!! ОЧЕНЬ ПОЛЕЗНЫЙ))))

    ответить

    ------------------------------------------------

    Аватар

    Группа: Главный редактор

    Публикаций: 289

    Комментариев: 538

    #3 Ответил NonSa, 29 января 2008 16:23

    FreeZy,
    где надяться стрелки на которые надо нажать 2 и 19 раз ??

    Там же где alt и ctrl - на клавиатуре! Клавиши: стрелка вниз, стрелка вверх, вправо и влево :-))

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 9

    #4 Ответил 08megastar, 29 января 2008 20:18

    че такая палитра слоев

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 10

    #5 Ответил odelena, 29 января 2008 22:26

    Нажимала-нажимала я эти стрелки - никакого результата... Так я просто дублировала и перетаскивала надпись. А в целом урок хорош, спасибо.

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 1

    #6 Ответил hordehunter, 29 января 2008 23:09

    мне понравилось... зачет!

    ответить

    ------------------------------------------------

    Аватар

    Группа: Главный редактор

    Публикаций: 289

    Комментариев: 538

    #7 Ответил NonSa, 29 января 2008 23:56

    odelena,
    Ну народ!!!
    (Предварительно в палитре инструментов выберите инструмент Перемещения).

    Кому написала??!! smile

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 41

    #8 Ответил topSECRET, 30 января 2008 02:23

    блин я чёт или тплю..Ноя просто не могу найти куда закинуть скаченые шрифты...Тока не говрите что в обшую папку ВиндоуЗ??!

    ((Сейчас создаем новую группу, и размещаем в ней дубликат слоя. Добавьте слою bevel and emboss (скос и рельеф), используйте значения, устанавливаемые по умолчанию. Это поможет в достижении 3D эффекта)))
    Где это добавить??!Скос и рельеф??!

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 5

    #9 Ответил kamasutr, 30 января 2008 03:40

    Цитата: topSECRET
    Тока не говрите что в обшую папку ВиндоуЗ??!

    Таки да иначе никак-потом вібирай из общего списка нужній шрифт

    ответить

    ------------------------------------------------

    Аватар

    Группа: Админ

    Публикаций: 368

    Комментариев: 340

    #10 Ответил Infernus, 30 января 2008 09:20

    topSECRET, палитра слоёв/выбирайте слой/правой кнопкой мыши/ параметры слоя (blending options)

    ответить

    ------------------------------------------------

    respect life © Правила!

    Есть вопросы? Вам сюда!

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 10

    #11 Ответил odelena, 30 января 2008 10:49

    NonSa, сильно смеюсь! Ладно, это я ступила. Как раз вернулась просмотреть повнимательней урок. Спасибо, буду вчитываться получше :)

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 9

    #12 Ответил 08megastar, 30 января 2008 15:31

    нет, где палитра слоев???????????????????

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 4

    #13 Ответил MissSemiotic, 30 января 2008 17:42

    08megastar, Layer


    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 41

    #14 Ответил topSECRET, 30 января 2008 18:53

    Кароче я так и не понял... где именно этот скос и рельеф..

    Обясняю занов..у меня CS3.. и при проделаных 2-ух Шагов,всё ок но потом появляються не понятки..!А именно..

    Нажимае контрл+Т ,диформировать так текст не получситься,надо нажать дополнительную иконку (перекллючение между свобдной трасформ.) и тока потом нажать ЕнтЕР!
    Дальше хуже..
    ((Сейчас создаем новую группу, и размещаем в ней дубликат слоя. Добавьте слою bevel and emboss (скос и рельеф), используйте значения, устанавливаемые по умолчанию. Это поможет в достижении 3D эффекта.))
    ЧТо за новая група и что в ней за дубликат слоя я пока не спрашиваю...а задаюсь вопросом как добаветь слою скос и рельеф??На что мне ответили-(topSECRET, палитра слоёв/выбирайте слой/правой кнопкой мыши/ параметры слоя (blending options))
    Народ!Я прекрасно знаю где и как найти Параметры Слоя!Но при нажатии..его он просто выдвигает мне окно..состояшее из двух строчек Имя (там написано Слой-копия) и цвет и с боку-по умолчанию, Ди и отмена!)Даже при нажатии ок,ничего не происходит...Поэтому и вопрос может есть какойто другой путь?...или в CS3 оно уже утсановлено по умолчанию и поэтму этого просто нет...
    Так как в дальнейшем при выполнении других шагов,Всё получаеться , но если наложен градиент на текст он также накладываеться на боковую Обьемную часть... и немного получаеться нето....

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

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

    #15 Ответил FreeZy, 30 января 2008 20:44

    NonSa Я Додумался до этого через 20 мин после комента )) но все равно спс

    ответить

    ------------------------------------------------

    Аватар

    Группа: Главный редактор

    Публикаций: 289

    Комментариев: 538

    #16 Ответил NonSa, 30 января 2008 21:14

    Ура!! Я в Инете! Спокойно, народ.

    FreeZy, Молодец!

    topSECRET,
    где именно этот скос и рельеф..

    Стиль слоя - bevel and emboss (скос и рельеф или Тиснение).

    ЧТо за новая група

    Внизу палитры слоёв иконка Папка.

    что в ней за дубликат слоя

    Вы напечатали букву. Растрировали текст. Теперь дублирем этот слой или Ctrl+J. И этот дубликат есть заготовка для боковой грани. Вот ей добавляешь Стиль слоя - Тиснение. А потом по уроку....

    Так как в дальнейшем при выполнении других шагов,Всё получаеться , но если наложен градиент на текст он также накладываеться на боковую Обьемную часть... и немного получаеться нето....

    У Вас на этом этапе 2 слоя. 1 - лицевая часть текста. 2- боковая (объединенная всех слоев 19ти или больше).
    У вас есть возможность раскрашивать отдельно две часть буквы.... и применять разные эффекты.

    08megastar,
    где палитра слоев???????????????????

    На мониторе справа внизу.... Там где иконки Ваших слоев, названия слоёв.....

    odelena,

    Бывает!!! victory

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 12

    #17 Ответил toyota, 31 января 2008 16:27

    Классно!!! Я попробывала! Наводит на идеи! Спасибки!

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 12

    #18 Ответил decok, 1 февраля 2008 18:42

    жесть....мне понравилось особенно альт кантрл вверх.....гениально!!!

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 12

    #19 Ответил toyota, 3 февраля 2008 18:05

    О чёрт... вот блин... незнаю как я это сделала но у меня половина фильтров теперь неработают... помогите что делать??

    Вопрос снимается. Там настройки не те были. Всё разабралося.

    ответить

    ------------------------------------------------

    Аватар

    Группа: Гости

    Публикаций: 0

    Комментариев: 0

    #20 Ответил ChakerX, 7 февраля 2008 03:20

    Супер ... Спасибо!!!!!!!!!!!!!!

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 9

    #21 Ответил 08megastar, 8 февраля 2008 20:58

    г д е п а л и т р а с л о е в ??????????

    ответить

    ------------------------------------------------

    Аватар

    Группа: Главный редактор

    Публикаций: 289

    Комментариев: 538

    #22 Ответил NonSa, 8 февраля 2008 22:29

    08megastar,

    ЧитатьУчебник!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 4

    #23 Ответил alex_ukr, 9 февраля 2008 02:22

    thank you so much!nonsa- smart

    ответить

    ------------------------------------------------

    Аватар

    Группа: Главный редактор

    Публикаций: 289

    Комментариев: 538

    #24 Ответил NonSa, 9 февраля 2008 02:38

    alex_ukr,
    Thank's for your kind attention. winked

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 4

    #25 Ответил alex_ukr, 9 февраля 2008 03:03

    you welcome!super!i love your site!а почему я его запомнил очень удачный пароль на архивах))))

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 6

    #26 Ответил artNokia, 10 февраля 2008 22:43

    Люди belay как сделать так? Вот я нажимаю
    В слое текст нажимаем CTRL+T, и располагаем текст, так как бы это выглядело в 3D перспективе

    Но у меня текст поворачивается в 2д плоскости, то есть или в лево или в прово, как сделать чтобы наклонялась вперед назад ???????

    ответить

    ------------------------------------------------

    Аватар

    Группа: Главный редактор

    Публикаций: 289

    Комментариев: 538

    #27 Ответил NonSa, 11 февраля 2008 01:03

    artNokia,
    Люди отвечают: "Свободное трансформирование Ctrl+T, правый клик мышкой и выбираете функцию Перспектива. Далее тянуть за крайнюю верхнюю или нижнюю точку вправо или влево!" beee

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 6

    #28 Ответил artNokia, 11 февраля 2008 15:51

    NonSa, спасибо, но чето там такова нет sad
    Ну то есть есть но оно не нажимается ( перспектива написана серыми буквами, а то что нажимается черными )
    Перепробовал все - не че не помогает

    ответить

    ------------------------------------------------

    Аватар

    Группа: Главный редактор

    Публикаций: 289

    Комментариев: 538

    #29 Ответил NonSa, 11 февраля 2008 16:08

    artNokia,
    Rasterize (Растрировать текст).
    Вы это сделали?

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 1

    #30 Ответил inkreor, 11 февраля 2008 23:08

    NonSa,
    Привет, у меня следующая проблема: начинается все с того как надо выполнять манипуляции со сдвигами, у меня просто растет стопка букв :) явно не с шагом в 1 пиксель.
    Так вот у меня вопрос, как это исправить, или я просто что-то не так делаю?
    ПыСы: у меня CS3! Pf ehjr cgfcb,j))

    ответить

    ------------------------------------------------

    Аватар

    Группа: Главный редактор

    Публикаций: 289

    Комментариев: 538

    #31 Ответил NonSa, 12 февраля 2008 00:25

    inkreor,

    Растет стопка - это хорошая новость. А с каким интервалом?
    Пыталась повторить Ваш случай, не смогла.
    Еще раз внимательно проверьте свои действия - шаг 2.
    И хорошо бы скрин увидеть Вашей стопки... :-))

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 29

    #32 Ответил owl, 12 февраля 2008 20:15

    Блин, классно. Пасиб огромное за урок. Класс! Давно уже хотел научиться такой объемный текст делать. Та ещё и с тенью. Умничка, NonSa, thank's :)))

    ответить

    ------------------------------------------------

    Чтобы носить очки, мало быть умным, надо ещё и плохо видеть.

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 3

    #33 Ответил Brilliance, 13 февраля 2008 03:03

    Теперь я 3D монстр! Всех сделаю в объёме)

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 31

    #34 Ответил Monty, 15 февраля 2008 09:57

    а где палитра слое?

    ну скажите плз мне хотя б где палитра слоев какая то

    ответить

    ------------------------------------------------

    Аватар

    Группа: Главный редактор

    Публикаций: 289

    Комментариев: 538

    #35 Ответил NonSa, 15 февраля 2008 14:21

    Monty,

    Палитра слоев обычно на мониторе справа. Там где иконки слоев, названия слоев...

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 1

    #36 Ответил Amaterassu, 24 февраля 2008 09:33

    Панравилос, но одно но ... пока каменты не прочитал непонял что за скос и рельеф, исправили бы ... )

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 6

    #37 Ответил PiTyUk, 2 марта 2008 15:37

    NonSa,
    У меня вопросик уже здесь =) Можно ли трансформировать буквы после того, как придашь им объем такими сдвигами) И если можно, то что нужно сделать для этого? =)

    ответить

    ------------------------------------------------

    Аватар

    Группа: Главный редактор

    Публикаций: 289

    Комментариев: 538

    #38 Ответил NonSa, 3 марта 2008 00:54

    PiTyUk,
    Можно. Необходимо: или слить (объединить) все слои текста ("верхний" и объем), или связать, или объединить в группу и трансформировать группу.
    Щелчок правой клавишей мыши и выбирайте любое действие.

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 6

    #39 Ответил PiTyUk, 5 марта 2008 22:55

    NonSa,
    Спасибо)

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 1

    #40 Ответил pipiru, 14 марта 2008 04:34

    inkreor,
    жми вместо Shift+Alt+19раз вверх Alt+19раз вверх и все клево получится=) была такая проблема

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 1

    #41 Ответил golds, 30 марта 2008 13:48

    Создателю и переводчику урока большой респект good

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 1

    #42 Ответил IsHacker, 22 апреля 2008 19:23

    ничёшно так

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 3

    #43 Ответил Klint, 22 мая 2008 23:09

    жирна, бомбовая вещ!
    спасибо!

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 1

    #44 Ответил 3j-xbm, 23 июня 2008 00:00

    ВОУ d'hb гуд спасибо !!!

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 3

    #45 Ответил Klint, 9 июля 2008 17:12

    не могу понять, как сделать отражение как на скрине?
    делаю как написано, а оно у меня получается как размытое, аж смотреть неприятно, как правильно копию слоя сделать/переместить?

    ответить

    ------------------------------------------------

    Аватар

    Группа: Главный редактор

    Публикаций: 289

    Комментариев: 538

    #46 Ответил NonSa, 9 июля 2008 21:14

    Klint,
    Выбираем все слои текста и сливаем CTRL+E. Вы видите размытое изображение?

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 19

    #47 Ответил ...LOVE..., 16 августа 2008 19:29

    Блин спасибо всем что вам тож было непонятно и вам это все в комментах объяснили так бы я ничего не сделала))

    ответить

    ------------------------------------------------

    Несмотря на то, что я гениальна и идеальна, самокритика - тоже моя сильная сторона.


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


    Добавить комментарий как «Гость» (вход на сайт / регистрация)


    Включите эту картинку для отображения кода безопасности
    обновить код

    Символы на картинке:

     

    О сайте: ↓

    Всё об известнейшем графическом редакторе Adobe Photoshop. На сайте можно найти много интересных обучающих уроков, достойную коллекцию учебников от известных отечественных и зарубежных мастеров, а так же скачать кисти, плагины, шрифты, макросы, иконки. Так же у нас Вы можете скачать последню версию Adobe Photoshop CS3 и узнать историю происхождения этого грандиозного графического редактора!

    Скачать Adobe Photoshop CS3

     

     

    Adobe Photoshop CS3

    Статистика ↓

    Голосование ↓

    Пользуетесь ли вы сервисами социальных закладок?
    Да! good2
    Нет negative

    Онлайн учебник ↓

    подробнее

    Реклама↓

    История Adobe Photoshop

    История создания Adobe Photoshop

    Подробнее

    ArtJunkies Вконтакте!

    ArtJunkies Вконтакте!

    Присоединяйся!