Простейшие анимации в фотошопе

Урок 67. Простейшие анимации в фотошопе.

А вот и я присоединилась к данному блогу. Эту запись я уже публиковала у себя, но думаю, что для многих это будет внове. С помощью данной программы и этого урока, можно запросто создать красивую шапку сайта.Все действия будут проходить в русскоязычной версии Photoshop СS5 . Тогда начнём с того как объединять разные картинки в одну анимацию:

1) Первым делом откроем файл нужного нам размера, у меня это будет файл 300*400 (Файл-создать-ок)

2)Затем нажимаем (файл-открыть) и выбираем одну из картинок

3) Выбираем инструмент «треугольная область» и выделяем нужную нам область картинки

4)Нажимаем сочетание клавиш Ctrl+C – тем самым копируя выделенную область в буфер обмена

5)Заходим в наш файл размером 300*400 и нажимаем Ctrl+V, тем самым вставляя картинку

6) Чтобы изменить размер и расположение картинки нажимаем Ctrl+T и изменяем размер картинки по своему усмотрению (Чтобы сохранить пропорции картинки нужно при изменении размера картинки зажать клавишу Shift) после изменения снова нажимаем на инструмент «треугольная область» и выбираем в выскочившем окне функцию применить.

7)Проводим аналогичные действия с другими картинками

8)После всего этого заходим в наш файл и нажимаем (Окно-анимация) У нас появляется такая панель:

9) Вверху справа в этой панели мы видим небольшой значок, нажимаем на него и выбираем новый кадр столько раз сколько у вас заготовлено картинок (только 1 отнимите, ведь изначально у нас уже есть один кадр)

10)Теперь будем работать с окном слоёв . Рядом с каждым слоем (слева) вы можете видеть иконку глаза, он показывает нам виден этот слой и нет

11) Нажимаем на картинку первого кадра и в слоях прячем (убираем глаз) с тех картинок которые не нужны в этом кадре.Причём так, чтобы в каждом кадре была разная картинка.

12) Под каждым кадром мы можем увидеть длительность каждого кадра, поэтому изменим её во всех кадрах на 0,5 сек.

13) Всё готово, чтобы сохранить нашу анимацию нажимаем (Файл – сохранить для веб и видео устройств ) и в появившемся окне выбираем тип файла gif/

14) Вуаля вот он наш результат:


Если что не понятно- спрашивайте. Статью не тырить ибо она написана собственноручно. И не сочтите эту статью кощунственной, она ведь рассчитана на людей не владеющих фотошопом. И самое главное: оставляйте комментарии!

Поделиться в социальных сетях:

Запись опубликована в рубрике Украшательства с метками , . Добавьте в закладки постоянную ссылку.

16 комментариев: Простейшие анимации в фотошопе

  1. avatar Al говорит:

    С почином! Удачный старт!

  2. avatar kapelkaSm говорит:

    С почином! Для тебя открыта отдельная рубрика. Пиши, учи, удачи!

  3. avatar Аник говорит:

    отсос чтоб сделать гифку, ставь фотожоп
    ушёл пить йад

  4. avatar vadimka.scriptick говорит:

    Таки да) Тут вопрос вот в чем) Фотошоп ныне стоит у многих) Так что под него писать уроки вроде как оправданно. С другой чтороны если он всё таки не стоит(кхм, какой я пошляк) то может быть и в самом деле раде одной анимации ставить его не стоит) Тем более что можно и вовсе попросить ласточку и она сама вам все сделает нафиг эти аниматоры :)

    • avatar Dark GenMes говорит:

      Только не каждый пожелает делать за вас. Либо, в последствии, вы скажете, что это совсем не то, чего хотели.

  5. avatar Окси говорит:

    Ласточка, никого не слушай, мы с удовольствием читаем (будем читать) твои уроки. Продолжай в том же духе! Молодец!!

  6. avatar маленькое чудо говорит:

    а можно вопрос во первых у мя только (прямоугольная область)
    во вторых если ей выделяеш и жмешь Ctrl+C…пишет..(.команда скопировать не может быть выполнена…выделенная область пуста)помогите пжл

  7. morzh говорит:

    нужно обводку выполнить, либо выделяй пером

  8. avatar маленькое чудо говорит:

    а не я уже разобралась спасибо за урок ……вот что получилось http://attachments-blog.tut.by/58010/files/2011/05/600×6001294328966261.gif

  9. den17 говорит:

    Учитывая тот факт, что урок расчитан на новичка в работе с ФШ, хочу обратить на то что ФШ не ограничивается тем, что в нем можно создавать простейшие гифки, с элементраной сменой изображений.
    В нем можно обрабатывать и видео файлы, что в общем не плохо получается при определенной сноровке. Фильмы редактировать конечно там не стоит, а вот не большие ролики, в полминуты например, в качестве вставки – вполне реально. Сохраниять их в последствии можно как в gif формате, так и в предложенных видео форматах (я в avi например сохранял)

  10. avatar arlinka говорит:

    да классно всетаки дружить с фотошопом, я конечто многое уже умею, но всеравно хочу предложить свою работу
    http://www.fotohost.by/pic_b/12/01/10/b85ee47b6c6c93207ccb7de932a01cab.gif

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*
Для того, чтобы убедиться что Вы человек, а не спам-бот, введите пожалуйста ответ.
Анти-спам выражение.