Как сделать анимацию в фотошопе. Покадровая анимация в фотошопе

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

Создание анимации

Чтобы сделать простую анимацию в Фотошопе из понравившейся картинки необходимо следовать инструкции:

  1. После того как картинка выбрана нужно зайти в Фотошоп. Стоит отметить, что лучше выбирать рисунки с хорошим расширением, так даже простая гифка будет выглядеть качественнее. Для начала следует включить функцию анимации в программе Фотошоп. Это выведет внизу экрана шкалу времени для гифки.image
  2. Далее нужно вставить картинку в окно программы путем копировать-вставить.
  3. Теперь следует выбрать элемент, который будет подвижным. После чего аккуратно вырезать его инструментом магнитное лассо.image
  4. Нужно захватить руку в контур.
  5. Вырезанный элемент копируем. Потом следует создать новый слой, сочетанием клавиш CTR+J.
  6. На новом слое требуется вставить скопированный элемент и придать ему положение, немного отличающееся от первоначального.
  1. Предыдущие два шага проделать несколько раз. На каждом новом слое положение элементов должно отличаться. Также важно учитывать, что положения вырезанного элемента необходимо делать последовательным задуманному движения. Чем больше промежуточных стадий будет между начальным и конечным положением, тем более плавной получится анимация.
  2. Когда будет достаточно слоев с положениями элементов можно приступать к сборке. Здесь нужно последовательно вставить слои. Первым кадром будет оригинал рисунка, т.е нулевой слой.
  3. Для добавления кадров используется специальная кнопка внизу временной шкалы. Она располагается второй с права. Изображений будет столько сколько слоев в наличии.
  4. После того как все картинки заняли свои места осталось выставить таймер на задержку кадра. Чем меньше промежуток, тем быстрее будет протекать движение на готовом видео.
  5. Для просмотра результата достаточно нажать на воспроизведение. Если результат удовлетворительный остается только сохранить готовый проект.
  6. Формат необходимо выбирать Gif.

  Сохранение фотографий и изображений в Photoshop – основные форматы и их настройки

После чего можно открыть ролик и посмотреть, что получилось. Это простой пример, который показывает принцип создания анимированных картинок. При увеличении кадров и количества положений подвижного элемента можно сделать очень качественную гифку.

Анимация из видео

Достаточно просто сделать гифку в Фотошопе уже из готового видео, для этого необходимо:

  1. Скачать необходимый ролик на компьютер и после чего открыть Фотошоп. Чтобы сделать gif-анимацию потребуется импортировать последовательность из видео в программу.
  2. После этого в программе выскочит окно, которое предложит некоторые варианты для импорта. Можно импортировать кадры только с выделенного диапазона. Нужно выбрать именно этот вариант, а потом просто отметить на видео ползунком необходимый отрезок. Также нужно поставить галочку, чтобы выбрать только некоторые изображения из последовательности и задать отрезок. Здесь все просто, если само видео занимало 40 секунд (со стандартными 24 фпс), то при выборе каждого 5 изображения их количество составит 5 штук за 1 секунду.
  3. Теперь нужно организовать временную шкалу для создания проекта. Для этого нужно перейти во вкладку окно и выбрать из выпадающего меню строку «Анимация».
  4. В этом случае временная шкала уже будет заполнена кадрами из выбранного диапазона видео. Останется только обозначить скорость задержки каждого изображения. Этот параметр задает скорость воспроизведения готового ролика.
  5. Чтобы подобрать необходимую скорость нужно просмотреть видеоряд путем его воспроизведения прямо в окне Фотошопа. Но это делать не обязательно.
  6. Когда все кадры на месте, а время установлено, остается только сохранить готовую гифку из видео. Делается это путем перехода во вкладку «Файл» и выбора строки в выпадающем меню «Сохранить для веб и устройств».
  7. После этого появится окно, в котором можно выбрать формат для будущей анимации, а также изменить размер картинки гифки. Изменяется она по пикселям или сразу по заданному проценту от исходника.
  8. Далее требуется кликнуть по кнопке сохранения, выбрать место для файла на ПК и сохранить гифку.

  Создание красивой рамки в Фотошопе

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

