GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор

   


Анимация: эффектное появление фотографии

Главная Уроки Анимация: эффектное появление фотографии

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

Примечания (все как обычно): ПКМ и ЛКМ — правая и левая кнопки мыши соответственно.

1. Открываем изображение, которое хотим использовать в качестве аватара (Файл > Открыть)

2. Создаем новый слой белого цвета.

Если хотите использовать другой цвет, он легко меняется через Цвет > Тонирование после создания слоя.

3. Берем «Ластик» и выбираем форму, подобную такой:

Вообще же кисть может быть любая, но рваные или неровные края приветствуются.

4. Стираем ластиком таким образом:

5. Объединяем слои (ПКМ на любом из слоев в списке, выбираем *Свести изображение*):

6. Дублируем получившийся слой:

7. Работаем с копией. Берем «Кисть», цвет переднего плана ставим тот, который использовался для фона (в моем случае белый):

8. Закрашиваем кистью небольшую область фото (выделена зеленым):

9. Повторяем пункты с 6 по 8 до тех пор, пока все фото не будет закрашено (дублировать слои-копии). У меня получился такой список слоев:

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

10. Направляемся в Слой > Стопка слоев > Обратный порядок слоев, затем идем в Фильтры > Анимация > Воспроизведение и смотрим на наше творение. После этого выставляем нужную задержку самому верхнему слою: дважды жмем ЛКМ на названии слоя и в скобки вписываем время задержки в миллисекундах (1 сек. = 1000 мс.):

11. Не забываем про оптимизацию. Идем в Фильтры > Анимация > Оптимизация (для GIF), оптимизированная работа откроется в новом окне.

Если хотите еще сильнее уменьшить вес итоговой анимации, то направляемся в Изображение > Режим > Индексированное…

Качество изображения при этом, безусловно, несколько ухудшится.

Теперь остается лишь правильно сохранить анимацию. Как это сделать, рассказано здесь.

Здесь представлен лишь базовый вариант подобной анимации, на самом же деле тысячи их. Не забывайте проявлять фантазию!


7

В избранном у 7 человек:

Метки: , , , , .

Результаты урока

Добавить

Уроки: предыдущий следующий

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

0

Пользователь #7648Александр Виноградов18 февраля 2012 в 11:02Личное сообщение

Создавал что-то подобное давным-давно, т.е. схема та же, но вот сама "фишка" была в том, что фотография изначально была тоже белой, но проявлялась после того как по определенному участку проходила метла, сметая якобы снег ;)
Надо бы в под гимп адаптировать и выложить урок))

14

Пользователь #4304Владимир Отага18 февраля 2012 в 13:01Личное сообщение

Макс, сжальтесь почему Бибер?!?:D

3

Пользователь #2832Никита Высоцкий18 февраля 2012 в 13:58Личное сообщение

У меня тот же вопрос! :D

2

Пользователь #5466Анастасия Высочина18 февраля 2012 в 14:58Личное сообщение

Ну реально чего Бибер

4

Пользователь #7531Василий Пупкин18 февраля 2012 в 15:20Личное сообщение

ну какой современный здравомыслящий человек поставит себе Бибера, этот выбор - троллинг чистой воды

2

Пользователь #5466Анастасия Высочина18 февраля 2012 в 15:22Личное сообщение

Вася Пупкин 100 процентов согласна =)))

2

Пользователь #2919Родион Мошул18 февраля 2012 в 15:38Личное сообщение

Лучше бы урок оценили -_-

0

Пользователь #1812Макс Шевченко18 февраля 2012 в 15:41Личное сообщение

"Почему негры?" (с)
Почему Бибер? Все очень просто. Уроки я пишу только на работе, а данный фейс просто оказался под рукой во время написания. Изначально я планировал использовать его лицо в другом уроке-адаптации, но, до этого, видимо, руки уже не дойдут.
Василий, так что этот выбор - чистой воды случайность.

Александр, понял вашу идею..) Дерзайте!

2

Пользователь #4858Анастасия Лучкина18 февраля 2012 в 16:25Личное сообщение

Мне понравился урок))))Правда, я чуть не ослеп, когда увидел Бибера)xD(в мужском роде, потому что я "шизофреник")

0

Пользователь #5360Машуля Нагорнова18 февраля 2012 в 18:05Личное сообщение

Спасибо за урок, очень понравился! Буду осваивать анимацию)))

2

Пользователь #6448Ксения Адмиралова18 февраля 2012 в 19:21Личное сообщение

Урок понравился, а на изображение Бибера я не очень то смотрела :DDD

0

Пользователь #7261Pantera .18 февраля 2012 в 19:30Личное сообщение

а я гадала: "Кто это..? Нууу лицо знакомое!!"
А вот чья физиономия(вродь правильно)) красуется в этом уроке!! Х)

0

Пользователь #6046Валерий Волков19 февраля 2012 в 00:11Личное сообщение

А ссылочку на кисть можно, пожалуйста.

0

Пользователь #5466Анастасия Высочина19 февраля 2012 в 01:43Личное сообщение

Я конечно тплю но как установить этот плагин?

0

Пользователь #4088Татьяна Дзюбина19 февраля 2012 в 01:45Личное сообщение

