Как в картинку вставить анимацию

Создать анимацию онлайн.

Наложите анимированные картинки на фото.

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

Оживить фотографию или создать свой анимационный микрофильм применив эффекты. Ниже представлены примеры как можно использовать конструктор.

Анимация фотографии.

Создание анимированного фото и открытки онлайн с помощью конструктора ProGif увлекательное и интересное занятие. Принцип работы редактора заключается в том, что на статическое фото накладываются анимированные объекты и сохраняется результат в виде анимированного файла GIF или WebP. По желанию можно создать анимацию с чистого листа.

Сделайте красивую анимацию — объединив свою фантазию и возможности ProGif.

Интуитивно понятный и простой интерфейс конструктора имеет в своём наборе достаточное количество инструментов и большое количество объектов для создания анимации. Вы легко сможете создать анимированные фото и авторские поздравительные открытки.

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

Делитесь полученным результатом с друзьями и знакомыми, публикуйте анимацию в социальных сетях и получайте лайки.

Редактор не имеет ограничений по возрасту! Предназначен для детей и взрослых — Окунись в волшебный мир сказки, ведь создавать анимированные изображения достаточно увлекательное занятие и приносит исключительно позитивные эмоции.

Как сделать анимированное фото и открытку?

Теперь перейдем непосредственно к процессу создания анимации изображений в ProGif.

Первое, что нужно — нажмите на кнопку «Открыть редактор» на данной странице и загрузите редактор.

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

Далее — добавьте анимированные эффекты на фото. Нажмите кнопку «Анимация» и выберите библиотеку с анимированными файлами. При клике по понравившемуся файлу, на холст будет загружена и воспроизведена, анимация.

За результатом своих действий можно будет следить непосредственно на холсте. При выборе большого количества гифок, может появиться эффект «торможения» при просмотре анимации — это зависит от производительности вашего компьютера. Если все же появился данный эффект — отключите просмотр с анимацией.

Добавьте текст, клипарт, фигуры и другие элементы на своё усмотрение.

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

Итоговый «вес» GIF файла во многом зависит от размера фото и количества анимашек. По умолчанию применяется сжатие файла.

Работа с анимацией:

Все анимашки имеют пропорциональный размер относительно холста. Увеличение размеров анимашки приведет к ее «размытию» и как следствие ухудшение качества!

Например — искры имеют небольшой размер и увеличив их они станут нечеткими. Вместо этого предпологается разместить несколько штук различных искр. Этот вариант будет наиболее эфективен и красочен.

Рекомендации при создании анимированной открытки:

При создании анимированной открытки в конструкторе начните с добавления клипарта — разместив его на заднем фоне. Составьте основной дизайн поздравительной открытки и напишите поздравление. Текст желательно писать крупно с форматированием, что бы он четко читался.

После анимируйте результат добавив различные эффекты анимации, скачайте открытку.

В каком формате сохранить анимированный файл?

Вы можете выбрать формат GIF или WebP для анимации.

GIF— используется для веб-изображений и анимированной графики, имеет ограничение в 256 цветов. Можно открыть любой программой для просмотра изображений, для просмотра анимици открыть любым браузером.

WebP — используется для веб-изображений и анимированной графики, имеет небольшой размер и высокое качество. Можно открыть во всех современных браузерах

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

Анимация картинки.

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

Уважаемые посетители, сайт работает в Бета-тестировании и мы будем благодарны за комментарии.

LiveInternetLiveInternet

  • Регистрация
  • Вход

Метки