Анимация из статических кадров

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

  1. Для начала нужно самостоятельно сделать статические кадры и сохранить их в формате Фотошопа. Также можно найти подобные изображения. Дело в том, что при создании качественных картинок и других проектов в программе как правило используют слои. И если их не скреплять они остаются доступны в том случае, когда файл сохранялся в нужном формате.
  2. Выбранный файл открывается посредством программы. Далее необходимо просмотреть все слои. Чтобы сделать первый кадр нужно отключить все видимые слои и оставить только первый.
  3. После чего оставить видимым только второй слой и вставить его во временную шкалу, как кадр под номером 2. Таким образом в анимации будет показываться процесс создания картинки. Можно использовать только пару кадров. Например, при наличии звёзд делать картинки с ними через один. Таким образом в гифке будут мерцающие звезды.
  4. После того как все выбранные изображения попадут во временную шкалу остается только установить время для задержки каждого кадра.
  5. Также можно выбрать длительно воспроизведения. Она может воспроизвестись один раз по завершению кадров или крутить их постоянно.
  6. Последним шагом остается сохранение готовой gif-анимации и выбор ее размера.

Читайте также:

Все видеоНовые видеоПопулярные видеоКатегории видео

Авто Видео-блоги ДТП, аварии Для маленьких Еда, напитки
Животные Закон и право Знаменитости Игры Искусство
Комедии Красота, мода Кулинария, рецепты Люди Мото
Музыка Мультфильмы Наука, технологии Новости Образование
Политика Праздники Приколы Природа Происшествия
Путешествия Развлечения Ржач Семья Сериалы
Спорт Стиль жизни ТВ передачи Танцы Технологии
Товары Ужасы Фильмы Шоу-бизнес Юмор

