РЕКЛАМА

Загрузка...
' />

Урок по фотошопу. Создание обоев с 3D текстом

Даже не знаю, что написать в предисловии на данную тему, так как впервые выкладываю свою работу на общее обозрение. Надеюсь мой урок кому нибудь понравится и в дальнейшем пригодится. В любом случае жду ваших коментариев и обсуждений.
1. В силу того, что у меня монитор разрешением 1280х800 px, наши обои будут такого же разрешения. Итак, приступим. Создаём новое изображение размером 1280x800 px.:
Урок по фотошопу. Создание обоев с 3D текстом

Создаём новый слой и заливаем его любым цветом (с помощью инструмента Paint Bucket Tool (Ведро краски)):
Урок по фотошопу. Создание обоев с 3D текстом

2. Теперь раскрасим наш слой, который будет служить нам фоном. Для этого нажимаем по слою правой клавишей (на панеле слоёв) и выбираем пункт Blending Options (опции смешивания), в нём переходим на вкладку Gradient Overlay и выставляем следующие параметры (красными цифрами я указал шестнадцатеричные коды цветов):
Урок по фотошопу. Создание обоев с 3D текстом

В результате должно получиться что-то подобноее (я думаю вы понимаете, что окончательный выбор цвета зависит только от вашего вкуса):
Урок по фотошопу. Создание обоев с 3D текстом

3. Сейчас выбираем шрифт (желательно попроще, пожирнее, и с острыми краями), размер шрифта ставим побольше, цвет — любой, и пишем любое слово (я написал DaviD GoroDok — название города из которого я родом):
Урок по фотошопу. Создание обоев с 3D текстом

4. Непрозрачность (Opacity) слоя со словом поставьте равной 85% (непрозрачности всех последующих слоёв, относящихся к нашему объёмному слову, тоже сделайте равными 85%). Заходим в Blending Options (опции смешивания) слоя со словом и на вкладке Inner Shadow (внутренняя тень) выставим следующие параметры:
Урок по фотошопу. Создание обоев с 3D текстом

5. Теперь переходим на вкладку Inner Glow (внутреннее свечение) и там сделаем так:
Урок по фотошопу. Создание обоев с 3D текстом

6. А на вкладке Gradient Overlay сделаем вот-так:
Урок по фотошопу. Создание обоев с 3D текстом

Вот так выглядят настройки градиента (чтобы открыть такое окошко — кликните по полосе с градиентом; чтобы добавить дополнительные квадратики для указания цвета — просто кликните на том месте, где вы это хотите сделать):
Урок по фотошопу. Создание обоев с 3D текстом

7. А сейчас откроем последнюю вкладку — Stroke, и там сделаем так как у меня:
Урок по фотошопу. Создание обоев с 3D текстом

В результате должно получиться что-то вроде этого:
Урок по фотошопу. Создание обоев с 3D текстом

8. Создадим копию слоя со слоем (для этого на панеле слоёв переместите слой со словом на иконку для создания слоя или же кликните по слою правой клавишей и выбирите Duplicate Layer (дублировать слой)) и переместим её немного вправо и совсем чуть-чуть вниз:
Урок по фотошопу. Создание обоев с 3D текстом

9. Теперь давайте соединим вершины обеих букв белыми линиями. Для этого выберем инструмент Line Tool (линии) и белым цветом нарисуем такие-вот линии:
Урок по фотошопу. Создание обоев с 3D текстом

10. Можно подумать, что на этом все закончилюсь, но у нашего объёмного слова есть только фронтальная и задняя стороны.Давайте это исправим. Зажмите клавишу Ctrl и кликните по слою с фронтальной стороны слова и не отпуская Ctrl, зажмите ещё и Alt и кликните по слою с задней стороной нашего объёмного слова, должно появиться вот такое выделение:
Урок по фотошопу. Создание обоев с 3D текстом