Рубрики

  • Скрап-наборы (511)
  • Романтические скрап-наборы (146)
  • Детские скрап-наборы (115)
  • Цветочные скрап-наборы (83)
  • Сказочные скрап-наборы (66)
  • Летние скрап-наборы (61)
  • Винтажные скрап-наборы (55)
  • Весенние скрап-наборы (50)
  • Зимние, рождественские и новогодние скрап-наборы (37)
  • Кулинарные скрап-наборы (24)
  • Осенние скрап-наборы (23)
  • Морские скрап-наборы (21)
  • Скрап-наборы — рукоделие (12)
  • Пасхальные скрап-наборы (9)
  • Свадебные скрап-наборы (8)
  • Прочие (7)
  • Гламурные скрап-наборы (7)
  • Календари (5)
  • Готические скрап-наборы (4)
  • Скрап-наборы стимпанк (1)
  • Все для дневника (118)
  • Оформление дневника и «украшалки» (67)
  • flash (34)
  • Мои дизайны (16)
  • Новичкам. (14)
  • Аватары (8)
  • Оптимизация блога (3)
  • Моим читателям (62)
  • Анимация (57)
  • Рукоделие (45)
  • Иконки (25)
  • Интернет-шоппинг (19)
  • Дизайн интерьера (18)
  • Обои для рабочего стола (10)
  • Экономика, политика, просто мысли вслух.. (4)
  • Сделай сам (3)
  • Рамки (1)
  • Html (для оформления постов) (1)
  • Домоводство (21)
  • Женские хитрости (7)
  • Живопись (181)
  • Здоровье (29)
  • Интересно (54)
  • Клипарт (337)
  • Коллажи (12)
  • Красота (141)
  • Кулинария (997)
  • Сладкая выпечка и изделия из теста (399)
  • Мастер-классы (305)
  • Салаты и закуски (196)
  • Несладкая выпечка и изделия из теста (169)
  • Прочее (123)
  • Блюда для детей (73)
  • Блюда из мяса (73)
  • Десерт и торты без выпечки (63)
  • Вторые блюда (59)
  • Блюда из птицы (58)
  • Блюда из рыбы (42)
  • Запеканки (22)
  • Консервирование и заготовки (21)
  • Готовим в мультиварке (13)
  • Борщи, окрошки, солянки (6)
  • Блюда из кролика (2)
  • Мода и красота (27)
  • Открытки (47)
  • Поэзия и проза (89)
  • Психология (6)
  • Разделители (17)
  • Рамки (59)
  • PNG (для оформления фотографий) (5)
  • Рисуем с детьми (1)
  • Фотография как искусство (90)
  • Фотошоп (87)
  • Маски (12)
  • Уроки фотошоп (41)
  • Я мама (66)
  • Занятия логопеда (7)

Всегда под рукой

Поиск по дневнику

Подписка по e-mail

Интересы

Статистика

Урок о том как добавить анимацию на вашу картинку

Урок о том как добавить анимацию на вашу картинку

Ну что, мои хорошие. Освоим как мы с вами еще один интересный урок.Вот посмотрите на картинку.

Нравится. Ну вот это мы с вами и будем учиться делать.
Что нам надо. во-первых сама картинка. и самое главное запоминаем её размеры. и вторая картинка -анимация на прозрачном фоне вот у неё ничего запоминать не надо..нужен только её код))) Ну и конечно «волшнбная формула» для того чтобы все это соединить.
Итак. приступим.
Выбираем картинку. (на моем примере попробуем) Вот она у меня какая..

а вот её код

Что в ней что?
Вместо ААА вставьте ширину картинки вашей Вместо ВВВ вставьте высоту вашей картинки АДРЕС ВАШЕЙ КАРТИНКИ это ссылка имеено на картинку (не весь код. а только ссылка) и КОД ВАШЕЙ АНИМАЦИИ это целый код картинки-анимации
он у меня вот такой.

то есть если вы выбрали анимированную картинку которую вставляете во внутрь. просто возьмите её полный код и вставьте на место слов КОД ВАШЕЙ АНИМАЦИИ
в коде шаблоне перед КОДОМ ВАШЕЙ АНИМАЦИИ есть тег *b* вот после него можно ставить пробелы и столько на сколько хотите сдвинуть анимацию вправо. вот так..например

А можно код анимации поставить дважды друг за другом. тогда получится вот так.

Читайте также  Как настроить гриф гитары

Можно перед кодом анимации написать текст вот так.

ДЕЛА ДАВНО МИНУВШИХ ДНЕЙ

а можно просто поставить тег перед КОДОМ АНИМАЦИИ

а после кода тег

и анимация сдвинется вправо настолько насколько поставите цифру вместо 60
Ну вот вроде бы и все случаи описала. Теперь остается только найти анимированнные джифки вам полезные и вставлять их в ваши картинки)))0
Удачи. Ваша Zomka

Как создать анимацию в Photoshop. Пошаговая инструкция

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

Анимация — это последовательное отображение кадров друг за другом. Каждый кадр немного изменяется, поэтому кажется, что картинка движется.

