Серия сообщений "ФШ, уроки и общее":

Часть 1 - Устанавливаем фотошопCS4 и дополнения к нему
Часть 2 - ФШ CS5, изучаем новое
...
Часть 32 - ФШ, изменяем размер картинки всей папки
Часть 33 - Удаляем фон с анимашки
Часть 34 - ФШ, убираем фон в анимации

1. Открываем фото с водопадом, который мы будем анимировать.

Серия сообщений "- Фотошоп АНИМАЦИЯ -":
Часть 1 - Урок - Сверкающая одежда
Часть 2 - Урок -Как сделать анимированную подпись (gif)
...
Часть 24 - Текст пререливающийся радугой, В тексте анимация вращающейся радуги
Часть 25 - Бабочка простая анимация.
Часть 26 - Анимация (уроки фотошопа) Водопад
Часть 27 - Анимация (уроки фотошопа) Блики
Часть 28 - Анимация Мерцание звезд
...
Часть 48 - Иллюзия движения-световые эффекты.Движение глаз.
Часть 49 - Урок от NATALI:Анимация плагином Alien Skin\Textures\Animal Fur
Часть 50 - Урок от NATALI:Приемы работы с инструментом Осветлитель

Серия сообщений "Мои уроки":

Часть 1 - Урок от NATALI: Выделение при помощи быстрой маски
Часть 2 - Урок от NATALI:Использование маски на картинке
...
Часть 98 - Урок от NATALI:Быстрое удаление однотонного фона на картинке
Часть 99 - Урок от NATALI:Зимние эффекты плагином Альен Скин
Часть 100 - Урок от NATALI:Движение волос фильтром EYE CANDY 4000