11. Некоторые уголки фигуры остались невыделенными. Для этого выберем Polygonal Lasso Tool (лоссо) и выделим незатронутые уголки (чтобы прошлое выделение не исчезло, зажмите клавишу Shift), далее создадим новый слой между слоями с задней и фронтовой (передней) частями фигуры (просто кликните созд. новый слой, и появиться новый слой из выделенного) и зальём выделение любым цветом. Теперь применим к только что созданному нами слою те же эффекты, что мы применили к слоям с фронтовой и задней сторонами слова. Это делается очень просто. Кликните правой клавишеё по слою с задней стороной объёмной фигуры и выберите пункт Copy Layer Style (копировать стиль слоя), затем кликните правой клавишей по слою, к которому мы хочем применить эффекты, и выберите пункт Paste Layer Style (вставить стиль слоя). В итоге получаем слово с закрашенными всеми элементами:
Урок по фотошопу. Создание обоев с 3D текстом

12. Это мы создали заднюю сторону будущего объёмного слова. Нужно теперь создать и лицевую... Что мы делаем? Правильно, то же самое: зажимаем Ctrl и кликаем по слою с задней стороной фигуры, потом зажимаем в добавок к Ctrl ещё и Alt и кликаем по слою с передней стороной фигуры, выделяем инструментом Polygonal Lasso Tool невыделенные участки, создаем новый слой из выделенного, заливаем белым цветом, и применяем тот же стиль что применяли к прошлым слоям:
Урок по фотошопу. Создание обоев с 3D текстом
Урок по фотошопу. Создание обоев с 3D текстом

13. Вот на этом, при создании 3D текста, можно и остановиться. Ну а можно продолжать дальше. ведь мы создаем не просто текст, а обои.
14. Давайте сделаем отражение. Для этого отключим слой с фоном (на панеле слоёв, слева от слоя, есть иконка ввиде глаза — кликните по ней, чтобы она исчезла). Сейчас выделим каждое слово по отдельности и скопируем видимое изображение (Shift + Ctrl + C или в меню Edit (правка) —> Copy Merged (копировать слитое), затем вставим скопированные изображения (Ctrl + V или Edit —> Paste (вставить)) и поместим их под основными словами. Отразим изображения по вертикали (в меню Edit —> Transform (преобразование) —> Flip Vertical (отобразить вертикально)) и разместим следующим образом (DaviD под DaviD-ом, GoroDok под GoroD-ком):
Урок по фотошопу. Создание обоев с 3D текстом

Урок по фотошопу. Создание обоев с 3D текстом

15. Размоем отражение (в меню Filter —> Blur —> Gaussian Blur...) с радиусом размытия в 5 пикселей:
Урок по фотошопу. Создание обоев с 3D текстом

16. Сделаем отражение более реальным. Добавим к слою с отражением маску — для этого выберем слой с отражением (кликним по нему левой клавишей — на панеле слоёв) и кликнем на третьей слева иконке (ввиде тёмного прямоугольника и светлого круга в центре — на панеле слоёв) или же через меню: Layer (слои) —> Layer Mask (Доб. маску слоя) —> Reveall All (показать все). Теперь выбираем инструмент Gradient Tool (градиент), выбираем чёрный цвет и заливаем отражение сверху вниз:
Урок по фотошопу. Создание обоев с 3D текстом

Проделываем это над каждым отражением, и должно получиться следующее:
Урок по фотошопу. Создание обоев с 3D текстом

Урок по фотошопу. Создание обоев с 3D текстом

17. Сейчас сделаем наши слова ещё более объёмным — добавим блики. Для этого выделим слой с лицевой стороной фигуры (зажимаем Ctrl и кликаем на том слое, который нам нужен) и исключим часть выделения (выбираем инструмент Elliptical Marque Tool, зажимаем Alt и выделяем нужную часть). Создадим новый слой и разместим его выше всех слоёв. Зальём выделение белым цветом (с помощью Paint Bucket Tool):
Урок по фотошопу. Создание обоев с 3D текстом

18. Изменим параметр Normal данного слоя на Soft Light (он находится на панеле слоёв, сверху). Затем добавим к этому слою маску и зальём градиентом сверху вниз (тем же способом, что и при создании отражения):
Урок по фотошопу. Создание обоев с 3D текстом

19. Теперь выделим часть левой стороны и применим к ней такой же эффект:
Урок по фотошопу. Создание обоев с 3D текстом

20. Ну и для завершения, выберем кисть в виде блеска, и добавим световые отблики:
Урок по фотошопу. Создание обоев с 3D текстом

21. Далее - дело вкуса, эксперементируем с фоном. шрифтом, кистями и так далее.
По завершению, в доказательство слов о вкусе, выкладываю два рисунка.
Урок по фотошопу. Создание обоев с 3D текстом
Урок по фотошопу. Создание обоев с 3D текстом

Жду комментов. Есть ли смысл и дальше вылаживать подобные уроки?
30
3478
25 января 2009
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.
Смотрите также
Безупречная фигура. Урок ретуши в PhotoShop.Безупречная фигура. Урок ретуши в PhotoShop.

ЦИФРОВАЯ ШКОЛАБезупречная фигура. Урок ретуши. Несложный прием, с помощью которого профессионалы Photoshop делают фигуры своих моделей безупречными....

Corel Draw: КольцаCorel Draw: Кольца

Corel Draw: Кольца...

Загрузка...
Комментарии

ArsNG
25 января 2009 00:09
Да. И какого черта ты не спишь а ночью кидаешь такие отличные штуки....
П.С. сказал бы что у тебя широкоформатник...

12345
25 января 2009 00:20
завтра попробую сделать! Но хотелось, что бы по чаще такие темы выкладывали! laughing

mozg
25 января 2009 00:35
урок конечно не для самого начинающего =)

