6 часть бродилки с уроками в фотошопе CS5 |
|
|
"Дождь на стекле" со стекающими каплями от дождя. 2-урок Капли дождя. |
Урок взят отсюда Дождь на стекле. Сегодня предлагаю сделать не сложную анимацию "дождь на стекле" со стекающими каплями от дождя. В результате должен получится такой эффект. Подберем подходящую картинку и начнем создавать дождь на стекле. 1-Файл открыть. Теперь сделаем две копии слоя "фон" и будем создавать мокрое стекло. 2-Слой-создать дубликат слоя. И еще раз сделать дубликат. Окно слоев выглядит так. 3-В окне слоев встать на слой "фон копия".(Кликнуть по этому слою). 4-Фильтр-искажение- океанские волны.Поставить размер волн 3, сила волн 3. (Если такие параметры не устроят, поставьте значения, которые понравятся.) 5- Встать на слой "фон копия 2". 6- Фильтр-искажение-стекло. Параметры такие: искажение 2, смягчение 2, текстура-изморозь. Следующий слой послужит фоном для капель дождя. 7-Слой-новый-слой. И зальем его серым цветом. 8-Редактирование-выполнить заливку. Окно слоев такое. Как сделать капли на стекле смотрите в уроке "Капли дождя". Напомню, что сами капли должны быть не на сером , а на новом слое. Делайте капли не густо. Лишние можно стереть ластиком. Получится примерно так. А сейчас подготовим слои для анимации дождя. В окне слоев активирован слой с каплями " слой 2". 9-Слой-создать дубликат слоя. 10-Редактирование-трансформирование отразить по горизонтали. На картинке прибавится капель. Сделаем еще две копии слоя капель. 11-Слой-создать дубликат слоя. 12-Редактирование-трансформирование-отразить по вертикали. 13- Слой-выполнить дубликат слоя. 14-На панели инструментов выбрать инструмент "перемещение" , кликнуть по картинке и сдвинуть слой немного вверх, чтобы расположение капель стало другим. Слои с дождем готовы. 16--В окне слоев отключить глазки на верхних трех слоях с каплями и встать на слой 1. Уменьшить непрозрачность серого слоя до 50%. (В правом верхнем углу окна слоев.) Картинка станет такой. 17-На панели инструментов выбрать "ластик " и сделать "потеки на стекле". Теперь создадим капли, которые будут стекать по стеклу. 18-На картинке выбрать каплю побольше и выделить ее инструментом "лассо". 19-Слой-новый-скопировать на новый слой. 20-Редактирование-свободное трансформирование. Увеличить до 150%. Нажать 21-Инструментом "перемещение", перенести каплю на одну из вертикальных полосок "потека". 22-Слой -создать дубликат слоя. 23-Переместить новую каплю на другую полоску. 24- Сделать еще дубликат и поставить каплю ниже верхней капли. Теперь для анимации все есть. Осталось самое интересное, это собрать анимацию. Окно слоев выглядит так. 25-В окне анимации поставить время 0,2 и сделать дубликат первого кадра. 26-В окне слоев встать на слой 3 и инструментом "перемещение" опустить первую каплю вниз. 27-В окне слоев встать на слой 3 копия и опустить другую каплю вниз. 28-В окне слоев встать на слой 3 копия 2 и опустить третью каплю вниз. 29-В окне анимации нажать на значок tween, в появившемся окне поставить 15 кадров. теперь можно нажать на пуск и посмотреть, что получилось. Осталось добавить дождь на стекле. 30-В окне анимации кликнуть по первому кадру, затем по второму, третьему и проверить, чтобы в окне слоев был включен глазок на слое 2. 31-В окне анимации кликнуть по четвертому кадру, в окне слоев включить глазок на слое 2 копия. 32-В окне анимации поочередно кликать по пятому, шестому, седьмому кадрам , а в окне слоев включать глазок на слое 2 копия. 33-В окне анимации кликнуть по восьмому кадру, а в окне слоев включить глазки на слое 2 копия и на слое 2 копия 2. 34-В окне анимации кликать по девятому, десятому, одиннадцатому кадрам, одновременно включать глазки на слое 2 копия и на слое 2 копия 2 35-В окне анимации кликнуть по двенадцатому кадру, в окне слоев включить глазки на верхних трех слоях. 36-В окне анимации кликать по кадрам тринадцать, четырнадцать, пятнадцать и шестнадцать,одновременно включать глазки на верхних трех слоях. 37- Кликнуть по семнадцатому кадру, поставить время на этом кадре, 1 сек., а в окне анимации выключить глазки на верхних трех слоях. 38- В окне анимации нажать на значок "пуск" и картинка оживет. Анимация "дождь на стекле" готова, сохраняем файл для Web и устройств в формате Gif. |
|
Страна Фотошоп "Скрипач" |
|
Страна фотошопа.Пока летит звезда |
|
Поцелуй Снежной Королевы. Анимация Снега. Урок от MissKcu |
|
Отличный урок от Ольги Бор.Анимация дождя,молнии. |
|
Создание gif анимации видео для публикации в социальных сетях и сайтах. |
Создание gif анимации видео для публикации в социальных сетях – тема этой статьи. Для чего нам может понадобиться gif анимация?
Наверняка, каждый из вас видел движущиеся или мерцающие картинки. Gif картинки отлично привлекают к себе внимание, поэтому использование их весьма распространено. Чаще всего мы встречаемся с gif анимацией в социальных сетях. Многие используют их при оформлении постов.
Хотя немаловажную роль они играют и в маркетинге, в обучении… Список применения «живых» картинок можно продолжить.
Однако мы будем рассматривать gif анимацию применимо к YouTube. Очень часто, желая поделиться своим видео с друзьями, мы просто добавляем его в видеозаписи на свою страничку. С одной стороны – цель достигнута: наш видеоконтент увидят в ленте новостей.
|
Понравились уроки по анимации. Просто и красиво |
|
Видео уроки по созданию живого фото |
|
Живые картинки, которые двигаются (программа Cliplets) |
|
Урок для Фотошоп " Закрываем глазки" |
|
Уроки по созданию разных эффектов GIF |
|
Как быстро сделать гиф из видео на Ютуб |
|
Урок ФШ: Анимация - снег за окном |
|
Фотошоп урок "Убираем ореол с анимашек" |
|
Урок ФШ: Делаем анимацию боке |
|
>УРОКИ АНИМАЦИИ ФОТОШОП |
Серия сообщений "УРОКИ АНИМАЦИИ ФОТОШОП": https://www.liveinternet.ru/users/lybimaya-ya/rubric/4826451/
Часть 1 - Волшебные снежинки
Часть 2 - "Поцелуй Снежной королевы"
Часть 3 - Моргающие глазки
Часть 4 - " ЗАЖЕЧЬ СВЕЧУ"
Часть 5 - Оживление персонажа
Часть 6 - Урок анимации в фотошоп с применением фильтра пластика
Часть 7 - «Анимация фильтром DSB Flux»
Часть 8 - Украшаем елочку
Часть 9 - Зимние эффекты плагином Альен Скин
Часть 10 - Плавная анимация снега
Часть 11 - моргание глаз
Часть 12 - Делаем снег с плагином VDL Adrenaline
Часть 13 - УРОКИ ОТ NATALI
Часть 14 - Анимация фильтром Xero - Fritillary
Часть 15 - 100 уроков ФОТОШОП
Часть 16 - Вращающаяся Звёздочка
Часть 17 - Как придать Блеск драгоценностям
Часть 18 - Марионеточная деформация
Часть 19 - Мерцание
Часть 20 - Знакомимся с фильтром
Часть 21 - «Моргание глаз».
Часть 22 - цветные блестки
Часть 23 - УРОКИ ОТ БЭТТ
Часть 24 - выдвигающего поздравления из конвертика
Часть 25 - Анимация самолета
Часть 26 - "Осветлитель" от MissKcu
Часть 27 - "Рисуем реснички и моргаем глазами"
Часть 28 - "Пластика " и "Операция"
Часть 29 - Делаем анимацию падающего предмета, например: сердечек
Часть 30 - видео-уроки CS5 от Зоси
Часть 31 - Анимация водорослей.
Часть 32 - Учимся делать блинги
Часть 33 - Анимация лица
Часть 34 - Аннимируем сердечко.
Часть 35 - Спуск с горы
Часть 36 - Блик на невидимом узоре
Часть 37 - скользящего блика в фотошоп
Часть 38 - Полёт бабочки
Часть 39 - Плавные движения всего на двох слоях
Часть 40 - Перелистываем страницы
Часть 41 - Как сделать конвертик в ФШ?
Часть 42 - добавлению эффекта свечения краев от Колибри
Часть 43 - Полёт птиц
Часть 44 - Эффект собирающейся мозаики
Часть 45 - блестяшкам от MissKcu
Часть 46 - Распускающийся цветок
Часть 47 - Снег идет
Часть 48 - Огонь свечи
Часть 49 - Метель и вьюга
Часть 50 - Анимация слезы https://www.liveinternet.ru/users/lybimaya-ya/rubric/4826451/
|
Генераторы |
Серия сообщений "ссылки":
Часть 1 - Лёгкая загрузка изображений в дневник
Часть 2 - Создаём ссылки
...
Часть 5 - Свободная энциклопедия
Часть 6 - Уроки по созданию коллажей
Часть 7 - Генераторы
|
Без заголовка |
Серия сообщений "* Плейлисты":
Часть 1 - Знакомьтесь - Елена Фролова
Часть 2 - Олег Митяев
...
Часть 16 - Владимир Высоцкий в кино - плейлист ко Дню рождения Артиста
Часть 17 - Детективы времен СССР - плейлист
Часть 18 - Плей-лист Ф. Киркоров
|
Урок по анимации птички от Photoshop + (Онлайн фотошоп - Эдитор) |
Анимация птички Результат урока: Загружаем птичку в фотошоп. https://img-fotki.yandex.ru/get/15554/270562545.1f/0_1166ca_81f93901_orig Поработайте со всеми слоями птички, устанавливая слои так, чтобы птичка была похожа на настоящую при повороте. Работайте фильтром пластика, если нужно где-то уменьшить слой или сузить. Если в слое что - то мешает, удалите ластиком. Я вам показала принцип, а дальше дело фантазии. Открываете окно анимации, ставите строку постоянно, время - 0,2сек. или 0,3сек. Дублируете кадры. Можно сделать анимацию из пяти или шести кадров. Это уже на вашу фантазию, как вы разместите птичку. У меня в анимации 6 кадров. Распределяете слои по кадрам. На первом кадре включаете глазик нашего клипарта. На втором и далее включаете слои по порядку как мы делали работу по скринам. Создаете новый слой и устанавливаете его на задний план и заливаете любым цветом. Или можно взять любую картинку для фона, загрузить и установить задним планом. Подписываете работу. Смотрим результат и сохраняем в формате - GIF. Вопросы будут, обращайтесь!!! Готовые работы выставляйте в комментарии под постом. Успеха в творчестве!!! BFlash |
Благодарю за цитирование и нажатие кнопочки "Нравится".
|