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. Наталья Январь 26, 2016 в 4:21 пп

    здорово!!!

    [Ответить]

    Ольга отвечает:

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

    [Ответить]

  2. Жанна Январь 26, 2016 в 5:17 пп

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

    [Ответить]

    Ольга отвечает:

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

    [Ответить]

  3. margo Январь 26, 2016 в 7:16 пп

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

    [Ответить]

    Ольга отвечает:

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

    [Ответить]

  4. Елена Картавцева Январь 27, 2016 в 7:27 дп

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

    [Ответить]

    Ольга отвечает:

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

    [Ответить]

    Елена Картавцева отвечает:

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

    [Ответить]

    Ольга отвечает:

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

    [Ответить]

  5. Дмитрий Январь 27, 2016 в 8:52 дп

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

    [Ответить]

    Ольга отвечает:

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

    [Ответить]

  6. Надежда Моисеева Январь 27, 2016 в 9:45 дп

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

    [Ответить]

    Ольга отвечает:

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

    [Ответить]

  7. Юлия Вагнер Январь 28, 2016 в 7:44 дп

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

    [Ответить]

    Ольга отвечает:

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

    [Ответить]

  8. Ольга Коновалова Февраль 4, 2016 в 10:40 дп

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

    [Ответить]

    Ольга отвечает:

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

    [Ответить]

  9. Вика Июнь 18, 2016 в 7:05 пп

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

    [Ответить]

    Ольга отвечает:

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

    [Ответить]

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

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

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