Во второй части урока добавим батарейке заряд и сделаем постобработку в Adobe Photoshop CS. Данный урок фотошопа является примером в области тех дизайна. Так же в уроке будет рассмотрена возможность добавления логотипа в фотошопе на батарейку. Продолжаем учиться фотошопу =)
Итак, начнём заряжать нашу батарейку. Для этого нам нужно определиться с количеством делений зарядки и как они будут выглядеть. Я размещу 4 одинаковых деления до максимального заряда. Немного вогнутые элементы по форме, располагаться будут с незначительным расстоянием друг от друга.
Шаг 1
Начнём строить первое деление. Удобнее начать с самого дальнего, так как оно максимально развёрнуто к нам. Оно будет основой ко всем остальным делениям, которые будут приближаться к нам, меняя свою перспективу. Соединим 3 эллипса (на картинке видно, что должно приблизительно получиться). Направление градиента задаёт нам форму деления.
Так же как и в первой части урока, когда мы строили высоту под "+", подрисуем ширину деления. Gradient настраиваем, учитывая свет, тень, полутень, блик и рефлекс. Ширина должна хорошо подходить под ребро, которое мы стоили ранее.
Но это ещё не всё. Нужно сделать деление более натуральным. Кладём блик на внешнюю сторону деления.
Ещё один блик делает угол более плавным, переход более мягким.
Под блик, кладём более тёмный, прозрачный элемент. Он как бы подчёркивает вогнутую поверхность деления.
Усилим блек ребра с помощью вот такова вот элемента.
Ребро которое повёрнуто к нам получилось плавное и блестящее. На первый взгляд деление завершено, но, как я говорила, из мелочей складывается полный образ. Поэтому, я смягчаю ребро (хоть оно нам практически не видно), которое отвёрнуто от нас с помощью вот таких элементов.
Если приглядеться, то именно такого элемента не хватает, чтобы завершить архитектуру нашего деления =).
В завершении, кладём блик на ширину деления, когда оно встанет на место (внутрь батарейки), он будет там очень кстати =). Затем, мы группируем все слои, остносяшиеся к делению и перемещаем деление на место.
Шаг 2
Копируем 1-ое деление и получаем 2-ое. Увеличиваем его, так как оно ближе к нам. Трансформируем его так, чтобы был виден уход в перспективу.
Копируем 2-ое деление и получаем 3-ее. Проделываем с ним всё тоже самое, что и со вторым. Тут главное чувствовать чтобы, деления пропорционально встали друг за другом и дружно уходили в перспективу =).
В завершении копируем 3-ее и получаем 4-ое деление. Здесь самое главное: вписать его в ряд так, чтобы оно не выбивалось. У меня вроде получилось, поэтому я завершаю работу в Illustrator, батарейку можно смело отправлять в Photoshop.
Шаг 3
У нас есть логотип, поместим его на нашей батарейке. Трансформируем его: Free Transform->Perspective/Warp. Затем в свойствах слоя настоим Outer Glow, выберем любой понравившийся цвет (в моём случае сине-зелёный) и применим его с наложением Hard Light, чтобы появилась прозрачность и блеск.
На чёрном фоне я показала, как и где я усилила блеск батарейки. Выбрав самые выступающие части, с помощью кисти и ластика сделала такие блики. В разных местах я применила различную степень размытия (Gaussian Blur). Это придаёт объёма и динамики.
Обединив все слои, или создав корректирующий слой, меняем настойки Levels. Изображенеи получилось более контрастным и живым.
Наконец, делаем тень (здесь я нарисовала её с помощью кисти и ластика) и всё!!! Наша батарейка готова =), думаю, результат того стоил.
P. S. Всем, кто дожил до конца урока, примите от меня поздравления. Вы-маньяк! Но надеюсь, даже для тех, кому не хватило терпения, урок оказался полезным. Появятся вопросы, пишите, не стесняйтесь =)!