Здраствуйте! Наверное все видели на сайтах возле разделов картинки, обозначающие данную тематику? Так вот, решил я написать урок о создании серии иконок в одном стиле.
Шаг 1. Создадим документ размером 100х500 пикселей, 72 точки. Ширину я брал из расчета 5 иконок по 100 пикселей = 500. "Разметим область". Создаем направляющие через каждые 100 точек. Для удобства я еще добавил линейки на месте самой крайней иконки.
Шаг 2. Приступим к рисованию. Выбираем инструмент "Custom Shape Tool"(U). В качестве форм я выбрал стандартные фотошоповские формы Web.
Рисуем "конвертик", режим - "Paths".
Новый слой (Ctrl+Shift+N). Сбрасываем цвета (D). Выбираем кисть диаметром 2-4px. Далее инструмент "Pen Tool"(P) - Stroke Path - Brush (ставим галочку Simulate Pressure). Да, важно, чтобы у кисти стояли такие параметры, иначе эффекта Simulate Pressure не выйдет
Результат:
Новый слой. "Pen Tool"(P) - Fill Path - Background Color(белый). Метод смешивания - Overlay. Сливаем слои (Ctrl+E).
Далее выбираем Polygonal Lasso Tool. Ctrl+клик на слое с конвертом, и вместе с зажатой Shift рисуем вот такое выделение, то есть делаем фон конверта. Вот пример:
Создаем новый слой. заливаем его белым цветом. И помещаем за слой с конвертом. Настройки слоя: Gradient Overlay 7dbe0a(0%) - a1d54f(50%) - 80c218(50%) - a2d93f(100%)
Вот и все. С первой иконкой мы закончили. Дальше шаги те же самые, только формы разные. Главное соблюдать пропорции и, собственно, размещать узлы трансформации в местах, обозначенных красными кругами.
Вот результат с 5-ю иконками.
П.С. Чтобы разрезать общую картинку, собственно на иконки, ограничте каждую иконку направляющими через каждые 100 пикселей, как в шаге 1, а потом выберите инструмент Slice, -> Get slices from guides и сохраните в формате, который Вам нужен.