Главные новости В Верхней Салде сотрудники ГИБДД устанавливают обстоятельства ДТП, в результате которого пострадали два человека»>Госавтоинспекция ищет очевидцев!»>Салдинские инспекторы по делам несовершеннолетних усилят контроль за времяпрепровождением несовершеннолетних детей»>Салдинские полицейские раскрывают преступления, которые совершают жители Нижнего Тагила на территории Верхней и Нижней Салды»>Не переводите деньги неизвестным! Салдинцы влезают в долги, чтобы отправить деньги мошенникам»>На Урале мошенники грабят 20 человек в день. Свердловский главк МВД: не перечисляйте деньги и не берите кредиты по телефонному звонку»>Сотрудники ГИБДД выясняют обстоятельства ДТП на автодороге «г.Нижний Тагил – г.Нижняя Салда », в результате которого пострадал пешеход»>В домах, которые люди оставили из-за стихийного бедствия, орудуют мародёры»>Что делать, если вы столкнулись с коррупцией?»>Сотрудники полиции обеспечивают безопасность на территории затопления из-за подмыва дамбы»> Чем удобен онлайн-магазин книг»>Видеочат ru.videoclub.net — сервис для комфортного общения»>Киноа с вялеными томатами!»>КУРИНЫЕ РУЛЕТИКИ с вялеными томатами и ароматным соусом»>Котлетки из красной рыбы и рис со сладким чили!»>Ягодная крошка! Много ягод, мало сахара! Идеально летом!»>Ооочень Шоколадный пирог!»>Мясной хлеб из фарша индейки! Сочный и нежный!»>The Witcher 3: Wild Hunt Прохождение — Гнида Менге #33″>Торговое оборудование для магазинов»> Сдается 2х комнатная квартира»>Сдается 1-комнатная квартира»>Срочно сдам»>Куплю кабель, провод разных сечений, дорого!»>Куплю кабель, провод оптом с хранения»>Куплю кабель алюминиевый АВВГ, АПВБШВ, АПВПУ, АПвВнг LS,АПВБП с хранения, остатки с монтажа, любой объем, любой город. Дорого. Самовывоз»>Закупаем кабель Транскаб НППнг HF, ПВ1, ПВ3, ВВГ,КВВГ, ВБШВ, КГ-хл, АС, ААБл, ААШВ, АСБл, АСБ2л и другие, не в лом. Остатки с монтажа, невостребованный в производстве. Дорого.»>На постоянной основе закупаю кабель КВВГнг LS, КГ, Кг-хл, КУИН, КВИП, МКЭШ,МКЭКШВ, остатки с монтажа. Оптом. Любой регион. Дорого Самовывоз Расчет при»>Покупка акций ВСМПО-АВИСМА»>Вывод из запоя, кодирование, стационар, реабилитация зависимых.»> Фото РЫЖАЯ»>Фото Елена М»>Фото BravoFood»>Фото mosksank»>Фото Никуся»>Фото У Г»>Фото chistiackowai»>Фото salievahata»>Фото MisSad»>Фото Геннадий Наталья Ситчихины (Губанова)»> Кто и во что играет 24 мин. назад Мебельные ткани со всего мира 42 мин. назад Интимный совет 1 ч. 17 мин. назад Виниловая плитка для пола 1 ч. 18 мин. назад Казино 1 ч. 19 мин. назад Подскажите хорошее казино 1 ч. 20 мин. назад Казино 1 ч. 20 мин. назад Лучшие казино 1 ч. 21 мин. назад Квартира в новостройке 1 ч. 28 мин. назад Косметика для волос 1 ч. 54 мин. назад Последние комментарии Анна Волкова Как оказалось не такая-уж и простая стала задача: в кратчайшие сроки осуществить оптовые поставки товаров из Китая. У кого-то ст… 15 ч. 45 мин. назад Анна Волкова Как выяснилось не такая-уж и простая стала задача: в кратчайшие сроки осуществить выгодные оптовые поставки товаров из Китая. Гд… 15 ч. 52 мин. назад rom kov Это крайне невыгодно. 23% платить. Проще под 1% взять деньги в долг в Мосзайме. Мне друг рекомендовал позвонить по этому номеру… 7 июля 2021 г. 20:32:00 Анна Волкова Как оказалось не такая-уж и простая стала задача: максимально быстро выбрать правильного человека, который должен быть честным, … 6 июля 2021 г. 14:17:45 mednat64 В России только сотрудники ДПС хорошо работают, по сравнению с сотрудниками других силовых структур. Молодцы ребята! Желаю им уд… 4 июля 2021 г. 16:54:15 rom kov Обращаюсь за финансовой помощью в компанию Мосзайм https://mos-zaim.ru/. Она числится в реестре Центрального банка России, услов… 3 июля 2021 г. 20:51:50 Carona Давно знакома с техникой «Сократовский диалог». Она действительно рабочая, спасала не раз. Важно не идти на поводу у с… 20 июня 2021 г. 21:13:28 mednat64 antiislamofob000333@gmail.com, это не сказка. Так и было. Езжайте в это село в Чечне и проверьте. Можете ещё видео мое послушать… 20 июня 2021 г. 1:42:44 antiislamofob000333@gmail.com Честно не думаю что эта статья написана всерьез) 18 июня 2021 г. 23:43:09 antiislamofob000333@gmail.com Если честно, сказка совсем не правдоподобная. Какое платье посреди войны? Что за идиотские выдумки?… 18 июня 2021 г. 23:24:34 дата: 23 января, 2012 автор: Nubic Категория: Дизайн  Метки: креатив, фотошоп

Когда то давно в моем блоге поселился смайлокотег, жил он значит себе не тужил, но одно беспокоило его, ему было скучно в одиночестве, и в один прекрасный день он пришел ко мне и говорит: — «А нарисуй-ка ты nubic мне кента, чтоб можно была поболтать ну и пивка конечно бухнуть.»

Ну что делать пришлось помочь и нарисовать боrодача, который и попиздеть любить, и судя по виду нехило бухает ))

На самом деле этот чувак рисовался для мини-конкурса на лучший смайлик, с участием жюри из врослых дяденек и тетенек, в котором победило вот это )) :

дата: 23 января, 2012 автор: Nubic Категория: Обзоры, Флейм (обо всем)  Метки: skype, опрос, статистика

Не прошло и года и снова на связи с вами я — Nubic! Я немного приболел и поливая клавиатуру соплями, решил что сегодня работать не буду, поэтому у меня появилось немного времени накидать небольшой пост в бложек.

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

А тема опроса сегодня: «Пользуетесь ли вы Skype, для звонков?»

дата: 1 января, 2012 автор: Nubic Категория: Флейм (обо всем)  Метки: праздник

С 2012 годом всех, пусть у вас будут в жизни только ништяки! Подводить итогов не будем, все лучшее только впереди…