Данный урок подготовлен для Вас командой сайта http://www.photoshop-master.ru Способ 1 Для начала поработаем вручную. Попробуем анимировать воду, уже имеющуюся в наличии. Размер картинки примерно 1000х750pix. Копируем слой и убираем всё лишнее – оставляем только воду. Делайте это как Вам удобнее и быстрее. Делаем 3 копии слоя Вода (всего получается 4). Теперь будем рисовать карту смещения для создания движения воды. Открываем новый документ. Его размер примерно такой же, как и оригинальное изображение (ширина фотографии скалы, с которой я работала, примерно 1000pix – новый документ для карты смещения 1000х1000pix). Сначала создаём часть волны любым удобным для Вас способом (1). Копируем изгиб и постепенно заполняем всё пространство документа (2,3,4). При помощи Трансформации-Перспектива (Transform-Perspective) создаём объём пространства (5). От чего зависит степень искажения? От расположения линии горизонта, от удаленности объектов. В каждом случае индивидуально. Я сделала искажение по горизонтали больше 300%. Обрезаем документ (Crop Tool). Теперь нижнюю часть волн немного размоем (6). Я делала копию слоя, размывала её Гауссовым размытием, добавляла маску слоя и убирала эффект размытия на волнах у горизонта, а затем стирала четкие волны на исходном слое в нижней части. Можно использовать режим быстрой маски (Quick Mask Mode). Наложить черно-белый градиент, получить выделение и его размыть. Делайте так, как Вам удобно. Если получилось несколько слоев – слейте их вместе. У нас получилось одна фаза движения волн. Копируем полученный слой несколько раз, чтобы получить в итоге 4 слоя. При помощи свободной трансформации увеличиваем каждый слой по вертикали, чтобы заполнить всё пустое пространство (просто тянем вниз). Обрезаем документ (Crop Tool). И сохраняем каждый слой в отдельный файл где-нибудь «недалеко» на компе ))) в формате ___.psd. Всего получилось 4 psd файла. Я так их и назвала: 1, 2, 3, 4. Возвращаемся к копиям слоя Вода основного рабочего документа. Создаём выделение одного из слоёв (клик по иконке+Ctrl) и применяем фильтр Искажение-Смещение (Filter-Distort-Displace). Размер вертикальных и горизонтальных смещений можно менять – поэкспериментируйте. В открывшемся окне выбираем карту смещения под номером 1 (находим на компьютере место, где мы сохраняли файлы и выбираем нужный). То же самое с другими слоями, выбирая следующую карту смещения – по очереди: 2, потом 3, потом 4. Копии слоев с Водой, после применения фильтра, я так же назвала 1,2, 3 и 4. Для анимации всё готово! Открываем палитру анимации (Window-Animation). 1-ый кадр – слой воды 1 2-ой – слой воды 2 3-ий – слой воды 3 4-ый – слой воды 4 5-ый – слой воды 3 6-ой кадр – слой воды 2. Получается зацикленное движение. Время 0.5 сек для всех кадров. Можно экспериментировать с размером и формой волн, кол-вом фаз движения. Но уменьшать число фаз я бы не советовала – грубовато получается. Перед сохранением анимации можно уменьшить размер документа (Image-Image Size). Другой вариант: можно использовать готовую карту смещения (см. урок Отражение на воде)… …и повторить все манипуляции по созданию фаз движения воды. То есть: сделать копии слоя карты смещения; увеличить копии по вертикали с каждым разом всё больше (например: основной слой 100% по вертикали, 1-ая копия – 104%, 2 – 108%, 3 – 112%, степень увеличения смотрите по обстоятельствам); обрезать документ; сохранить слои в отдельные файлы формата ___.psd; применить фильтр Смещение к копиям слоев Вода с разными картами смещения; создать анимацию. Принцип создания анимации тот же. Предлагаю попробовать ещё один вариант карты смещения воды. Будем анимировать другую картинку. Её размер 500х500pix. Увеличиваем размер документа (Image-Canvas Size), копируем основной слой, отзеркаливаем по вертикали, добавляем воду, снижаем насыщенность цвета. Я ещё осветлила центр инструментом Осветлитель (Dodge Tool) и границу между слоями размыла при помощи маски слоя. Делаем две копии слоя воды (всего получается 3 слоя) и создаём карту смещения. Сначала новый документ (размер такой же, как у исходника) с белым фоном. Теперь применяем фильтр Эскиз-Полутоновый узор (Sketch-Halftone Pattern). Настройки подбирайте по своему усмотрению. Потом, к полученной «зебре», добавляем перспективу. Если при настройке фильтра Вы поставили высокий контраст можно размыть волны в нижней части документа. Сохраняем файл в формате ___.psd. Возвращаемся к копиям слоев воды основного документа. Создаём выделение одного из слоёв (клик по иконке+Ctrl). И применяем фильтр Искажение-Смещение (Filter-Distort-Displace), но для каждого слоя с разными настройками горизонтального и вертикального размера смещения. Можно так, всё зависит от размера вашего документа. Слои я так и назвала: 3-7, 5-10, 7-12. Делаем анимацию: 1 кадр – слой 3-7, 2 кадр – слой 5-10, 3 кадр – слой 7-12, 4 кадр – слой 5-10. Время для всех кадров 0,5сек. Вот что получается: Способ 2 Работа с плагинами. Для эксперимента я использовала Flood FlamingPear Software. Этот плагин прост в работе, но даёт интересный результат. Предварительную подготовку картинки, по необходимости, делаем в фотошоп. А потом переходим к созданию воды. Один нюанс: плагин считывает информацию для создания отражения с картинки выше линии офсета (или линии горизонта, если линия офсета на нуле). То есть, если вы создали подготовительный материал для воды вручную (скопировали отражение, подобрали цвет воды, степень цветности, прозрачности и т.д.), надо отзеркалить слой с отражением по вертикали и применять данный фильтр к полученному слою. В процессе поясню подробнее. Итак, я использовала картинку без свободного места для воды (1). Увеличила документ (Image-Canvas Size), сделала зеркальную копию слоя по вертикали, уменьшила непрозрачность, добавила воду, кадрировала документ (2). Затем отзеркалила слой отражения по вертикали и совместила границы воды (3). Сделала две копии отзеркаленного слоя с отражением и каждый из 3-х слоев обработала плагином (4). При обработке плагином разных копий отражения я меняла только один параметр (см. скриншот) Waviness, который задаёт высоту волн: 15, 20 и 25. Слои я так и назвала: 15, 20 и 25. Делаем видимым верхний оригинальный слой (5) и, с помощью маски слоя, создаем неровный край воды(6). Для анимации всё готово. Получается 4-е кадра и зацикленное движение. 1 – слой 15 2 - слой 20 3 - слой 25 4 - слой 20. Время для всех кадров 0,5 сек. Просто и быстро. Ещё движение листочков можно добавить……… (две копии основного слоя; фильтр пластика; 1 и 3 кадры – основной слой, 2 кадр – первая копия, 4 кадр - вторая копия)… фантазии и совершенству нет предела! Ну, на этом, пожалуй, и всё! Удачи в творческом процессе! PIROGOVADESIGN рамочка от Белянушки

