Поддержка
Вид
LiveInternet
LiveInternet
Аватар
сменить
x
Друзья
В дневник
Написать
Комментарии
ЛС
Настройки
Регистрация
Вход
Рейтинги
Авось
из (+ сутки) дневников
Записи
Друзья
Комментарии
R-Oksana
R-Oksana
Аватар R-Oksana
-
Рубрики
♥МОИ FLASH-ОТКРЫТКИ♥
(21)
***Времена года/о любви***
(4)
***для комментариев/Спасибо/Благодарю/***
(5)
***Новый год/Рождество
(6)
***С Днём Рожденья/ Поздравляю***
(1)
***эпиграфы***
(5)
♥МОИ КНОПОЧКИ под кат♥
(14)
♥МОИ КОЛЛАЖИ♥
(180)
♥МОИ РАБОТЫ БЕЗ АНИМАЦИИ♥
(46)
***8 Марта***
(2)
***День Победы***
(2)
***Комментики***
(16)
***КРЕЩЕНИЕ***
(1)
***Масленица***
(1)
***Пасха***
(3)
***Пожелания***
(6)
***Эпиграфы***
(4)
***Яблочный Спас***
(1)
ДЕНЬ РОЖДЕНИЯ/ПОЗДРАВЛЯЮ
(1)
Новый год/Рождество
(8)
♥МОИ РАМКИ ФОТОШОП♥
(1596)
*** рамочки весенние***
(100)
***рамочки Масленица***
(4)
***рамочки 8 Марта***
(1)
***рамочки 23 февраля***
(1)
***рамочки города***
(1)
***рамочки девушки/женщины***
(1050)
***рамочки День Влюблённых***
(4)
***рамочки День Победы***
(5)
***рамочки дети***
(10)
***рамочки животные***
(16)
***рамочки зимние***
(165)
***рамочки кофейные***
(18)
***рамочки кулинарные***
(30)
***рамочки летние***
(142)
***рамочки мужчины***
(21)
***рамочки музыка для души***
(2)
***рамочки Новогодние***
(25)
***рамочки ОН И ОНА***
(211)
***рамочки осенние"
(162)
***рамочки пасхальные***
(11)
***рамочки поздравительные***
(27)
***рамочки природа***
(34)
***рамочки разные***
(85)
***рамочки религия/православные праздники***
(50)
***рамочки с цветами***
(128)
♥МОИ РУБРИКИ♥
(1)
♥МОИ СХЕМЫ♥
(1000)
***схемы животные/птички/бабочки***
(16)
***схемы абстракция***
(11)
***схемы весенние***
(117)
***схемы город***
(13)
***схемы декор/натюрморты/***
(80)
***схемы для мужчин***
(3)
***схемы зимние***
(164)
***схемы ко дню влюблённых***
(6)
***схемы кофейные***
(19)
***схемы летние***
(46)
***схемы Новый год/Рождество***
(58)
***схемы осенние***
(125)
***схемы пасхальные***
(7)
***схемы природа/деревья***
(207)
***схемы разной тематики***
(27)
***схемы с девушками***
(176)
***схемы цветочные***
(367)
***схемы/бесшовные/текстуры***
(111)
♥МОИ ФОНЫ БЕСШОВНЫЕ♥
(3)
***винтажные***
(2)
***цветочные***
(2)
♥МОЯ АНИМАЦИЯ♥
(371)
***23 ФЕВРАЛЯ***
(4)
***8 МАРТА***
(5)
***АВАТАРКИ***
(12)
***АНИМАЦИЯ/РАЗНОЕ***
(10)
***ДЕНЬ ВЛЮБЛЁННЫХ***
(6)
***ДЕНЬ МАТЕРИ***
(1)
***ДЕНЬ ПОБЕДЫ***
(3)
***ДЕНЬ РОЖДЕНИЯ/ПОЗДРАВЛЯЮ***
(27)
***ДЕТИ/АНГЕЛЫ/ФЕИ***
(9)
***ДЛЯ ТЕБЯ/НАСТРОЕНИЕ***
(19)
***ДОБРОЕ УТРО***
(10)
***ДОБРЫЙ ВЕЧЕР***
(9)
***ДОБРЫЙ ДЕНЬ***
(13)
***ЕЁ ВЕЛИЧЕСТВО ЖЕНЩИНА***
(7)
***ЗИМА***
(20)
***КОФЕЙНОЕ***
(5)
***КРЕЩЕНИЕ***
(2)
***НОВЫЙ ГОД***
(16)
***ОСЕНЬ***
(27)
***ПАСХА***
(6)
***ПОЖЕЛАНИЯ***
(25)
***ПРАВОСЛАВНЫЕ ПРАЗДНИКИ/РЕЛИГИЯ***
(13)
***ПРО ЛЮБОВЬ ***
(133)
***РОЖДЕСТВО***
(7)
***СПАСИБО/БЛАГОДАРЮ И ДР.***
(23)
***ЦВЕТЫ В ПОДАРОК***
(6)
***ЭПИГРАФЫ***
(2)
***ЭРОТИКА***
(3)
♥ОНИ ушли,но ПАМЯТЬ жива..♥
(5)
♥По краешку МОЕЙ ДУШИ...♥
(252)
deviantART
(2)
Flash
(33)
***уроки Sothink SWF***
(1)
***уроки Flash анимации***
(3)
***флеш материал***
(21)
Magic Particles 3D
(2)
Photoshop / и всё для photoshop
(171)
***для дизайна в фш(кисти,стили,маски)***
(53)
***текстуры***
(37)
***фильтры/плагины***
(43)
***футажи***
(33)
***шрифты***
(3)
Photoshop CC
(5)
АVAтарки
(72)
аватарки разных авторов
(19)
мои аватарки
(24)
бродилки
(18)
Времена года/природа
(249)
ВЕСНА
(31)
ЗИМА
(56)
ЛЕТО
(53)
ОСЕНЬ
(51)
Генераторы
(1)
Гламурные штучки/роскошь
(19)
города/страны
(164)
гороскопы/зодиак
(82)
Десерты/сладости
(2182)
***конфеты***
(100)
***крем***
(114)
***напитки***
(31)
***печенье***
(433)
***пироги***
(436)
***пирожное/рулетики***
(158)
***торты***
(558)
для детей
(37)
для дневника
(112)
женщина и мужчина/отношения
(7)
забавные животные
(338)
замки/дворцы/усадьбы мира
(207)
здоровье
(250)
игрушки-пампушки
(13)
Искусство/живопись/фото/
(250)
КлипАрт
(688)
***девушки/мужчины***
(56)
***животные***
(4)
***зимний***
(14)
***осенний***
(2)
***пейзажи***
(1)
***праздники/религия***
(12)
***цветы***
(43)
кнопочки
(51)
компьютер
(39)
антивирусник
(1)
знакомимся с Мазиллой
(2)
красота и уход
(146)
мистические явления
(19)
Мода и Стиль
(53)
мои фоны прозрачные
(4)
мой город
(15)
молитвы
(221)
мрачная готика/фэнтези
(10)
музыка
(743)
нужное
(35)
обряды/ритуалы/магия/гадания/предсказания
(81)
полезные программы
(88)
Полезные советы
(65)
Помните!
(13)
Потрясающе-красивые цветы
(288)
Праздники
(685)
***поздравления***
(487)
***православные***
(124)
приметы/традиции/обычаи
(116)
психология
(104)
разное
(103)
растюхи
(34)
Рецепты кулинарии
(5935)
***бличики***
(130)
***блюда в горшочках***
(62)
***блюда в мультиварке***
(52)
***блюда из кабачков***
(58)
***пицца***
(69)
***рецепты консервирование на зиму***
(245)
***рецепты разные/закуски***
(481)
***рецепты/блюда из морепродуктов***
(18)
***рецепты/блюда из овощей***
(40)
***рецепты/вторые блюда/гарниры***
(73)
***рецепты/выпечка/пирожки/булочки***
(563)
***рецепты/запеканки/рулеты/пироги***
(696)
***рецепты/мясные блюда/говядина
(39)
***рецепты/мясные блюда/кролик***
(9)
***рецепты/мясные блюда/курица***
(243)
***рецепты/мясные блюда/разное***
(442)
***рецепты/мясные блюда/свинина***
(87)
***рецепты/мясные блюда/утка***
(3)
***рецепты/первые блюда/суп/борщ***
(73)
***рецепты/рыбные блюда***
(232)
***рецепты/салаты***
(1150)
***рецепты/соусы***
(128)
***рецепты/тесто***
(148)
***рыба солёная/маринованная***
(109)
***сало***
(11)
***шашлыки***
(31)
Рукоделие
(175)
***бисероплетение***
(9)
***букеты из конфет***
(13)
***вязание крючком***
(31)
***вязание спицами кардиганы/полуверы***
(2)
***вязание спицами кофточки/жакеты***
(2)
***вязание спицами/платья***
(2)
***вязание спицами/разное***
(12)
***вязанная игрушка***
(5)
***декупаж***
(7)
***игольницы***
(3)
***игрушки своими руками***
(11)
***канзаши/бантики***
(27)
***рукоделие разных видов***
(38)
***шитьё***
(7)
***шкатулочки/коробочки***
(8)
Сад-огород
(48)
скрап-наборы
(139)
украшалки
(24)
Улыбнись)))))
(192)
Уроки по оформлению ЖЖ
(3)
Уроки фотошоп
(397)
***уроки от Julia_Pushkar***
(52)
***уроки анимации в ФШ***
(102)
***уроки от Millada Kataleya***
(30)
***уроки от Ларисы Гурьяновой***
(5)
***уроки фотошоп разные***
(149)
***фотошоп***онлайн
(11)
фильмы/ролики/видео
(113)
флеш-часики
(59)
храмы/монастыри мира
(34)
Читальный Зал
(22914)
***легенды/рассказы***
(143)
***мудрые мысли/цитаты***
(758)
***притчи/сказки***
(227)
***проза***
(843)
***стихи ***
(18301)
***трогательные истории***
(84)
это-интересно/непознанное/загадки
(242)
-
Музыка
Все (3)
k.melody
Слушали:
Комментарии: 22
MILENA FARMER
Слушали: 26
Комментарии: 3
-
Поиск по дневнику
в этом дневнике
-
Подписка по e-mail
-
Постоянные читатели
Все (1715)
-Juliana-
Arevi
Irina-snez
Kasanova60
LaRiSa__SOLNECHNAYA
Lamerna
Lida_K
Lkis
Ludaivan
Lyudmila_Lyu
MargoBik
Mirosslava
Mono-Liza
Nadin-YA
Natali195
Nomo_Familiano
Npotalunku
Rafaelada
SWEET5
SYarina
Scarlet5
TANIUSA47
Valentina47
Valentina_begi
drobbi
elena160752
i-b_byslik
izogradinka
mimozochka
nikolo7
tatyana_serebryakova
valvallu
Анирра
ВалюшаПП
Госпожа_Садыкова
Елена__Станиславовна
Звездная_фея
Иносенсия
Лара__Лариса
Ларса
Людмила_Феникс
Мила_Михно
МосквичкаЛ_-_Марта
На-Туся
Нина_Зобкова
ОЛЬГА_О-ВА
Ромашковый_ангел
СитковаЛюдмила
кот51
наташа45
-
Статистика
Создан: 02.09.2012
Записей: 51177
Комментариев: 17630
Написано: 126412
Отчеты:
Посетители
Поисковые фразы
Урок анимации "Собирающаяся картинка"
Вторник, 22 Сентября 2015 г. 11:18
+ в цитатник
Разберем простой пример, что бы понять саму технику его исполнения.
Выбрали картинку, с которой будете работать, задайте ей размер и создайте новый слой ( какой хотите по цвету, я сделала прозрачный), новый слой должен быть больше по размеру, чем ваша картинка. Картинку помещаем в центр этого нового слоя.
Теперь линейками разметим картинку. Чтобы сделать этот инструмент активным - нажмите Ctrl +R или Просмотр – Линейки
Очень возможно, что если вы никогда с линейками не работали, то после всех манипуляций вы их не увидите. Не стоит паниковать и расстраиваться - подведите курсор к центру верхней линейке, щелкните мышкой - появится курсив - вот его и тяните вниз, когда он встанет на картинку, то изменит цвет, линию можно передвигать. Тоже самое сделайте - вытянув линеечку сбоку.
Картинку мы с вами делим на четыре части.
Теперь берем с вами инструмент - Прямоугольная область
и, по очереди, выделяем каждый квадратик. Выделили один – скопировали на новый слой (Ctrl +J ) – обязательно подпишите этот слой, чтобы потом не запутались при сборке анимации, выделили следующий – скопировали – подписали. И так все четыре квадратика. В итоге у вас должно получиться следующее
Впоследствии, когда вы разберете этот прием, то к каждому из фрагментов можно будет применить массу эффектов - развернуть их под разными углами, чтобы собираясь, они накладывались интересно друг на друга, можно добавить тень, чтобы придать фрагментам объем и многое другое - все будет зависеть от фантазии и конечного результата. Но это будет потом, а сейчас мы с вами удалим картинку основную, она нам больше не нужна, и откроют панель анимации.
Открываем панель анимации ( Окно - Анимация). Создаем кадры из слоев
У нас получилось их четыре - удалите два, они нам сегодня не нужны. Когда я первый раз делала такую картинку по урокам, то не могла никак правильно состыковать фрагменты, т.к. в уроках их предлагали сначала убрать из кадра, а потом вернуть обратно на место.
Мы поступим с вами по другому - выделяем первый кадр в анимации и отрываем все глазки в наших слоях - в кадре появилась наша картинка. Выделяем второй кадр анимации и начинаем растаскивать фрагменты по углам - делаем активным тот слой ( фрагмент) что вы собираетесь перетащить и перемещайте его до тех пор, пока не будет виден только его маленький уголочек. так же поступайте и со всеми остальными. У вас должна получиться вот такая картинка
Уголки я оставили большими для наглядности, чтобы вы их увидели, а так можно их задвинуть дальше, чтобы вообще не было видно. А теперь поменяйте местами кадрики в анимации - если хотите, чтобы картинка собиралась, а если хотите, чтобы она разлеталась – оставьте все , как есть
Будем создавать движение – анимацию, для этого выделите первый кадр, нажмите Shift, и не отпуская, нажмите на второй кадрик анимации – они у нас выделились оба. Создаем промежуточные кадры, выставив следующие параметры
Выставляем время задержки и смотрим, что у нас получилось
Можно заставить картинку собираться по - другому.
На первом кадре включаем видимость первого фрагмента, копируем этот кадрик в анимации и перетаскиваем фрагмент в сторону – куда вам захочется. Меняем кадрики местами - первый будет тот, в котором наш фрагментик еще не появился, а вторым будет тот, в котором фрагмент картинки уже стоит на месте, выделяем два кадра, создаем промежуточные, задав кол-во кадров – 8.
Последний кадр, где прилетевший фрагмент занял свое место – копируем и включаем видимость второго фрагментов в слоях, глазок с первым фрагментом не выключаем.
Дублируем получившийся кадр с двумя фрагментами и второй фрагментик перемещаем за пределы картинки. Выделяем оба кадра, создаем промежуточные. Последний кадр дублируем – включаем видимость третьего фрагмента в палитре слоем, не отключая первые два и проделываем тоже самое.
В конечном итоге у нас получится вот такая картинка.
Как видите – все не сложно, а включив фантазию можно задавать разное движение и создавать интересные работы.
Пробуйте, творите, фантазируйте и все у вас получится! Удачи всем!
урок от T-Abissinka
http://bestanimationgif.com/lessons/view?id=36
Рубрики:
Уроки фотошоп/***уроки анимации в ФШ***
Метки:
уроки анимации
уроки от t-abissinka
анимация собирающаяся картинка
уроки фотошоп
Процитировано
66 раз
Понравилось:
78 пользователям
Нравится
Поделиться
0
Нравится
78
Запись понравилась
66
Процитировали
0
Сохранили
66
Добавить в цитатник
0
Сохранить в ссылки
Понравилось
78
0
<a href="https://www.liveinternet.ru/users/5041332/post372412276/">Урок анимации "Собирающаяся картинка"</a><br/> Разберем простой пример, что бы понять саму технику его исполнения. Выбрали картинку, с которой будете работать, задайте ей размер и создайте новый слой ( какой хотите по цвету, я сделала прозрачный), новый слой должен быть больше по размеру, чем ваша картинка. Картинку помещаем в центр этого нового слоя. Теперь линейками разметим картинку. Чтобы сделать этот инструмент активным - нажмите Ctrl +R или Просмотр – Линейки Очень возможно, что если вы никогда с линейками не работали, то после всех манипуляций вы их не увидите. Не стоит паниковать и расстраиваться - подведите ... <a href="https://www.liveinternet.ru/users/5041332/post372412276/">Читать далее...</a>
« Пред. запись
—
К дневнику
—
След. запись »
Страницы:
[1] [
Новые
]
Наведите сюда мышку, чтобы узнать, как сделать работу с сайтом еще удобнее
LiveInternet
О проекте
Версия для PDA
Контакты
Разместить рекламу
Сменить
Логин
Пароль
Выйти