Чтобы создать простой веб-баннер или презентацию, необязательно разбираться с многочисленным софтом. Для этого подойдут и встроенные средства Photoshop. Это лишь небольшая доля возможностей программы, а раскрыть их все на практике поможет курс «Photoshop с нуля до PRO».

Пишет про дизайн в Skillbox. Рисует макеты и верстает страницы для клиентов.

C чего начать

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

Для создания анимации я взял один из ярких проектов с Behance и перерисовал его в Photoshop. Выровнял по контент-сетке, подобрал размеры и поместил каждый элемент в отдельный слой. В результате у меня появился отрисованный в PSD-формате первый экран сайта, который я и анимировал.

«Шкала времени»

Перед созданием анимации необходимо подготовиться — включить отображение «Шкалы времени», которая помогает управлять кадрами в анимации.

Открываем вкладку «Окно» и ставим галочку напротив строки «Шкала времени».

Внизу окна в Photoshop должна появиться широкая строка, с помощью которой управляют кадрами в анимации.

Чтобы создать первый кадр, нажимаем «Создать анимацию кадра» на «Шкале времени».

Как первый кадр появится, можно приступить к созданию движения.

Промежуточные кадры

В Photoshop анимируют двумя способами:

  • Рисуют несколько кадров, вручную изменяя положение и свойства элементов. Если анимация достаточно длинная, то прорисовка каждого кадра занимает много времени.
  • Вставляют промежуточные кадры. Необходимо вручную задать лишь состояния макета: в начале и в конце анимации. Нужные кадры между этими состояниями добавит сам Photoshop. Этот способ подойдёт, чтобы сделать постепенное появление и исчезновение объекта или показать его перемещение.

Сначала я анимирую изображение балалайки. Для плавного появления изображения использую инструмент «Вставка промежуточных кадров». Чтобы Photoshop самостоятельно анимировал элемент, необходимо задать два состояния для элемента — начальное в первом кадре и конечное в следующем.

Поэтому добавляем ещё один кадр в «Шкалу времени» с помощью кнопки «Создать копию кадров».

После добавления нового кадра переключаюсь на первый и убираю видимость слоя с балалайкой. Также можно задать непрозрачность слоя 0%.

На следующем кадре проверяю, виден ли слой с балалайкой.

После работы с изображением балалайки настраиваю появление текстовой строки. В первом кадре я выделяю текст «Soul sings» и сдвигаю его вправо за пределы макета. С текстом «3 strings» поступаю так же — сдвигаю влево, пока он не исчезнет.

Как вставить анимационный GIF в слайд

Вы можете добавить на слайд PowerPoint анимационный GIF-файл (или мем ), как и любой другой файл рисунка. Вы можете вставить GIF-файл, который хранится на жестком диске компьютера или в хранилище OneDrive.

Щелкните слайд, на который вы хотите добавить анимационный GIF.

На вкладке Вставка нажмите кнопку Рисунки.

В диалоговом окне Вставка рисунка перейдите к расположению, в котором находится анимированный GIF-файл.

Выберите файл и нажмите кнопку Вставить или Открыть.

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

Анимированные GIF-файлы в Интернете

Вы можете выполнить поиск GIF-файлов в Интернете, нажав кнопку Вставить рисунки из Интернета или Вставка картинки (в зависимости от версии PowerPoint). На вкладке Вставка нажмите кнопку Вставить рисунки из Интернета или Вставка картинки. В поле поиска введите «анимационный GIF».

Установка количества циклов анимации

Обычно анимационные GIF-файлы повторяются бесконечно. Но вы можете изменить это, отредактировав GIF-файл перед добавлением на слайд PowerPoint.

Как только у вас есть GIF-файлы, сохраненные на компьютере, относительно простой способ редактирования GIF – онлайн-редактор под названием ezgif.com.

В разделе Upload image from your computer (Загрузка изображения с компьютера) нажмите кнопку Browse (Обзор), чтобы указать расположение GIF-файла на компьютере. Выберите файл и нажмите кнопку Открыть.

Нажмите кнопку Upload (Отправить).

На странице отобразится анимационный GIF-файл, а также сведения о размере файла, ширине и высоте изображения, как на рисунке:

Нажмите кнопку Split to frames! (Разделить на кадры) под анимационным GIF-файлом.

После обработки на странице отобразится покадровое представление.

Под кадрами (при необходимости прокрутите страницу вниз) располагается кнопка Edit animation (Изменить анимацию).