Серия сообщений "уроки по анимации":

Часть 1 - Анимация её создание
Часть 2 - Анимация текста.
...
Часть 65 - >Делаем анимацию из видеоклипа.
Часть 66 - >Анимация снега без всякого фотошопа.Урок
Часть 67 - Данный урок подготовлен для Вас командой сайта
Часть 68 - >Делаем слайд-шоу или движение картинок
Часть 69 - >Урок NATALI:И снова Alien Skin -Xenofex- 2-Constellation
...
Часть 71 - >Урок от NATALI:Движение в стиле стерео -эффекта
Часть 72 - >Удаляем фон с анимашки в JAS.
Часть 73 - >ФШ, убираем фон в анимации

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



Итак поехали >>>

Серия сообщений "МОИ УРОКИ":
Часть 1 - Установка плагина Alien Skin Bokeh v.1.0.3 ( Для Оленьки)
Часть 2 - Установка плагина Picture Cutout Guide v1.1 (отделяет от фона)
...
Часть 4 - Урок анимации " Потанцуем!"
Часть 5 - Урок анимации " Я люблю тебя!"
Часть 6 - 5 способов анимации воды родными средствами Photoshop
Часть 7 - Анимация крутящейся спирали
Часть 8 - Создание снега и дождя в программе Nature Illusion Studio (легко и просто!)
...
Часть 10 - Вырезаем в фотошопе плагином Topaz ReMask 2.0.4
Часть 11 - Анимация облаков и воды в программе FantaMorph Deluxe 4.1 (+ Photoshop)
Часть 12 - Установка и руссификация программы FantaMorph Deluxe 4.1 + Rus

УРОК АНИМАЦИИ

Сегодня я расскажу Вам урок как делать анимацию,чтобы Ваши герои хотя бы немного ожили.И так берем эту картинку.Вы тоже можете взять за основу ее,а можете что-то и свое.

Открываем в фотошопе картинку,добавочно создаем новый проект.


В инструментах берем "ПРЯМОЛИНЕЙНОЕ ЛАССО" и вырезаем ту часть картинки,которую мы хотим применить в движении.Только обязательно та часть которая будет соединяться с другой частью тела надо вырезать точно по линии.В этой картинке это лицо.Остальное можно приблизительно.Ведь у нас белый фон.А белый с белым будут едины.И перетаскиваем выделенную часть в "НОВЫЙ ПРОЕКТ"


Давайте на картинке создадим свой НИК,я написал УРОК РОСИЧ.Создаем дубликат нашей картинки.Как это сделать я показал красными стрелками.Или "СЛОИ-ДУБЛИКАТ СЛОЯ"


Теперь начинается основная часть нашей работы.Берем кисть с четкими краями,нажмите "Alt" и у Вас появится пипетка,кликните этой пипеткой по белому фону( это и есть белая краска )Закрасьте кистью ту часть картинки что мы вырезали и ни ни зайти за эту линию,а то получатся белые острова.Закрашивайте на втором слое дубликате.Первый у нас будет как исходный.


