Эффект световых лучей

В этом уроке мы рассмотрим, как подготовить картинку для анимации, а также как с помощью программы Photoshop сделать анимацию световых лучей. В данном уроке будет использоваться Фотошоп С5 / Photoshop CS5.

Картинку, которую использовала я можно скачать тут

Открываем картинку, из которой хотим сделать анимацию. Желательно чтобы картинка была не слишком темной.

\"аниме

Теперь создаем новый документ с нужным вам размером аватара (100х100, 100х150, 200Х200). Я сделаю 200х200 px. Перетаскиваем нашу картинку в созданный документ и устанавливаем в нужном положении, если необходимо немного уменьшаем размер.

\"аниме

Теперь приступим к подготовке нашей картинки.

Выделяем дубликат с помощью окружности (М).

\"Выделяем

Инвертируем выделение Select/ Inverse (Выделение/ инверсия).

\"Инвертируем

Создаем дубликат слоя с выделенной частью картинки нашего аватара (Ctrl+J).

\"Создаем

Заходим Filter/ Blur/Gaussian Blur (Фильтр – размытие- размытие по Гауссу) и выставляем 2,3px.

\"размытие-

Создаем новый слой и делаем на нем квадратное выделение (М).

\"квадратное

Инвертируем выделение Select/ Inverse (Выделение/ инверсия).

\"Инвертируем

Заливаем его белым цветом.

\"Заливаем

Заходим Filter/ Blur/Gaussian Blur (Фильтр – размытие- размытие по Гауссу) и выставляем размытие на 4,2px.

\"выставляем

Для слоя с белой рамкой выставляем прозрачность в 63%.

\"выставляем

Добавляем контраста Layer>/New Adjustment Layer >Brightness/Contrast (Слои – новый корректирующий слой – яркость/контрастность).

\"Добавляем

Сливаем все слои в один Layer>/Merge Visible (Слои – объединить видимые слои )(Ctrl+Shift+E).

\"Сливаем

Теперь займемся анимацией.

Создаем новый слой и заливаем его черным цветом. Затем берем мягкую кисть размером 100px (если аватар меньше чем 200px, то и кисть берем меньше) и ставим два пятна в углу друг против друга.

\"Создаем

Для слоя выставляем параметры Linear Burn (линейный затемнитель) и Fill (45%).

\"линейный

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

\"белые

Переходим на первый слой с окружностями и выключаем просмотр остальных.

\"настройки

Запускаем панель анимации. Выставляем для первого кадра время 0,15 сек. Затем создаем еще три кадра.

\"Запускаем

Для второго кадра включаем 3 слой -2 слой выключаем.

Для третьего кадра включаем 4 слой -3 слой выключаем.

Для четвертого кадра включаем 5 слой -4 слой выключаем.

\"настройка

Заходим File /Save for Web….( Файл/ сохранить для Web…) (Alt+Shft+Cntr+S).

И в параметрах выставляем Gif

\"\"

Автор урока: Prescilla
Данный материал подготовлен для Вас командой сайта https://bakemono.ru

Понравилась статья? Поделиться с друзьями:
Bakemono.RU
Комментариев: 30
  1. Кимико

    я не могу найти "Квадратное выделение" ak

  2. zyfcnzgegthrkfcc

    Милый Ангел,
    смотри там вверхней панели написанно "Редактирование" "Файлы" и т.д
    и ищешь "Окно" оно предпоследнее. нажимаешь. и ищешь там анимацию. и нажимай.
    удачи cb

  3. Элька-сенсей

    az пасяб! усё так просто и понятно! а раньше фотошоп был чемто пострашнее ночного кладбищя с бабайками sm32

  4. zyfcnzgegthrkfcc

    Получилось, спасибо за урок love

  5. Prescilla

    zyfcnzgegthrkfcc, выложи свою работу через радикал

  6. zyfcnzgegthrkfcc

    у меня получилось так что первая мигает картинка девочки, а потом чёрные круги вертятся, потом опять так же заново, помогите что делать?

  7. ka27gl

    Спасибо большое за урок delighted Результат на авку поставила fascinated

    Ой, я забыла настроить кое что =.=""""

  8. Aniza-san

    Prescilla, большое спасибо за урок))
    __
    P.s. результат на аве)

  9. Милый Ангел

    На верно я такая тупая,но я не могу найти панель анимации….
    Если к ней какие нибудь горячие клавиши?

  10. MiraHayneki

    У мя не получилось not но я так старалась…

  11. Lexa2000

    надо же,у меня получилось lol
    Пригодилось.Уже. Аригато Десу delighted

  12. Амая Тао

    Спасибо, теперь я поняла sm16

  13. Krovaliya

    спасибо за урок ay
    но у меня чет не получилось ak

  14. Prescilla

    MasЬka aka MysЬka, добавила в начало урока.

  15. MasЬka aka MysЬka

    Prescilla,я неаерно уже надоела…Ох,но мне так понавилась картинка можешь дать? fascinated

  16. Gumi

    Спасибо большое за урок love

  17. Ore-sama

    Спасибо за урок!!!!! shy hello

  18. EasterNightmare

    Спасибо огромное за урок! =^^=

  19. Prescilla

    Цитата: desu
    А у меня один раз воспроизведется и останавливается. Что неправильно?


    desu, при сохранении File /Save for Web….( Файл/ сохранить для Web…). Выстави режим Forever (в самом низу)

  20. Animeshka kawaii

    вааай!пасипки!!получилось fascinated

  21. desu

    А у меня один раз воспроизведется и останавливается. Что неправильно?

  22. ISE Rose

    у меня не сохраняет ((( ошибку выдает(

  23. Prescilla

    Цитата: 007gtr
    я не понял как делать выдиление м

    М – это горячая клавиша анг. клавиатуры, которая вызывает инструмент выделения, где можно выбрать выделение прямоугольником или окружностью.

  24. 007gtr

    я не понял как делать выдиление м feel

  25. Prescilla

    Цитата: Geliodos
    Хмм… А он разве там был?Ну, до того как я об этом написал?Быть не может, чтобы я этого не заметил…


    Был… был…

    Но для наглядности могу и в урок добавить know , мне не сложно

  26. Geliodos

    конечный результат показан при входе в урок…


    Хмм… А он разве там был?
    Ну, до того как я об этом написал?

    Быть не может, чтобы я этого не заметил… shy

  27. Prescilla

    Geliodos, конечный результат показан при входе в урок…

  28. Geliodos

    Урок конечно интересный, но где получившийся результат?
    Не спорю, я не сломаюсь, повторив подобное в фотошопе, но всё же в конце подобного урока не плохо было бы получившийся результат выкладывать…
    Хотя бы для того, чтобы ещё и визуально со всем ознакомиться!

  29. Гаара9614

    классная у меня ава на форуме будет furious
    спасибо за урок

  30. Uri

    Спасибо за урок fascinated
    Пригодится delighted

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:
Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.