Светящийся 3D-логотип

Почти все в этом уроке сделано с помощью фотошопА, за исключением 3д-букв. Их я сделал в Adobe Illustrator. Если вы не знаете как им пользоваться — не беда, учите, время есть =)

Я написал слово Qpoit, которое достаточно интересное и не существует. Приготовимся к работе.

Создаем новый документ в фотошоп. Берем Gradient Tool и делаем Radial Gradient. Я сделал его используя цвет заднего фона #000000 и переднего — #009092. Градиент должен получиться примерно в центре картинки, у меня чуть ниже вышло..



Продублируем слой и установим режим смешивания слоя в Сolor Dodge. Это сделает наш шарик более четким



А теперь в фотошопе мы добавим некоторые искажения к нашему шарику. Для этого мы будем использовать фильтр фотошопа Filter > Render > Clouds. Убедимся, что задний фон установлен #000000 и передний #FFFFFF

Меняем смешение слоев на Overlay и непрозрачность слоя на 30%. Теперь идем Filter > Sketch > Chrome, используем стандартные настройки (Detail 4 & Smoothness 7) и нажимаем ОК.



А теперь сменим программку. Отрокем Illustrator и разместим букву или слово в новом файле. Я напишу слово QPoit цветом #000000 и шрифтом под названием Arno Pro. Теперь идем Effect > 3d > Extrude & Bevel для открытия нового окна.

Я использовал следущие настройки, которые находятся на картинке снизу. Нажмем «Preview» для предварительного просмотра. Так же я поменял шадинг на #FFFFFF. Вторая часть слова («Poit») будет с такими же настройками, как буква «Q». Только одно различие — Y-asis: теперь его значение ?26.



Теперь перетащим наши 3д-буквы в Photoshop. Я знаю, сейчас они выглядят не очень перфектно, но мы это скоро исправим.



Правый клик по правому слову (в моем случае это «Poit») в списке слоев и выбираем Blending Options. Я добавил Outer Glow режим смешивания Blend Mode установил в Color Dodge. Цвет использован #FFFFFF с прозрачностью 75%.

Так же добавляем градиент Gradient Overlay с режимом смешивания Overlay. Градиент имеет прозрачность 50%, начинается с #009092 и заканчивается #000000. Угол установлен в 180.

Буква «Q» использует такие же настройки, только градиент имеет угол 0 градусов.



Создаем новый слой и помещаем его поверх всех слоев в списке. Берем инструмент Перо Pen Tool (P) и рисуем кривую. Пытаемся нарисовать ее реалистично, представляя, что она обвивает наш 3д-объект.



Берем обычную кисточу диаметром 7 пикселей и жесткостью 100% (не размытую), цветом #FFFFFF прозрачностью 25%. Для Photoshop CS3, октрываем палитрю кисточек Brushes palette (F5). Выбираем Shape Dynamics и устанавливаем Control в значение Pen Pressure.

Правый клик по нашей кривой в списке кривых, которую мы недавно нарисовали и нажимаем Stroke path… В качестве инструмента выбираем Кисть и не забываем поставить галочку Simulate Pressure: это придаст приятные, ровные края. Теперь наша кривая больше не нужна и можно ее удалить.



А теперь нам нужно удалить часть нашей линии, чтобы придать эффект трехмерности, сделать так, чтобы линия как бы была обмотана вокруг буквы. Берем Ластик Eraser Tool (E) и удаляем.



Я добавил еще несколько полосок вокруг букв. Добавил к каждой внешнее свечение Outer Glow через панель Blending mode. Установил режим смешения Outer Glow в Color Dodge с прозрачностью 50%. Я использовал цвет #009092 и размер 13 px.

Так же я добавил немного внутреннего свечения своим линиям. Режим смешивания Normal с размером 3 px. Цвет использовал такой же, как и для внешнего свечения: #009092.



Различные частицы придадут очень забавный, футуристический эффект для этой картинки. Берем твердую кисточку размером 9 пикселей. Теперь идем в наше панель кисточек и играемся с Size Jitter, Scatter и Spacing. Я решил сделать частицы белого цвета #FFFFFF и нарисовал их в новом слое над линиями. Поменяем решим смешивания слоя на Color Dodge.



Сейчас мы на той стадии, в которой можно сказать, что все работы в фотошопе уже практически выполнены. Я лишь добавил бы немного бликов с помощью фильтра Lens Flare за буквами, для этого идем Filter > Render > Lens flare используем 105 mm и яркость 90%. Изменим способ смешивания слоев на «Screen».

Вы также можете добавить некоторые окружности с помощьюElleptical Marquee Tool (M), залить их белым цветом и подстроить прозрачность так, как это буедт необходимо. Я добавил пару финальных штришков и картинка готова.



Ну вот и все, мы с вами сделали интересную, яркую, светящуюся эмблему с помощью Adobe Photoshop и Illustrator. Надеюсь вы узнали что-нибудь новенькое.

Оригинал - http://www.marcofolio.net/
Перевод - http://graphic-tutorials.ru/

Если наш сайт был полезен Вам, НЕ ПОЛЕНИТЕСЬ, нажмите на любую из кнопок ниже, для того, чтобы поделиться с другими людьми полезной ссылкой!
Нравится
!!! Спасибо !!!


Эта новость называется - Светящийся 3D-логотип. Не забудьте добавить в закладки, чтобы не потерять.


Распечатать
1

ВСЕ КУЛЬ токО сДелАйте плиЗ по руССкиЙ все вот эти филЬтрЫ операции и т.д пОтому 4то у не прОфессиОнал стОит РУС фотошоп и им не пОнятнО кАк и мне А урОк интЕреснЫй!!
4 февраля 2009 17:45
2

Для НаЧаЛа нЕ наДо Вот тАк ПечАтаТь!
4 февраля 2009 18:34
3

ОК и еще вы на каком Иллюстраторе все эт делали у меня НЕТ Effect > 3d > Extrude & Bevel
5 февраля 2009 20:14
4

делали не мы. Мы только перевели.
В CS2 точно есть. у тебя какая версия?
5 февраля 2009 22:24

fAh
5

спс авторам) good job)
3 марта 2009 22:48
6

Спс за урок, сделаю се для сайта лого.
6 июня 2009 10:14

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости. Только для зарегистрированных пользователей
теги 2дтуториалс
фотошоп скачать клипарт Кисти шрифтов коллекция скачать иконки набор Обои для рабочего стола иконок Тонкости и секреты Часть шаблоны Новогодние фоторамки разные шаблоны исходники фотошопа кистей Wallpapers текстуры Иконки стилей Стили для фотошоп обоев Подборка скачать обои стиле текстур Скачать текстуры бесплатно текстуры для фотошоп Рамки для фотографий psd исходники фотошоп Клипарт скачать clipart бесплатно бекграундов фоторамок скачать иконки для windows Кисти для фотошопа скачать кисти фотошоп
{slin}
2дтуториалс.ру - проект компании ООО "Российские Интернет Технологии", 2011г.
Офис расположен по адресу - Россия, г. Москва, ул. Обуховской обороны, д. 12, оф.5.

счетчик рамблер   Рейтинг SIMPLETOP.NET   [Valid RSS]   Здесь находится аттестат нашего WM идентификатора 194801541119