Все уроки Фотошоп

Есть вопрос? Задайте здесь и сейчас!

Форум Регистрация Выслать активацию Восстановить пароль Дополнительно Файлы Видео Галереи Справка  
Перезагрузить страницу Страна Фотошопия Adobe Photoshop. Фотошоп и все, с ним связанное >> Обучение Adobe Photoshop >> Необработанные уроки Photoshop >>

Логотип Супермена в Иллюстраторе и Фотошопе, создаем объемный логотип с текстурой

Перезагрузить страницу Страна Фотошопия Adobe Photoshop. Фотошоп и все, с ним связанное >> Обучение Adobe Photoshop >> Необработанные уроки Photoshop >>

Логотип Супермена в Иллюстраторе и Фотошопе, создаем объемный логотип с текстурой


 
Опции учебника
Логотип Супермена в Иллюстраторе и Фотошопе, создаем объемный логотип с текстурой

Предыдущий учебник Логотип Супермена в Иллюстраторе и Фотошопе, создаем объемный логотип с текстурой Следующий учебник
Опубликовал(а) Gostemilov
17.06.2015
Логотип Супермена в Иллюстраторе и Фотошопе, создаем объемный логотип с текстурой

Man Of Steel Symbol In Illustrator And Photoshop

Логотип Супермена в Иллюстраторе и Фотошопе


На прошлой неделе вышел трейлер нового Супермена и он просто великолепен. Я помню как смотрел фильмы о Супермене, когда был еще ребенком, и ремэйк фильма напоминает мне о тех прекрасных временах. Визуальные образы этого фильма - это что-то, они гораздо темнее и реалистичнее чем предыдущие. Логотип Супермена преобразился, следуя тем же эстетическим приемам, и как только я увидел его - уже знал, что он станет предметом моего нового урока.

Итак, в этом уроке я покажу вам как создать логотип Супермена, Человека из стали, используя Иллюстратор и Фотошоп. Я также использую некоторые стоковые фото для создания текстур и оригинальный постер как образец. Весь процесс займет примерно 3-5 часов, исходя из скорости, с которой вы будете его выполнять. В конце концов, это действительно интересный урок и его выполнение стоит потраченного времени.

Шаг 1

Начнем в Иллюстраторе. Создайте новый документ и при помощью инструмента Pen Tool (P) начните рисовать щит. Убедитесь, что цвет контура(stroke) выбран красный, контур достаточно толстый и вы используете скругление края.




Шаг 2

После этого, все еще при помощи Pen Tool (P), начните рисовать букву S. Вы можете использовать оригинальный логотип для примера.



Шаг 3

Как вы могли заметить, логотип Супермена имеет некоторые детали в центре. Попробуем их повторить, используя все тот же инструмент Pen Tool (P). Здесь контур не имеет особого значения, так как мы будем редактировать эти детали позже в Фотошопе.



Шаг 4

Пройдите в меню Effect - 3D - Extrue & Bevel Options. В опциях Angle используйте: -4?, 0?, 0? и 120? для параметра Perspective. Поставьте параметр Depth равный 35 pt.

(Примечание переводчика: на картинке указаны еще параметры, которые автор изменил: значение параметра Ambient light - 80% и на картинке слева от этого параметра нужно расставить источники света в соответствии с изображением на скрине автора.)



Шаг 5

Уберите верхнюю часть нашего 3Д объекта, оставляя только видимые признаки объема и измените их цвет на серый. Пройдите в меню Object и выберите Expand. Затем пройдите в меню Window и откройте панель Pathfinder, если она у вас закрыта. Выберите функцию Unite из верхнего пункта Shape Mode, чтобы получить единый объект.

(Примечание переводчика: в комментариях к оригинальному уроку были вопросы относительно 5ого шага, просили подробности, я предположила, что можно сделать его по аналогии с 2ым и 3им шагами этого урока.)



Шаг 6

Переходим в Фотошоп. Создайте новый документ, автор использовал размер документа 2880x1800 пикселей. Для заливки фона используйте черно-белый радиальный градиент, как показано на рисунке.