имхо сделать белые линии (обрамление) не рисовать, а зажать shift и стрелку, ну это я бы так делал
а вообще, продолжай тем же духом, совмещай редактирование текста с редактированием фото (наиболее популярные темы фш)

спасибо :)

android_08
25 января 2009 00:41
што за рня

якатава
25 января 2009 00:44
Мне урок понравился. Продолжай, конечно, выкладывать уроки. У меня, например, не получается вырезать волосы с фотографии с цветастым фоном. Может, подскажешь идейку, как? :)

markk
25 января 2009 01:01
Мде, жестокий урок xD

Eric Cartman
25 января 2009 01:30
markk,
Аля первый день работы с фотожопом)

Inglorius
25 января 2009 01:58
якатава,
никак, единственное что ласо(вручную) , полигональное (начальная, конечная точка), мэгнэтик ( втоматом прикрепляется к острому контрасту)
ну и размазать немного по завершению feel

D.I.MO_N
25 января 2009 10:34
смысла вылаживать подобное нет, ну увидили как это делать и всё , я сомневаюсь что ктота будет ставить на раб стол слово на весь экран

goshakkk
25 января 2009 11:10
выкладывайте побольше таких уроков wink

KENNY
25 января 2009 11:25
на самом деле урок стар как мир. но всё же хорошо, что хоть кто-то полезные вещи выкладывает

ilyag
25 января 2009 11:37
уроки по созданию 3Д текста в фотошопе есть давно и везде и намного легче и красивее чем этот...

Risenok
25 января 2009 12:44
ilyag,
дайте ссылочку плиз)))))))

Kozzannova
25 января 2009 12:47
Цитата: ArsNG
Жду комментов. Есть ли смысл и дальше вылаживать подобные уроки?

ПРОООСИМ!!! ПРОООООСИМ!

ice_girl
25 января 2009 13:10
да!однозначно, будем учиться))))

dzirt
25 января 2009 13:11
неплохой урок, выкладывай еще.
Цитата: D.I.MO_N
мысла вылаживать подобное нет, ну увидили как это делать и всё , я сомневаюсь что ктота будет ставить на раб стол слово на весь экран

на вкус и цвет, а дальше сами знаете. я например поставил.

Verus
25 января 2009 13:46
Побольше бы таких статей!