ага, и я присоединяюсь к Насте Высочиной, уже минут 15 думаю, как его установить?

0

Пользователь #4304Владимир Отага19 февраля 2012 в 01:48Личное сообщение

Анастасия, Татьяна, /gimp/settings/addons/

Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.

0

Пользователь #5466Анастасия Высочина19 февраля 2012 в 20:57Личное сообщение

Настя, зачем так явно проявлять свои эмоции (может кто то любит Бибера (Не я))

2

Пользователь #6399Олег Бутарев21 февраля 2012 в 04:45Личное сообщение

Бибер не Бибер какая разница, урок хороший, анимации и правда давно не было.

0

Пользователь #7892Александр Щербаков29 февраля 2012 в 16:41Личное сообщение

Здравствуйте мастеры и не мастеры программы GIMP,Хотел бы вам задать вопрос,что сделать чтобы не было эфекта выгоревших(грязных)рук и лица??
http://rghost.ru/36771801
посмотрите пожалуйста!

1

Пользователь #1812Макс Шевченко29 февраля 2012 в 16:58Личное сообщение

Такое ощущение, что вы работали не Кистью, а Штампом... Повторите урок внимательно и как только начнутся проблемы - сразу пишем мне в ЛС.

1

Пользователь #7892Александр Щербаков29 февраля 2012 в 18:04Личное сообщение

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

1

Пользователь #7892Александр Щербаков29 февраля 2012 в 23:12Личное сообщение

И кстате , как сделать чтобыразинки стирала не белым светом а только то что надо а то нервов не хватает!

1

Пользователь #1812Макс Шевченко29 февраля 2012 в 23:23Личное сообщение

Мммм...) Прошу прощения, думал, что только в случае урока у вас такое.. К сожалению, я пас. И посоветовал бы описать вашу проблему в рубрике Вопрос-Ответ.. Там, как правило, быстрее отвечают.

1

Пользователь #7892Александр Щербаков1 марта 2012 в 16:45Личное сообщение

Maks и за это спасибо!

-4

Пользователь #7261Pantera .9 марта 2012 в 19:32Личное сообщение

ЛЮЮДИ!! мне одной кажется или у этого чувака правая скула шевелится??? х) (где-то в посл кадрах))

-4

Пользователь #7261Pantera .9 марта 2012 в 19:33Личное сообщение

и не тута, а на страничке уроков!

2

Пользователь #4304Владимир Отага9 марта 2012 в 19:39Личное сообщение

Pantera, вам нечем заняться? Вам кажется

-4

Пользователь #8026Марго Кирилова18 марта 2012 в 14:02Личное сообщение

Надо было Бибера сперва пожабить, а потом по жабе урок писать, тогда-бы все вопросы напрочь отпали)))

-2

Пользователь #7261Pantera .21 марта 2012 в 18:34Личное сообщение

Владимир, ВСМОТРИТЕСЬ ТОЛЬКО!!! ну на самой "аватарке" урока!! правая скула все-таки шевелИтсяя)

-2

Пользователь #7261Pantera .21 марта 2012 в 18:35Личное сообщение

Марго, Бибер впечатляет тут похоже всех))

-2

Пользователь #5466Анастасия Высочина21 марта 2012 в 23:35Личное сообщение

Пантера, извини конечно за метод изложения.
Нифига она не шевелится!!!

Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.

Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.

0

Пользователь #8276Елена Ганова6 апреля 2012 в 13:27Личное сообщение

Спасибо большое за урок!
Хотела спросить насчет миллисекунд...Я пишу 1000, но у меня всегда получается в итоге только 100 мс, и анимация слишком быстра.Может я что-то неправильно делаю?Как можно замедлить анимацию?
Заранее благодарю за помощь.

1

Пользователь #1812Макс Шевченко6 апреля 2012 в 13:54Личное сообщение

Елена, сталкивался с подобным, но так и не понял, с чем сие связано.. Мне помогло пересохранение под другим именем..)
Да, кстати, вид записи должен быть такой, как на скриншоте. То есть не "мс", а "ms"

0

Пользователь #8276Елена Ганова6 апреля 2012 в 14:02Личное сообщение

Макс, спасибо за ответ:)))
Я пишу миллисекунды на английском, все как в вашем уроке. А вот пересохранение под другим именем не пробовала...Попробуем:) Еще раз огромное спасибо!

Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.

  • >

Информация по уроку

Другие уроки автора

Фото-обработка. Фото в стиле «Высокий ключ»
Ещё один способ создания известного эффекта, без плагинов, но с каналами.

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

Каменное сердце
Очередная адаптация очередной фотоманипуляции. Цветокоррекция, плагины и прочие вкусности в наличии.

Прозрачные руки на лице
Урок-ответ, в котором мы создадим полупрозрачный facepalm.

Лицо-спираль
Очередной урок с издевательством над фотографией знаменитости. Нет, на этот раз не Бибер.

Кисти

Sparks Grass High Grass animated Confetti smile Animation brush GIMP Brush Pipe Animated Confetti Brush with rough edges Figures неоновый меч
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Оценка урока

«Анимация: эффектное появление фотографии» получил оценку 4.00 на основе 5 голосов.

13876+0
Комментариев

вверх