• Авторизация


Переливающийся текст 22-01-2016 21:52 к комментариям - к полной версии - понравилось!

Это цитата сообщения Lusha777 Оригинальное сообщение

Переливающийся текст

Переливающийся текст

 

Открываем картинку в фотошопе, пишем текст и создаем новый слой. Созданный слой заливаем зеркальным градиентом.

[400x616]

[600x363]

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

[600x460]

Задали параметры градиенту – ставим мышку на левый край картинкb  и протягиваем через все изображение линию  – заливаем выбранным градиентом – вот так

[600x578]

Слой мы залили градиентом – возвращаемся к слою с текстом – делаем его активным.
Нам надо сделать этот слой прозрачным – для этого ставите мышку не на сам слой, а на значок в слое – Т, щелкаете правой клавишей мышки и выбираете – Выделить прозрачные участки, не пугайтесь, если в вашем фотошопе не увидите такой надписи, значит у вас стоит - "выделить прозрачность слоя"  Вокруг слова появится контур, как при выделении.

[505x700]

Возвращаемся в слой с градиентом - нам надо добавить к этому слою маску – нажмите на значок

[371x700]

Маска добавлена, а теперь внимание - Слой с градиентом у нас активный, глазок на слое с текстом горит - Удерживая клавишу Ctrl – щелкните по значку Т в слое с текстом - градиет будет только на текстовом слове. Убираем в слое с градиентом скрепочку между маской и слоем ( просто щелкните по ней)

[525x700]

Открываем панель анимации.

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

[600x663]

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

[600x605]

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

[600x255]

Промежуточных кадров может быть от 10 до 100, я взяла 25. Время задержки поставила – 0,2 и… все ))))

[450x587]

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

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

 

Источник:http://bestanimationgif.com/lessons/view?id=27

 

 

 

 
 
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Переливающийся текст | streglova - Дневник streglova | Лента друзей streglova / Полная версия Добавить в друзья Страницы: раньше»