Как создать анимацию облаков в фотошопе
Обновлено: 07.07.2024
Не удалось добавить комментарий, содержащий нецензурные выражения
'); return HTML.join(''); > if ( (Screened && !Screenable && !ScreenedAndVisible) || !Readable ) < HTML.push('
'); > else < HTML.push(' '); >HTML.push(''); if (PosterDeleted) HTML.push(''); if (PosterFirstName || PosterLastName) < HTML.push(PosterFirstName + ' ' + PosterLastName); >else if (PosterNick) < HTML.push(PosterNick); >else < HTML.push(PosterEmail); >if (PosterDeleted) HTML.push(''); HTML.push(''); if(IsStar)HTML.push(' '); HTML.push(' ' + PosterName + ' '); if (!PosterDeleted && 0) < HTML.push('
Урок. Движение облаков
В этом уроке я хочу вам показать, как можно сделать анимацию движения облаков по небу.Открываем нашу картинку с облаками в ФШ, снимаем замочек, кликнув на него левой кнопкой мыши 2 раза. Я еще добавила клипарт ласточки, чтоб при движении облаков лучше это было видно, но пока мы не обращаем внимание на ласточку и вообще, можно её открыть уже в конце урока
Дальше идем ИЗОБРАЖЕНИЕ - РАЗМЕР ХОЛСТА и в открывшемся
окошке увеличиваем значение ширины в 3 раза (потом поймете
зачем) т.е. у нас была ширина 600 пикселов, а теперь мы по-
ставили 1800 пикселов, высоту мы не меняем и получаем вот
такую картинку
Создадим два дубликата нашего слоя, жмем сочетание двух
клавиш Ctrl+J 2 раза и получим 3 слоя нашего фона. Переходим
на второй слой, берем инструмент ПЕРЕМЕЩЕНИЕ и сдвигаем кар-
тинку в левую сторону,идем РЕДАКТИРОВАНИЕ -ТРАНСФОРМИРОВАНИЕ-
ОТРАЗИТЬ ПО ГОРИЗОНТАЛИ, Enter - применить трансформацию, т.е.
перевернем картинку, чтоб у нас лучше совпадал рисунок на
картинках
Теперь становимся на 3 слой,и опять идем РЕДАКТИРОВАНИЕ-
ТРАНСФОРМИРОВАНИЕ - ОТРАЗИТЬ ПО ГОРИЗОНТАЛИ, Enter - применить
трансформацию, и инструментом перемещение сдвигаем картинку в
правую сторону
Объединим все слои, кроме слоя с ласточкой, глазки на всех
слоях должны быть включены и стоя на верхнем слое , кликните по нему правой кнопкой мыши и в открывшейся табличке выберите
"Объединить видимые"
Идем дальше, создаем новый документ размер 600Х409, т.е. раз-
мер нашей картинки сначала
перетаскиваем нашу картинку на новый документ и клипарт с лас-
точкой тоже перетащим и поставим в самом верху. В окне анимации у нас уже есть 1 кадр, поставим сразу время 0,2 сек. и инструментом ПЕРЕМЕЩЕНИЕ сдвигаем картинку до конца влево, нажимаем на листик и создаем еще один кадр, и перемещаем картинку до конца в правую сторону
Создаем промежуточные кадры, я выбрала 15 кадров, можно и
больше, тогда анимация будет плавнее, НО и анимашка будет больше весить, так что это на ваш выбор сколько делать промежуточных кадров.
У меня получилось 17 кадров анимации,17 кадр удаляем так,как
он повторяет первый кадр, жмем на просмотр и любуемся.
Если все нравится жмем Файл-Сохранить для Web в формате GIF
Открываем изображение (пример). Выделяем инструментом «Лассо» или «Быстрое выделение» здания, копируем и вставляем.
Между фоновым слоем и зданиями создаем новый слой и в нем рисуем облака, для чего предварительно нужно скачать кисть «облака» с любого ресурса бесплатных кистей.
Дублируем слой с облаками и один из них сдвигаем влево, а другой вправо.
На каждом из слоев стираем границу облаков.
Слои с облаками объединить. К слою добавить слой-маску и залить черным цветом.
В слое-маске кистью тип «облако» белого цвета рисуем облако.
Во вкладке «Окно» выбираем «Шкала времени» и создаем на раскадровке второй кадр. Выставляем «Выбор времени отображения кадра» и «Выбор параметров цикла» устанавливаем «Постоянно». Нажимаем на скрепке между слоем облака и слоем-маски, которая связывает слой со слоем-маской. Для первого кадра сдвигаем слой с облаком, не слой-маску вниз вправо.
Для второго кадра сдвигаем слой с облаком вверх влево.
Становимся на первый кадр и, удерживая нажатой клавишу Shift нажимаем на второй кадр, тем самым выделив их. Далее нажимаем на иконку, которая обозначает создание промежуточных кадров. В диалоговом окне задаем количество промежуточных кадров.
Поверх слоя с облаком, который участвует в анимации можно создать новые слои и в них добавить немного облаков по краям. К слоям добавить слои-маски и прокрасить края облаков. Снизить слоям с облаками непрозрачность до 30-40%.
В слое-маске слоя с облаком, который участвует в анимации можно немного скрыть часть облаков кистью тип облака черного цвета.
Не всегда синее безоблачное небо смотрится красиво, если бы добавить облаков, картинка сразу бы оживилась. В этом уроке по работе с фотошопом рассмотрим простой способ создания облаков на Ваших фотографиях.
- урок по работе с фотошопом "Как нарисовать небо в фотошопе"
- урок по работе с фотошопом "Голубое небо в фотошопе"
- урок по работе с фотошопом "Красивое небо в фотошопе"
- урок по работе с фотошопом "Как сделать небо в фотошопе"
- урок по работе с фотошопом "Работаем над небом на пейзажных снимках"
- урок по работе с фотошопом "Создаём небо"
- урок по работе с фотошопом "Улучшаем внешний вид неба на пейзажных снимках"
- урок по работе с фотошопом "Работаем над небом"
- урок по работе с фотошопом "Коррекция неба"
- урок по работе с фотошопом "Делаем серое небо голубым"
- урок по работе с фотошопом "Коррекция 10 - меняем цвет неба и добавляем ему глубины"
Откроем исходную фотографию. Добавим облака на это синее безоблачное небо.
Создадим новый слой, для чего щёлкнем левой клавишей мыши по второй справа иконке в палитре "Слои".
Нажмём клавишу D (установим цвета по умолчанию). Перейдём в "Фильтр - Рендеринг - Облака".
Так как этот фильтр не имеет настроек, то мы сразу увидим результат его действия.
Устанавливаем режим наложения для верхнего слоя на "Осветление".
Посмотрите на облака, которые у Вас получились. Если Вы считаете, что не очень густые, то мы должны создать копию верхнего слоя, для чего перетаскиваем его на вторую справа иконку в палитре "Слои".
Вот что у нас получилось.
Сделаем так, чтобы вид облаков был более приближенным к настоящим облакам. Для этого нажимаем сочетание клавиш Ctrl+T (свободное трансформирование), щёлкаем правой кнопкой мыши внутри рамки трансформации и выбираем "Поворот на 180 градусов".
Вот что у нас получилось.
Так как я считаю, что облака после дублирования верхнего слоя получились слишком густые, то я вернулся на несколько шагов назад, когда мы применили фильтр "Облака" и режим наложения "Осветление". Теперь удерживая клавишу Alt, щёлкаем по третьей слева иконке в палитре "Слои" и на верхнем слое появится маска слоя, залитая чёрным цветом. Изображение вернётся к исходному состоянию.
Выбираем инструмент "Кисть" с нулевой жёсткостью и непрозрачностью 100%. Цвет переднего плана - белый.
Аккуратно закрашиваем небо. Если Вы ошиблись и закрасили купола, то поменяйте местами цвет переднего и заднего планов (клавиша Х) и исправьте свою ошибку.
Чтобы вид неба был более реальным, уменьшаем непрозрачность верхнего слоя. Я остановился на 43%.
Вот такие облака у нас получились.
Сравните изображение неба до, и после обработки фотографии в фотошопе.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 03 сентября 2018 . Категория: Уроки анимации в фотошопе.
В данном уроке мы будем создавать анимацию дождя в фотошопе.
Вначале при помощи фильтров и корректирующих слоев мы создадим несколько слоев с дождем, далее перейдем в меню Анимация и оживим картинку.
Я подобрала несколько картинок, которые можно использовать для повторения урока. Вы их найдете в папке с исходниками. Также вы можете использовать собственные фотографии.
Открываем в фотошоп ( Ctrl + O ) изображение с пейзажем.
Размер изображения для создания анимации должен быть не очень большим, чем он больше, тем «тяжелее» получится анимашка в результате. Если ваше изображение большое, перейдите в меню Изображение-Размер изображения и уменьшите его размер примерно к 600-800 пикселей по длинной стороне. Чтобы изменение размера происходило пропорционально, значок замочка, отмеченный стрелочкой, должен быть активен.
Создаем новый пустой слой.
Переходим в меню Редактирование-Выполнить заливку и заливаем слой черным цветом.
Переходим в меню Фильтр-Шум-Добавить шум и выставляем такие параметры:
Делаем две копии слоя ( Crtl + J ).
Для удобства можно их переименовать. Например, так, как на рисунке ниже. Чтобы изменить имя слоя, дважды кликните по названию слоя в палитре слоев и введите новое название, далее нажмите клавишу Enter .
Активируем слой «Дождь 1» и переходим в меню Фильтр-Размытие-Размытие в движении. Вводим такие значения:
Активируем слой «Дождь 2» и снова переходим к Размытию в движении (Фильтр-Размытие-Размытие в движении), только угол меняем на 65.
Переходим к слою «Дождь 3» и к нему тоже применяем Размытие в движении со значением угла 85.
При помощи клавиши Ctrl выделяем все слои с каплями дождя.
Вызываем Свободное трансформирование ( Ctrl + T ) и, растягивая за уголки появившейся рамки, тянем наружу для увеличения слоев, и чтобы избавиться от полосок вверху и внизу.
Чтобы масштабирование происходило пропорционально и с центра, зажимаем клавиши Shift и Alt .
Отключаем видимость двух верхних слоев, нажав на «глазик» видимости слоя в палитре слоев.
При активном слое «Дождь 1» переходим в меню Изображение-Коррекция-Уровни. Добавляем корректирующий слой именно данным способом, не через панель слоев, таким образом коррекция сразу применится к слою.
Выставляем примерно такие параметры. Наша цель – избавиться от среднесерых тонов. Чем меньше останется светлых участков, тем меньше капель дождя получится в итоге. Мы сделаем легкий дождик, поэтому белых капелек оставим совсем чуток.
Повторяем действия для слоев «Дождь 2» и «Дождь 3». Настройки Уровней применяем те же.
Снова выделяем на палитре слоев слои с дождем и меняем их режим наложения на Экран.
Приступаем к анимации.
Переходив меню Окно-Шкала времени.
Нажимаем на кнопку «Создать шкалу времени для видео».
А далее на иконку создания по кадровой анимации.
Появится следующее окно:
При активном первом кадре анимации переходим в палитру слоев и оставляем видимость фоновому слою с пейзажем и слою «Дождь 1».
В панели анимации создаем новый кадр.
Автоматически на новый кадр добавится то изображение, что в данный момент отображается в документе. То есть первый кадр.
Изменим это, оставив в палитре слоев видимость фоновому слою и слою «Дождь 2».
Создаем еще один новый кадр и в палитре слоев делаем видимыми фоновый слой и слой «Дождь 3».
При помощи клавиши Ctrl выделяем все кадры на палитре анимации, щелкаем клавишей мыши и внизу палитры, у времени, и в открывшемся окошке выбираем время проигрывания кадра, например, 0,2 секунды.
Меняем цикличность воспроизведения анимации. Если оставить «Однократно», анимашка после первого проигрывания остановится.
Чтобы посмотреть, как будет выглядеть анимашка после сохранения, нажмите на клавишу запуска воспроизведения.
Наша анимация готова, осталось только сохранить.
Переходим в Файл-Сохранить для Web . В зависимости от версии фотошоп, название этого пункта немного меняется. У меня версия Adobe Photoshop CC 2014.
Выбираем формат gif , остальные настройки – на ваше усмотрение. Вы можете изменить размер, количество оттенков и т.п.
Анимация дождя готова, а наш урок подошел к завершению.
Вдохновения и хорошего настроения независимо от погоды!
БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:
Если Вы не хотите пропустить интересные уроки анимации в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.
Читайте также: