Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Конечный результат:



График статистики посещений в Фотошопе


Ресурсы урока:


Шрифт «Consolas»

Небо


Шаг 1


Создайте новый документ в Фотошопе (Ctrl + N) с параметрами, указанными на скриншоте. Включите сетку (Просмотр > Показать > Сетка) (View > Show > Grid) и привязку к ней (Просмотр > Привязка к > Сетка) (View > Snap To > Grid). Откройте настройки сетки (Ctrl + K) и измените их для удобства работы.

График статистики посещений в Фотошопе


Шаг 2


Инструментом Прямоугольник со скругленными углами (Rounded Rectangle Tool) создайте фигуру цветом #05649C с радиусом 10 пикселей размером 468х300 пикселей.

График статистики посещений в Фотошопе


Шаг 3


К фигуре примените несколько стилей Внутренняя тень:

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе


Наложение градиента:

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе


Шаг 4


Инструментом Прямоугольник (Rectangle Tool) создайте полоску размером 468х1 пиксель белого цвета. Установите режим наложения Мягкий свет (Blending Mode – Soft Light) и уменьшите непрозрачность до 50%.

График статистики посещений в Фотошопе


Шаг 5


Инструментом Прямоугольник со скругленными углами (Rounded Rectangle Tool) создайте иконку выпадающего списка. Она состоит из фигур размером 17х2 пикселя с радиусом 1 пиксель.

График статистики посещений в Фотошопе


Шаг 6


Откройте панель Символ (Окно > Символ) (Window > Character) и напишите год 2015.

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе


Шаг 7


Инструментом Перо (Pen Tool) нарисуйте треугольник.

График статистики посещений в Фотошопе


Шаг 8


Инструментом Прямоугольник (Rectangle Tool) создайте прямоугольник размером 31х12 пикселей цветом #03467E на правой стороне. Это будет поисковое поле.

График статистики посещений в Фотошопе


Шаг 9


К синему прямоугольнику примените стиль Отбрасывание тени (Layer Style – Drop Shadow).

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе


Шаг 10


Напишите слово Search внутри поискового поля.

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе


Шаг 11


Инструментом Эллипс (Ellipse Tool) создайте два белых круга диаметрами 8 и 4 пикселя.

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе


Объедините два слоя с кругами (Ctrl + E). Выберите инструмент Выделение контура (Path Selection Tool) и кликните внутри маленького круга. На верхней панели выберите операцию Вычесть переднюю фигуру (Subtract Front Shape).

График статистики посещений в Фотошопе


Шаг 12


Возьмите инструмент Линия (Line Tool) и установите толщину в 2 пикселя. Дополните круг, чтобы получилась лупа. Объедините слои.

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе


Шаг 13


Инструментом Прямоугольник (Rectangle Tool) создайте вертикальную линию размером 1х181 пиксель.

График статистики посещений в Фотошопе


Создайте 64 копии и каждую сдвиньте на 5 пикселей от предыдущей.

График статистики посещений в Фотошопе


Шаг 14


Тем же инструментом создайте горизонтальную линию размером 385х1 пиксель в основании вертикальных линий. Создайте 30 копий и сдвигайте каждую на 5 пикселей вверх. Все слои сетки объедините в один слой. Установите режим наложения Перекрытие (Blending Mode – Overlay) и уменьшите непрозрачность до 10%.

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе


Шаг 15


Инструментом Прямоугольник (Rectangle Tool) создайте полоски размером 5х1 пиксель цветом #F1FAFE, как показано на скриншоте.

График статистики посещений в Фотошопе


Объедините слои, установите режим наложения Перекрытие (Blending Mode – Overlay) и уменьшите непрозрачность до 50%.

График статистики посещений в Фотошопе


Шаг 16


Шрифтом «Consolas Bold» напишите заголовок белого цвета размером 14 пикселей. Шрифтом «Consolas Regular» размером 11 пикселей добавьте названия месяцев и цифры.

График статистики посещений в Фотошопе


Шаг 17


Инструментом Перо (Pen Tool) нарисуйте контур.

График статистики посещений в Фотошопе


Шаг 18


Возьмите инструмент Кисть (Brush Tool), установите 100% жёсткость и размер в 5 пикселей. Создайте новый слой и перейдите к панели контуров. Кликните на иконке обводки контура в нижней части панели, выберите для обводки Кисть (Brush). После этого примените следующие стили к слою с линией:

Тиснение:

График статистики посещений в Фотошопе


Наложение цвета:

График статистики посещений в Фотошопе


Отбрасывание тени:

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе


Шаг 19


Инструментом Прямоугольник со скругленными углами (Rounded Rectangle Tool) с радиусом 1 пиксель создайте белую вертикальную линию.

График статистики посещений в Фотошопе


Создайте кольцо, используя круги диаметром 8 и 4 пикселя.

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе


Шаг 20


Объедините все слои предыдущего шага. Примените стиль Наложение градиента:

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе


Шаг 21


Создайте прямоугольник со скругленными углами размером 26х15 пикселей с радиусом 4 пикселя.

График статистики посещений в Фотошопе


Шрифтом «Consolas Bold» цветом #023553 размером 10 пикселей напишите число внутри фигуры.

График статистики посещений в Фотошопе


Создайте больше таких отметок:

График статистики посещений в Фотошопе


Шаг 22


Все слои графика объедините в группу (Ctrl + G). К группе примените несколько стилей Отбрасывание тени:

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе


Шаг 23


Создайте новый слой под группой и залейте его цветом #2E3192.

График статистики посещений в Фотошопе


Шаг 24


Вставьте изображение неба под группу и примените фильтр Размытие по Гауссу (Gaussian Blur Filter) со значением 60 пикселей. Установите режим наложения Мягкий свет (Blending Mode – Soft Light).

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе

График статистики посещений в Фотошопе


Конечный результат:



График статистики посещений в Фотошопе



Ссылка на источник урока

Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: