Site icon Севелина.ру

Lesson #1: блестяшка в Adobe Photoshop

Доброго времени суток, дорогие девочки!

Я вас научу вот такому вот эффекту:

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

1. Итак, нам понадобится три исходника(колличество исходников варьируется в зависимости от сложности данной анимации). 

Если хотите, вы можете обработать эти исходники.

Важно:  у всех трех исходников размер должен полностью совпадать.

2. Перетаскиваем на первый все остальные исходники.

Должно получится вот так:

3. Далее, мы отрываем окно анимации, и создаем три кадра с задержкой 0,1 сек.

На первом кадре мы ставим видимость только первого слоя, на втором только второго, а на третьем только третьего.(этот шаг я сделала в виде анимации, чтобы было более понятно):

4. Дублируем каждый кадр три раза.

5. На втором, третьем, четвертом кадрах ставим видимость, на первом и втором слоях.

На втором кадре, ставим непрозрачность 2 слоя — 20%

На третьем — 50%

На четвертом — 80%

На шестом, седьмом и восьмом кадрах ставим видимость на втором и третьем слоях.

Ставим непрозрачность на шестом кадре третьего слоя — 20%

На седьмом — 50%

На восьмом — 80%

6. Создаем копию слоя фона, и ставим ее в самый верх.

Вот так вот должно быть на десятом, одинадцатом и двенадцатом кадрах:

Повторяем пятый пункт.

7. Устанавливаем задержку, как показано на скрине: 

8. Делаем надпись "севелина.ру" и перетаскиваем её в самый верх слоев, чтобы она не мигала.

9. Сохраняем нашу блестяшку.

Нажимаем файл — сохранить для Web и устройств…

Когда открылось окно, в строке "набор" выбираем GIF 128 с дизерингом.

 

Сохраняем.

Результат:

Надеюсь этот урок вам был полезен.

Удачи!

Если этот урок не нужен, или такой уже был — удалите.

Exit mobile version