Сайт специалиста в области графического дизайна Viktory One.
Эффектная обработка логотипа
6

В данном уроке говорится о пошаговом создании трехмерного логотипа "с нуля". Для работы необходимы: Photoshop, 3ds max (или 3D плагин для photoshop) и Illustrator. Кстати, данный урок откывает мою серию уроков фотошопа по логотипам. Данный урок photoshop сгодится для новичков и средних пользователей.

Шаг 1
Images in articles alts
Для начала нарисуем логотип от руки. Главное что бы у вас была хорошая идея, накидав образ будущего логотипа вы сможете добиться идеальных форм в векторном редакторе. Я обрисовывала свой набросок в illustrator. Сохраните полученный результат в формате ai (без карандашной заготовки, разумеется).
Шаг 2
Images in articles alts
Далее уже в 3ds max импортируем наш ai файл. Немного увеличьте его в размерах и добавьте эффект Bevel в окне Modify. Установите настройки как на этой картинке и у логотипа появятся скошенные края. Так же задайте объекту белый цвет... Это поможет быстрее придать нужный цвет при обработке в фотошопе.
Images in articles alts
Теперь покрутите камеру для выбора интересной точки обзора логотипа, где видно больше всего граней. Нажмите 8 на клавиатуре и в появившемся окне настройки окружения поставьте белый цвет фона. Это придаст граням логотипа дополнительный блеск.
Images in articles alts
В результате при рендеринге (F9) у меня получилось нечто подобное. Сохраните полученное изображение в формат PNG с альфа каналом (прозрачный фон).
Шаг 3
Images in articles alts
Теперь открываем фотошоп и рисуем черный квадрат размером 200х200 пикселей и накладываем эффект Diffuse Glow (в filter->filter gallery). Установите параметры как на картинке. Теперь размножьте получившийся квадрат (8-10 раз), что бы получилось большое полотно. Объедините слои (выделить все слои и нажать CTRL+E) и сделайте инверсию цвета (CTRL+I).
Images in articles alts
Откройте получившийся логотип и положите его сверху предыдущего слоя из шага 3. Теперь вернемся к нижнему слою и трансформируем его в пространстве, что бы он был размещен как поверхность логотипа.
Шаг 4
Images in articles alts
Под логотип поместите его векторную копию (используйте ai файл о котором говорилось в шаге 2). Затемните до черного цвета и расположите в пространстве так, что бы он слился с 3D логотипом.
Images in articles alts
Теперь добавьте размытости на этот слой. Filter->blur->gaussian blur. Должна получиться черновая тень для объекта. з.ы. в 3ds max подобная тень создается при рендеринге v-ray с большой нагрузкой на процессор, поэтому проще и быстрее такую мелочь сделать в photoshop.
Images in articles alts
Дело дошло до света. В данном случае мы поместим блик на логотип. Для этого с помощью инструмента полигональное лассо (polygonal lasso) с размытием в 3-5 пикселей выделите область где будет проходить блик.
Images in articles alts
Для того что бы "слить" логотип с тенью необходимо затемнить его нижние стороны. Для этого воспользуемся тем же polygonal lasso и выделим все нижние части сторон логотипа (feather на 3 пикселя). При выделенных сторонах уменьшите свет и контрастность. Приблизительные параметры Brightness Contrast на этой картинке.
Шаг 5
Images in articles alts
На данном этапе необходимо придать цвет логотипу. Image -> Adjustment -> Photo Filter. Задайте любой цвет для логотипа. Я выбрала яркий желто-оранжевый.
Images in articles alts
Теперь Image -> Adjustment -> Vibrance. Этот эффект придаст еще больше насыщенности в логотип. Далее продублируйте слой с логотипом и в его свойствах (blending options) уберите заливку (Fill opacity).
Images in articles alts
Так же добавьте Bevel and Emboss с параметрами указанными на картинке. Таким образом мы создадим воздушный белый контур по форме логотипа. Сместите получившиеся контуры немного вверх и влево.
Images in articles alts
Ластиком уберите лишние получившиеся линии, которые не должны быть видны. А фоновый слой из шума затемните по краям для создания объемности (шаг 7). Примерный результат на картинке.
Шаг 6
Images in articles alts
Затемним нижнюю часть логотипа: для этого выделим её с помощью lasso с feather около 20px и применим Hue/Saturation с параметрами как на картинке.
Images in articles alts
С точностью до наоборот: осветлим верхнюю часть логотипа с помьщью levels.
Images in articles alts
Появившуюся резкую грань уберите с помощью кисти. Предварительно пипеткой возьмите цвет блика, что бы незаметно "замазать" грань.
Шаг 7
Images in articles alts
Затемним еще немного края для большей объемности: Выделение фона эллипсом с feather около 50 -> CTRL+I (инверсия выделения) и уменьшите свет через brightness contrast.
Images in articles alts
Не убирайте выделение, теперь добавьте размытия в Filter -> blur -> gaussian blur.
Шаг 8
Images in articles alts
С помощью популярных кистей с эффектом чернильных подтеков поставьте несколько пятен в слое между логотипом и фоном. Делайте на свое усмотрение т.к. данный шаг сложно описать четкими действиями.
Images in articles alts
И предпоследним шагом будет наложение блика фотолинзы. Для этого создайте слой с черной заливкой и примените эффект Filter -> Render -> Lens flare. Обратите внимание на направление блика.
Images in articles alts
Последний штрих: в свойстве последнего слоя с бликом поставьте Blending Mode на screen и черный фон пропадет, останется лишь блик от линзы.

