Вторник, 26.09.2017, 13:53
Обзор выбор популярных видео редакторов лучший сайт о видеоредакторах с уроками
Приветствую Вас Гость | RSS
Меню сайта
Категории раздела
музыкальные фото видео редакторы [33]
онлайн уроки AdobeAudition [15]
уроки AdobeAudition
Уроки по Cyberlink PowerDirector [25]
онлайн Уроки по Cyberlink PowerDirector
уроки Atomix Virtual DJ Pro [10]
уроки онлайн Atomix Virtual DJ Pro
уроки MAGIX Movie Edit Pro [12]
онлайн уроки MAGIX Movie Edit Pro
уроки Final Cut Pro X [10]
уроки онлайн Final Cut Pro X
урок Camtasia Studio онлайн [27]
урок Camtasia Studio
Ulead Cool 3D Production Studio [10]
уроки онлайн Ulead Cool 3D Production Studio
BluffTitler DX уроки [10]
онлайн уроки BluffTitler DX
MAGIX 3D Maker уроки [11]
уроки онлайн MAGIX 3D Maker
онлайн уроки NeroVision самоучитель [40]
NeroVision склейка уроки руководство пользователя книи учебники
уроки 4Media Movie Editor [2]
уроки ArcSoft ShowBiz [4]
Wondershare Video Studio Express видео уроки [3]
уроки видео FXhome HitFilm Ultimate [3]
уроки SpiceMASTER25TFX-HELP [2]
SpiceMASTER25TFX-уроки
Как максимально сжимать видео без потери качества [3]
сжатие видео
уроки Adobe Illustrator CS4 [10]
обзор программы
работа уроки flash [9]
как делать флеш анимацыю
уроки gif анимации [20]
уроки работа по созданию gif анимации
AutoPlay Media Studio уроки [9]
работа с AutoPlay Media Studio
Womble MPEG Video Wizard [7]
уроки Womble MPEG Video Wizard онлайн в картинках
уроки prodad vitascene [16]
ProDAD VitaScene 2.0.203.1 (x86, x64) + Русское руководство
лучшие бесплатные программы для записи с экрана монитора [2]
Лучшие программы для захвата видео с экрана монитора, запись видео, скачать
видео редакторы для владельцев макентоша и OS X от Apple [2]
пакет программ для профессиональной обработки видео Последняя версия Final Cut Studio вышла в июле 2009 года
бесплатные видеоредакторы для для Linux [2]
бесплатные видеоредакторы для для Linux
sony vegas pro смотреть уроки бесплатно без смс [22]
sony vegas pro видео уроки уроки в картинках
Lightworks Tutorial [30]
Lightworks видио уроки
Мини-чат
200
Наш опрос
Оцените мой сайт
Всего ответов: 1656
Статистика
Rambler's Top100
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » уроки gif анимации

Анимашки. Сделать анимацию. Создать GIF анимацию

Командой "Файл - Создать" задаем размеры нового документа.

 

Размеры нового документа в уроке фотошопа CS5 для начинающих.

 

Для примера будем использовать шаблон с размерами 500х500 пикс. и с разрешением 72 пикс/дюйм.

 

Выбираем картинку для аватарки и переносим ее на наш шаблон.

 

Выбор картинки в уроке фотошопа CS5 для начинающих.

 

Такой забавный рисунок я нашла в скрап наборах.

 

Сделаем выделение инструментом "Прямоугольная область" и применим команду "Редактирование - Выполнить обводку".

 

Обводка в уроке фотошопа CS5 для начинающих.

 

Сделаем копию слоя со слоненком, а нижний слой "Фон" удалим.

 

Нижний слой в уроке фотошопа CS5 для начинающих.

 

Анимацию сделаем из двух кадров.

 

Первый кадр - слоненок смотрит направо.

 

Второй кадр делаем из первого кадра командой "Редактирование - Трансформирование - Отразить по горизонтали".

 

Слоненок на вторм кадре будет смотреть налево.

 

Второй кадр в уроке фотошопа CS5 для начинающих.

 

Включаем панель анимации командой "Окно - Анимация".

 

Второй кадр добавляем, щелкнув по кнопочке "Создание копии выделенных кадров".

 

Урок фотошопа CS5 для начинающих - включение панели анимации.

 

Принцип анимации заключается в последовательном просмотре отдельно взятого кадра.

 

Выделяем первый кадр на панели анимации, а на панели слоев второй слой отключаем.

 

Так мы будем видеть только первый кадр (или первый слой).

 

Первый кадр в уроке фотошопа CS5 для начинающих.

 

Задаем параметры просмотра: время показа кадра "0,5 сек"и время просмотра анимации "Постоянно".

 

Выделяем второй кадр и на панели слое отключаем первый слой. Также задаем время показа для второго кадра и время просмотра анимации.

 

Время просмотра в уроке фотошопа CS5 для начинающих.

 

Включаем просмотр:

 

Просмотр в уроке фотошопа CS5 для начинающих.

 

Сохраняем командой "Файл - Сохранить для Web и устройств" обязательно в формате gif.

 

В формате jpg картинка будет неподвижной.

 

Анимация готова - можем посылать друзьям и размещать в блоге.

 

Аватарка от обычной картинки отличается только размером. Уменьшаем размер картинки до 100 пикс. командой "Изображение - Размер изображения" и так же сохраняем командой "Файл - Сохранить для Web и устройств" в формате gif.

 

Смотрим готовые анимационные аватарки со слоненком, с малышом и с котом.

 

Аватарка со слоненком в уроке фотошопа CS5 для начинающих. Аватарка с малышом в уроке фотошопа CS5 для начинающих.Аватарка с котом в уроке фотошопа CS5 для начинающих.

 

Главное понять принцип создания анимационных картинок. Чем больше кадров - тем интереснее будет анимация.


Простые уроки фотошопа для начинающих Вы можете получать по рассылке.


Сделаем многослойную анимацию. Готовое изображение для будущей анимационной картинки со всеми включенными слоями выглядит следующим образом:

 

Включенные слои в уроке фотошопа CS5 для начинающих

 

На палитре слоев видно будущее количество кадров.

 

Палитра слоев в уроке фотошопа CS5 для начинающих

 

Сделано пять копий слоя с бабочкой. На каждом скопированном слое размеры бабочки были уменьшены и изменено расположение на общем рисунке.

 

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

Полет бабочки в уроке фотошопа CS5 для начинающих

Помещаем свою ожившую анимационную картинку в гостевые книги или в блог. Успех гарантирован.
 
Категория: уроки gif анимации | Добавил: monja (11.03.2015)
Просмотров: 328
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт
Поиск
Друзья сайта
  • Официальный блог
  • супер зароботок
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Рейтинг@Mail.ru Яндекс.Метрика