Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2010 » Июнь » 11 » Трехмерная надпись
09:54
Трехмерная надпись

Этап 1
Советую точно выполнять данный туториал, поскольку он является довольно трудным для восприятия и только правильное воспроизведение этапов позволит вам получить такой же результат как у меня. В дальнейшем, когда вы поймете значение каждого этапа для конечного результата, вы можете поэкспериментировать. А сейчас откройте ваш Photoshop.

Этап 2
Cоздайте изображение размером 1000 на 1000 пикселей. Работайте с ним в 50 %-уменьшении. Потом, когда вы уменьшите уже готовое изображение до 50%, то получите более высокое качество картинки, чем если бы вы работали изначально в 500 на 500. Заполните первый слой темно-серым цветом и назовите его backdrop. (для переименования слоя кликните правой кнопкой мышки в меню слоев и выберите пункт свойства. Измените имя слоя с layer1 на backdrop). Мы заполняем фоновый слой темно-серым цветом для того, чтобы было лучше видно наши трехмерные буквы.

Этап 3
Создайте новый уровень и назовите его forgroundletters. Он должен находиться выше уровня backdrop.

Этап 4
Выберите Type Mask Tool (T) и щелкните им где-нибудь в центре изображения. Я собираюсь использовать шрифт под названием Impact. Это довольно простой шрифт и я советую вам использовать именно его или подобный ему шрифт. Более сложный шрифт труднее будет сделать трехмерным. Напечатайте слово GFX и поставьте размер шрифта приблизительно 400 пикселей. Нажмите [OK].

Этап 5
На слое forgroundletters залейте выделенную текстом область белым цветом. Теперь отмените выделение. У вас должна получиться надпись, как на приведенном выше рисунке.

Этап 6
В меню выберите: Edit/Transform/skew. Переместите правый верхний и нижний углы так, как показано на рисунке.

Этап 7
Сделайте копию слоя forgroundletters (переместите иконку слоя на ниже расположенную кнопку 'новый слой') и назовите его guide. Слой guide, это слой который не будет удален до тех пор, пока мы не закончим всю работу над эффектом. Для облегчения работы вы можете периодически включать и выключать его.

Этап 8
Измените прозрачность слоя forgroundletters до 50 %. Теперь выберите слой guide и сдвиньте его на 100-200 пикселей влево. Выставите у него прозрачность до 20%. В итоге ваше изображение должно выглядеть подобно приведенному выше.

 

Этап 9
У вас все еще должен быть выбран слой guide, если же нет — выберите его. Выберите в меню: Edit/Transform/Scale. Уменьшите немного высоту символов слоя guide. Пытайтесь достичь того, что изображено на рисунке. В дальнейшем это уменьшение создаст иллюзию глубины

Этап 10
Теперь сделайте копию слоя guide. Переименуйте его в Gside. Этот слой должен находиться выше слоя guide. Мы называем этот слой Gside потому, что он будет являться боковиной нашей буквы G. Создайте новый слой и назовите его Gside2. Расположение всех ваших уровней должно быть таким, как на выше приведенном рисунке. Backdrop должен быть весь серым. Guide должен быть более укороченной версией слоя forgroundletters'а. Gside должен быть копией слоя guide. Gside2 сейчас должен быть пуст. Forgroundletters должен быть слегка увеличенной версией слоя guide. Если ваши слои так не выглядят, значит вами где-то допущена ошибка.

Этап 11
Выберите Polygonal Lasso.

Этап 12
Выберите слой Gside2. Используйте Polygonal Lasso для того, чтобы соединить соответствующие стороны буквы G на слое forgroundletters и слое guide. Я знаю, что это звучит запутанно, но вам достаточно посмотреть на рисунок, чтобы понять необходимые действия. Теперь заполните выделение белым цветом, удостоверившись, что вы делаете это на слое Gside2.

Этап 13
Измените прозрачность слоя Gside до 100%. Теперь объедините слои Gside2 и Gside. Для того чтобы это сделать выберите слой Gside, а затем щелкните на пустом квадратике рядом с глазком слоя — появится иконка цепи, что означает объединение слоев. Теперь зайдите в меню и выберите Layer/Merge Linked. Теперь должен получиться один уровень под именем Gside.

