Expertet.ru

Градиенты и материалы фотошопа для сайта

Просто и быстро рисовать множество элементов в фотошопе для своего дела в сети можно, если у вас есть своя коллекция материалов. Все материалы есть в инете и это упрощает жизнь. Не надо ничего изготавливать: нашел, загрузил и пользуйся на здоровье. Материалы устанавливаются по пути Edit -> Preset Manager

загрузка градиентов и материалов

Видим меню Preset Manager, куда мы можем добавлять свои кисти(Brushes), Swatches(образцы цвета), Gradients(градиенты), Styles(стили), Patterns(шаблоны), Contours(контуры), Custom Shapes(пользовательские фигуры), Tools(инструменты). В выпадающем списке вы найдете все необходимое. Как добавлять материалы я покажу на примере градиентов. Выбираем в меню Gradients и видим коллекцию градиентов в вашем фотошопе. Рядом есть кнопка загрузить (Load). Нажимаем ее и ищем путь к конкретному градиенту или их коллекции. Каждый файл сюда нужно будет загружать отдельно. Если у вас 10 файлов, то и 10 загрузок будет. Ниже я прилагаю архив с коллекцией различных градиентов. Скачайте его, распакуйте, и загрузите каждый файл из архива. Коллекция градиентов

добавляем градиенты

После загрузки каждого файла, количество градиентов возрастет в списке меню, что наглядно видно по новым картинкам. Каждый такой градиент можно использовать при работе с любым изображением. Для этого необходимо использовать эффекты. Рядом со слоями, вы найдете круглую кнопку f. Об этом я писал в предыдущей статье. Если эта кнопка не активна, то ваш слой является основным (Background). Задайте дубликат, как это делать я уже рассказывал: правой кнопкой по слою, делаете дубликат и к дубликату уже можно применять эффекты.

вспомогательный лист

Наш дубликат создан, применяем к нему эффект градиента. Нажимаем f, выбираем Gradient Overlay (градиенты). Щелкаем на выпадающий список и берем любой понравившийся нам градиент. Настройками режима (mode), прозрачности (Opacity), стиля (Style), угла наклона (Angle), масштабирования (Scale) мы можем изменить характеристики нашего градиента. Тут все понятно методом «тыка», кроме режима mode. Но это уже отдельная тема.

создаем градиент на изображении

Таким образом, вы можете сильно расширить свои возможности в фотошопе. Также у вас есть возможность изготавливать свои материалы, нужно лишь сделать и сохранить их со своим раcширением. Для градиента это .grd, но тут вам придется по тренироваться, чтобы получилось что-то неплохое. А в следующей статье я расскажу, как ставить ваши рисованные кнопки на сайт и делать из них мини анимацию: Как сделать красивую кнопку 2 часть.

Автор: Сергей Щеглов 2015-03-11 Просмотров: 298