дата: 19 августа, 2011 автор: Nubic Категория: Личное  Метки: вишлист, днюха

Забываю все время сколько, и посчитать не получается, но точно помню что сегодня днюха.

В связи с чем принимаю поздравления, пожелания, призы и подарки, а так же просто добрые и ласковые слова.

Если у кого то возникает острое непреодолимое желание сделать мне подарок, то предлагаю действовать строго по виш листу:

1. Конструктор аккустической системы Visaton CONCORDE MK III 2. Монитор NEC SpectraView® Reference 301 3. Планшет Wacom Intuos 4 4. Конструктор аккустической системы Visaton EXPERIENCE V 20 5. Фотоаппарат марки canon не ниже 50d 6. Объектив EF 85/1.4 или EF 50/1.4 7. Наушники Beyerdynamic DT 880 PRO / 250 ohm 8. Кресло руководителя кожанное с механизмом качания, в пределах 10к 9. Предзаказ на игру Batllefield 3 10. Сумку кожанную на ремне 11. Хороший вискарик для злоупотребления 12. Хорошую трубку для курения.

дата: 29 июля, 2011 автор: Nubic Категория: Личное, Обзоры, Флейм (обо всем)  Метки: блоготур, мегафон

После недавней поездочки на коммутатор Билайна, Мегафон видимо тоже не хотел остаться в стороне и пригласил журналистскую и блогерскую партию на подъем башни связи, ну в смысле такие вышки антенны по всему городу стоят если кто не понял.

Целью сбора я так думаю было показать эффективную работу Мегафона по улучшению качества связи и увеличение зоны покрытия 3G. Для борьбы с устоявшимся народным мнением что связь у них оставляет желать лучшего.

дата: 11 июня, 2011 автор: Nubic Категория: Личное, Обзоры, Флейм (обо всем)  Метки: билайн, блоготур, пчелайн

Видимо этот сезон очень богат на блоготуры, ибо не успели мы отойти от Черногорска, нас тут же пригласила компания Билайн.

Ну и начну как все. На пчелайне я сидел очень долго, буквально года так этак с 2003, был у меня хороший легкозапоминающийся номерок, но по приезду в Хакасию я обнаружил что связь оставляет желать лучшего, и взял етк. Моя симка билайновская повалялась себе спокойно, и по прошествии определенного времени номер видимо отобрали и продали новому абоненту. На етом моя дружба в полосочку закончилась…

дата: 8 июня, 2011 автор: Nubic Категория: Обзоры, Флейм (обо всем)  Метки: опрос, статистика

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

Значит всего в опросе поучавствовало 1 434 человек, которым предлагалось всего лишь три простых варианта ответа.

Итак…

дата: 3 июня, 2011 автор: Nubic Категория: Личное, Обзоры, Флейм (обо всем)  Метки: блоготур, поездка, пресс-тур

3 июня состоялся пресс-тур в город Черногорск. Это небольшой провинциальный городок находящийся в 16 километрах от Абакана, который традиционно все считают спальным районом Абакана. На самом деле это ошибка, это довольно крупный и самодостаточный город, в котором скрыт большой потенциал промышленного развития.

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

дата: 13 мая, 2011 автор: Nubic Категория: Личное, Обзоры, Флейм (обо всем)  Метки: блоготур, бухло, вотка

Ну вот и свершился очередной блоготур. На этот раз объектом нашего посещения оказался, завод по производству алкогольной продукции, а точнее водовки, «Шушенская Марка».

Для тех кому лень читать описательную часть сразу резюмирую:

дата: 15 апреля, 2011 автор: Nubic Категория: Создание сайтов, Флейм (обо всем)  Метки: ie6, internet explorer, бешено, люто, ненависть

Но сначала НЕНАВИСТЬ В очередной раз тут столкнулся с тупизмом айтишников предприятия, которые упорно не хотели обновлять браузер ie6 на предприятии, а в частности в кабинете директора.

Странные квадратные картинки