Этап 14
Выберите слой Gside и удерживая нажатой клавишу CTRL выберите слой forgroundletters. Появиться выделенный контур этого слоя. Удостоверитесь, что вы все еще на слое Gside и нажимаете DEL. Это позволит стереть все сегменты слоя Gside, которые были внутри выделения слоя forgroundletters. Теперь берите eraser tool и стирайте все оставшиеся небольшие фрагменты, которые не входят в букву G. Это, опять же, тяжело звучит на словах, но вам достаточно просто посмотреть на рисунок и удалить все кусочки помеченные красным цветом. Теперь у вас готова боковина буквы G — приготовьтесь ее затенять.

Этап 15
Здесь вам придется поиграться с градиентами, для того чтобы получить реальный эффект затенения. Вы можете использовать foreground to transparent градиент с черным, установленным основным цветом. Удерживая CTRL выберите слой Gside. Создайте два новых слоя выше слоя Gside. Вам не обязательно их называть, но, если есть желание, можете назвать их top shade и bottom shade. Используйте градиент один раз на каждом слое для того, чтобы затенить боковину буквы G. Посмотрите на рисунок если вы испытываете трудности с местом приложения градиента. Объедините оба новых слоя со слоем Gside.

Этап 16
Повторите этапы 11-15 для других частей буквы G, а также для букв F и X. Затем удалите слой guide и измените слой backdrop. Если вы знаете как работает источник света, то вы можете достичь градиентом иллюзию трехмерного затенения. Ваш окончательный рисунок должен выглядеть подобно приведенному выше.

 Когда вы закончите: Если вы хотите получить по-настоящему крутой эффект из этого туториала, попытайтесь немного развернуть изображение, наложить текстуру на буквы или добавить другой текст поверх этого эффекта, как сделал это я. Но постарайтесь быть оригинальным!!!


источник


***



[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (0)
[12.02.2015][DesiGN SofT]
GraphiSoft ArchiCAD 18 Build 4020 (x64) + Add-Ons (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[22.10.2015][Lessons PHOTOSHOP]
Создание поверхности воды в photoshop (2015) (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[12.02.2015][DesiGN SofT]
CorelCAD 2014 build 13.8.12 + Rus + Видеоинструкция + Руководство (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеокурс удаление объектов в фотошопе (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
 

Прикрепления:
Категория: Lessons PHOTOSHOP | Просмотров: 1955 | Добавил: zoska
Всего комментариев: 8
8 furdik  
спасибо

7 furdik  
да ладно вам отличный урок

6 marusya  
нет если знаком с 3d то конечно да а если нет?

5 zanchi  
будте внимательней с выбором оформления cry

4 Serik  
извентиляюсь не тот цвет выбрал поэтому буду писать черным, я говорю люблю больше 3d max для этих целей!

3 Serik  
н[color=gray]е знаб как вы а я для этих мер 3d max больше обажаю[/color]....

2 Salta  
зачем такими большими буквами мы все прекрасно видим, а урок и насамом деле полезен для новичков...! cool

1 zoska  
ВОТ решила вам выложить урок надеюсь вам понравиться - tongue

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск






[01.12.2015][DesiGN SofT]
Autodesk AutoCAD Electrical 2016 (x86-x64) Eng+ Rus (0)
[19.09.2011][Veb DeSiGn]
Шаблон флеш сайта #27040 (0)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[23.10.2010][rastER KLipardy]
Group of young people (0)
[24.09.2011][vectOR KLipardy]
Веб элементы для веб интерфейса (0)
[12.01.2011][Lessons PHOTOSHOP]
Синее металлическое меню (0)
[15.12.2010][Plugins Photoshop]
Photomatix Tone Mapping v2.0.2 for Photoshop (32/64 bit) (0)
[24.09.2011][Lessons Adobe Illustrator]
Люди, замороженные в кубике льда – часть 2: Рисование людей (0)
[12.02.2015][DesiGN SofT]
Adobe Photoshop CC 14.2.0.515 Portable (x32-x64) Rus/Eng/Ukr + Plugins (0)
[19.09.2011][Veb DeSiGn]
Шаблон флеш сайта #27307 (1)

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[10.09.2011][Veb DeSiGn]
Template Monster – 11925 – Flash Template (0)
[30.12.2012][DesiGn bLOg]
Кофейные фантазии by Tomoko Shintani (0)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)



Пятница
29.03.2024
02:41


Copyright artpost and semantic product zanchi 2010-2011 © 2024