РЕКЛАМА

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

Урок по фотошопу. Создание обоев с 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
3374
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, это бывший НИК.
Опять же жаль что в комментарии нельзя добавлять файлы!
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.
Четверг, 08 Декабря
USD 1.9789
EUR 2.1220
RUB 0.0310
Flint 6 минут назад Филин,
Даже обижать не хочется
Flint 19 минут назад dianest,
Вот чесно скажу, ой как хочется пару аргументов вставить тебе в потдержку, но тут речь про свидомых, а им виднее))сколько мед не говори....
Flint 38 минут назад
Цитата: triangel
Как-то смотрела как этот хрен растят

У нас он вроде как сорняк растет, а вассаби (опятьже у нас) делают путем добавления красителя) Иногда тупо мешают из порошка. Ну дорогая это приправа для наших краёв. Борщь в японии поеште!!!
dianest 39 минут назад
Цитата: Либерман
А что принципиально изменилось с момента крайней публикации?

принципиально нет ибо "идет расследование", но всплыли подробности, которые на случайность ни как не тянут, имхо. Лишь в одном теле мвдешника, расстрелянного в машине почти 40 пуль. Я не могу представить, как можно "случайно" высадить несколько "магазинов" в в ментовскую машину разукрашенную знаками отличия с ног до головы
Flint 46 минут назад Xeops64,
Фотка чикатилы и его действия разные вещи, не?)))тут и первое и второе тупость.
Flint 73 минут назад Mab,
Так едь в иран!))) Ссылки на свои коменты в ризюме только оставь))) Бля, из уважения к украинским бабам не буду статистикой срать....
Мапка запомни! Мертвым похyй, живым тяжко.. Все бы хорошо, только про тупых таже история))))
Mab 93 минут назад
Цитата: dianest
сам придумал сам поржал?

dianest, сам придумал - сам поржал?
Я вообще-то знаю как по-английски почка.
Либерман 111 минут назад
Цитата: Tatur
два способа свалить в город, первый это пойти в армию, а второй поехать учиться в город и получить "городскую" специальность, но один хрен надо было что бы председатель дал справку)

Выглядит попроще, чем поменять цвет кожи.
Новости от партнеров

ИНТЕРЕСНОЕ:

Загрузка...
Сейчас на сайте
18 пользователей, 1004 гостя