Рубрика: Photoshop Уроки | Урок прочитали: 384
 (голосов: 0)

Динамичная анимация

Итак, я собираюсь показать вам, как сделать динамичную анимацию, с использованием эффекта размытия.

Создайте новый документ с разрешением  400x125 px с прозрачным фоном. Создайте какой-нибудь простой фон. Найдите изображение, которое вам бы хотелось анимировать, как мое, представленное выше.
Я буду работать с этим изображением:

Для начала поместите это изображение на задний фон так, как вам понравится:

Я изменил Blending mode (Параметры смешивания) изображения на Luminosity (Свечение). Я предварительно поиграл с параметрами смешивания, все варианты выглядят симпатично.

Итак, теперь вам нужно дублировать слой изображения, которое вы поместили, и зайти в меню Filter>Blur>Motion Blur (Фильтр > Размытие > Размытие в движении), установите параметр Distance (Смещение) на 25px.
Ваш дублированный слой должен выглядеть примерно так:

На данный момент у вас должно быть три разных слоя:
Задний фон
Простое изображение
И размытое изображение

Итак, теперь мы готовы перейти в редактор Imageready.
Сейчас вам надо спрятать размытый слой:

Теперь вам нужно перейти к окну анимации и продублировать первую рамку:

В то время, как вторая рамка анимации активна, спрячьте простое изображение, а размытое сделайте видимым:

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

Теперь повторяйте это действие, пока не передвинете размытое изображение на другую сторону:

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

Теперь вам надо будет повторить эти действия в обратном направлении . Когда вы закончите, у вас должно получиться что-то, похожее на это:

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

P.S. При сохранени файла, зайдите в меню File>Save for web (Файл > сохранить для веб ) и выберите формат gif.

Автор: slim
Перевод: Анцыперович Александра
Ссылка на источник урока

           

Похожие файлы и публикации:

Динамичная анимация
Для начала откроем изображение девушки с открытой спиной.
Динамичная анимация
В этом уроке мы создадим анимацию, в основе – создание эффекта растворения при помощи масок. Мы сделаем структуру, состоящую из шума, а затем при помощи команды «Изогелия» (Threshold) установим контраст в шести точках
Динамичная анимация
Задача урока: Этот урок покажет вам, как добавлять реалистичный снег к вашей фотографии. Мы будем использовать для применения нашего эффекта снега изображение с домом в солнечном зеленом окружении. Итак, начнем. Конечный результат:
Динамичная анимация
Для этого урока я взял вот такой рисунок:
Динамичная анимация
В этом уроке  Вы научитесь создавать интересный огненный эффект с помощью программы  Фотошоп  и  использовать  его  для художественного оформления своих  работ.
Динамичная анимация
Шаг 1. Откроем изображение, я буду использовать эту картинку, так как она подходит для моей работы:
Динамичная анимация
В этом уроке я расскажу Вам, как сделать вот такую, анимированную аватарку (размером 100х120 пикс.).
Динамичная анимация
Заставьте свои фотографии быть похожими на старые распечатки со смытыми цветами и пожелтевшей бумагой.  Этот эффект - отличный способ добавить уникальное оформление вашим снимкам. Сделать это вам поможет следующий урок. Итак, начнем изучение! Сначала посмотрим на то, что у нас получится:
Динамичная анимация
Перед вами превью финального эффекта данного урока:
Динамичная анимация
В этом уроке мы объединим Великобританию и США таким образом, что слово Великобритания будет написано на фоне американского флага с эффектом движения и анимации. Вы же можете проделать тоже самое с нашим российским флагом. Начнем с того, что откроем изображение американского флага.
Динамичная анимация
Данный урок рассчитан на продвинутых пользователей Photoshop.
Динамичная анимация
Для начала создайте новый документ размером, например, 1900 × 1200. Сделайте цвет переднего плана #000000 и #46577c. Создайте новый слой (Ctrl+Shift+N) и зайдите в меню Filter – Render – Clouds (Фильтр – Рендеринг – Облака).
Динамичная анимация
Шаг 1. Создайте новый документ размером 1920x1200. Затем используйте стиль слоя Gradient Overlay (Наложение градиента): цвета #07090b и #27160a. Тип заливки – Radial (Радиальный). Увеличьте масштаб изображения до 115%.
Динамичная анимация
У этом уроке мы сделаем интересный, но лёгкий и полезный эффект размытия.
Динамичная анимация
Шаг 1. Скачайте все стоковые изображения, которые вы бы хотели использовать.
Динамичная анимация
Шаг 2. Теперь делаем три копии этого слоя (три раза нажмите сочетание клавиш Ctrl+J). Мы находимся на нижнем слое и переходим в меню Редактирование – Трансформация (Edit – Transform) или нажимаем сочетание клавиш Ctrl+T, а затем немного «сплющиваем» нашу букву.
Динамичная анимация
Шаг 1. Создание фона Зайдите в меню File > New (Файл > Новый) и создайте новый документ 600 х 200px с белым фоном. Посмотрите на изображение ниже, если вы не уверены в настройках.
Динамичная анимация
Создать новый документ размерами, например, 800 × 600 px. Скачайте изображение с ночным городом. Откройте изображение и перетащите его в свой рабочий документ. Переименуйте этот слой в "Огни большого города".
Динамичная анимация
Вот, к чему мы должны прийти в результате урока:
Динамичная анимация
Создаем новый документ размером 500×700 pxls. Заливаем задний фон черным цветом #000000.
Динамичная анимация
Шаг 1. Первое, что нам нужно для нашего изображения – задний фон. Мы будем применять быстрый прием создания фона с небом и звездами. Существует много уроков по созданию данного эффекта, и в действительности, это очень просто и делается в два шага: clouds+noise (облака + шум). Перейдем к нашему документу, выберем темно синий цвет #18323a и черный, затем зайдем в меню Filter > Render > Clouds (Фильтр > Рендеринг > Облака).