Загрузка. Пожалуйста, подождите...

  • Главная
  • Уроки фотошоп
  • Скачать клипарт
  • Кисти для фотошопа
  • Actions для Photoshop
  • Веб дизайн шаблоны
  • Е-журналы и книги
  • Добавить новость

Меню
Главная »  Уроки фотошоп »  Скачать клипарт »  Кисти для фотошопа »  Actions для Photoshop »  PSD исходники »  Шрифты »  Веб дизайн шаблоны »  Векторный клипарт »  Обои, заставки »  Е-журналы и книги »  Программы »  Фильмы »  Музыка »  Игры »  Для Мобильных »  Разное, юмор »  Обратная связь »  Добавить новость

Знакомства

Опубликовоно новостей:
Облако тегов
png, Template Monster, авторские работы, аниме, арт, вампиры, вектор, воины, воительницы, восток, гламур, девушки, дизайн, еда, женщины, животные, иллюстратор, иллюстрации, картинки, кисти, Клипарт, люди, новый год, портфолио, праздник, растр, растровый клипарт, рисованная графика, рождество, сердце, сказки, фентези, фото, фотосток, фотошоп, фэнтези, художник, цветы, Шаблон, шаблон фотосайта

Показать все теги
Друзья сайта
Все для NOKIA 5800, 5230, N8, C7, E7, C6-01

Ремонт квартиры своими руками!

Обсуждение на форуме

Знакомства

Как создать в фотошоп gif анимацию (1)



Создаем в фотошоп, простую gif анимацию

Как создать в фотошоп gif анимацию


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

С помощью gif анимации, так же можно делать оригинальные графические открытки, что бы удивить друзей.


Сейчас на простом примере, в этом уроке фотошоп, увидим как делается в фотошопе gif анимация.


Создайте новый файл с размером 500 на 400 пикселей, и залейте его, к примеру цветом с любым желтым оттенком.


В палитре слоев, создайте новый слой. На панеле инструментов сделайте цвет переднего фона черный и выберете инструмент Gustom Shape Tool. На панеле параметров, необходимо выбрать вкладку с графическими примитивами, и выбрать там стилизованное изображение отпечатка левой лапы собаки. Смотрим пример на рисунке:

Как создать в фотошоп gif анимацию


Подведите курсор на полотно, и зажав левую кнопку мыши, растяните отпечаток лапы.

Смотрите далее, нажмите ПОДРОБНЕЕ





Как создать в фотошоп gif анимацию



После этого, заделайте правый клик мыши на пустом месте, на слое со следом, и выберете пункт Rasterize Layer. Этим мы переводим этот слой в растровый тип изображения.

Как создать в фотошоп gif анимацию


Сразу после этого, сделайте три дубликата этого слоя в палитре слоев, и при помощи инструмента перемещения Move Tool, разместите следы, как показано на рисунке.

Как создать в фотошоп gif анимацию



Далее надо снять видимость слоев со следами, просто щелкнув по иконке с глазиком, в палитре слоев. После этого нам понадобится палитра Animation. Вызывается она командой Window, и в списке ставится галочка на вкладке Animation. Если эта палитра имеет вид не как в рисунке с примером, нажмите кнопку Convert to tameline Animation. На рисунке эта кнопка показана синий стрелкой.


Как создать в фотошоп gif анимацию


Теперь надо в палитре Animation нажать на кнопку создания нового кадра, и сделать видимым первый слой со следом в палитре слоев:

Как создать в фотошоп gif анимацию


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

Как создать в фотошоп gif анимацию



Теперь надо в палитре Animation, настроить наш мини мультик. Для начала, надо выбрать режим проигрывания анимации. Нажмете маленький треугольник, показанный в рисунке, и в появившемся окошке, выбирайте пункт Forever. Это значит, что воспроизведение будет постоянным, если выбрать пункт Once, то анимация проиграется один раз, и не будит повтора воспроизведения:


Как создать в фотошоп gif анимацию


Далее, в палитре Animation, надо выставить время проигрывания каждого кадра. Для этого нажмите на треугольник, расположенный в нижней части первого кадра, и выберите значение времени. В примере я ставлю значение 0,5 секунды для каждого кадра.

Как создать в фотошоп gif анимацию



Поставьте такое же значение и вы, делайте активным последовательно все кадры, и выставьте время проигрывания кадров. После этого, в палитре Animation, можно нажать кнопку Play, и эта простая gif анимация начнет проигрываться.


Как создать в фотошоп gif анимацию


А теперь, нажмите на Stop, и можно сохранить нашу первую анимацию. Нажимаем команду File, выбираем вкладку Save For Web & Devices, в появившемся окне настроек сохранения, выставляем параметры, как показано в рисунке.


Как создать в фотошоп gif анимацию


Вот мы и сделали с вами в этом уроке, в фотошопе, простую gif анимацию).


Как создать в фотошоп gif анимацию


Таким методом, можно добавлять еще кадры и слои и создавать интересные анимационные картинки. Еще надо знать о том, чем больше в gif файле будет слоев и кадров, тем больше картинка будит весить.


Копирование материалов сайта разрешается с обязательной ссылкой на источник http://fleshkniga.com






 

Автор материала: admin | 24-08-2010, 23:43 | Просмотров новости Как создать в фотошоп gif анимацию: 13942

Похожие новости
  • Обработка текста в фотошоп
  • Создание на фотографии загнутого угла в фотошоп
  • Рисунок в фотошопе, с помощью инструментов создания контуров
  • Как в фотошоп сделать зеркальное отражение
  • Работа в фотошопе со слоями
  • {flag} НАТАША | 28 марта 2011 10:35
    аватар
    КРУТО, НАДЕЮСЬ ПОМОЖЕТ
          
    Login
    Логин
    Пароль
     
    Datalife Engine
    Регистрация
    Восстановление пароля
    Поиск
    Поиск
    место
    Голосование
    Каким редактором вы пользуетесь
    Adobe Photoshop CS
    Adobe Photoshop CS3
    Adobe Photoshop CS4
    Другое
    Социалки

    Наши партнеры:

    Анализ сайта бесплатно Rambler's Top100 МЕТА - Украина. Рейтинг сайтов»  Уpoки фoтoшoп»  Дизайн by Nika Krejda »  Все материалы на данном сайте размещаются пользователями, они  предназначены для ознакомления и удовлетворения любопытства, без цели коммерческого использования. Все права на публикуемые графические, аудио, видео, и текстовые материалы принадлежат их владельцам. Администрация не несёт ответственности за материалы, размещённые на этом ресурсе. Администрация сайта не несет ответственность за их использование.  Если Вы считаете, что какой-либо из материалов нарушает Ваши права, свяжитесь с Администрацией