Adobe Photoshop, уроки, кисти фотошоп, плагины, стили, макросы, градиенты, текстуры, шрифты, иконки
Ваш логин   Пароль
Забыли пароль?

Анимированный мигающий свет - уроки фотошоп

[1] Найдите подходящее и интересное изображение подобно этому.
Анимированный мигающий свет - уроки фотошоп


[2] Сейчас двойной щелчок на вашем background, и в открывшемся окне щелкаем ok.

Анимированный мигающий свет - уроки фотошоп


[3] Создайте новый слой.

Анимированный мигающий свет - уроки фотошоп


[4] Заливаем новый слой черным цветом и перемещаем слой вниз.

Анимированный мигающий свет - уроки фотошоп


[5] Сделайте копию слоя с изображением.

Анимированный мигающий свет - уроки фотошоп


[6] Затем нажимаем Cntl+T, с помощью Свободной трансформации уменьшаем изображение подобно этому.
(NS: удерживая Shift+Alt, Вы сохраните пропорции при изменении размера).

Анимированный мигающий свет - уроки фотошоп


[7] Сделайте еще копию и, нажав Cntl+T, уменьшите копию изображения.

Анимированный мигающий свет - уроки фотошоп


Анимированный мигающий свет - уроки фотошоп


[8] Сделайте много копий слоя с изображением, ваша палитра слоев должна напоминать эту:

Анимированный мигающий свет - уроки фотошоп


[9] После этого идем в Window>Animation. (NS: для версии Photoshop CS3, для других версий Photoshop переход в ImageReady).

Анимированный мигающий свет - уроки фотошоп


[10] Сейчас скрываем все слои кроме этих двух:

Анимированный мигающий свет - уроки фотошоп


[11] Дублируем кадр, щелкнув по иконке указанной в скриншоте:
(NS: сразу установите время для первого кадра 0,2 сек.)

Анимированный мигающий свет - уроки фотошоп


[12] Включаем видимость слоя Layer 0 Copy, отключаем слой layer 0.

Анимированный мигающий свет - уроки фотошоп


[13] Дублируем выделенный кадр снова.

Анимированный мигающий свет - уроки фотошоп


[14] Теперь включаем видимость следующего слоя и скрываем предыдущий слой.

Анимированный мигающий свет - уроки фотошоп


[15] Примените такие же действия ко всем слоям. Ваша панель анимации должна выглядеть подобным образом.

Анимированный мигающий свет - уроки фотошоп


[16] Теперь проиграйте анимацию, щелкнув по иконке:

Анимированный мигающий свет - уроки фотошоп


[17] Идите в File >Save for web & Devices и сохраните файл как Gif.
(NS: для версии Photoshop CS3, для других версий Photoshop сохраняем в ImageReady - File >Save Optimized (Ctrl+Alt+S)).

Анимированный мигающий свет - уроки фотошоп


[18] Ваше заключительное изображение должно напоминать это:

Анимированный мигающий свет - уроки фотошоп

Перевод: NonSa

Источник: rnel.net


Отзывов: 8 | Просмотров: 2119

Похожие новости:


  • Искрящаяся анимация в photoshop. - уроки фотошоп
  • Создайте анимированный баннер для Web-сайта - уроки photoshop
  • Анимированный эффект вращающегося колеса - уроки фотошоп
  • Учимся создавать прыгающий анимированный шарик - уроки фотошоп
  • уроки фотошоп - Анимированный неоновый знак

  • Ключевые слова:


    урок, уроки фотошоп, tutorial, photoshop

    каментыкомментарии


    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 18

    #1 Ответил Ingtar, 16 мая 2008 21:30

    Думаю можно сделать много проще...
    Шаг 1, потом сразу 9.
    Первый кадр вы ставите саму картинку, потом уменьшаете картинку до самого последнего размера и ставите второй кадр. а потом просто заставляете программку просчитать вам недостающие кадры.. Выставите их кол-во побольше и избавитесь от "рваного" уменьшения.

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 3

    #2 Ответил shevchenochka, 19 мая 2008 15:44

    Ingtar,
    Пожалуйста подскажите.
    А как заставить программку просчитать недостающие кадры?

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 8

    #3 Ответил ZVEROPAD, 21 мая 2008 13:27

    Если не много применить фантазии, то можно сделать на фотке бъющееся сердце.

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 18

    #4 Ответил Ingtar, 22 мая 2008 15:31

    shevchenochka, Когда вы создаете второй кадр- то становится активной иконка в окошке анимации, где нарисовано 4 листа нисходящих. Не знаю, как прицепить картинку-
    Вот тут смотрите

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 2

    #5 Ответил WARchun, 24 мая 2008 17:09

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

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 3

    #6 Ответил shevchenochka, 26 мая 2008 13:51

    Ingtar,
    Спасибо!

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 7

    #7 Ответил Yosh, 27 мая 2008 22:02

    Класные уроки.....да и сайт вообще тру good

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 8

    #8 Ответил ZVEROPAD, 29 мая 2008 16:25

    WARchun Для того чтоб не выделялся квадрат, просто надо обработать края изображения любым клонирующим инструментом, типа штампа. Когда я повторял этот урок я вырезал сердце и вставил его в фотку, потом делал всё в точности НАОБОРОТ, чтоб сердце не уменьшалось, а увеличивалось и не много быстрей пустил анимашку, потом не так видно рывки! yahoo

    ответить

    ------------------------------------------------


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


    Добавить комментарий как «Гость» (вход на сайт / регистрация)


    Включите эту картинку для отображения кода безопасности
    обновить код

    Символы на картинке:

     

    О сайте: ↓

    Всё об известнейшем графическом редакторе Adobe Photoshop. На сайте можно найти много интересных обучающих уроков, достойную коллекцию учебников от известных отечественных и зарубежных мастеров, а так же скачать кисти, плагины, шрифты, макросы, иконки. Так же у нас Вы можете скачать последню версию Adobe Photoshop CS3 и узнать историю происхождения этого грандиозного графического редактора!

    Скачать Adobe Photoshop CS3

     

     

    Adobe Photoshop CS3

    Статистика ↓

    Голосование ↓

    Пользуетесь ли вы сервисами социальных закладок?
    Да! good2
    Нет negative

    Онлайн учебник ↓

    подробнее

    Реклама↓

    История Adobe Photoshop

    История создания Adobe Photoshop

    Подробнее

    ArtJunkies Вконтакте!

    ArtJunkies Вконтакте!

    Присоединяйся!