Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Креатив » Создание иконки футуристического байка средствами Photoshop

Создание иконки футуристического байка средствами Photoshop

Автор: Tina | Категория: Уроки Photoshop » Креатив | 5-12-2011, 12:30
Создание иконки футуристического байка средствами Photoshop

Описание урока: Программа: Adobe Photoshop CS4+,
Сложность: Средняя
Приблизительное время на выполнение: 1 час

Создание рисунков в Photoshop с нуля, то есть с наброска, может оказаться довольно веселым занятием. На этом уроке мы, при помощи основных инструментов Photoshop, создадим иконку с футуристическим велосипедом. Итак, начнем!

Шаг 1: Новый файл
Запустите Photoshop и откройте новый документ (Ctrl + N). Задайте следующие настройки:
Разрешение (Resolution): 72 dpi;
Цветовая схема: RGB;
Размер: 500х310 пикселей.

Создание иконки футуристического байка средствами Photoshop


Шаг 2
Залейте документ черным цветом - #000000, после чего создайте выделенную область при помощи инструмента Прямоугольная Область (Rectangular Marquee Tool (M)), как это сделал я. Создав новый слой (Ctrl + Shift + N), выберите инструмент Кисть (Brush Tool (B)) с очень большим диаметром, и наложите один мазок внутри выделенной области.

Код цвета: #546c79

(залейте документ черным цветом)
(создайте выделенную область инструментом Прямоугольная Область (М))
(выберите большую кисть и коснитесь ей центра выделенной области)
Создание иконки футуристического байка средствами Photoshop


Продублируйте созданный слой (Ctrl + J), отразите его горизонтально (Редактирование – Трансформация – Отразить Горизонтально (Edit-Transform-Flip Horizontal)), и разместите его так, как это сделал я на следующем изображении. После этого, уменьшите Непрозрачность (Opacity) до 50%.

Создание иконки футуристического байка средствами Photoshop


