X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> 3D Text в PhotoShop CS5
PhotoShopRND
PhotoShopRND
Topic Starter сообщение 23.12.2012, 13:09; Ответить: PhotoShopRND
Сообщение #1


Доброго вам времени суток. В сегодняшнем уроке я расскажу вам как сделать стильный объемный текст в PhotoShop CS5 без использования функции 3D, только лишь при помощи стилей слоя.
[img]http://photoshopnik.ru/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif[/img]

Урок написан для русскоязычной версии Adobe PhotoShop CS5, при выполнении на других версия программы могут быть небольшие отличия.

Финальное изображение урока выглядит вот так:

[img]http://www.creativestation.ru/uploads/images/1342117079-U525.png[/img]

Ну что же давайте приступим к выполнению урока.

Первым делом нужно создать основу, новый документ на котором мы собственно и будем создавать наш стильный объемный текст.
Для этого переходим в меню Файл Создать... или же используем горячие клавиши Ctrl+N. Устанавливаем настройки которые показаны ниже на скриншоте.

[img]http://www.creativestation.ru/uploads/images/1342163328-U525.png[/img]

Основа готова и мы начинаем выполнение урока. Урок будет выполнен за три шага и в каждом шаге мы будем использовать стили слоя. Для того что бы вызвать параметры слоя нужно дважды кликнуть по слою левой кнопкой мыши либо воспользоваться меню Слой Стиль слоя. Это информация на будущее а сейчас начнем выполнение урока.

Шаг первый:

В этом шаге мы создадим фон для нашего текста. Для этого основным цветом выбираем #dbdada, выбираем инструмент Заливка и применяем его к нашему документу.
Теперь создадим бесшовную текстуру которую будем использовать для создания фона.
Создаем новый слой 4х4 пиксела, 72 пикс на дюйм, фон прозрачный. Выбираем основным цветом #abaaaa, максимально приближаем документдля удобства и инструментом Карандаш рисуем следующее:

[img]http://www.creativestation.ru/uploads/images/1342162294-U525.png[/img]

Переходим в меню Редактирование Определить узор, жмем и следуем иструкции.

Текстура создана и сохранена в фотошопе, можно закрыть нарисованный нами узор.

Возвращаемся на основное изображение и применяем следующие стили слоя:

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

[img]http://www.creativestation.ru/uploads/images/1342162897-U525.png[/img]

Наложение узора:

[img]http://www.creativestation.ru/uploads/images/1342163016-U525.png[/img]

Применяя стиль слоя наложение узора мы используем как раз ту самую текстуру которую создавали ранее. На этом создание фона закончено и мы приступаем к следующему шагу урока по созданию объемного текста.

Шаг второй:

В этом шаге мы пишем текст которому желаем придать объемность.
Я написал название эффекта который мы получим в итоге "3D TEXT" , вы же в свою очередь можете писать то что считаете нужным.

Основным цветом устанавливаем #e0e0e0, выбираем инструмент Текст, настраиваем как показано ниже:

[img]http://www.creativestation.ru/uploads/images/1342164976-U525.png[/img]

пишем текст и располагаем его по центру документа.

Конечно же вы можете выбрать шрифт на ваше усмотрение, мне лично очень понравился шрифт Nasalization который вы можете найти на сайта распространяющих бесплатные шрифты.

Итак мы настроили, написали и расположили по центру наш текст. Нам для выполнения понадобится второй текстовый слой, поэтому создаем дубль слоя. Пока что все и мы переходим к третьему заключительному шагу урока.

Шаг третий:

В этом завершающем шаге мы сделаем именно то что придаст объемности тексту, а именно настроим параметры стилей слоя для нашего текста.
Начнем с нижнего слоя, применяем настройки которые показаны ниже:

Тень:

[img]http://www.creativestation.ru/uploads/images/1342167080-U525.png[/img]

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

[img]http://www.creativestation.ru/uploads/images/1342167174-U525.png[/img]

Внешнее свечение: Используйте градиент от черного к прозрачному.

[img]http://www.creativestation.ru/uploads/images/1342167295-U525.png[/img]

Внутреннее свечение: Так же используйте градиент от черного к прозрачному.

[img]http://www.creativestation.ru/uploads/images/1342167448-U525.png[/img]