Всем привет. В текущей статье я покажу вам, как можно сделать gif баннер средствами Photoshop. Вообще, я привыкла делать баннеры и анимацию в Adobe Flash и Adobe Animate. Естественно, Photoshop не сравнится с данным пакетом по функционалу для анимации. Но все же достаточно простые и интересные баннеры в Photoshop делать можно, ведь в его новых версиях, начиная с CS5, насколько я знаю, появились возможности создавать анимацию прозрачности, масштабирования, перспективы и т.д. Рассмотрим процесс создания gif баннера в Photoshop на примере работы, расположенной в заголовке статьи. Если вас заинтересовал такой вариант баннеров и вы не можете сделать его самостоятельно, закажите у меня создание такой анимации  — заполняйте форму обратной связи и я вам обязательно отвечу

Примеры анимированных баннеров в Photoshop

Примеры баннеров, которые можно сделать в Photoshop:

Создание анимированного баннера в Photoshop — инструкция

Создадим новый документ размером 600 на 200 px.

Фон — #589fff

Для начала соберем баннер в статичном виде. Расположим на слое нашего главного персонажа – рыбу, где можно взять бесплатные ресурсы для своих работ я писала в статье «ТОП 8 сайтов с бесплатными ресурсами для дизайнера»:

С помощью инструмента «Произвольная фигура» расположим на слое выноску с диалогом.

Напомню, что отредактировать фигуру (векторный объект) можно с помощью инструмента «Выделение узла».

Так я и сделала – удалила ненужные элементы в слое с первой фигурой и добавила еще 3 Эллипса, чтобы сделать так, как-будто это облако диалога идет изо рта рыбы.

Получилось следующее.

Теперь поместим текст на слоях документа, в порядке, в котором он будет появляться.

Так как текст у нас будет появляться поочередно, то, естественно, что в статичном варианте слои будут налезать друг на друга.

Я покажу все слои с отключенным последним текстовым слоем.

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

Итак, все слои у нас готовы. Расположены в порядке их появления (снизу вверх). Можем приступать к анимации.

Выберите пункт Окно – Шкала времени.

В появившейся панели выберите кнопку Создать шкалу времени для видео.

В результате создастся временная шкала, со всеми нашими слоями, которые мы уже можем двигать и анимировать.

Так как слой Фон у нас с замочком, то отображаться он не будет на временной шкале, он будет присутствовать всегда неизменно.

Если вы хотите анимировать фон, то снимите блокировку на его слое, щелкнув 2 раза левой клавишей мыши.

Для каждого слоя на временной шкале предусмотрены атрибуты для анимации.

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

Так же, если щелкнуть правой клавишей мыши по самому названию слоя на дорожке временной шкалы, откроется список дополнительных анимационных действий.

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

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

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

Затем, чтобы задать новое значение и новый ключевой кадр, нужно переместить указатель времени на новое место.

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

Например, переместить объект в новое место.

Теперь попробуем применить полученные знания.

Наша рыба должна появиться слева направо и ее прозрачность должна поменяться с 0 до 100%. Так будет выглядеть шкала времени в данном случае.

После того, как рыба появилась, появится диалоговое облако по частям.

Сначала эллипсы, потом сама фигура.

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

Для фигуры применим те же действия.

Теперь создадим анимацию для текста, используя тот же алгоритм.

Только у текста будет параметр не Позиция, а Перспектива, при этом мы сможем не только изменять позицию, но и изменять масштаб от меньшего к большему, при начале движения текста.

Для этого используется стандартный инструмент трансформации объекта (Ctrl +T).

Так как изначально слои с текстом у нас кадрированы по форме фигуры, то они будут видимы только в ее пределах.

У второго текста я так же изменила стиль. Добавила градиент в параметрах наложения слоя.

Теперь сравняем все края дорожек в конце.

Для этого нужно потянуть за правый край каждой дорожки и подогнать все под одно время. Чтобы резко не пропадали все объекты.

Для каждой дорожки можно задать изменение непрозрачности в 0. Проиграть то, что получилось, можно нажав на клавишу пробел.

Чтобы сохранить результат, необходимо выбрать Файл – Сохранить для Web.

Выбрать формат Gif и указать, чтобы анимация повторялась постоянно.

Хоть Photoshop и не создан для какой-то сложной анимации (и это резонно), но с помощью вот таких нехитрых действий можно добиться достойного результата при создании gif баннера.

Особенно если вы чувствуете себя в Photoshop, как рыба в воде, нежели при работе во Flash.

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

Подписывайтесь на обновления блога «Дизайн в жизни»

по e-mail или социальных сетях  