Нажмите кнопку Edit animation (Изменить анимацию).

На странице вновь отобразится набор кадров с параметрами Skip (Пропустить), Copy (Копировать) и Delay (Задержка) для каждого кадра. Внизу под кадрами есть дополнительные параметры, включая Loop Count (Счетчик циклов).

В разделе GIF options (Параметры GIF-файла) в поле Loop Count (Счетчик циклов) введите необходимое число воспроизведений GIF-файла.

Нажмите кнопку Make a GIF! (Создать GIF-файл).

После обработки измененный GIF-файл отобразится под кнопкой Make a GIF! (Создать GIF-файл). Справа под измененным GIF-файлом отобразится кнопка Save (Сохранить).

Нажмите кнопку Save (Сохранить), чтобы скопировать измененный GIF-файл на компьютер.

В зависимости от браузера GIF-файл будет сохранен в папке «Загрузки» или в другой выбранной вами папке.

После сохранения измененного GIF-файла на компьютере вы сможете добавить его на слайд в PowerPoint.

Вы можете добавить на слайд PowerPoint анимационный GIF-файл, как и любой другой файл рисунка. Вы можете вставить GIF-файл, который хранится на жестком диске компьютера или в облачном хранилище (например, в OneDrive).

Щелкните слайд, на который вы хотите добавить анимационный GIF.

На вкладке Главная в группе Вставить нажмите кнопку Рисунок и выберите пункт Рисунок из файла.

Перейдите в папку, в которой находится анимированный GIF-файл, убедитесь в том, что его имя заканчивается на .gif, выделите его и нажмите кнопку Вставить.

Для воспроизведения анимации щелкните меню Слайд-шоу и выберите пункт Воспроизведение с текущего слайда.

Установка количества циклов анимации

Обычно анимационные GIF-файлы повторяются бесконечно. Но вы можете изменить это, отредактировав GIF-файл перед добавлением на слайд PowerPoint.

Как только у вас есть GIF-файлы, сохраненные на компьютере, относительно простой способ редактирования GIF – онлайн-редактор под названием ezgif.com.

В разделе Upload image from your computer (Загрузка изображения с компьютера) нажмите кнопку Browse (Обзор), чтобы указать расположение GIF-файла на компьютере. Выберите файл и нажмите кнопку Открыть.

Нажмите кнопку Upload (Отправить).

На странице отобразится анимационный GIF-файл, а также сведения о размере файла, ширине и высоте изображения, как на рисунке:

Нажмите кнопку Split to frames! (Разделить на кадры) под анимационным GIF-файлом.

После обработки на странице отобразится покадровое представление.

Под кадрами (при необходимости прокрутите страницу вниз) располагается кнопка Edit animation (Изменить анимацию).

Нажмите кнопку Edit animation (Изменить анимацию).

На странице вновь отобразится набор кадров с параметрами Skip (Пропустить), Copy (Копировать) и Delay (Задержка) для каждого кадра. Внизу под кадрами есть дополнительные параметры, включая Loop Count (Счетчик циклов).

В разделе GIF options (Параметры GIF-файла) в поле Loop Count (Счетчик циклов) введите необходимое число воспроизведений GIF-файла.

Читайте также  Как в стиральной машине вытащить отсек для порошка

Нажмите кнопку Make a GIF! (Создать GIF-файл).

После обработки измененный GIF-файл отобразится под кнопкой Make a GIF! (Создать GIF-файл). Справа под измененным GIF-файлом отобразится кнопка Save (Сохранить).

Нажмите кнопку Save (Сохранить), чтобы скопировать измененный GIF-файл на компьютер.

В зависимости от браузера GIF-файл будет сохранен в папке «Загрузки» или в другой выбранной вами папке.

После сохранения измененного GIF-файла на компьютере вы сможете добавить его на слайд в PowerPoint.

Можно добавить анимированный GIF-файл в слайд с помощью PowerPoint в Интернете так же, как при работе с любым другим файлом рисунка, но GIF не будет воспроизводиться при просмотре презентации в слайд-шоу. Веб-приложение PowerPoint не воспроизводит анимированные GIF-файлы.

Если вы хотите увидеть в Веб-приложение PowerPoint функцию воспроизведения GIF, рекомендуем предлагать функции, нажав Справка > Отзывы и предложения > У меня есть предложение.

Вставка изображения с компьютера

