Автор Борис хайбуллин задал вопрос в разделе Другое
Как создать бесплатно кнопку в формате gif и получил лучший ответ
Ответ от Просто Карина[эксперт]
Очень красиво смотрятся шевелящиеся смайлики в аське, подмигивающие аватарки на форумах и почти живые фотографии. Что и говорить, статика в интернете давно уступила место динамике и анимации. Каждому из нас хочется удивить товарищей по всемирной паутине, нарисовав нечто «эдакое» , непохожее на других. Если у вас есть программа Adobe Photoshop, то создать анимированную картинку в формате gif не составит труда. Рассматриваемый нами способ подойдет не только для аватар и смайликов, но и для любой анимации в формате gif: рекламных баннеров для сайтов, открыток и т. п.
Для работы нам понадобится программа Adobe Photoshop и Adobe ImageReady. В первой мы подготовим кадры для будущей анимации, а во второй будем её оживлять. Но прежде скажем несколько слов о принципе работы анимации.
Все мы смотрели мультики и знаем, что анимация – это сменяющие друг друга статичные кадры. Многие даже баловались в блокнотиках, рисуя на каждом его листочке по кадрику и быстро перелистывая странички – получалось нечто, похожее на ранние примитивные анимашки. Тот же принцип действует в Adobe Photoshop: сначала необходимо создать статичные кадры для нашего мультика. Кадров этих может быть 2-5, а может быть и 50. Чем больше кадров, тем красочнее анимация, но тем больше размер получаемого анимационного файла.
Каждый кадр в Adobe Photoshop должен быть создан на отдельном слое. Слой – это как страничка блокнотика. В анимации все слои выстраиваются по порядку в логической последовательности, создавая законченное действие. Для каждого слоя-кадра определяется время его показа. Кроме того, анимацию можно просмотреть один или несколько раз, а можно сделать закольцованной – повторяющейся бесконечно.
Единственный формат, в котором Adobe Photoshop сохраняет анимацию – это gif. GIF – от английского «Graphics Interchange Format» - формат для обмена изображениями. Формат gif хорошо сжимает графические файлы и широко используется в интернете, но способен качественно передавать изображения, содержащие только до 256 цветов. Обязательно учитывайте данную особенность при подготовке исходных изображений для анимации.
Пожалуй, с теорией мы на этом закончим, и перейдем к анимастроительству.
Прежде всего, подготовим кадры будущей анимации в программе Adobe Photoshop. Для этого создадим новый документ (меню «Файл» - «Новый» ) с прозрачным фоном и размерами, например, 300 на 300 пикселей.
Мы решили нарисовать прямоугольник с закругленными углами и залить его розовым цветом. Это будет фон нашего изображения. Выбираем цвет, выбираем инструмент «закругленный прямоугольник» и рисуем.
Обратите внимание, что в списке Слоев появился наш фон.
Если окошко со списком слоев не отображается, нажмите F7 на клавиатуре или отметьте в меню «Окно» пункт «Слои» .
Теперь создаем следующий кадр анимации – добавляем новый слой. Сделать это можно в окошке слоев, нажав маленькую кнопульку «Создать новый слой» . Или через меню «Слои» – «Новый» – «Слой» .
Что будет на новом слое – решать вам. Можно скопировать туда какую-нибудь картинку, можно нарисовать узор специальными кистями. Мы просто добавим в новый кадр сердечко, которое тут же отобразится на слое в окошке Слоев.