Шаг 3
При помощи инструмента Перо (Pen (Р)), нарисуйте раму, заполните ее серым цветом (#dbdcd6). Далее нам предстоит придать ей объемность, применив для этого инструменты выделения и инструменты света/тени.

(выделение, созданное инструментом Перо (Pen (Р)))
(использован инструмент Затемнение (Burn (O)))
Создание иконки футуристического байка средствами Photoshop


Шаг 4: Работа над деталями: Свет/Тень
Продолжите накладывать свет и тени, выделяя различные области и применяя инструмент Затемнение (Burn Tool (O)) для теней, и инструмент Осветлитель (Dodge Tool (О)) – для наложения света.

Создание иконки футуристического байка средствами Photoshop

Создание иконки футуристического байка средствами Photoshop


Шаг 5: Создание элементов байка
Удалите обозначенную область, выделив ее и нажав Delete. Затем при помощи инструмента Перо (Pen) создайте новую выделенную область с радиусом растушевки(Feather Radius) примерно 0.3 пикселей.

Создание иконки футуристического байка средствами Photoshop

Создание иконки футуристического байка средствами Photoshop


При помощи того же инструмента Затемнение (Burn Tool (O)), наложите немного тени на выделенную область, созданную как показано на рисунке выше.

Шаг 6: Педали
Следующим шагом мы создадим педали. Для этого начертите их форму при помощи инструмента Перо (Pen). Код цвета: #cdcec9. Выделите часть нарисованной фигуры инструментом Перо (Pen) и создайте новый корректирующий слой Яркость/Контраст (Brightness/Contrast) и задайте установки как показано на рисунке ниже.

Используйте такой же метод для создания непосредственно педали.

Создание иконки футуристического байка средствами Photoshop


Шаг 7: Мелкие детали
Теперь добавим несколько мелких деталей, таких как блики и еще кое-что.

Создание иконки футуристического байка средствами Photoshop

Создание иконки футуристического байка средствами Photoshop


Шаг 8: Заднее колесо
Теперь нам предстоит пририсовать колеса! Для начала очертите круглую область инструментом Эллипс (Ellipse Tool) или Перо (Pen), затем удалите ее внутреннюю часть. При помощи Осветлителя и Затемнения (Dodge & Burn Tool (O)) придайте колесу объем. После этого поэкспериментируйте со светом и тенью. Выполните обводку контура инструментом Перо (Pen), установив ширину 2 пикселя и включив опцию Эмитировать Нажим.

Создание иконки футуристического байка средствами Photoshop


Шаг 9: Свет на ободе
Выделите часть заднего обода при помощи Овальной Области (Elliptical Marquee Tool (M)). Затем, при помощи Осветлителя (Dodge Tool (O)) наложите немного света на выделенную область.

Создание иконки футуристического байка средствами Photoshop


Шаг 10: Создание задней шины
Начните с создания еще одного круга темно-серого цвета вокруг уже созданного обода. Я использовал цвет #121011. Снова поэкспериментируйте со светом/тенью/обводкой (stroke) как сделал я на следующем изображении, и добейтесь реалистичного, объемного вида. Применяйте обводку белого и черного цвета, для света и теней, соответственно, включив, при необходимости, опцию Имитации Нажима.

Создание иконки футуристического байка средствами Photoshop

Создание иконки футуристического байка средствами Photoshop


Теперь, нам предстоит добавить немного бликов на наш обод. Итак, при помощи Овальной Области (Elliptical Marquee Tool (M)) наложите 1-пиксельную обводку черного цвета, затем еще одну, только на этот раз серого цвета.

Создание иконки футуристического байка средствами Photoshop


Шаг 11: Спица
Как бы нам создать спицы? На самом деле это очень легко. При помощи инструмента Перо (Pen) начните прорисовывать серые линии, так как это сделал я на нижеприведенном изображении, после чего инструментами Осветлитель/Затемнение (Burn/Dodge Tool (O)) наложите на спицы свет и тени, добиваясь максимальной реалистичности. Покончив со спицами верхней части колеса, продублируйте этот слой, отразите его горизонтально и расположите так, как это сделал я.

Создание иконки футуристического байка средствами Photoshop


Шаг 12: Дисковый тормоз
Для создания дискового тормоза, мы воспользуемся инструментом Эллипс (Ellipse tool) и светло-коричневого цвета (#9c9075). После того, как создадите эллипс, удалите его центральную часть при помощи инструмента выделения и клавиши Delete.

Создание иконки футуристического байка средствами Photoshop


Шаг 13: Эффекты на поверхности дискового тормоза
Пройдите в меню Фильтр – Шум – Добавить шум (Filter > Noise > Add) и задайте установки, как показано на рисунке ниже. Для придания нашему тормозному диску реалистичности, нам следует добавить немного света и теней. Итак, руководствуясь изображением ниже, наложите свет и тени при помощи инструментов Осветлитель/Затемнение (Dodge/Burn Tool (O)).

Создание иконки футуристического байка средствами Photoshop


Шаг 14: Опора сиденья
Нарисуйте его форму при помощи инструмента Перо (Pen) и темно-коричневого цвета (#161510), затем пройдите в меню Фильтр – Шум – Добавить шум (Filter > Noise > Add noise) и для улучшения эффекта, установите Количество (amount) – 0,5%. Опять же наложите свет и тени.

Создание иконки футуристического байка средствами Photoshop


Шаг 15: Сиденье
Нарисуйте форму седла инструментом Перо (Pen) и темным, почти черным, цветом. Я использовал #010103. Затем, наложите на нарисованную фигуру свет и тени при помощи все тех же Осветлителя и Затемнения.

Создание иконки футуристического байка средствами Photoshop


Шаг 16
Добавьте побольше деталей на опору сиденья.

(контур, созданный инструментом Перо)
(1-пиксельная белая обводка)
(примените инструмент Ластик (Eraser Tool) для достижения наилучшего эффекта)
Создание иконки футуристического байка средствами Photoshop


Шаг 17: Руль
Создайте контур при помощи инструмента Перо (Pen) , затем залейте его темно-серым цветом #0f0f0d. Теперь, экспериментирую со светом и тенью, вам следует добиться такого же результата как на рисунке ниже.

Создание иконки футуристического байка средствами Photoshop


Шаг 18
При помощи Пера и обводки контура добавьте блики на руль нашего байка.

Создание иконки футуристического байка средствами Photoshop


Шаг 19: Вилка
Нарисуйте следующий контур при помощи инструмента Перо (Pen), и залейте его темно-коричневым цветом. Я использовал #201f1a.

Создание иконки футуристического байка средствами Photoshop


Шаг 20: Эффекты на поверхности вилки
Снова добавьте шум и примените инструменты Осветления/Затемнения для получения наилучшего результата.

Создание иконки футуристического байка средствами Photoshop


Шаг 21: Переднее колесо
Продублируйте слои заднего колеса и поместите их под вилкой. Далее, я добавил некоторые элементы крепления колеса.

Создание иконки футуристического байка средствами Photoshop


Шаг 22: Тормозная скоба
Теперь дорисуем тормозную скобу. Создайте контур при помощи инструмента Перо (Pen), затем заполните его красным цветом, наложите свет и тени инструментами осветления и затемнения, и ваш байк готов ехать!

Создание иконки футуристического байка средствами Photoshop

Создание иконки футуристического байка средствами Photoshop

Создание иконки футуристического байка средствами Photoshop


Шаг 23: Дополнительные детали
На свое усмотрение, вы можете добавить на байк дополнительные детали, такие как наклейки и т.п. Вы так же можете создать отражение байка, как это сделал я на нижеследующем изображении.

Создание иконки футуристического байка средствами Photoshop


Законченное изображение

Создание иконки футуристического байка средствами Photoshop


 
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Другие новости по теме:


Просмотров: 509 | Напечатать | Комментарии (0)

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Создание шоколадного вулкана с использованием 3D-эффектов. Часть 1
Создание шоколадного вулкана с использованием 3D-эффектов. Часть 1

Часть 1


Дизайн завораживающего постера для Часа Земли
Дизайн завораживающего постера для Часа Земли


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


Выделенные области в Photoshop Часть 2
Выделенные области в Photoshop Часть 2

Приветствую вас на второй части урока, посвященного выделенным областям в Photoshop. Прежде чем приступить к
ее выполнению, ознакомьтесь и выполните первую часть.

Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

При перепечатке материалов с сайта ссылка на источник обязательна (кликабельная и не шифрованая).
Запрещено вносить изменения в графический материал, например, обрезание водяного знака или перекрытие его своим знаками.