mangiana_irina (mangiana_irina) wrote,
mangiana_irina
mangiana_irina

Category:

Создание анимации в ФОТОШОП ОНЛАЙН ЭДИТОР - 2 урока

Анимация картинок без фотошопа // Урок от Галины Шадриной /

Анимируем любую картинку или фотографию с помощью прозрачных фонов легко и быстро.

oie_ove (700x525, 26439Kb)

Tеперь обо всем немного подробнее.

Заходим на сайт ФОТОШОП ОНЛАЙН ЭДИТОР

OIE Logo

Видим в самом верху кнопки загрузки картинок по их расположению.

1-я кнопочка - upload -загрузка картинки со своего копьютера.
2-я кнопочка - From URL - загрузка картинки из интернета, по URL адресу

1 (615x437, 77Kb)

Если грузим из компа, то выбираем вкладку upload, затем жмем кнопку ОБЗОР, и выбираем и картинку, или фотографию, которую хотим анимировать.

2 (474x215, 27Kb)

Если вставляем картинку или фото из интернета, то то выбираем вкладку From URL, затем вставляем адрес этой картинки в открывшееся окно.

3 (604x268, 63Kb)

Теперь жмем кнопочку upload, то есть ЗАГРУЗИТЬ фото.

4 (587x349, 52Kb)

Фото загрузилось. Если оно у вас загрузилось очень большим, то лучше сначала уменьшить его, иначе картинка будет слишком много "весить", никуда ее не загрузишь.

Для этого жмем кнопочку Resize - размер картинки.

При этом вы должны работать на на вкладке - Basics в верхнем меню.

5 (684x474, 280Kb)

Я уменьшаю картинку до 700 пикселей по ширине. (Стандартная на ЛиРу) Поставив ширину, щелкните мышкой по пустому месту, и высоту проставит программа, соблюдая пропорции фото.

6 (700x341, 358Kb)

Картинка уменьшилась. Сохраняем полученный результат. Жмем кнопку Apply - применить действие.

7 (700x412, 375Kb)

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

8 (606x360, 213Kb)

Перейдяна эту вкладку, появляются новые кнопки для редактирования. Выбираем кнопочку Overlay imade(с сердечком) -добавить объект, и жмем на нее.

9 (675x307, 125Kb)

И видим как в левой колоночке появилась снова кнопка ОБЗОР.

Внимание, - добавлять объекты здесь, можно только ИЗ КОМПА, из своих папок. Поэтому, все эффекты, которые вы хотите применить заранее сохраните в свою папочку.

Жмем кнопку ОБЗОР, и выбираем ПРОЗРАЧНЫЙ ФОН, который хотим применить на своем фото. Я выбрала ЛЕТЯЩИЕ РОМАШКИ.

Что бы картинка (прозрачный фон) появилась жмем кнопочку upload -загрузка картинки со своего копьютера.

10 (700x283, 201Kb)

Теперь подгоняем загруженный фон по картинке шкалой редактирования.

1- шкала - уменьшает и увеличивает загруженный фон.
2- шкала - поворачивает его в нужное положение.

Если поставить галочку у кнопки Shadow , то появится тень от летящих объектов.

Передвигать фон можно мышкой. Просто встать на него, зажать левую кнопку мыши, и двигать фон в нужном направлении.
11 (700x434, 486Kb)

Если фон не понравился, то просто не сохраняйте его, а выберите новый, этими же кнопками.

вкладка Wizards

затем кнопка ОБЗОР, и выбираем другой фон.

Или можно ненужный фон убрать кнопкой Canzel - отмена действия

12 (430x199, 75Kb)

Если же вас все устроило то СОХРАНЯЕМ наложенный фон кнопочкой Apply - применить действие

13 (700x373, 392Kb)

Нам остается только сохранить полученную, анимированную фотографию.

Для этого можно просто встать мышкой на полученную картинку, нажать ПРАВУЮ кнопку мыши и выбрать СОХРАНИТЬ КАК.

Или кнопкой Save (c нарисованной дискеточкой). Нажмите эту кнопку, и выберите папочку, куда сохранить картинку.

14 (391x213, 43Kb)

Вот и все. Мы получим красивое, анимированное фото.

oie_overlay (700x525, 12768Kb)

Можно добавлять к фото не только фон, но и анимированные картинки.

Удачи в вашем творчестве !

Источник: www.liveinternet.ru/users/5397786/post424119484/


***************************************************

Чайник-чайнику или... Делаем гифку сами. // Урок от iro4kan /



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

Загружаем футаж (вы его видели в подборке странного футажа).Его размер 500х500 и вес 1,5 Мбт. Когда будете делать самостоятельно, то подбирайте футаж весом до 2 Мбт, иначе сначала его надо облегчить! Для тех, кто работает в профессиональном фотошопе, это не так существенно, а вот для нас очень важно!

1.gif

Загрузили и меняем размер, сняв галочку и поставив размер 500х600. Готовую картинку-гиф можете увеличить потом первым ползунком, а работать будем пока с этим.

1.png

Футаж из квадрата стал прямоугольником и загружаем вторым верхним слоем вот эту картинку...

2.jpg

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

2-второй слой.png

3-регулировка 2-го слоя.png

Гиф-основа у нас готова, но мы ведь делаем открытку и нам просто необходим клипарт, я выбрала вот этот... и загружу его))

4+.png

Курсором поставлю клипарт на облюбованное место (увеличиваю так, чтобы смотрелось гармонично) и усложним задачу добавив тень, но тень легкую, поэтому отрегулируйте тень иначе будет смотреться грубо!

4-3-й слой+ тень.png

А что, очень миленько, но простовато, да и места пустого много! срочно нужна надпись, например... хотя не обязательно, может быть что-то еще, а я взяла вот это...

5+.png

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

5-надпись+тень.png

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

6-готово.gif

7-смотрим вес.png

Уменьшим его прежде чем заняться рамкой...

8-уменьшим вес.png

Вес уменьшился...

9-вес меньше.png

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

10-цвет+контраст.png

Теперь у нас яркая картинка-гиф, она облегчена и можно сделать ей рамку...

11-рамка.png

Вот что у нас должно получится, простенько и со вкусом! а я с вами прощаюсь, маленький урок окончен и всем желаю спокойной ночи))

12-вот и все.gif

Ваша Ирина N -  www.liveinternet.ru/users/iro4kan/post386772008/

Tags: www.online-image-editor.com, генераторы, обработка изображений, онлайн сервисы, создание анимации, создание коллажей, ссылки, фотоэффекты
Subscribe

Posts from This Journal “создание анимации” Tag

promo mangiana_irina april 22, 2016 06:42 41
Buy for 30 tokens
Эти по-настоящему крутые иллюзии канадского художника Роба Гонзалеса удивят тебя не на шутку. Глядя на картину невозможно понять, где заканчивается реальность и начинается иллюзия. Роб начал интересоваться искусством еще в детстве. В 12 лет он начал писать картины, но в то время еще не мог…
  • Post a new comment

    Error

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 4 comments