Теперь берем и инструментом от которого идет красная стрелка "MOVE TOOL" с зажатой левой кнопкой перетаскиваем нашу головку из нового проекта на закрашенную часть основной картинки.И посмотрите в панели слоев у нас образовался новый слой-это и есть наша головка на пустом фоне.


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


И давайте соберем их в таком порядке.Дублированный слой-Головка,Третий дублированный слой-головка.И так далее.И у нас на каждом кадре головка в одной и той же позиции.


Активируем слой с головкой второго кадра.И идем "ТРАНСФОРМИРОВАНИЕ-ПОВОРОТ" Я показал зелеными стрелками.


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


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


Идем в "СЛОИ-ОБЪЕДИНИТЬ С ПРЕДЫДУЩИМ" и объединяем эти два слоя.При этом на обоих должны стоять глазки и слой с головкой должен быть активирован(полосочка должна быть цветная).


Делаем следующий кадр.Третий.Делаем глазок в слое с головкой,а на основном слое не ставьте,чтобы было видно оба слоя.Это я Вам демонстрирую как видны друг на друге оба слоя.


И снова в "ТРАНСФОРМИРОВАНИЕ-ПОВОРОТ" поворачиваем и сдвигаем еще правее и ниже


Вот так.

Опять объединяем эти два слоя(с активированными глазками). НЕ ЗАБЫВАТЬ.


И вот когда мы собрали,трансформировали все слои,нам ведь надо и в обратном порядке все произвести.Головка должна в исходную позицию вернуться.И начиная с четвертого слоя,я показал зеленой стрелкой,мы копируем его и переносим сверху первым.Я показал красной стрелкой.И так проделываем со всеми слоями с третьим и со вторым и перемещаем все первым и первым.


В итоге у нас получилось восемь слоев.


Вы знаете я подумал.Но одиноко будет одной головке шевелиться.А давайте вырежем ципленка и переместим в "НОВЫЙ ПРОЕКТ"А на его месте опять закрасим белой краской.


И проделаем это на третьем кадре.Поднимем ципочку чуть вверх.


А давайте и у мамаши немного шевельнем хвост.На пятом кадре и зайдем в "ФИЛЬТРЫ-ПЛАСТИКА" Я показал красной стрелкой.


Инструментиком "ДЕФОРМИРОВАНИЕ" и подобрав размер кисти,что справа и чтобы не захватить что либо не то сдвинем его чуть вверх.


Открываем панель анимации,или у кого "ИМАГЕ РЕЙДИ",как у меня,создаем кадры из слоев,видите в этой панели справа вверху малюсенький белый кружочек,а в нем маленький такой треугольничек.Нажмите на него и откроется панель где сказано "СОСТАВИТЬ КАДРЫ ИЗ СЛОЕВ" Поставьте скорость как я поставил-эту панель я выделил зеленой стрелкой.


НАЖИМАЕМ ТРЕУГОЛЬНИЧЕК-видите на панели ТРИ треугольничка.Так тот что в центре.И наша анимация ожила.

Серия сообщений "~~ВСЕ ДЛЯ ФОТОШОПА~~":
Часть 1 - Как сделать прозрачный фон
Часть 2 - Установка Photoshop'a 2-CКАЧАТЬ
...
Часть 98 - И снова осень... Скрап-набор.
Часть 99 - Винтажные рамочки-основы. КлипАрт. Часть 1.
Часть 100 - Розы. Винтаж. КлипАрт.

Серия сообщений "УРОКИ ПО ФШ ОТ Александра Березянского!":
Часть 1 - ОЧЕНЬ ЛЕГКИЙ УРОК ПО БЛЕСТЯШКАМ
Часть 2 - Продолжаем серию уроковАлександра Березянского!
Часть 3 - К серии уроков Александра Березянского..Урок №2 "Движение" Урок №2
Часть 4 - УРОК "АНИМАЦИЯ МОРЯ"
Часть 5 - УРОК АНИМАЦИИ
Часть 6 - Как нам сделать текст

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

