[Гайд] Как создать гиф подпись?

[ZX9]

Привет, форум! Сегодня я обучу вас в создании гиф подписей, но это будет не совсем базовые знания, а полный курс возможностей.

 

Нам понадобиться: 

 

Photoshop,

Сайт с шрифтами, желательно использовать (dafont.com, fonts-online.ru),

Сайт с гифками (giphy.com, tumblr.com),

Терпение.

 

Подготовка

Начнём мы с заготовки для гиф подписи. Нам понадобится чистый холст 600x100 пикселей, на прозрачном фоне. Далее мы должны подготовить текст, обычно его надо наносить в центр холста, но если вы не экспериментатор, конечно. Затем применить некоторые настройки:

1) Гиф подпись с обводкой: http://i.imgur.com/C9ZcYEq.png

2) Гиф подпись с тенью: http://i.imgur.com/kArbBfN.png

3) Гиф подпись со скосом и тиснением: http://i.imgur.com/ZG3nCI9.png

 

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

 

Наложение гифки

После того как вы нашли подходящую гифку, приступаем к наложению, но сначала рассмотрим важные аспекты:

1) Скорость.

2) Количество.

 

Начнём со скорости. Скорость должна быть равна исходной скорости гифки, т.е. Если скорость вашей гифки равна: 0.01, вам нужно будет выставить именно такую скорость.

 

Количество ваших слоёв. У каждой гифки есть определённое количество слоёв, например 12, т.е. Вся гифка строится из слоёв, чем их меньше, чем меньше кадров анимации.

 

Приступаем. Открываем вашу гифку, затем копируем все слои, делается это просто: shift + пкм. Затем перетаскиваем их в наш холст с текстом, подстраиваем гифку под текст. Подстроили? Тогда нажимайте пкм по слоям и нажимайте на кнопку : Создать обтравочную маску. { Важно! Создать обтравочную маску можно только тогда когда все слои выделены! }

У нас должно получится что-то такое:

http://i.imgur.com/Bf5G5Bk.png

Анимирование подписи

Сейчас мы сделаем самый нудный, скучный процесс, но перед этим нам понадобится открыть шкалу времени. Делается это просто: Кликаем на "окно" -> Шкала времени.

Сейчас создаём столько кадров сколько имеет наша гифка слоёв.

http://i.imgur.com/B6ZKmdR.png

 

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

Кликаем на этот квадратик.

http://i.imgur.com/iHmmUf7.png

Выполняем процедуру столько раз сколько вам нужно кадров. { Важно! Не забывайте поставить вместо "один раз", бесконечно } 

 

Обработка и заливание гифки

Финальные шаги. Чтобы сохранить гифку нам нужно кликнуть на "Файл" -> Сохранить для веб. 

Настройки можете взять у меня: 

http://i.imgur.com/8CttHtk.png

Нажимаем "сохранить". Даём имя файлу и сохраняем.

Заливать лучше всего через имгур, думаю вас учить не стоит как это делать.

Чтобы залить нашу гифку например в подпись нажимаем на кнопку "картинка" и вставляем url нашей гиф подписи.

Результат нашей работы:

http://i.imgur.com/KBolG25.gif

 

[McGamer]

Буду знать.

[DickyGaming]

Гайд уже есть.

[ZX9]

Гайд уже есть.

Да, но там не так подробно

[ZLIDEN]

Ура. Мне подробно объяснили как делать подпись.

[L1zeRRR_]

Годно.

[Jake1998]

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

[ZX9]

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

Я как раз сам и разбирался, вот решил поделится с опытом)

[MatveyGames]

А можно САЙТ где можно делать гифки?

[TheCatPossible]

Годнота подъехала, а мой друг как раз искал, как сделать =) 

[SuicideToday]

Есть уже.

[MarzikKaka_Ez]

Зай, спасибо тебе большое за эту тему) Удачи тебе <3

[Catrina19]

Годно для прочтения♡♡

[ZLIDEN]

А можно САЙТ где можно делать гифки?

Adobe Photoshop

[X_GameKiller_X]

Очень годный гайд. Лови лаек)