Все для фотошопа. Фотошоп для всех

Сайт для тех, кто хочет научиться фотошопу. Уроки для русского фотошопа.

Уроки фотошопа. Как сделать анимацию. Красивые снежинки

Уроки фотошопа. Как сделать анимацию. Красивые снежинки.

Как сделать анимацию красивых, падающих снежинок? В прошлом уроке «Падает снег«, мы учились делать просто маленькие падающие хлопья снега, а сегодня будем рисовать красивые, летящие снежинки.


1. Открываем в фотошопе картинку, которую вы выбрали или которую создали сами, с красивым зимним коллажем. Я выбрала вот такую елочку, на темном фоне, чтобы на нем было лучше видно наши красивые снежинки. Если нравится, можете потренироваться на моей картинке, но в данном случае можно сразу брать любую картинку.

2. Идем в Изображение — Размер изображения смотрим, какого размера у нас картинка. Это нужно знать, потому что нам нужно будет создать подложку для нашей анимации падающего снега.  Запоминаем размер нашей картинки 500 х 667.

3. Идем в Файл — Создать Создаем новый документ, такого же размера, как наша елочка, на прозрачном фоне. Но рисовать белые снежинки на невидимом фоне неудобно, да и не видно, поэтому заливаем наш фон черным цветом, с помощью ведерка (заливка).

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

Скачать с Яндекс Диска

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

5. И начинаем рисовать снежинки в хаотичном порядке. Чем больше снежинок вы нарисуете, тем плотнее будет стена пурги, но не торопитесь все зарисовать одинаковыми снежинками-оставьте место для других. Если снежинки получаются крупными или наоборот мелкими, вы можете менять размер в большую или меньшую сторону и снежинки получатся разного размера. Порисовали одной кисточкой-выбираем другую и можно и третью и четвертую-ведь снежинки настолько разнообразны по рисунку в природе.  Можете каким-то снежинкам уменьшить немного непрозрачности, чтобы одни снежинки были ярче других. В конце добавьте совсем маленьких снежинок от 1 до 5 пикселей, с непрозрачностью 100. Их можно ставить побольше, пока терпения хватит и конечно не в шахматном порядке. И таким образом заполняем все пространство нашего черного фона. Нарисуйте где-нибудь в правом нижнем уголке какую-нибудь фигурку из снежинок-например ромбик-он будет нашим ориентиром.

6. Переходим на инструмент Перемещение, копируем этот слой, нам понадобятся для работы два слоя.  Идем в Изображение — Размер холста и делаем холст по высоте в два раза выше.

7. Стоя на верхнем слое, зажимаем левую кнопку мыши и перемещаем слой вверх до конца, чтобы слои совпали по нижнему краю, т.е. как раз на середине нашего холста.

Объединяем наши два слоя в один, для этого кликаем правой кнопкой мыши по нижнему слою и в выпавшем окне выбираем Объединить видимые. После этого Переносим слой со снегом на слой с нашей елочкой. Стоим на слое со снегом, идем в Выделение — Все. Редактирование — Копировать. Переходим на вкладку с елочкой, идем в Выделение — Вставить. Вы можете делать перенос другим способом, к которому привыкли.  Устанавливаем слой со снегом на слое с елочкой так, чтобы нижние края слоев совпали.

8. Теперь нам нужно избавиться от черного фона на слое со снежинками, иначе нашу елочку не будет видно. Стоим на слое со снегом-он у нас верхний и выбираем для этого слоя режим наложения Экран. Все, черный фон пропал, а елочка стала видна.

9. Теперь переходим к анимации. Открываем панель анимации и сразу видим 1 кадр. Устанавливаем ему длительность 0.1 сек. Создаем еще 1 кадр.  Переходим на 2 кадр, а в слоях стоим по-прежнему на слое со снегом. Помните мы с вами делали ромбик в правом нижнем углу. Теперь найдите его, вспомните, как он выглядит, зажмите левую клавишу мыши и, начиная сверху, тащите потихоньку снег вниз, пока вы не увидите точно такой же значок. Лучше это делать с зажатой клавишей Shift, У меня настроена клавиша Ctrl. Двигать надо очень аккуратно, иначе снег у вас съедет в сторону и будет на анимации дергаться.  Установите его чуть выше того места, на котором он был, т.е. чуть не доходя, иначе у нас 1 и последний кадры совпадут. Т.е. мы таким образом спрятали первую половину снегопада вниз.

10. Если мы оставим все, как есть и включим анимацию, то увидим, что это мало похоже на настоящий снегопад-нет плавности и мягкости движения снежинок. Поэтому нам надо сделать добавочные кадры. Для этого стоим на первом кадре, зажимает клавишу Shift и кликаем по 2 кадру. Оба кадра выделились синим цветом. Нажимаем на значок Добавочные кадры и выставляем 20 кадров-лучше сделать побольше, иначе не будет плавности. Включаем анимацию и смотрим. Если все устраивает-Сохраняем для Web и устройств. Мне показалось, что снег летит слишком быстро и я  поменяла время задержки на 0.2 сек.

На этом урок закончен. Любуемся нашей анимацией.  Кстати, если вы отключите уже после сохранения глазик на слое с елочкой, то можно точно так же сохранить одну анимацию снега и потом использовать ее на подходящих по размеру картинках. Это совет для тех, кто уже умеет устанавливать на картинки готовую анимацию. А кто еще не пробовал это делать, советую посмотреть мой урок фотошопа Как сделать плеер с анимированной картинкой.

Радостного вам творчества!

Скачать урок фотошопа Красивые снежинки можно бесплатно, с Яндекс Диска.


Впишите свой email :

Понравилась статья? Поделись с друзьями!





Почитай, тебе понравится!

Уроки анимации , ,
Отзывов к Уроки фотошопа. Как сделать анимацию. Красивые снежинки уже: 52...
  • Татьяна

    Олечка, большое спасибо за урок, всё очень просто делается и в тоже время ново для меня! Забиру — буду заниматься украшением зимних фонов.

    Ответить
    • Ольга

      Рада, что пригодится мой урок, он действительно простой, как и тот-первый «Падает сне», но тут уже со снежинками и можно менять украшение фонов.

      Ответить
  • Margo

    Красота!Спасибо, Оля!

    Ответить
    • Ольга

      Это тебе спасибо, Маргоша, что забегаешь, хоты ты тоже очень занятой человек-я знаю, что такое обработка фото!Марго, знаешь, я сейчас получаю по подписке уроки фотошопа профессиональные по обработке фотографий, но у самой руки пока до них не дошли-очень занята приобретенным недавно платным курсом по коллажам, может тебе подкинуть эти уроки?

      Ответить
  • Валентина

    Оля, спасибо за урок, такой снег красивей чем хлопья

    Ответить
    • Ольга

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

      Ответить
  • Евгений

    Я сделал, но мне что-то не понравилось, как-то получилось не натурально. Даже сам не пойму в чем дело. Сейчас присмотрелся, у тебя Оля получается как-то немного хаотично снежинки падают, а у меня как-то не так, может снежинки не так нарисовал. Как палки… бум…бум…бум вниз))) Буду переделывать пока не получится хоть капельку реалистичней.

    Ответить
    • Ольга

      Привет! Попробуй сделать мало снежинок, может тогда понятнее будет в чем у тебя там дело и пришли мне готовую картинку на почту-может я пойму, посмотрев, в чем заковыка.

      Ответить
  • Евгений

    Спасибо забыл сказать… весь в творчестве))) Урок как всегда замечательный и главное скоро очень даже может пригодиться. Давно хотел своим родственникам не из интернета скачивать открытки, а сам что-то наваять.

    Ответить
    • Ольга

      Ну я рада, что ты решил сам делать-всегда приятнее такую открытку, подписанную не дядей Васей, а тобой, отправить друзьям.

      Ответить
  • Дина

    Картинка чудесная, Олечка!!! Я восхищаюсь людьми творческими. вы все время ищите новое. уроков тьма у вас!!! Жаль, сил нет теперь, но так все нравиться ….

    Ответить
    • Ольга

      Диночка, спасибо, солнышко! Я конечно увлеченный человек, но ведь кто знает, что лучше — увлекаться творчеством или своей семьей? Ты зато для семьи живешь, а
      это тоже большой труд и даже можно сказать — ты творишь жизнь!

      Ответить
  • Полина

    спасибо огромное. попробую. очень красиво!

    Ответить
    • Ольга

      Поля, урок простой, точно получится!

      Ответить
      • Александр

        Разве это простой урок? Я представляю какой- тогда среднего уровня уроки..

        Ответить
        • Ольга

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

          Ответить
  • Татьяна

    Олечка, здравствуй! Сейчас делаю снег по уроку. Всё получилось, снег идёт нормально, красиво. Единственно я не могу понять — куда у тебя девается та, верхняя часть фона со снежиноками (тот фон, что мы увеличили в высоту в 2 раза, пусть даже теперь, сделав его прозрачным)? У меня получилась сверху картинки прозрачная шапка (высотой с картинку) с которой падают снежинки на картинку. Что-то у меня нитак вероятно получилось?Подскажи. Олечка, что сделать?
    С благодарностью. Татьяна!

    Ответить
  • Татьяна

    Олечка, в дагонку посылаю. Я просто уменьшила холст на эту величину над картинкой и всё стало в норму. Спасибо, дорогая!

    Ответить
    • Ольга

      Танечка, привет! Только собралась ответить на 1 письмо и вижу уже 2. Я рада, что все у тебя пришло в норму, но ты меня удивила, потому что там все очень просто и я постаралась очень подробно все описать. Видимо ты невнимательно прочла в каком-то месте. Если все еще и сейчас что-то непонятно, то давай может по скайпу свяжемся и пройдем вместе тот кусок урока, где у тебя затруднения.

      Ответить
  • Зоя

    Спасибо за урок! У меня получилось!Правда не супер…потренеруюсь еще…

    Ответить
    • Ольга

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

      Ответить
  • Наталья

    В 11 пункте вы пишите: «Помните мы с вами делали ромбик в правом нижнем углу. Теперь найдите его, вспомните, как он выглядит, зажмите левую клавишу мыши и, начиная сверху, тащите потихоньку снег вниз, пока вы не увидите точно такой же значок. Лучше это делать с зажатой клавишей Shift, У меня настроена клавиша Ctrl. Двигать надо очень аккуратно, иначе снег у вас съедет в сторону и будет на анимации дергаться. Установите его чуть выше того места, на котором он был, т.е. чуть не доходя, иначе у нас 1 и последний кадры совпадут. Т.е. мы таким образом спрятали первую половину снегопада вниз».

    Я не нашла запись, где нужно было ставить ромбик. Подскажите, пожалуйста, как это надо делать.

    Ответить
    • Ольга

      Наташа, вы просто не обратили внимания на пункт № 6, где я пишу в конце: Нарисуйте где-нибудь в правом нижнем уголке какую-нибудь фигурку из снежинок-например ромбик-он будет нашим ориентиром. Там и скриншот дан очень четкий, на нем выделена эта фигурка, впрочем вы можете хоть крестик поставить, без разницы, главное это место засечь.

      Ответить
  • Наталья

    В предыдущем комментарии я не поняла момент с «ромбиком из снежинок». Этот момент я уже поняла (нашла описание). А вот то, что касается самой анимации, то все делаю пошагово, но когда сохраняю в Web, то анимация перестает работать, и остается неподвижная картинка. Пробую открыть ее повторно в Photoshop, но анимация не работает. Пробовала уже несколько раз. Результат такой же. Оля, может быть я что-то не так делаю?

    Ответить
    • Ольга

      Наташа, а в Web сохраняешь для gif? Посмотри, может быть сохранение стоит для jpeg или png? Если анимация работает в самом фотошопе, то и после сохранения она никуда не пропадает. В фотошопе-то она у тебя работает? Еще посмотри в панели кадров, под первым кадром есть кнопочка с окошечком, где написано, какая анимация — постоянная или однократная, поставь постоянно.

      Ответить
  • Наталья

    Ооооо, поняла!!! Теперь буду смотреть какое расширение выставляется при сохранении. Просто не обращала внимание. Ура!!! Спасибо, Оля!!!

    Ответить
    • Ольга

      Так я не поняла…получилось что ли, Наташа?

      Ответить
  • Наталья

    Нет, пока еще не попробовала. Завтра попробую и напишу. Сейчас сижу работаю.

    Ответить
    • Ольга

      Удачи и спокойной ночи, Наташа!

      Ответить
  • Наталья

    Здравствуйте, Оля! Попробовала сегодня сделать картинку. Теперь не получается анимация. Все делаю как надо, а когда включаю анимацию, то снежинки стоят((( Опять что-то не так получается.

    Ответить
    • Ольга

      Наташа, я тебе уже говорила, что неправильно сохраняешь, вот и все. Надо сохранять для gif. Проверит просто: если работает в фотошопе, но не работает после сохранения, значит сохранила неправильно.

      Ответить
  • Наталья

    С сохранением я все поняла. А теперь не двигаются снежинки, когда включаю анимацию.

    Ответить
    • Ольга

      Наташа, учитывая, что это урок прошлого года и ни у кого, никогда не возникло никаких вопросов (это видно из комментариев), значит ты просто очень невнимательная и делаешь урок, пропуская какие-то важные моменты. Ни у одного читателя с этим уроком не было никаких проблем вообще. Наташа, ты торопыга, как я поняла. Читай внимательно урок и все получится.

      Ответить
      • Наталья

        Оля, я, конечно, извиняюсь, но все делаю пошагово, внимательно. Фотошоп открыт, урок открыт, смотрю каждый шаг. Но почему у меня не получается, я не понимаю. Не двигаются у меня снежинки, да и все тут.

        Ответить
        • Ольга

          Наташа, ты точно проверила, что анимация у тебя поставлена постоянная, а не однократно?

          Ответить
          • Наталья

            Ура!!! Олечка, все получилось. Я поняла в чем дело, что я не так делала. Когда я опускала снежинки, то брала инструмент «Стрелочка», а нужно было «Перемещение». Теперь все в порядке. Только, почему-то, для первой анимации фильтр «падает снег» не работает у меня в фотошопе. Вроде бы скриншот открывается, выставляю значения, а когда надо нажать ОК, то не срабатывает: пишет, что не хватает файлов. Но это уже потом спрошу у тебя, что не так опять.

            Ответить
          • Ольга

            Наташа, мой совет: никогда не торопись с незнакомыми приемами, очень внимательно просматривай на скриншоте все настройки.

            Ответить
  • Наталья

    Это еще до сохранения. Когда я уже все подготовила, сделала кадры для анимации, начинаю проигрывать, то снежинки стоят на месте.

    Ответить
    • Ольга

      Наташа, я еще раз повторюсь: не спеши и пройди весь урок снова, с самого начала, ты что-то пропустила, либо второй вариант — твой фотошоп неправильно настроен, тут только проверять. Я очень хочу тебе помочь, потому что понимаю, в какой ты растерянности, но сделать это смогу только после понедельника, уж извини, все ближайшие три дня мне будет не до фотошопа…у меня сороковины.

      Ответить
      • Наталья

        Хорошо, Оля. Буду ждать понедельника. Но делаю все как в уроке. Вообще, я человек очень внимательный. Один раз было такое, что снежинки полетели. Но это был только один раз, когда я сохранила не так. Больше снежинки не летят. Вот столько времени, а я все сижу и мучаюсь. Ну ладно, до следующего раза. Спокойной ночи! Спасибо большое.

        Ответить
  • Наталья

    Хорошо, Оля, просмотрю еще раз.

    Ответить
  • Надежда Моисеева

    Олечка, просматриваю все уроки. Очень интересно, кое-что делала раньше, но с удовольствием повторю.

    Ответить
    • Ольга

      Надя, а так и получается, что время проходит и что-то забывается-приходится повторять. Скоро опубликую Наташины уроки со снежинками-тоже очень интересные и приемы работы там по-моему другие есть. Вот только парочку еще осенних выставлю.

      Ответить
  • Елена Картавцева

    С падающим снегом разобралась, решила взяться за освоение снежинок и опять «застряла», так как поняла, что кисти можно скачать у тебя,Олечка, а вот как их потом вставить в фотошоп??? Ох и темная же я личность! :cry:
    Елена Картавцева приглашает в гости Болезнь Альцгеймера: симптомы, профилактикаMy Profile

    Ответить
    • Ольга

      Лена, привет! Рада, что у тебя получается, а кисти вставить очень просто-вот ссылка на мой урок:http://gylhataj.ru/urok-fotoshopa-kak-ustanovit-kisti-v-fotoshop

      Ответить
      • Елена Картавцева

        Спасибо за ссылку,Оля, а то я блуждаю по сайту, как слепая и в упор не видела этого урока. Будет чем заняться в ближайшее время.
        Елена Картавцева приглашает в гости Как защитить себя от простуды и гриппаMy Profile

        Ответить
        • Ольга

          Ленуся, а ты не блуждай, время драгоценное не трать зря — ты просто иди сразу в Карту сайта, которая находится прямо на шапке, вверху, слева-там список всего, что есть на сайте по рубрикам. Находишь Уроки, а там уже по разделам они пошли все и читаешь названия и выбираешь нужный или вообще легче-опять же вверху, но уже справа есть строка Поиск-прямо туда забиваешь допустим: как вставить кисть в фотошоп и тебе сразу выдает нужный урок.

          Ответить
        • Ольга

          Все это не только к урокам относится, а к любой категории-хоть клипарт, хоть открытки, хоть картинки или фоны и т.п.

          Ответить
      • Елена Картавцева

        Рано обрадовалась, потому, что скачать кисти не удалось, ответ: Такого файла не существует, доступ к нему ограничен или он был удален из-за нарушения авторских прав.
        Олечка, если тебя не затруднит, сбрось мне файл на почту, пожалуйста. Выручи горемыку! :-)
        Елена Картавцева приглашает в гости Черный орех. Полезные свойства. Профилактика от паразитовMy Profile

        Ответить
        • Ольга

          Лена, бывает такое-не мои же кисти-это раз, а второе-сто лет уже не пользуюсь этими депозитами. Я сейчас и тут поставлю новую ссылку и тебе посмотрю, что у меня еще есть и кину на почту.

          Ответить
          • Елена Картавцева

            Кисти скачала, установила, а дальше… 2 часа не вставала со стула, забыв про обед. Что-то получилось, но дергается, как парализованный. Где-то я не так делаю. Одно успокаивает, судя по комментариям я не одна такая чукча. Что такое инструмент перемещение знаю, но ни как не «въеду» в суть действия — «Переходим на инструмент Перемещение, копируем этот слой». :wacko: Одно радует, что пока ковырялась, поняла и уже попробовала делать не gif , а видео. Это мне как раз пригодится для футажей.
            Елена Картавцева приглашает в гости Чем грозит человеку дефицит йодаMy Profile

            Ответить
          • Ольга

            Лена, я этот урок сама проходила от начала и до конца и все получилось, коменты тут трарые-года два назад у человека что-то не получилось…

            Ответить

Ваш email не будет опубликован. Обязательные поля отмечены *
Имя *
Email *
Сайт
Ваш комментарий
:bye:  :good:  :negative:  :scratch:  :wacko:  :yahoo:  B-)  :heart:  :rose:  :-)  :whistle:  :yes:  :cry:  :mail:  :-(  :unsure:  ;-)