Сообщество «Оч.Умелые ручки»

Проводим конкурсы и мероприятия

.


вступить

предложить
плэйкаст
уровень
6

8 урок от Шаиры

15 мая 2014 17:59, Шаира


Сделаем в фотошопе простую АНИМАЦИЮ при помощи ГРАДИЕНТА.


1. Откроем документ, сделаем три слоя. Каждый слой зальем градиентом: два с противоположным значением,
 третий - изменив угол градиента или стиль по вашему усмотрению-главное, чтобы изменения цвета были заметны
(см. урок " Как сделать свой градиент"смотреть тут),
ластиком на третьем - верхнем слое вырежем рисунок  
(см. урок " Делаем фон при помощи градиента и ластика"смотреть тут.). 
Таким образом, мы сделали наш КОЛЛАЖ и подготовили его для АНИМАЦИИ
(конечно, можно еще добавить клипарт, что-то написать и т.д.- это на ваше усмотрение),
 я ограничусь просто вырезанным цветочком)

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




2. Откроем ПАНЕЛЬ АНИМАЦИИ. Для этого идем ОКНО-АНИМАЦИЯ. 
Кликаем на АНИМАЦИЯ. 
ПАНЕЛЬ АНИМАЦИИ появилась внизу рабочего окна.




3. На ПАНЕЛИ АНИМАЦИЯ появился первый кадр
(он отображает то, что в настоящее время перед вами на созданном документе).
Теперь работаем в ПАНЕЛИ АНИМАЦИЯ. 
Кликаем на иконку СОЗДАНИЕ КОПИИ ВЫДЕЛЕННЫХ КАДРОВ
(она находится внизу ПАНЕЛИ АНИМАЦИЯ, на рисунке я ее(иконку) обозвала - ДУБЛИКАТ).
Перед нами появится второй кадр анимации.
Переходим в панель СЛОИ и закроем глазок у второго слоя-градиента.
Видим, что и на втором кадре анимации что-то изменилось, 
а именно: изменился цвет на нашем вырезанном участке коллажа.




4. Практически мы уже СДЕЛАЛИ АНИМАЦИЮ!
Нужно только нажать на иконку ВОСПРОИЗВЕДЕНИЕ
внизу ПАНЕЛИ АНИМАЦИЯ
.




5. Вот и все!
Анимация из двух кадров.




6. Мы пойдем дальше...
Сделаем второй вариант анимации, при котором переход анимации будет более плавным.
Тоже не так сложно, но работать надо очень внимательно.
Я, когда изучала этот вариант анимации, по нескольку раз переделывала работу.
Итак...
В ПАНЕЛИ АНИМАЦИЯ кликаем на иконку ПРОМЕЖУТОЧНЫЕ КАДРЫ.
В появившейся панели меняем количество кадров с 5 на 3. Жмем ОК.




7. В ПАНЕЛИ АНИМАЦИЯ появятся 5 кадров.
Жмем на иконку ДУБЛИКАТ(СОЗДАНИЕ КОПИИ ВЫДЕЛЕННЫХ КАДРОВ) и
создаем кадр №6.
Идем в ПАНЕЛЬ СЛОИ и открываем глазок у второго слоя с градиентом.




 8. Фактически повторяем пункт №6 - 
Опять в ПАНЕЛИ АНИМАЦИЯ кликаем на иконку ПРОМЕЖУТОЧНЫЕ КАДРЫ.
В появившейся панели меняем количество кадров с 5 на 3. Жмем ОК.



9. В ПАНЕЛИ АНИМАЦИЯ мы увидим уже 9 кадров. 9 кадр выделен.  
Внизу ПАНЕЛИ АНИМАЦИЯ нажмем на иконку УДАЛЕНИЕ.




10. В ПАНЕЛИ АНИМАЦИЯ  видим всего 8 кадров.
Ну что?
 Жмем на ВОСПРОИЗВЕДЕНИЕ!




11. ВУАЛЯ!
Таким образом, у нас получилась анимация из 8 кадров
(2 кадра свои и 3 кадра по 2 раза - промежуточные).



И для сравнения... Выбираем ВАРИАНТ АНИМАЦИИ по вкусу...

     

Жду Ваших вопросов и новых работ в комментариях!

ТВОРЧЕСКИХ УСПЕХОВ!

Поделиться

3 47

Обсуждение новости

#прямая ссылка Nadinsem , 26 мая 2014 22:36

Красота!!

Ответить

#прямая ссылка irirna7777 , 24 мая 2014 14:33

Что то я путаться стала - забываю , как делать... image

Ответить

#прямая ссылка irirna7777 , 24 мая 2014 14:28

image - Вот мой кастик с использованием анимации градиентом.

Ответить

#прямая ссылка | Посмотреть ветку дмитриевна23522 , 21 мая 2014 17:36

