Делаем анимированную кнопку для сайта.

Для начала создадим квадратный холст (размер зависит от Вашего желания). Обычно я делаю изображение сначала в большом разрешении, потому как уменьшить легче чем увеличить.

Заливаем фоновый слой темно-синим цветом.

Далее, переходим на новый слой и с помощью инструмента "прямоугольное выделение" выделяем квадратную область. Устанавливаем основной цвет - темно синий цвет заливки фона, а фоновый цвет меняем на белый и заливаем выделенную область на новом слое инструментом "градиент".

После этого, создаем новый слой и выделяем на тем вот такую область:

Заливаем область белым цветом и применяем к ней фильтр "размытие по поверхности":

Я создал еще два слоя и разместил на них надпись и рисунок, а затем к ним применил опять фильтр "размытие по поверхности" с параметрами:

и получил:

Сводим слои и сохраняем данное изображение в формате jpg или в любом другом.

После этого, создаем дубликат слоя и устанавливает для него параметр смешивания "затемнение основы" и получаем:

Сохраняем и данное изображение как копию.

С помощью сохраненных изображений можно создать анимацию или DHML эффект:

Для просмотра наведите на кнопку курсор мыши:

Ну вот и все.

С уважением,-

Владус.

Вернуться на главную страницу