Хочу вас сразу напугать, я решила теперь постоянно писать уроки
(чтоб не сидели без дела и учились анимации) , по крайней мере пару раз в
неделю обещаю…

Раз уж начали мы с самого простого, то и продолжим,
сложность будем увеличивать постепенно, 
и работать будем не только в фотошопе, но и в других программах тоже, но
об этом позднее…

На авторство уроков я не претендую (даже скорее на идею),
так как подобных уроков в интернете полно, только объясняют все по разному.  Постараюсь разжевывать все подробно и
отвечать на вопросы, которые у вас возникнут 
по ходу дела…

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

Сегодня мы будем делать вот таких танцующих мультяшек!

Читать далее >>>

Серия сообщений "МОИ УРОКИ":
Часть 1 - Установка плагина Alien Skin Bokeh v.1.0.3 ( Для Оленьки)
Часть 2 - Установка плагина Picture Cutout Guide v1.1 (отделяет от фона)
Часть 3 - Урок по анимации украшений
Часть 4 - Урок анимации " Потанцуем!"
Часть 5 - Урок анимации " Я люблю тебя!"
Часть 6 - 5 способов анимации воды родными средствами Photoshop
...
Часть 10 - Вырезаем в фотошопе плагином Topaz ReMask 2.0.4
Часть 11 - Анимация облаков и воды в программе FantaMorph Deluxe 4.1 (+ Photoshop)
Часть 12 - Установка и руссификация программы FantaMorph Deluxe 4.1 + Rus

Напишу очень простой урок двухкадровой анимации,в итоге у нас получиться вот такая прелесть!



Итак, приступим, открываем изображение, можете взять это....

ЧИТАТЬ ДАЛЕЕ  >>>

Серия сообщений "МОИ УРОКИ":
Часть 1 - Установка плагина Alien Skin Bokeh v.1.0.3 ( Для Оленьки)
Часть 2 - Установка плагина Picture Cutout Guide v1.1 (отделяет от фона)
Часть 3 - Урок по анимации украшений
Часть 4 - Урок анимации " Потанцуем!"
Часть 5 - Урок анимации " Я люблю тебя!"
...
Часть 10 - Вырезаем в фотошопе плагином Topaz ReMask 2.0.4
Часть 11 - Анимация облаков и воды в программе FantaMorph Deluxe 4.1 (+ Photoshop)
Часть 12 - Установка и руссификация программы FantaMorph Deluxe 4.1 + Rus

источник

Сначала, хотела назвать урок "анимация снега", но как-то не по сезону


Пусть будут "летящие звезды" это более романтично и по-весеннему, по-моему...


А принцип один и тот же








Итак:


1) Открываем картинку и создаем новый чистый слой - Shift+Ctrl+N






2) Берем звездную кисть - Star (Large или Small)





и рисуем на новом слое звездочки, примерно так:


Режим слоя ставим на Overlay



3)Открываем Image Ready (Shift+Ctrl+M) или идем в меню Windows--->Animation.


И делаем еще 2 фрейма.





4) На 2-ом фрейме Move Tool'ом сдвигаем слой со звездочками вверх и немного влево)



А в 3-ем фрейме вниз и немного вправо.


Скорость всех 3х кадров меняем на 0, 1 или 0, 2...


И всё! Снег... т.е звезды готовы





P.S. Можно наоборот сделать: на 2-ом слое сдвигать слой вниз вправо, а на 3-ем - вверх влево:)

Серия сообщений "~ Фотошоп - Анимация":

Часть 1 - Давайте делать дождь
Часть 2 - Мигание глаз.
...
Часть 21 - Урок от Знойная. Все скажем спасибо, ей.
Часть 22 - Фотошоп - Урок от Sexy_Lady
Часть 23 - Фотошоп - Аннимация
Часть 24 - Фотошоп уроки с сайта Фотошоп без секретов
Часть 25 - Анимированный дождь.
...
Часть 86 - Анимация Фонарики +
Часть 87 - Анимация Исчезающий текст и Переливающийся текст.
Часть 88 - Анимация "Блики боке"