Большое спасибо за урок!
Вот мой кастик с использованием анимации градиентом.

image

Ответить

#прямая ссылка | Посмотреть ветку Шаира , 21 мая 2014 18:52

Светлана, чудесно!

Ответить

#прямая ссылка | Посмотреть ветку Ризетта , 13 октября 2014 16:10

ИРОЧКА . ГДЕ ТЫ ?

Ответить

#прямая ссылка Шаира , 13 октября 2014 19:56

Уже тут, готовлю новый урок.

Ответить

#прямая ссылка raisamikushina1 , 19 мая 2014 21:04

image

...

Ответить

#прямая ссылка | Посмотреть ветку Шаира , 18 мая 2014 19:47

Уже полноценные коллажи пошли...

Ответить

#прямая ссылка | Посмотреть ветку raisamikushina1 , 18 мая 2014 20:23

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

Ответить

#прямая ссылка | Посмотреть ветку kuta75 , 19 мая 2014 00:01

Не огород,А Фитнес бесплатный.)))) Толстеньких всех на огород,а худеньким фотошоп)))

Ответить

#прямая ссылка Шаира , 19 мая 2014 23:42

А мне только огород....А я тут с фотошопом.

Ответить

#прямая ссылка | Посмотреть ветку raisamikushina1 , 19 мая 2014 07:24

А средненьким... днем- Фитнес, как стемнеет- Фотошоп...вроде сядешь ненадолго. а вот и почти рассвет за окном...вот ведь что "охото" делает

Ответить

#прямая ссылка kuta75 , 19 мая 2014 19:33

Вот потому и средненький.))))Нет покоя ни днем,ни ночью.)))

Ответить

#прямая ссылка | Посмотреть ветку irirna7777 , 18 мая 2014 00:18

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

Ответить

#прямая ссылка Шаира , 18 мая 2014 19:48

Красиво!

Ответить

#прямая ссылка | Посмотреть ветку irirna7777 , 17 мая 2014 22:56

Красота необыкновенная !!! Еще бы научиться ... Хоть без промежуточных ... Пока ни как не выходит - запуталась совсем.

Ответить

#прямая ссылка | Посмотреть ветку Шаира , 17 мая 2014 22:58

Ирина, еще раз и внимательно. Все получится!

Ответить

#прямая ссылка irirna7777 , 18 мая 2014 00:19

Все поняла , но с цветом градиента надо работать.

Ответить

#прямая ссылка Шаира , 17 мая 2014 22:59

Наденька, все прекрасно. Но почему фон такой ядовито розовый?

Ответить

#прямая ссылка | Посмотреть ветку kuta75 , 16 мая 2014 00:23

ВАУУУ!Мигает кааак.Красотень!
Сейчас БУМ пробовать.

Ответить

#прямая ссылка | Посмотреть ветку Шаира , 17 мая 2014 23:00

Ольга, а где Ваши шедевры?

Ответить

#прямая ссылка | Посмотреть ветку kuta75 , 18 мая 2014 16:55

Ирочка!что то у меня не получается.Только вот так.
У тебя цветочек мигает .а у меня вся открытка.
image

Ответить

#прямая ссылка | Посмотреть ветку Шаира , 18 мая 2014 17:01

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

Ответить

#прямая ссылка | Посмотреть ветку kuta75 , 20 мая 2014 15:03

Установила ФОТОШОП,Но МЛИНА )))) на английском языке. ПРОСЬБА,пжл.немножко больше сделай скрины.Что бы понять где что находится.)))
Я тоже могу сделать,растянуть ,но как то неудобно, со своим уставом...))))

Ответить

#прямая ссылка kuta75 , 20 мая 2014 15:04

ОЧКИ Не помогают))))Бабушки жееее)))

Ответить

#прямая ссылка kuta75 , 18 мая 2014 18:24

АААА.Вот я и думаю.Вот как же теперь мне вырезать в ПАИНТЕ))))

Ответить

#прямая ссылка | Посмотреть ветку kuta75 , 18 мая 2014 14:11

Ирочка!ПРОСЬБА.
Если будет свободное время и желание.пожалуйста оформи красиво вот эту страницу.
http://playcast.ru/communities/hobby/?act=about
никак руки не доходят.)))

Ответить

#прямая ссылка | Посмотреть ветку Шаира , 19 мая 2014 23:44

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

Ответить

#прямая ссылка | Посмотреть ветку kuta75 , 20 мая 2014 14:59

C Мазилы, браузер, смотри.Ты наверно с ОПЕРЫ смотришь????Опера вообще отстой.Установила, невозможно работать в нем.

Ответить

#прямая ссылка | Посмотреть ветку Шаира , 20 мая 2014 16:40

А я наоборот мазилу на оперу сменила.

Ответить

#прямая ссылка kuta75 , 22 мая 2014 11:11