и мы обязательно опубликуем для вас еще больше полезных статей из мира дизайна и новые уроки Photoshop.

(Visited 7 817 times, 1 visits today)Создание gif картинки из нескольких фото. Урок фотошопа. Многие из вас помнят мою статью о Salers, в которой все свои фотографии я показала вам в виде gif-картинок, в виде маленького слайд-шоу, которое, на мой взгляд гораздо интересней смотреть,  нежели длинный ряд фотографий. Из ваших комментариев я поняла, что многим понравилась такая презентация, поэтому решила написать урок фотошопа «Создание gif картинки из нескольких фото». Я взяла несколько фотографий, сделанных мною во Франции. Это весенняя Франция, красивая и впечатляющая. Я собираюсь показать ее вам в одной из будущих записей. 1. Я специально подготовила 4 фотографии и положила их в отдельную папку. Лучше, если эти фотографии будут одного размера, тогда вашу гифку будет сделать гораздо легче. Но я взяла фото разного размера, предварительно их уменьшив до 550 пк в ширину для широких фото, и 310 пк в ширину — для узких. Все фотографии получились одной высоты в 413 пк. 2. Открываем программу фотошоп и в ней меню — файл — открыть. image 3. Ищем свою папку с подготовленными фото и кликаем левой кнопкой мыши на первую фотографию, зажимаем клавишу Shift, и кликаем по последней, тогда они выделяются все. Жмем ОТКРЫТЬ. image 4. В вашем фотошопе открываются все фотографии. Начинаем создавать слои, которые нам понадобятся для анимации или создания gif картинки. Я открыла специально широкую фотографию. И она будет 1-ым слоем. Чтобы преобразовать фото в слой, кликаем по нему два раза левой кнопкой мыши. image 5. Чтобы создать второй слой, нам нужно кликнуть по иконке, на которую показывает стрелка. На втором слое мы будем располагать другую фотографию. image 6. Топаем в наши фотографии, которые открыты рядом с первой, и выбираем узкую фотографию. Напоминаю, что это необязательно… С одинаковыми фотографиями легче работать.  Итак, находим нужную фотографию, идем в меню — выделение — выделить ВСЕ. image 7. После этого вокруг картинки начнут бегать маленькие тире, это и есть выделение. Теперь идем в меню — редактирование — скопировать. image 8. Возвращаемся к нашей первой фотографии, которая уже со слоями, идем в меню —  редактирование — вставить. И наша узенькая фотка вставляется на новый слой. Но она не может оставаться такой узкой. Нам нужно добавить фон под нее. Для этого кликаем по иконке (1), перетаскиваем слой под узкое фото, затем пипеткой (2) подбираем любой понравившийся вам цвет, кликнув курсором по фото. Я выбрала светло-зеленый. И заливаем новый слой, для чего мы активизируем инструмент заливка (3) и потом кликаем левой кнопкой мыши по рабочему полю фотографии. Обратите внимание, что в этот момент активным должен быть новый прозрачный фон. Активные слои выделяются синим цветом. После ваших действий прозрачный слой окрасится. image 9. Теперь нам надо объединить два слоя (узкую фотографию и фон). Наступаем левой кнопко мыши на первый слой. Зажимаем клавишу Shift и кликаем по второму слою. Они выделились синим цветом. Идем в меню — слои — объединить слои. image 10.  Получаем такую картинку. 11. Повторяем пункты 6 — 10 моего урока, чтобы создать слой с еще одной узкой фотографией. Он у меня слой 2. И создаем еще один новый прозрачный слой для размещения там последней широкой фотографии (слой 3). 12. Для этого выполняем пункты  урока 6, 7, 8. Все. Готово. Слои для нашей gif картинки мы создали. 13.  Можно начинать анимирование и с вашими слоями, но я решила создать подложку под нашу картинку. Для этого топаем в меню — изображение — размер холста.  Увеличиваем наш холст на 50 пк по ширине и высоте. Жмем ОК. 14. У нас получилось вот так. 15. Создаем новый слой (у меня слой 4), перетаскивам его в самый низ под все фотографии, вы можете сделать подложку того же цвета, что и фон в ваших узких фотографиях. Я выбрала цвет подложки немного темнее. Оформляете вашу подложку любым способом. Надеюсь, что вы знаете, как выставляются параметры слоя, но если нет, то это просто. Наступаете на нужный слой и кликаете по нему дважды левой кнопкой мыши и у вас открывается окно с параметрами вашего слоя, а там отдельно открываете каждый отдельный параметр и вы применяете или изменяете его настройки.  Я применила эффект в параметрах слоя Внутренняя тень и Внутреннее свечение  с параметром слоя Умножение… Цвет тени немного темнее тона подложки. Но здесь я не берусь навязывать вам мое мнение. У вас есть свое видение. Пробуйте, меняйте настройки. Это не страшно. Всегда можно вернуться к первоначальному результату, для чего идете в меню — редактирование — вернуться назад. Кроме того, я добавила эффект тени к каждому слою с фотографиями, цвет тени немного темнее, чем цвет подложки. Можно оставить параметр тени по умолчанию. Там цвет тени черный. Кстати, на моей последней фотографии куст глицинии, ее много во Франции и время ее цветения конец апреля — начало мая. Этот куст я сфотографировала в саду у родителей моего друга. В моем болгарском дворе тоже есть кусты глицинии и думаю, что скоро она порадует нас своими цветами, похожими на сиреневые облака. 16.  Настало время поставить свой логотип, особенно это важно, если ваша картинка будет располагаться на вашем сайте. Для обычных пользователей это можно не применять. Напомню, что я делала урок фотошопа о логотипе. Пробегусь вкратце: идем в меню — файл — поместить. Ищем свой файл PSD с подготовленным заранее логотипом, наступаем на него и кликаем  по кнопке Поместить. 17.  Перетаскиваем слой с логотипом на самый верх, как у меня. При необходимости увеличиваем логотип до нужного размера, для чего идем в меню — редактирование — масштабирование. С зажатой клавишей Shift растягиваем или уменьшаем логотип. Активируем инструмент «перемещение» (самый верхний инструмент со стрелкой и + в панели инструментов) и перемещаем логотип на нужное место. Все подготовлено с созданию анимации. 17. В самом первом кадре анимации у вас должна быть открыта видимость со слоем подложки, первый слой с вашей фотографией ( в моем случае слой 0) и логотип (позиция 1). Для хорошего просмотра вашей фотографии устанавливаем время задержки 5 сек (позиция 2). После определения времени задержки и установки его в первом кадре, все последующие кадры будут с заданным временем 1 кадра, т.е. 5 сек в моем случае. Для создания второго кадра жмем на иконку, показанную на позиции 3. 18.  Во втором кадре меняем видимость слоя с первой картинки на вторую, так же, как показано на моем скрине. Последующие кадры делаем также.  Главное запомните: 1 кадр — 1 фото, 2 кадр — 2 фото и так далее.. 19. Все, мы выставили все кадры анимации. Остается только просмотреть наше творение. 20. Для просмотра изображения жмем на иконку,  знакомую нам у плееров (См. скрин). 21. Если вам понравилась ваша работа и вы не собираетесь ее редактировать, то нужно ее сохранить. Идем в меню — файл — сохранить для Web  и устройств и выставляете параметры сохранения как на моем скрине. Безусловно, что можно увеличить количество цветов до 256, но это увеличит вес нашей картинки, а хостинг «не резиновый».  Сохраняйте вашу картинку и с удовольствием используйте ее для своих статей.  У вас должно получиться нечто подобное. Цветущие каштаны белые и розовые, глициния радуют взгляд и поднимают настроение. Надеюсь, что моя статья «Создание gif картинки из нескольких фото. Урок фотошопа.»  и другие мои уроки фотошопа вам пригодятся, и что вы сможете делать красивые gif картинки из ваших фотографий. Удачи вам и процветания, терпения и упорства! И у вас  все получится. Похожие записи: Фото в карандашный рисунок. Урок фотошопа Карандашный рисунок в фотошопе и его анимация. Урок фотошопа Как сделать логотип в фотошопе. prev next Понравилась статья? Поделись с друзьями! уроки фотошопа

Оцените статью
Рейтинг автора
4,8
Материал подготовил
Максим Коновалов
Наш эксперт
Написано статей
127
А как считаете Вы?
Напишите в комментариях, что вы думаете – согласны
ли со статьей или есть что добавить?
Добавить комментарий