FirstVital
25 января 2009 14:08
Долговато както))

Alex.m
25 января 2009 14:28
спижжено с designarts.ru, правда рисовал сам за это респект, попрошу больше так не делать

tranceby
25 января 2009 16:52
объемный текст лучше в кореле делать ... а подложку уже можно и в фотошопе ... но это чисто моё представление

Inglorius
25 января 2009 16:52
Есть ли смысл и дальше вылаживать подобные уроки?
да, только с выделением на 10ом действии беда =(

xAlanWakex
25 января 2009 18:07
MaSHinA ну эт всё настока просто что я прям не знаю...хотя для тех кто в фотошопе день два сидит это будет выше их сил, а таких тут много, так что я за то чтоб такие темки продолжали появляться на медии...

locdok
25 января 2009 19:02
кто хочет научиться сам найдет нужные подсказки в нете

febus
25 января 2009 19:20
Вылаживать больше не надо.
А вот выкладывать можно, и побольше.

ilyag
26 января 2009 01:06
Risenok,
ссылку на сами уроки выкладывать не буду, вот сайт там всё есть demiart.ru нужно выбрать уроки фотошопа а потом найти текстовые еффекты..

Gavr
26 января 2009 01:06
/

Panzer
26 января 2009 09:20
неплохо, но материал не для новичков.

gumkO_o
26 января 2009 17:23
В принципе если хорошо поискать в сети, то можно найти видел уроки. С помощью них научиться гораздо легче smile

Блим Кололей
26 января 2009 20:48
по фотодизайну что-нить выложи

Dr.Zoiberg
28 января 2009 17:06
Выкладывай еще! Думаю найдется своя аудитория которая будет дилиться своими работами. Можешь глянуть как мою работу тут оценили klava, это бывший НИК.
Опять же жаль что в комментарии нельзя добавлять файлы!
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.
Среда, 28 Июня
USD 1.9343
EUR 2.1987
RUB 0.0325
Lordy1987 6 минут назад x3misonfire1, грамотность немножко похрамывает, но ничего , школу вот закончишь и может научишься правильно писать.
kolya1 7 минут назад Если криптоалгоритм однонаправленный, то ппц luol 14 минут назад Бананан-ты бесплатно рекламируешь айфон. Kano 18 минут назад
Цитата: 4799121212
Походу чел сам себя по жизни наказал, если к такому крокодилу подкатить решил))
Будто у европейцев выбор есть. Это славяне разбалованные.
Mab 24 минут назад
Цитата: Либерман
Да никто в здравом уме не сможет объяснить, зачем разведчику-контрактнику с собой на задании военный билет и паспорт.

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

Украина подписала соглашение о присоединении к энергосистеме Европы
Либерман 57 минут назад
Цитата: Mab
Но мне вот интересно как вы, ватнички, объясните зачем невоеннослужащий берёт с собой военный билет и едет в другую страну на Донбасс убивать украинцев?

Да никто в здравом уме не сможет объяснить, зачем разведчику-контрактнику с собой на задании военный билет и паспорт. Тут надо мабологику подключать.

Цитата: Mab
Гражданские не приезджают в Украину убивать украинцев из России.

Значит вот эти чудики военнослужащими были что ли? Чьими? О_о

Цитата: Mab
А что неприятного сообщить матери что подписал контракт? ))

Читака, ты слова MARGASANа понял с точностью до наоборот.
Mab 75 минут назад
Цитата: Margasan
Матери можно много лапши навешать. Увы, но дети не любят говорить неприятную правду родителям. Это статистика.

А что неприятного сообщить матери что подписал контракт? ))

Цитата: Margasan
С документами ходят по большей части гражданские.

Гражданские не приезджают в Украину убивать украинцев из России.
Я спросил, зачем оккупант взял собой военный билет.
gismo_2 78 минут назад гном_Вася,
По-моему оно слегка крепковато.
Новости от партнеров
Сейчас на сайте
44 пользователя, 697 гостей