Спасибо, что читали. Урок расчитан на средний уровень владения фотошопом. Будут вопросы - пишите в комментарии, я отвечу "как только - так сразу" =)

Comments
Анотолий - 
08 13 2009 - 01:47

Замечательный урок!

Spooky - 
08 24 2009 - 19:11

Урок супер! Спасибо!!!
Вопрос: как называется кисть чернил? Где можно такие же скачать?

Vikky - 
09 06 2009 - 23:02

Не за что)
Ответ: Если набрать в яндексе "Кисти для photoshop капли чернил" или что-то  в этом роде, думаю Вы встетите гораздо больше интересных чернильных кистей.

Денис - 
09 08 2009 - 04:26

Одна беда - не знаю совсем 3ds max, что по нему посоветуете посмотреть-почитать?
По фотошопу есть http://tv.adobe.com. А по 3ds max есть что-то подобное?
Еще можно поменяться ссылками. Я сделал себе новый сайт divoweb.ru(графике не ужасайтесь-как умею). Сейчас этот сайт буду понемногу продвигать, так что если мы обменяемся ссылками, это будет на пользу. Пишите.
p.s. А сайт хороший, если разовьете, будет успех. Я вот понимаю по английски, смотрю adobe-tv,учусь. А для русских очень мало таких ресурсов в сети. Удачи.

Vikky - 
09 10 2009 - 21:08

Спасибо, что оценили сайт). По поводу 3ds max, лучше всего видео уроки. Я сама толком его не знаю, делаю методом проб и ошибок. В начеле нужно поискать человека, работающего в 3ds max  который вам подскажет тонкости и секреты. Я  сейчас больше пользуюсь Cinema 4D.

Гость - 
09 09 2009 - 00:58

урок хороший, но для работы со светом я порекомандовал бы поработать с наложением слоёв (overlay) по мне так быстрее и проще)))
allday-кисти плагины всё что душе угодно...
Спасибо за урок

Credit Card in Photoshop
5 идей для создания фирменных бланков
5 лучших компьютеров для работы дизайнера
5 мифов о визитных карточках
Mac против PC
Web-дизайн и cтроительная компания
Баннер для Web-сайта
Баннеры для выставок
Баннеры и их отличительные признаки
Биография графического дизайнера Пола Рэнда
Биография знаменитого графического дизайнера Сола Бэсса
Важное в создании брошюр
Важные знаки в жизни человека
Визитки без помощи профессионалов
Визитки своими руками
Визуальный образ компании
Виниловые баннеры - самый эффективный способ размещения рекламы
Вложение средств в визуальный образ компании (ч.1)
Вложение средств в визуальный образ компании (ч.2)
Воздействие на зрителя при помощи дизайна
Восстановление Фотографии
Все ли дизайнерские фирмы похожи друг на друга
Выдвигающиеся баннеры-новое дизайнерское решение
Графический дизайн - образцовый маркетинговый инструмент
Графический дизайн
Грфический дизайн для друзей
Дизайн бейжда - неотъемлемая часть фирменного стиля компании
Дизайн виниловых наклек на авто
Дизайн выставочных стендов
Дизайн торговой марки
Дизайн-проекты для клиентов
Дизайнер логотипа-как сделать правильный выбор?
Если дизайнер ведёт блог
Затраты на буклеты и брошюры
Зачем нужны эскизы логотипа
Значение дизайнерских услуг
Интервью с графическим дизайнером
Использование Shape в Графическом дизайне
Используя Иллюстрацию в Графическом дизайне
Как oрганизовывать Ваши файлы
Как Выбрать Доменное имя Вебсайта
Как найти хорошего исполнителя
Как определить професионализм дизайнера
Как открыть собственною дизайнерскую фирму
Как отобрать лучший логотип
Как правильно выбрать эскиз логотипа
Как распределить время при создании графического объекта
Как самому создать визитку
Как сделать эффективное ретуширование изображения в Adobe Photoshop?
Когда дизайнер работает по контракту
Логотип Вашей компании
Методы проектирования и печати визиток
На работе дизайнера
На что способен Photoshop
Некоторые дополнительные элементы в дизайне брошюр
Немного об этикетках
Несколько советов по созданию деловой визитки
Нужен ли ребрендинг для компании?
О Модели Цвета CMYK
О дизайн проектах и кредите
О дизайнерских фирмах
О производительности компьютеров
Обработка фотографий
Оптимизация изображений
Подбор профессионального дизайнера
Предварительный гонорар
Принципы разработки открыток
Проект корпоративного логотипа
Проектирование буклетов и брошюр
Проектирование визиток
Проектирование логотипа
Проектирование открыток
Проекты Графического дизайна
Процесс создания бизнеса для фотографов
Процесс создания логотипа
Пустое место в дизайне - это не ошибка
Работа Web-дизайнера
Работа Графического дизайнера
Работа Иллюстратора
Работа в графического дизайнера в рекламе
Работа оформителя книг
Развитие дизайна
Размышление вне Графического дизайна
Сайт-визитка
Семь шагов проектирования буклетов
Современные Методы Ретуширования Фотографии
Создание этикеток
Структура в Графическом дизайне
Универсальные маркетинговые инструменты
Уникальные методы для ретуширования фотографии
Услуги по созданию логотипа
Фотографии - неотъемлемая часть дизайна
Фотография и бизнесс
Хороший дизайн - путь к успеху
Цветная печать брошюры
Чем нужно руководствоваться занимаясь дизайном открыток?
Что включать в предложение по созданию сайта
Что такое "фото на холсте"
Широкоформатная печать - отличный способ рекламы
Этикетка для бизнеса
Этикетки - важная составляющая работы дизайнера