Выберите то место документа, куда вы хотите вставить изображение.

На вкладке Вставить нажмите кнопку Рисунок.

Найдите рисунок, который нужно вставить, выделите его и нажмите кнопку Вставить.

После появления рисунка на слайде, можно изменить его размер и место, куда нужно переместить.

Вставка гифки в гифку на компьютере

Способ 1: Easy GIF Animator

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

    Программа Easy GIF Animator распространяется платно, но разработчики предоставляют триальную версию сроком на месяц без каких-либо ограничений, а это значит, что вы можете загрузить ее с официального сайта протестировать, щелкнув по соответствующей кнопке при первом запуске.

В появившемся окне «Проводника» отыщите необходимый файл и кликните по нему дважды для открытия.

Дождитесь полной загрузки рабочего пространства, в котором перейдите на вкладку «Кадры».

Снова отобразится «Проводник», где найдите вторую гифку для вставки и точно так же откройте ее.

При появлении уведомления о добавлении новых кадров отметьте маркером вариант «Добавить все кадры».

Через список кадров убедитесь, что склейка прошла успешно.

Как только работа над гифкой завершена, в той же вкладке «Кадры» щелкните по кнопке «Экспорт выбранных».

Задайте новое имя для файла GIF и укажите место на компьютере, где хотите его сохранить.

Вернитесь к «Проводнику» и воспроизведите новую анимацию любым удобным методом, чтобы удостовериться в правильности ее создания.

Среди доступных в Easy GIF Animator возможностей есть огромное количество самых разных инструментов, которые окажутся полезными при ручном создании или редактировании готовой GIF-анимации, даже если ее не нужно соединять с другим файлом.

Способ 2: Adobe Photoshop

Известно, что графический редактор Adobe Photoshop поддерживает создание GIF из добавленных кадров. Еще в его функциональность входят инструменты, предназначенные для редактирования таких анимаций, которые можно использовать при соединении нескольких файлов в один, что осуществляется следующим образом:

    Запустите Adobe Photoshop, разверните выпадающее меню «Файл» и выберите пункт «Открыть». Его можно вызывать и через стандартное сочетание клавиш Ctrl + O.

Появится окно открытия, где найдите первую гифку и дважды кликните по ней для добавления.

Пока еще редактирование начинать нельзя, поскольку отсутствует шкала времени. Добавьте ее через выпадающее меню «Окно», отметив галочкой соответствующий пункт.

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

Снова используйте то же меню «Открыть», чтобы добавить второй файл для объединения.

В нем откройте меню шкалы времени и активируйте пункт «Выделить все кадры».

Повторно перейдите к нему и выберите уже другую функцию под названием «Скопировать кадры».

Каждый файл в Adobe Photoshop отображается как отдельная вкладка, поэтому переместитесь к первой GIF, нажав по ее вкладке сверху.

В том же меню шкалы времени нажмите «Вставить кадры».

Отобразится новое меню действий, где отметьте маркером подходящий вариант вставки и подтвердите добавление.

Просмотрите каждый кадр и убедитесь в том, что вставка прошла успешно.

Разверните меню «Файл» и выберите пункт «Сохранить как…».

В окне «Сохранение» поменяйте название для нового файла GIF, установите для него соответствующий тип файла и подтвердите действие.

Если вы заинтересованы в создании GIF через рассмотренную программу с нуля, советуем ознакомиться с тематическим материалом на нашем сайте, перейдя по следующей ссылке. Там вы найдете детальный разбор двух методов работы над подобными проектами.

Способ 3: Filmora

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

    После запуска Filmora нажмите по надписи «Импорт медиафайлов здесь» для перехода к добавлению анимаций в проект.

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

Перетащите первую гифку на любую свободную дорожку редактора, зажав ее левой кнопкой мыши.

То же самое сделайте и со второй, поместив ее после первой.

Убедитесь в нормальном соединении анимации и проверьте ее воспроизведение.

Как только редактирование завершено, кликайте по кнопке «Экспорт» для сохранения проекта.

На панели «Формат» выберите «GIF».

Задайте параметры экспорта, включая разрешение, частоту кадров, имя файла и место его сохранения.

Нажмите на «Экспорт» для запуска процесса сохранения.

Помимо этой статьи, на сайте еще 12339 инструкций.
Добавьте сайт Lumpics.ru в закладки (CTRL+D) и мы точно еще пригодимся вам.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Как в картинку вставить анимацию