Вообщет у меня стоит три браузера.)))В эксплоере скачиваю,там удобно.В Опере смотрю картинки ,а в МАЗИЛЕ работаю.Фотошоп,сообщество и т.д. удобно.У Мазилы стоит хорошая защита от ВИРУСА.

Ответить

#прямая ссылка kuta75 , 22 мая 2014 11:08

В Мазиле больше функций . Особенно хорошо, для работы в сообществе. Оперу хорошо использовать для просмотров фото или ВИДЕО.Увеличить,уменьшить,единственное достоинство.

Ответить

#прямая ссылка kuta75 , 20 мая 2014 23:00

Ustanowo Masilu ese.U menja 3 brausera . Masila.Opera iExploer.

Ответить

#прямая ссылка kuta75 , 18 мая 2014 13:30

Ириш!Пока слабо.Ничего не получается.Без фотошопа ,слабо)))

Ответить

#прямая ссылка | Посмотреть ветку selfish66 , 15 мая 2014 23:11

Спасибо, Ирина. Буду пытаться, с первого
раза не получилось.

Ответить

#прямая ссылка Шаира , 17 мая 2014 23:00

Марианна, где, где ваша работа?

Ответить

#прямая ссылка | Посмотреть ветку raisamikushina1 , 15 мая 2014 19:22

image...Буду оттачивать мастерство...

Ответить

#прямая ссылка | Посмотреть ветку Шаира , 15 мая 2014 19:28

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

Ответить

#прямая ссылка Шаира , 15 мая 2014 19:46

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

Ответить

#прямая ссылка raisamikushina1 , 15 мая 2014 19:37

Спасибо большое,Ирина!!! Суть уловила... пока читаешь и смотришь . так все просто, а как начинаешь делать,руки косолапыми становятся...

Ответить

#прямая ссылка | Посмотреть ветку raisamikushina1 , 15 мая 2014 19:08



...По-моему безуспешно.....image

Ответить

#прямая ссылка Шаира , 15 мая 2014 19:15

Анимацию чуть видно. Надо изменить чуть угол или стиль градиента на первом слое

Ответить

#прямая ссылка | Посмотреть ветку raisamikushina1 , 15 мая 2014 18:18

Иринааааа!!!!! Красотища!!!! Выше всех похвал!!! Спасибо большое!!!! Теперь бы научиться сделать такую красоту

Ответить

#прямая ссылка Шаира , 15 мая 2014 19:08

Что ж, Раиса, успехов!

Ответить

Автор разрешил комментарии только зарегистрированным пользователям.

Календарь

Июль 2019
пн вт ср чт пт сб вс
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 1 2 3 4

Разделы

✔ УРОКИ ШРИФТЫ,АНИМАЦИЯ снега и воды И ТЕГИ (20)
✔ ИЗБРАННЫЕ ПЛЭЙКАСТЫ (272)
✔ Игра"А У НАС" (24)
✔ Новости (32)
✔ ГОСТЕВАЯ СООБЩЕСТВА (27)
✔ КУЛИНАРНЫЕ РЕЦЕПТЫ (137)
✔ КРУЖОК РУЧНОЙ ВЫШИВКИ (7)
✔ КРУЖОК ФОТОШОПА (88)
✔ КРУЖОК МАШИННОЙ ВЫШИВКИ (1)
✔ КРУЖОК ФЛОРИСТИКИ (9)
✔ НОВОСТИ ДНЯ! (42)
✔ ЭТО ИНТЕРЕСНО (80)
✔ ПОМОЩЬ НАЧИНАЮЩИМ (100)
✔ ПЛЭЙКАСТЫ П.Д. (164)
✔ ПОЗДРАВЛЕНИЯ. (669)
✔ РЕМОНТ КОМПА.ПОЛЕЗНЫЕ ССЫЛКИ (9)
✔ ПУБЛИКАЦИЯ НА ПЕРВОЙ СТРАНИЦЕ (111)
✔ РОЖДЕСТВЕНСКАЯ ЯРМАРКА (11)
КОНКУРС САЙТА (12)
✔ ПРОЕКТЫ др.сообществ 2018 г и 2019г (364)
✔ ФОТОКРУЖОК (4)
✔ ПРОЕКТЫ 2010 г по 2017 (528)
ПРИГЛАШАЕМ ,ПОКУПАЙТЕ наш БУТИК (2)
Рукоделие (12)
УРОКИ "ТЕХНИКА КОЛЛАЖА" от ШАИРЫ (17)
Графический редактор Paint.NET (13)
Уроки Фотошоп от КСЮШИ MissKc (2)
Уроки ФОТОШОП от ОЛИ БОР (1)
Лечим свой комп. (1)
Прога Фотошоп и редакторы (2)
✔ ПРАЗДНИКИ (12)
***НАШИ ПРОЕКТЫ (34)
ДОЛГОСРОЧНЫЕ ПРОЕКТЫ (3)
все