Задумывались ли вы, как создаются анимированные GIF-файлы? Автор урока предлагает вам за одну ночь освоить некоторые секреты анимации с помощью этого урока. Так же вы научитесь использовать Шкалу времени (Timeline) , которая доступна в версии Photoshop CS6. А теперь начнём!
Результат урока.
Создайте новый документ (Ctrl + N ) с размерами файла 800 х 500 пикселей. Залейте фон любым цветом, который вы хотите. Теперь идём в меню Слои - Стиль слоя - Наложение градиента (Layer> Layer Styles> Gradient Overlay). Примените следующие настройки: Стиль Радиальный (Radial), цвета от чёрного (# 000000) к синему (# 54799b), который будет использоваться в центре.
Создайте новый слой и назовите его Noise Layer . Выберите инструмент Заливка (Paint Bucket Tool) и залейте созданный слой тёмным цветом (# 231f20). Оставьте активным слой Noise Layer и идите в меню Фильтр - Шум - Добавить шум (Filter> Noise> Add Noise). В диалоговом окне настроек фильтра поставьте такие значения: Эффект (Amount) 3%, распределение Равномерное (Uniform) и нажмите ОК.
Нажмите комбинацию клавиш (Ctrl + U) и в появившемся диалоговом окне настроек коррекции введите значения Насыщенности (Saturation) 100%: Измените этому слою режим наложения на Мягкий свет (Soft Light).
Примечание переводчика: для того чтобы добиться такого цвета как у автора на скриншоте, можно при коррекции Цветовой тон / Насыщенность (Hue/Saturation) значение Цветового тона (Hue) поставить на - 140.
Добавьте любой текст, который вы хотите. Здесь мы будем использовать текст логотипа сайта 123RF. В стилях слоя используйте Обводку (Stroke). Значения размера обводки выберите по своим предпочтениям.
Примечание переводчика: На скрине автора уже растрированный текст вместе со стилем Обводка. Чтобы у вас получилось так же, после того как применили обводку, уберите Заливку (Fill ) слоя с текстом на 0%, преобразуйте этот слой в смарт объект, а затем растрируйте его.
В этом шаге мы будем создавать светящийся эффект для текста с помощью стилей слоя. Дважды щёлкните по слою, чтобы вызвать окно настроек стилей. Для того чтобы настроить стили слоя, используйте скриншоты ниже.
Тиснение (Bevel & Emboss)
Внутренняя тень (Inner Shadow)
Внутреннее свечение (Inner Glow)
Наложение цвета (Color Overlay)
Внешнее свечение (Outer Glow)
Тень (Drop Shadow)
Как только вы закончите создавать световые эффекты с помощью стилей слоя, перейдите в палитру слоёв и уменьшите этому слою значение Заливки (Fill) на 0%.
Дублируйте слой, который вы создали в шаге 5 и отключите этой копии все стили слоя. Настройте теперь стили так:
Внутренняя тень (Inner Shadow)
Внутреннее свечение (Inner Glow)
Ниже результат после того как вы применили стили слоя.
Теперь мы создадим движущиеся световые пятнышки. Создайте 5 слоев поверх существующих, и переименуйте их как 1,2,3, R и F. Если у вас свой текст создайте слои в соответствии с вашими буквами. Сгруппируйте эти слои в папку, которой дайте название Light Spots и смените режим наложения на Осветление основы (Color Dodge).
Активируйте инструмент Кисть (Brush Tool), выберите мягкую кисточку, установите Непрозрачность (Opacity) на 95% и белым цветом нарисуйте пятнышки поверх текста. Для каждой буквы отдельное световое пятно на своём слое. Ниже на скриншоте вы можете рассмотреть, как слои выглядят у автора в палитре слоёв.
Теперь идём в меню Окно - Шкала времени (Window > Timeline). Вы заметите, что ваши слои уже построены в этой палитре в левой её части. Выделите каждый из пяти слоёв со световыми пятнами, которые находятся в группе Light Spots и убедитесь что индикатор текущего времени (голубой слайдер) стоит на нулевом кадре. Теперь на каждом слое в группе, при его активности, нажмите на опцию Позиция (Position), чтобы создать ключевой кадр.
Примечание переводчика: Для того чтобы активировать шкалу времени, нажмите кнопку Создать временную шкалу для видео (Create Video Timeline) и все ваши слои загрузятся в шкалу времени. Выделен в ней будет тот же слой или группа, что и в палитре слоёв.
Установитеиндикатор текущего времени (голубой слайдер) на отметке 01:00 F и переместите слои со световыми пятнами по траектории их движения относительно контура буквы.
Так будет выглядеть начальное положение светового пятна на буквах. Перемещайте индикатор текущего времени по шкале и двигайте слои со световыми пятнами, создавая ключевые кадры. Продолжайте их перемещать, пока не закончите движение пятнышка по всей букве каждого текстового слоя. Для инструкции смотрите несколько скриншотов ниже
Гиф анимация в последние несколько лет стала пользоваться большим спросом среди интернет-пользователей. Подходящая анимированная гифка хорошо передает эмоции и придает комментарию больше веса. Очень популярны гифки, созданные на основе сцен из популярных сериалов или фильмов. Как сделать GIF из видео? Да, вы можете самостоятельно создать оригинальную гифку (гиф, gif) из видео - такую, как вы хотите. Все, что нужно для этого - специальная программа, например, «ВидеоМАСТЕР».
С помощью данного приложения вы не только сможете самостоятельно сделать прикольный гиф (gif) из видео всего лишь за несколько минут, но и провести ряд других полезных операций с видеофайлами, например, изменить формат или улучшить качество видео. Об этом и многом другом вы узнаете из текста далее.
Также вы можете посмотреть подробный видеоурок:
Нажмите «Добавить» и укажите путь к нужному вам видеофайлу
Перед тем как сделать gif (гиф) из видео, можно улучшить качество исходного изображения или просто разнообразить видео спецэффектами, надписями, а также при необходимости развернуть видеозапись. Чтобы всё это сделать перейдите в меню «Эффекты» . Скорректировать основные параметры изображения, т.е. контраст, яркость, цветовой тон и насыщенность можно вручную или воспользовавшись автоматической настройкой.
Применяйте к видео оригинальные эффекты
Благодаря встроенной библиотеке эффектов у вас есть огромное поле для креатива. Вы сможете сделать изображение ярче с помощью увеличения насыщенности или превратить видео в черно-белый шедевр. Также вы сможете добавить в видео уточняющий комментарий или водяной знак. И, конечно, вам доступна опция для поворота видео на 90°, 180° и 270°.
Кликните по иконке GIF, расположенной в верхнем углу справа, или выберите опцию «GIF-анимация», которая находится в каталоге форматов. Еще один вариант – выбрать функцию «Создать GIF» в меню «Обработка». Затем обозначьте границы обрезки видео с помощью черных маркеров. Они находятся по краям полосы прокрутки. Теперь укажите размер изображения. Чтобы ваш кусочек видео полностью вошел в кадр, воспользуйтесь опцией «Уместить видео». Кроме того, область кадрирования вы сможете задать самостоятельно, вручную. Просто выберите необходимый пресет и жмите кнопку «Далее».
Настраивайте параметры будущей GIF-картинки
Можно приступать к завершающему этапу создания гифки из видео – настройке параметров. Выберите частоту кадров и количество повторов. На этом этапе вы также можете уменьшить или увеличить скорость воспроизведения. Когда все параметры будут выбраны, рекомендуем просмотреть результат еще раз. Если все получилось именно так, как вы хотели, нажмите кнопку «Создать GIF» . Не забудьте указать папку, в которой сохранится ваш файл.
Вот вы и узнали, как сделать гифку из видео используя программу «ВидеоМАСТЕР». Теперь у вас в руках есть инструмент, с помощью которого вы сможете удивить друзей, создавая уникальные, веселые и эксклюзивные анимированные картинки. Для этого нужен только исходный материал – любимый фильм, клип или видео из личного видеоархива. Гиф используют многие компании для рекламных баннеров. Формат GIF наиболее удобен для хранения и передачи данных, ведь он занимает гораздо меньше места, чем объемные видеофайлы.
В статье мы рассмотрим 10 бесплатных, а также наиболее интересных онлайн-сервисов по созданию GIF-анимации.
Каждый представленный сайт отличается своими наворотами.
Одни просты и минималистичны, другие имеют расширенный функционал настроек и эффектов, третьи – со своими особенностями.
В конце статьи приведена таблица с краткими характеристиками каждого инструмента.
Читайте также: Создать коллаж из фотографий онлайн - ТОП-15 сервисов
| Сервис | Русский язык | Исходный файл | Удобство | Функциональность |
|---|---|---|---|---|
| – | Видео с компьютера, Youtube, Instagram | + | + | |
| – | Изображения с компьютера, видео с Youtube | – | – | |
| MiniMultik |
+ | Изображения с компьютера, из интернета, с веб-камеры | – | + |
| – | Изображения с компьютера | + | – | |
| Mothereffing AnimatedGif |
– | Изображения с компьютера | + | – |
| MakeAGif |
– | Видео с компьютера, Youtube, Facebook, изображения с компьютера, веб-камеры | + | – |
| – | Изображения с компьютера, видео с компьютера и интернета | – | – | |
| Picasion |
+ | Изображения с компьютера | – | – |
| – | Изображения и видео с компьютера и интернета | + | + | |
| + | Изображения и видео с компьютера | + | – |
Читайте также: Уменьшаем размер изображения в формате JPG: ТОП-5 Простых простых способов
Gifs.com – представляет собой сервис видеохостинга Youtube. Содержит много опций, позволяющих создавать разнообразные гифки.
Обратной стороной такой многофункциональности, вкупе с англоязычным интерфейсом, может стать сложность для освоения новичком.
Материалом для анимации может служить практически любой Gif-файл или видео, загруженное с компьютера, перенесенное Youtube, Instagram, Vine и других ресурсов.
Видеохостинг сам перенаправит вас на сайт Gifs.com и подготовит выбранное видео для работы.
Как только видео полностью загрузится, слева от него появится меню со всеми параметрами. С помощью него можно добавить в Gif-ку надпись, понравившиеся стикеры, графические фильтры и многое другое.
Для того чтобы выбрать интересующий вас отрезок видео выделите его на временной шкале, расположенной внизу экрана.
После этого под шкалой появится дополнительные две строки: START TIME и END TIME, где можно подкорректировать время отмеренного участка.
Временная шкала
При нажатии в меню на каждый новый эффект появляется строка под шкалой времени с дополнительными настройками. Подобная строка позволяет регулировать время появления спецэффекта.
Кнопка Create Gif справа вверху переправит вас на страницу, где можно будет вести название гифки. Для того чтобы установить размер анимации и скачать ее необходимо зарегистрироваться на сайте Gifs.com.
На сайтЧитайте также:
Данный сервис позволяет за пару кликов сделать простое Gif-изображение. Незнание языка совсем не помешает процессу творчества, настолько там все понятно. Сайт поддерживает работу с видео из Youtube и с картинками, загруженными с компьютера.
Среди четырех инструментов присутствует функция добавления эффектов Gif effects. Но эффекты выложены в готовом виде и применимы только к статичным изображениям, вставить их в Gif уже не получится. Есть и эффект Reverse Gif – воспроизведение наоборот.
На сайтДля создания Гифки из картинок воспользуемся инструментом Gif from pictures на главной странице:
Для создания гифки из видео выбираем в меню пункт Youtube to Gif:
Читайте также: ТОП-10 Сервисов и программ для бесплатного онлайн распознавания текста
MiniMultik – российский инструмент по созданию анимации из графических файлов. Обладает специфическим набором функций, который не встретишь на большинстве других сервисов.
Пользователю доступна настройка каждого кадра по отдельности, рисование и скругление углов изображения. Для удобства на сайте приведено подробное описание по каждому шагу.
Недостатками сервиса можно назвать устаревший дизайн сайта, не столь удобный интерфейс и обилие рекламы (если у вас установлен блокировщик рекламы, то его придется отключить).
На сайтСоздание Gif на MiniMultik:
1 Для загрузки файлов на сайт перенесите их в выделенную область. Укажите URL источника, воспользовавшись функцией «Добавить ссылку» под этой областью. Рядом расположена ссылка на создание фотографии через веб-камеру.
Если вы намерены применять единые параметры ко всем картинкам, то не вносите изменений в этой области.
Читайте также: Как определить шрифт по картинке? Лучшие сервисы 2017 года
GifMaker – простой и понятный инструмент с минималистическим внешним видом. Основой для Gif-анимации может служить лишь графические картинки, взятые с компьютера. А процесс создания производится на пару действий.
В разделе, расположенном с правой стороны, пользователю доступно: изменение размера (для удобства добавлена функция: проценты) и скорость смены эпизодов (вплоть до 10 000 миллисекунд).
При нажатии кнопки Create GIF Animation ниже автоматически создаются ссылки для просмотра и скачивания результата.
Инструкция
На самом деле сделать gif-изображение довольно просто, если воспользоваться GIF Animator. В качестве анимации вы можете выбрать серию фотографий природы, несколько , кадры из любимого и т.д. Перед началом работы с Ulead GIF Animator необходимо подготовить кадры будущего gif-изображения: их можно создать из мультфильма, сохраняя в отдельную папку.
После запуска программы нажмите меню File и выберите пункт Open Image для открытия первого изображения, которое будут задействовано в gif-анимации. В открывшемся окне укажите путь до папки со скриншотами и название файла (первой ). В нижней части программы появится первый кадр.
Затем нажмите меню File и выберите Add Image, чтобы добавить второе изображение. Оно отобразится в нижней части программы под цифрой 2. Если ваши картинки в папке уже или располагаются в правильной последовательности можно загрузить сразу . Таким образом, все выбранные вами картинки окажутся в полосе кадров (в нижней части).
Казалось бы, что вы сделали минимум действий, но gif- уже готова, чтобы просмотреть ее, нажмите на значок воспроизведения. Просмотрев все кадры анимации можно увеличить или уменьшить скорость просмотра. Нажмите правой кнопкой мыши на одном или нескольких (зажав клавишу Shift) и выберите пункт Frame Properties. В открывшемся окне измените длительность задержки (Delay), пробуйте разные значения, чтобы получить оптимальный вариант.
В программе Ulead GIF Animator есть возможность применять различные видеофильтры для создаваемой анимации. Для наложения эффекта на любой кадр необходимо выделить его и нажав меню Video F/X выбрать желаемый .
После всех произведенных изменений необходимо сохранить получившуюся , нажав меню File и выбрав пункт Save As. В данной программе можно сохранить анимацию в одном из трех форматов: Gif, Psd или Avi.
Видео по теме
Изменение размера изображения – одна из самых распространенных задач при работе с графикой. И хорошо, если нужно уменьшить статичное изображение. А если анимированный gif? Его без потери анимации в обычный фото редактор не загонишь. Впрочем, для того, чтобы уменьшить размер файла в формате gif, можно воспользоваться программами, которые работают с анимированными изображениями.
Вам понадобится
Инструкция
Загрузите файл gif, размер которого собираетесь уменьшать, в программе ImageReady при помощи команды Open («Открыть»), которую можно обнаружить в меню File («Файл»).
Обрежьте ненужную часть изображения инструментом Crop Tool, оставив прямоугольник, соответствующий пропорциям будущей аватарки. Для применения обрезки нажмите на клавишу Enter.
Измените размер многослойного документа до размера картинки пользователя, разрешенной правилами того ресурса, где вы собираетесь ее использовать. Это можно сделать командой Image Size из меню Image. Вставьте нужные значения в поля для ширины и высоты изображения и кликните по кнопке ОК.
Отключите все слои в созданном документе кроме самого нижнего. Для этого в палитре слоев щелкните по пиктограмме в виде глаза слева от каждого слоя.
Откройте палитру анимации. Это можно сделать командой Animation меню Window. Содержимое видимого слоя уже отображено в этой палитре в качестве первого кадра анимации. Создайте второй кадр кнопкой Duplicate Selected Frames, находящейся в нижней части палитры анимации. Включите второй снизу слой в палитре слоев. После этого изображение во втором кадре анимации будет соответствовать содержимому включенного слоя.
Создайте столько кадров анимации, сколько слоев содержится в вашем документе. Установите продолжительность кадров. Для этого выделите все содержимое палитры анимации и выставите нужное время, кликнув по кнопке Sets frame delay time. Это треугольник, который можно заметить в нижней части каждого кадра.
Запустите воспроизведение анимации при помощи кнопки Play. Отредактируйте результат, удалив ненужные кадры. Для этого кликните по кадру и нажмите на значок корзины в нижней части палитры.
Видео по теме
Источники:
Frame per second (FPS) представляет собой количество кадров в секунду, т.е. частоту обновления игровой картинки на мониторе. От этого значения зависит эффективность вашей игры в Counter Strike. Поэтому нужно не только хорошо играть, но и знать, как правильно настроить свой компьютер, чтобы одержать победу.
Инструкция
Обратите внимание, что оптимальное значение параметра FPS для Counter Strike – 101. От этого параметра зависит точность вашего попадания по цели, которая движется. К примеру, если у вас значение 60, то ваша картинка на мониторе будет отличаться от реальности, т.е. вы видите игрока в одном месте, а реальное его местонахождение – немного правее или левее, потому как он находится в движении.
Пропишите в консоли две команды, для того чтобы просмотреть фпс: fps_max 101, а также cl_showfps 1. Теперь посмотрите на левый верхний угол, в нем появятся цифры. Если значение 99, тогда вам изменять Fps не нужно. Если же у вас 60 фпс, это может быть вызвано ограничениями, установленными видеокартой для CS 1.6.
Выполните увеличение fps, для этого скачайте и установите последние драйвера для видеокарты. Далее перейдите в свойства экрана и в настройках видеокарты отключите вертикальную синхронизацию. Щелкните «Применить».
Перейдите в главное меню, выберите опцию «Выполнить», введите команду Regedit, затем найдите ветку HKEY_LOCAL_MACHINE/SOFTWARE и откройте ветку, соответствующую вашей видеокарте, например, /NVIDIA Corporation/Global/NVTweak. Создайте ключ, присвойте ему имя NvCplDisableRefreshRatePage, установите для него значение 0.
Вызовите свойства рабочего стола, перейдите в настройки видеокарты, найдите пункт Refresh Rate Overrides. Установите флажок в пункте Override refresh rates, напротив нужного разрешения, которое используется в КС, установите частоту 100 Гц. Обратите внимание, что данный параметр должен соответствовать типу монитора.
Пропишите значение фпс в самой игре. Для этого щелкните правой кнопкой мыши по исполняемому файлу игры, выберите пункт «Свойства». Затем щелкните по кнопке «Установить параметры запуска». Пропишите здесь следующее: -freq 75 или 100 (зависит от параметров вашего монитора).
Чтобы воспользоваться изображением-анимацией в своих целях, например, для последующего редактирования, его необходимо скопировать с интернет-страницы. При сохранении и редактировании gif-файлов следует придерживаться некоторых правил.
Вам понадобится
Инструкция
Для сохранения файла-анимации на жесткий диск с интернет-страницы необходимо запустить браузер, открыть новую вкладку, перейти по нужному адресу и произвести копирование. Как правило, это можно сделать через контекстное меню, используя команды «Сохранить изображение как...».
Наверняка все знают о небольших анимированных картинках, иначе говоря о GIF-ках. Пользователи сайта vk.com особенно знакомы с ними, потому что там есть возможность добавлять их в комментариях. Конечно, есть такой вариант, как брать уже готовые изображения. Но не всегда найдешь то что хочешь, и, поэтому я хочу рассказать о сервисах, которые позволяют создать собственные анимированные изображения. При этом от вас не требуется каких-либо супернавыков владения компьютером. В полной новости приводится ряд сервисов, поэтому какой-нибудь из них подойдет и вам!
Чтобы воспользоваться данным сервисом вам необходимо как минимум 3 изображения. Если вам нужна GIF-ка, которая содержит более 3 изображений, тогда вы можете добавить до 10 изображений с помощью ссылки с текстом «Add one more picture». Сервис может создать анимировенное изображение в 5-ти различных скоростях. Также есть возможность добавления эффектов для вашей анимации (например «Размытие»).
Picasion очень похож внешне на сервис Loogix, но немного отличается. Кроме всего, этот сервис предлагает импортировать изображения с сайта Flickr используя специальный тег изображения (для поиска).
Как и два предыдущих сервиса Gickr для создания анимации использует от 3 до 10 изображений. Также этот сервис позволяет не только создавать анимации различных размеров, но и с различными скоростями (до 10 секунд). Присутствует возможность импортировать изображения с сайтом Flickr и Picasa.
Makeagif представляет собой еще более упрощенный сервис для создания анимаций, чем рассмотренные предыдущие. Почти по центру находится большая кнопка с текстом «add pictures», с помощью которой можно загрузить необходимые изображения. Для того чтобы загрузить сразу несколько изображений необходимо удержить клавишу CTRL и выделять нужные.
Еще один сервис для создания GIF анимаций который поддерживает форматы изображений JPG, PNG и GIF. Всё что нужно для создания анимации сразу видно. Вам лишь нужно загрузить необходимые изображения, а затем, передвигая ползунки, смотреть в окно предпросмотра справа вверху.
Сразу скажу, что при создании анимаций на этом сервисе у вас на GIF-ках будет водяной знак. Чтобы убрать этот знак, нужно иметь аккаунт Pro. А в остальном этот сервис сильно похож на рассмотренные нами выше.
Кроме основных возможностей по созданию анимаций, этот сервис позволяет добавлять различные эффекты для GIF-ок: яркость, контрастность и насыщенность.