Как вставить анимацию в другую анимацию в фотошопе? Почти также, как и на простую картинку. Только в данном случае нужно обратить внимание на количество слоев картинок с анимацией и на время кадров. Итак, из двух картинок с готовой анимацией создадим одну.

Откроем две картинки с анимацией, и посмотрим, сколько у каждой слоев и какое время проставлено на каждом кадре.

В окне слоев у этой картинки 4 слоя,

а в окне анимации время на кадрах 0,15.

Теперь откроем вторую картинку, которую будем вставлять в первую.Это картинка бабочки без фона.

Здесь тоже 4 слоя

и время на кадрах такое же.

Значит перенести анимацию будет очень просто.

2-Кликнуть по картинке с бабочкой и, в окне слоев, выделить все слои. (Нажать на клавиатуре Ctrl и, удерживая, кликнуть по каждому слою в окне слоев или, нажав на Shift, кликнуть по верхнему слою).

3-Выбрать на панели инструментов «перемещение» и перетащить бабочку на первую картинку.

Бабочка оказалась великовата, нужно ее уменьшить.

Уменьшить бабочку до 80%

Нажать на панели параметров «применить».

5-В окне слоев переместить выделенные слои наверх, если в окне слоев будет так.

Кликнуть левой кнопкой мыши по слоям и, не отпуская ее, переместить слои вверх.

Затем кликнуть по любому слою, чтобы активный был только один слой.

6-В окне анимации выделить первый кадр, кликнув по нему,

в окне слоев глазки должны быть только на нижнем слое и на слое 5.

7- В окне анимации выделить второй кадр,

в окне слоев глазок сам перескочит на второй слой, а на слое 6 нужно включить глазок и выключить на слое 5.

Читайте также  Как в Paint сделать фотографию черно-белой

8- В окне анимации выделить третий кадр,

в окне слоев включить глазок на слое 7 и выключить на слое 6.

7- в окне анимации выделить четвертый кадр,

а в окне слоев включить глазок на верхнем слое и выключить на слое 7.

9- Нажать на пуск в окне анимации и смотреть что получилось.

10- Файл сохранить для Web и устройств в формате Gif.

Как перенести анимацию на простую картинку смотрите здесь. Следующие уроки будут о том, как убрать фон на анимации и, как вставить анимацию в анимацию в фотошопе с разным количеством слоев и разным временем на кадрах.

Поделиться в соц. сетях

28 комментариев

Как я люблю фотошоп, так красиво у вас. Есть чему поучиться.

А не расскажите, как делается такое контурное свечение вокруг стеблей и т.д.

Лидия, такое анимированное свечение, как на этой картинке делается плагином Alien Skin Xenofex 2

Спасибо большое за урок! Навставлялась анимации — на одну аним.картинку вставила целых три и запомнила урок. Теперь поищу у вас урок, где время анимации разное. Счастья. успехов Вам в новом году!

Не поняла по уроку .загрузила одну анимкартинку основную и анимбабочку на прозрачном фоне. в уроке написано перенести её на основную , Но каким образом. Не получилось у меня , а очень хочу.И ещё , если количество кадров на одной и другой картинках не совпадают , что надо предпринять.

Лидия,активируйте картинку, с бабочкой, то есть кликните по ней. Посмотрите в окно слоев. там должно быть несколько слоев этой картинки. Нужно в окне слоев все слои выделить.Затем на панели инструментов выберите инструмент «перемещение» (он самый верхний),потом кликните по изображению бабочки и, не отпуская левую кнопку мыши, перетаскивайте на первую (основную)картинку.И посмотрите урок «Как совместить две анимации». Там рассказано, как соединить две анимации с разным количеством слоев.

Я всё точно так усвоила по .вашему уроку .к тому же он очень доходчив и хорош. я затрудняюсь вот в чём . Я открыла основную открытку — вижу все слои и в слоях анимации и в слоях. открыла вторую картинку — бабочку. все слои вижу и там и там. Но самое главное первую открытку я не вижу .Она исчезла из слоёв и перемещать мне бабочку нет возможности — некуда. это моя главная трудность. Всё остальное в вашем уроке написано доходчиво.