Шаг 7

Скопируйте объекты из Иллюстратора и вставьте их в Фотошоп. Важно убедиться в том, что каждый объект вы копируете на отдельный слой, то есть у вас должен быть один слой для видимых признаков объема, один слой для красного лого и два слоя для желтых контуров-деталей лого. Вот, что должно получиться в Фотошопе:



Шаг 8

Выберите один из слоев-деталей и пройдите в меню Layer - Layer Styles. Выберите стиль Bevel and Emboss и используйте для него настройки, как показано на рисунке внизу.



Шаг 9

В том же меню стилей выберите Inner Glow и используйте для него настройки как показано на рисунке внизу.


Шаг 10

Последним выберите стиль Drop Shadow и используйте для него настройки, как показано на рисунке внизу.



Шаг 11

На данном этапе у вас должен получиться эффект, как на картинке ниже. Автор применил к слоям с деталями эти эффекты, чтобы получить своеобразный узор из контура с тенью.



Шаг 12

Создайте группы для каждого слоя с деталями и для каждой группы примените такую маску: пройдите в меню Layer - Layer Mask - Reveal All. Выберите инструмент Brush Tool (, возьмите очень мягкую кисть черного цвета и пройдитесь ею по местам отмеченным на рисунке ниже, чтобы сделать невидимыми некоторые части слоев с деталями.



Шаг 13

При помощи инструмента Brush Tool ( с выбранной жесткой кистью, нарисуйте темные детали в центре лого. Если вы посмотрите на оригинальное лого, то увидите, что там есть похожие детали. Теперь создадим Adjust layer.



Шаг 14

Поместите Adjust layer над слоем с красным лого. Создайте для этого слоя отдельную группу. Выберите инструмент Brush Tool ( с очень мягкой кистью, нарисуйте темные области черным с прозрачностью 20%.



Шаг 15

Выберите слой с красным лого и примените к нему стиль Bevel & Emboss из меню слоя Layer - Layer Style. Для настройки стиля используйте параметры с рисунка ниже.



Шаг 16

Выберите стиль Contour и используйте параметры с рисунка ниже.



Шаг 17

Выберите стиль Inner Shadow для того чтобы усилить эффект фронтального освещения. Используйте параметры с рисунка ниже.



Шаг 18

Теперь создайте радиальный градиент на слое поверх лого с режимом смешения Multiply для усиления эффекта освещения. Используйте параметры, указанные на рисунке внизу.



Шаг 19

Вы можете добавить еще несколько слоев, чтобы сделать темные области более насыщенными, но после этого шага вы, скорее всего, получите нечто вроде этого:



Шаг 20

Теперь добавьте текстуры. Выберите слой с 3Д эффектом и пройдите в меню Layer - Layer Style - Color Overlay. Используйте желтый цвет для заливки. Поместите слой с текстурой металла над этим слоем (автор использует текстуру взятую с ресурса Shutterstock под названием Metal plate steel background. Текстура с высоким разрешением от R-studio.).
После этого с нажатой клавишей Ctrl кликните на иконку слоя с эффектом 3Д, чтобы создать выделение. Выберите слой с текстурой и создайте группу, затем, с выбранной группой, пройдите в меню Layer - Layer Mask - Reveal Selection. Таким образом, вы наложите на слой маску и видимым останется только 3Д эффект. Режим смешения - Blend Mode для группы выберите Multiply.



Шаг 21

Создайте еще один слой и группу для него, повторите процесс наложения маски, чтобы убедиться, что все что вы сделаете будет видимым только в области 3Д эффекта. Измените режим смешения папки на Color Dodge, затем выберите слой и при помощи Brush Tool ( с очень мягкой кистью белого цвета, подсветите некоторые области 3Д эффекта. Рисуйте при 30% прозрачности, чтобы не сделать блики слишком яркими.


Шаг 22

Повторите процесс, только на этот раз создайте тени. Используйте для папки режим смешения Linear Burn. Также используйте инструмент Lasso Tool (L) чтобы создать красивый переход на гранях 3Д эффекта (1-4).



Шаг 23

Выберите слой с 3Д эффектом и слой с лого и дублируйте их. Потом совместите эти два слоя в один и залейте черным цветом. Сдвиньте слой вниз, чтобы создать эффект небольшой тени и примените Filter - Blur - Gaussian Blur. Используйте значение Radius равным 10 пикселям и измените режим смешения слоя на Multiply, а прозрачность поставьте 80%.



Опубликовал(а)
Аватар для Gostemilov
Администратор
Он малахольный
Регистрация: 07.09.2007
Адрес: Россия, Москва. 100 метров до МКАД
Возраст: 54
Сообщений: 92,015
Вес репутации: 10
Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима


Рекомендовать другим

Копирайт
Оригинал урока
demiart.ru/forum/index.php?showtopic=219309
  #1  
By Gostemilov on 17.06.2015, 01:15
Логотип Супермена в Иллюстраторе и Фотошопе, создаем объемный логотип с текстурой

Шаг 24

Воспользуемся новой текстурой. На это раз автор использует изображение с ресурса Shutterstock под названием Metal background by Phiseksit. Режим смешения для слоя с этой текстурой поставьте Soft Light.



Шаг 25

Продублируйте слой с текстурой и поместите его поверх всех остальных слоев. Создайте Marquee Selection слоя с лого и пройдите в меню Layer - Layer - Мask - Reveal Selection. Tаким образом текстура будет видна только на области лого. Поставьте режим смешения слоя Overlay.



Шаг 26

Добавим еще одну текстуру. На этот раз автор использует изображение Google Images, которое вы можете найти здесь. Поместите слой с этой текстурой поверх всех остальных слоев и поставьте режим смешения Soft Light а прозрачность 70%.



Шаг 27

Добавим последнюю текстуру, которую поместим под две предыдущие, но над остальными слоями. Вы можете скачать ее здесь. Поставьте режим смешения слоя Soft Light.



Заключение

Добавьте новый слой над всеми слоями и создайте для него группу. Измените режим смешения на Linear Dodge а прозрачность поставьте 80%. Выберите слой из папки и, используя инструмент Brush Tool ( с очень мягкой кистью, нарисуйте точечный свет на верхушке символа. Теперь вы почти закончили свою работу. Конечно, вы можете продолжать дорабатывать детали и текстуры, но процесс будет аналогичен описанному выше, так что теперь только от вас зависит, что получится в итоге.



Исходник

Автор: ABDUZEEDO
Переводчик: Simoril

  #2  
By Gostemilov on 17.06.2015, 01:15
Логотип Супермена в Иллюстраторе и Фотошопе, создаем объемный логотип с текстурой

ну в общем не сильно разбираясь в деталях, получила вот такой результат


 



Опции учебника

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Trackbacks are Выкл.
Pingbacks are Выкл.
Refbacks are Выкл.


Похожие темы
Название учебника Автор учебника Раздел Числу комментариев Последнее сообщение
  Урок Photoshop для начинающих     Как нарисовать логотип Gostemilov Уроки Adobe Photoshop 0 25.06.2015 23:35
Красивый логотип Drakula Уроки Adobe Photoshop 5 17.03.2010 15:03
  Урок Photoshop для начинающих     Логотип с бликом Gostemilov Уроки Adobe Photoshop 0 25.01.2008 18:11
  Урок Photoshop для начинающих     Логотип Quake Gostemilov Уроки Adobe Photoshop 0 26.05.2007 08:26

###
Социальные сети
Группы
Основные разделы
Скачать и поделиться

Новости Фотошопии
Подписаться письмом
Дополнительно

Текущее время: 00:52. Часовой пояс GMT +2.


удаленная проверка сервера uptime российских хостеров
Rambler's Top100


.
Locations of visitors to this page

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc. Перевод: zCarot
vBulletin Optimisation by vB Optimise (Reduced on this page: MySQL 14.29%).