С нижним текстовым слоем закончили и у нас должен был получиться вот такой результат, если отключить видимость верхнего слоя на время конечно же:

[img]http://www.creativestation.ru/uploads/images/1342167673-U525.png[/img]

Переходим к оформлению верхнего текстового слоя и заключительной фазе урока. Применяем следующие настройки стиля к верхнему слою текста.

Тень:

[img]http://www.creativestation.ru/uploads/images/1342168437-U525.png[/img]

Внешнее свечение:

[img]http://www.creativestation.ru/uploads/images/1342168522-U525.png[/img]

Внутреннее свечение:

[img]http://www.creativestation.ru/uploads/images/1342168590-U525.png[/img]

Тиснение:

[img]http://www.creativestation.ru/uploads/images/1342168654-U525.png[/img]

Наложение градиента:

[img]http://www.creativestation.ru/uploads/images/1342168707-U525.png[/img]

Ну вот мы постепенно и добрались к финалу нашего урока, оба слоя настроены и для того что бы придать объем нашему тексту нужно выбрать инструмент Перемещение и сдвинуть верхний слой на десять пикселов вверх (при помощи клавиши Вверх на клавиатуре сделать это будет более удобно)

На этом урок завершен, конечный результат вы видели в самом начале урока, и думаю что у вас получилось как минимум не хуже а возможно и лучше.


--------------------
Размещу статью тут: Конструктор сайтов okis или тут: Строительство и ремонт ну или тут: Туризм
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Agriiii
Agriiii
сообщение 23.12.2012, 13:21; Ответить: Agriiii
Сообщение #2


Спасибо друг, еще не делал, но скоро попробую B)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SeredinD
SeredinD
сообщение 23.12.2012, 20:25; Ответить: SeredinD
Сообщение #3


Отличный урок. Ещё не нашёл для чего его применять, но выглядит очень красиво. Плюс в репу)


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
PhotoShopRND
PhotoShopRND
Topic Starter сообщение 23.12.2012, 20:47; Ответить: PhotoShopRND
Сообщение #4


Ещё не нашёл для чего его применять.


На здоровье, только уроки не для применения B) уроки что бы научиться. А что бы применить достаточно стили слоя скачать подходящие.


--------------------
Размещу статью тут: Конструктор сайтов okis или тут: Строительство и ремонт ну или тут: Туризм
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
reklamarabotaet
reklamarabotaet
сообщение 23.12.2012, 22:19; Ответить: reklamarabotaet
Сообщение #5


А я-то все вчитывался, пытаясь понять, как Вы сделаете перспективу по диагонали вниз. За счет тиснения? Вернулся к исходному изображению и понял, что никак. Тут сдвиг копии вниз просто. Хотя за счет этих микро-теней выглядит действительно объемно.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
PhotoShopRND
PhotoShopRND
Topic Starter сообщение 23.12.2012, 23:22; Ответить: PhotoShopRND
Сообщение #6


Тут сдвиг копии вниз просто. Хотя за счет этих микро-теней выглядит действительно объемно.


Именно так, в арсенале фотошоперов есть несколько вариантов создания объёмных текстов. Этот один из самых примитивных.

Хотя на самом деле проще сделать заготовки в 3D редакторах (cinema4D , Xara3D, Insofta Text Commander и тд)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
Размещу статью тут: Конструктор сайтов okis или тут: Строительство и ремонт ну или тут: Туризм
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Работаю в PhotoShop - аватарки, логотипы, превью, шапки, оформление youtube, баннеры gif
16 Alifer 26389 29.11.2023, 20:15
автор: Alifer
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыУслуги по PhotoShop
6 dizaynmaks 3274 24.3.2022, 11:42
автор: dizaynmaks
Открытая тема (нет новых ответов) Графика, дизайн, Photoshop.
2 MatthewK 1474 15.10.2017, 22:06
автор: MatthewK
Открытая тема (нет новых ответов) Выполню работы в photoshop
3 hmkr 1136 18.5.2015, 11:14
автор: maksimov1989
Открытая тема (нет новых ответов) Качественная и бюджетная биржа текстов - text.pr-cy.ru
13 ig0r 4421 7.4.2014, 16:52
автор: nogach


 



RSS Текстовая версия Сейчас: 29.3.2024, 11:52
Дизайн