Лидия, у Вас экране видны две картинки, когда Вы их открываете? Если две, отодвиньте вниз или в сторону картинку с бабочкой и просто тяните на первую открытку изображение бабочки, но, чтобы в окне слоев все слои бабочки были выделены. То, что не видно слоев первой картинки в окне слоев не имеет значения.Главное, чтобы на экране было видно две картинки.Когда вы кликаете по второй картинке открываются слои второй картинки, а когда перейдете на первую картинку откроются слои первой картинки. А после перетаскивания бабочки, в окне слоев будут слои и первой и второй картинки.

В том то и дело , что на экране я вижу по очереди по одной картинки. Сначала основной фон , а потом бабочку. в слоях тоже сначала одну картинку , как открою бабочку первая с экрана пропадает Я скопировала вашу основную картинку и вашу бабочку и работаю с ними. если бы на экране у меня были бы две картинки — пробем бы не было . Я уже освоила пять ваших уроков успешно , но здесь вот никак не справилась. Хотя уроки всем преподавателям на зависть. я что-то не доделываю при открытии файлов, наверное. После вашего ответа снова попробовала- и снова тоже самое.

Лидия, попробуйте так: открываете картинку с бабочкой, выделяете все слои в окне слоев, затем идете «выделение-все».По периметру файла с бабочкой появится выделение.Затем «редактирование-скопировать совмещенные данные». Открываете другую картинку, идете «редактирование-вставить». Должно получиться. Лидия посмотрите вверху экрана,под панелью параметров, там должны быть строчка с названиями картинок, которые Вы открываете. Если есть, можно кликать по названию и будет открываться нужная картинка. У меня был такой фотошоп.

По вашему ответу я всё сделала. Только вот бабочка мигает на картиночке , а крылышками не машет. а тогда вашим уроком , что не надо пользоваться , да ? А мне урок нравится . вот только беда не могу никак к нему подступиться из-за видимости обеих картинок сразу на экране. вы очень терпеливый человек . я восхищаюсь и восторгаюсь ВАМИ. о таких говорят просто — это «высокий человек «. Т.е человек высокого качества. Такое не о каждом говорят !Я новичок в этом деле . сейчас на пенсии 12 мая мне был юбилей — исполнилось 75 лет. Не пугайтесь голова у меня светлая , но практики на комп нет . Как видите , ранее я с компьютором не имела.дела

Лидия,Вы меня поразили. Не каждый человек даже в 50 лет может освоить компьютер. У меня масса таких знакомых.Это замечательно,что у Вас есть желание овладеть программой фотошоп.У Вас обязательно получится эта анимация. Посмотрите в окне анимации, какое время стоит на каждом кадре. Вполне возможно, что Вам нужно поставить не 0,15 сек, как у меня, а больше, например 2 сек.И с пункта 5 выполните все очень внимательно, чтобы каждому кадру в окне анимации соответствовал только один слой в окне слоев.Лидия,может быть у Вас есть скайп, по нему можно посмотреть и подсказать, если где-то ошибка.

Скайп у меня есть Пароль : lidia_pozhidaeva . Чёрточка внизу. Сегодня я освоила успешно Ваш урок с водой. Сделала водопад и радовалась как ребёнок тому , что получилось. А вот где надо будет вставлять в основную картинку — картинку на прозрачном фоне- это везде будет проблема. Таким образом в уроке с салютом тоже на получилось не вставила над городом его. Кстати,под панелью параметров есть там то , что Вы писали мне Не удивляйтесь моим увлечением . Люблю познавать . Ведь я 2 института одолела , а здесь я оказалась профаном . И если Вы мне не поможете — ничего не будет.

Лидия, салют можно вставить, как и бабочку,»редактирование-скопировать совмещенные данные».Можно и передвигать его, только, чтобы в окне слоев все слои салюта были выделены.

Мне всё понятно . Уроки ваши прекрасные . Вы даёте всё пошагово . Это , конечно , облегчает труд. Мне только вот не понятно. Почему у вас в уроке в окне слоёв восемь слоёв , а у меня всегда четыре.. Или я какой — то шаг пропускаю или его просто нет . но ведь я внимательно изучила урок. если бы у меня в слоях было 4 слоя основной картинки и 4 слоя бабочки я уже давно бы справилась. Выделенные слои бабочки надо поднять по уроку вверх, но невозможно , ведь слоёв картинки нет.Где ж они . Вот беда! Как у вас слои все восемь в окне , а у меня всегда четыре?

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: