twitter
rss
facebook
Главная » Уроки фотошопа » Уроки анимации » Анимация картинки. Как вставить гифку

Анимация картинки. Как вставить гифку

Январь 26, 2016 | Автор Ольга | 20 комментариев

Анимация картинки. Как вставить гифку.

Анимация картинки. Как вставить гифкуАнимация картинки с помощью готовой гифки уже рассматривалась в других уроках на этом сайте: Гифки. Настройка анимации, а также урок фотошопа:  Анимация картинки. Как вставить готовую анимацию. Этот урок фотошопа посвящен теме: как вставить гифку с фоном, если он не подходит к фону основной картинки, а вернее, в этом уроке анимации я расскажу, как удалить нежелательный фон с гифки, если ее нельзя вставить и обработать с помощью наложения слоев.


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

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

1.

Анимация картинки. Как вставить гифку1

2.

Анимация картинки. Как вставить гифку2

3.

Анимация картинки. Как вставить гифку3

4.

Анимация картинки. Как вставить гифку4

5.

Анимация картинки. Как вставить гифку5

6.

Анимация картинки. Как вставить гифку6

7.

Анимация картинки. Как вставить гифку7

8.

Анимация картинки. Как вставить гифку8

9.

Анимация картинки. Как вставить гифку9

10.

Анимация картинки. Как вставить гифку10

11.

Анимация картинки. Как вставить гифку11

12.

Анимация картинки. Как вставить гифку12

13.

Анимация картинки. Как вставить гифку13

14.

Анимация картинки. Как вставить гифку14

15.

Анимация картинки. Как вставить гифку15

16.

Анимация картинки. Как вставить гифку16

Скачать урок можно бесплатно, вместе с исходниками с Яндекс Диска.




Понравилась статья? Поделись с друзьями!







20 коммент. к Анимация картинки. Как вставить гифку

  1. Наталья 2016-01-26 в 16:21

    здорово!!!

    Ответить
    • Ольга 2016-01-26 в 18:51

      Спасибо, Наташа!

      Ответить
  2. Жанна 2016-01-26 в 17:17

    Спасибо.Так всё понятно разложено, что грех не выполнить.Буду стараться. :good: :good: :good:

    Ответить
    • Ольга 2016-01-26 в 18:52

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

      Ответить
  3. margo 2016-01-26 в 19:16

    Интересный конечный результат!Отличный урок, Оля!

    Ответить
    • Ольга 2016-01-26 в 19:25

      Я рада, что тебе понравилась полученная картинка, Рита! Спасибо!

      Ответить
  4. Елена Картавцева 2016-01-27 в 07:27

    При наличии свободного времени обязательно «пройдусь» по уроку. :good:
    Елена Картавцева приглашает в гости Причины желчекаменной болезни (ЖКБ)My Profile

    Ответить
    • Ольга 2016-01-27 в 08:38

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

      Ответить
      • Елена Картавцева 2016-01-27 в 09:52

        Спасибо за подсказку! :bye:
        Елена Картавцева приглашает в гости Причины желчекаменной болезни (ЖКБ)My Profile

        Ответить
        • Ольга 2016-01-27 в 15:43

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

          Ответить
  5. Дмитрий 2016-01-27 в 08:52

    Благодарю
    Дмитрий приглашает в гости Анимация картинки. Как вставить гифкуMy Profile

    Ответить
    • Ольга 2016-01-27 в 09:05

      Спасибо, Дмитрий! Хотела вас спросить, какой адрес сайта вы вписываете, когда оформляете комментарий? Дело в том, что он является ссылкой и должен вести к вам на сайт, а приводит опять ко мне, может вы вписываете мой адрес? Мне хотелось бы понять в чем тут дело, потому что у других комментаторов ссылки ведут к ним на сайты и я с интересом туда заглядываю, а к вам зайти не могу. Возможно это какая-то ошибка плагина, тогда ее надо исправлять. Ответьте пожалуйста. Благодарю.

      Ответить
  6. Надежда Моисеева 2016-01-27 в 09:45

    Олечка, спасибо за интересный урок! Попробую…

    Ответить
    • Ольга 2016-01-27 в 15:43

      Да в общем это просто прием работы, на заметку.

      Ответить
  7. Юлия Вагнер 2016-01-28 в 07:44

    Привет Оля!Интересный урок и медведь балдёжный…обязательно попробую сделать :good:

    Ответить
    • Ольга 2016-01-28 в 11:16

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

      Ответить
  8. Ольга Коновалова 2016-02-04 в 10:40

    Надо и мне попробовать этот прием,никогда не делала… Так что спасибо за урок.
    Ольга Коновалова приглашает в гости Шаг первый к медицинскому обслуживанию при ПМЖMy Profile

    Ответить
    • Ольга 2016-02-04 в 17:40

      Ты знаешь, прием несложный, но реально может облегчить жизнь.

      Ответить
  9. Вика 2016-06-18 в 19:05

    Спасибо, Олечка, с Праздником Троицы!

    Ответить
    • Ольга 2016-06-19 в 14:37

      И тебя с Троицей святой, Викуша! Будь счастлива!

      Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

:bye:  :good:  :negative:  :scratch:  :wacko:  :yahoo:  B-)  :heart:  :rose:  :-)  :whistle:  :yes:  :cry:  :mail:  :-(  :unsure:  ;-)