Graf-Art форум графики

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Graf-Art форум графики » Текстовые уроки » Блик. ( Blatata.)


Блик. ( Blatata.)

Сообщений 1 страница 11 из 11

1

Заметила,что многие не дружат с анимацией "блик",а если и дружат,то делают его абы как.
Результат урока:
http://imgs.su/tmp/2012-10-26/1351222866-568.jpg
1. Создаём новый документ. Размер ваш. У меня 200/100 пикс.
2. Пишем текст. Оформляем его. Я наложила градиент,добавила свечение и обводку.
3. Создаем выше текста новый слой,отключаем(убираем глазик на фоне),кликаем правой кнопкой мыши на пустом слое,выше текста и объединяем видимые.

тык.

http://imgs.su/tmp/2012-10-26/1351221687-568.jpg

Включаем (ставим глазик на фоне) .
4. Далее по желанию.
Если вы хотите ,чтобы блик шел у вас по всему тексту,то пропускаете пункт 5.
Если же вы хотите чтобы блик шел аккуратно,не задевая краев,то читаем дальше.
5. Зажимаем на клавиатуре ctrl,и кликаем мышкой по слою с текстом.
Текст выделился.

тык.

http://imgs.su/tmp/2012-10-26/1351221379-568.jpg

Идем в "выделение"-"модификация"-""сжать" .

тык.

http://imgs.su/tmp/2012-10-26/1351221476-568.jpg

Прописываем 1 пикс. Жмём ок/да.
Далее жмем ctrl+c,ctrl+v.
Выделение скопируется на новый слой.

тык.

http://imgs.su/tmp/2012-10-26/1351221777-568.jpg

Удаляем фон с текстом. (выше фона)
6. Создаем выше всех слоев(их два.) новый слой.
Берем инструмент градиент от белого к черному.
Следующие настройки:

тык.

http://imgs.su/tmp/2012-10-26/1351221953-568.jpg

7. Проводим не сильно толстую линию.Удерживая shift.

тык.

http://imgs.su/tmp/2012-10-26/1351222049-568.jpg

8. Кликаем на слое с градиентом правой кнопкой мыши. Выбираем "создать обтравочную маску"

тык.

http://imgs.su/tmp/2012-10-26/1351222122-568.jpg

Должно произойти следующее.

тык.

http://imgs.su/tmp/2012-10-26/1351222169-568.jpg

9. Выбираем режим наложения "экран/осветление". У кого как.

тык.

http://imgs.su/tmp/2012-10-26/1351222236-568.jpg

10. Регулируем непрозрачность. Я поставила 30%

тык.

http://imgs.su/tmp/2012-10-26/1351222320-568.jpg

11. Идем в панель анимации. Если она у вас не открыта,то делаем следующее.
"Окно"-"Анимация". в некоторых фш,она записана,как "шкала времени" .
Первый кадр. время 0,1сек. Двигаем наш слой с градиентом за пределы текста,по левую сторону.

тык.

http://imgs.su/tmp/2012-10-26/1351222475-568.jpg

Дублируем этот кадр.

тык.

http://imgs.su/tmp/2012-10-26/1351222539-568.jpg

Двигаем наш слой с градиентом за пределы текста,по правую сторону.

тык.

http://imgs.su/tmp/2012-10-26/1351222611-568.jpg

12. Теперь нужно размножить кадры.
Делаем это с помощью значка "создание промежуточных кадров"

тык.

http://imgs.su/tmp/2012-10-26/1351222694-568.jpg

В появившемся окошко прописываем желаемое количество кадров.
Я прописала 8. Жмём ок/да.
На последнем кадре выставляем время от 1 до 4сек.
Я поставила 2.

тык.

http://imgs.su/tmp/2012-10-26/1351222804-568.jpg

13. Воспроизводим анимацию. Сохраняем для web и устройств.
___
Вопросы и результаты ниже.

+2

2

У меня вот так получилось.
http://uploads.ru/i/2/7/r/27rIZ.gif http://s3.uploads.ru/7EwVx.gif

+1

3

Just me.
твоя проблема в том,что ты в кадре,втором

Blatata написал(а):

Двигаем наш слой с градиентом за пределы текста,по правую сторону.

подвинула на край ника,а не за пределы.
А в остальном все правильно)

0

4

http://s3.uploads.ru/oVPFy.gif

+1

5

TheBest
непрозрачность нужно было для таких цветов чуток побольше оставить)
А так все правильно)
умничка)

0

6

Blatata
Кстати градиент там от основного к фоновому.)

0

7

TheBest
ну от версии фотошопа зависит))

0

8

http://imgs.su/tmp/2013-11-08/1383935953-319.jpg

Отредактировано Bangerz (2013-11-08 22:39:28)

0

9

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

0

10

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

0

11

не получилось((((

0


Вы здесь » Graf-Art форум графики » Текстовые уроки » Блик. ( Blatata.)