Доброго вечера, дорогие подписчики и просто читатели моего блога! Готовы ли Вы узнать о том, как “оживить” свою картинку? И не с помощью магии, а с помощью всего на всего нашего любимого фотошопа! Как же долго я откладывал этот урок, сам не понимая почему. Ведь это основы фотошопа! Но теперь я решился исправиться.
И исправиться настолько, что в конце видео Ваш ждет еще и видео урок о том, как делать анимацию в фотошопе.
Я долго не писал уроки по фотошопу, и у меня были на то причины. Ведь я заканчивал свой рассказ “Как школьник пришел покорять интернет”. Милости прошу прочитать его, и высказать свое мнение прямо в комментариях!
А теперь перейдем непосредственно к уроку. На видео, которое будет ниже, я расскажу как делать добавляющийся постепенно текст, но в текстовом уроке задание будет немного сложнее.
У нас есть Чиполлино, и нам нужно сделать так, чтобы он махал нам ручкой.
Шаг 1. Для начала нужно “включить” анимацию в фотошопе. Для этого заходим “Окно”->”Анимация”. Может еще быть написано “Шкала времени”.
Шаг 2. Для того чтобы рука шевелилась, нам нужно вырезать её и ставить в разные положения. Для вырезания руки я, лично, использую “Магнитное лассо”. Делаем копию основного слоя (Ctrl+J) и работаем с копией. Оригинал не трогаем.
Выделяем аккуратно руку и вырезаем её!
Шаг 3. А теперь вставляем нашу руку, как бы это ужасно ни звучало, и ставим её в разные положения. Вставляться рука будет в новые слои, нам это даже на руку.
Шаг 4. Этот шаг необязательный, но лучше используя инструмент “Ластик” немного подправить руку, сделав её более природной. Тяжело это объяснить, конечно на словах. Если поняли для чего мы используем ластик, то выполняйте этот шаг, если все же не поймете, можете пропустить. Это не принципиально, так как нам самое главное научиться создавать простую анимацию!
Шаг 5. Теперь работаем с кадрами. В каждом кадре включаем только те слои, которые нам нужны. Например, в 1 кадре нам нужен наш оригинал, а в нашем случаи “Слой 0”.
Теперь создаем новый кадр:
И уже в новом кадре включаем другие слои. То есть, наш “Слой 0 копия” и “Слой 1”, то есть, другое положение руки. Надеюсь, алгоритм понятен Вам, дорогие читатели.
Шаг 6. Выставляем задержку кадра. То есть, через какой промежуток времени будет показан следующий кадр.
Шаг 7. Сохраняем нашу гифку. Не зря я включил этот шаг в свой урок, так как сохранение гиф-анимации происходит немного по-другому, чем просто изображение.
Выбираем формат (по дефолту стоит GIF) и сохраняем.
В итоге у нас должен получиться такой Чиполлино 
Хотя, считаю свою работу неаккуратной до ужаса, но, как наглядный пример простой анимации вполне сгодиться.
Надеюсь, дорогие читатели, Вы поняли как делать анимацию в фотошопе.
Если будут какие-то вопросы, то я с радостью отвечу Вам в комментариях!
А теперь, для тех кому понятней видео уроки, прошу посмотреть мой урок для Вас:
С уважением, Владислав
Спасибо, Влад. Урок очень нужный.
Ровно неделю назад искал как сделать гифку с анимацией. Правда уже нашел и сделал.
Я банер делал с мигающей надписью. Вообще анимированные банера востребованная штука.
Потому что они привлекают внимание!
Все что мигает, привлекает наше внимание)
Не за что!
Главное, что все понятно, как делать анимации в фотошопе ))) Полезный урок, недавно у меня тоже возникала потребность в такой информации.
Елена, это моя цель — сделать уроки более понятными. Ведь тогда зачем они вообще нужны?
Согласен с Еленой и Романом — урок очень полезный. И мальчик луковка прикольный получился)).
Я как то постоянно не делаю анимацию, а когда надо ищу информацию в интернете. И каждый раз у меня появляется проблема, как в шаге 5-6, чтобы много картинок появлялось в этой анимационной панели(перед выставлением задержки кадров). Но повозившись все получается.
Он немного неаккуратно получился :c
Александр, лайтрумом и фотошоп я ограничиваться не буду, и с нового года планирую запустить категорию «Adobe Flash». Там это все легче делать, особенно 5 и 6 шаг.
Давай, будем ждать уроки по «Adobe Flash». Наверное это еще интересней. Программа платная?
Нет, Adobe Flash Pro, который нам нужен, платный.
Владислав, отличный урок!!!)) Спасибо))
Если не трудно, можешь прислать мне на почту ссылку, где я могу скачать нормальный, официальный фотошоп??)) А то фотошоп нужен, а качественный торрент найти не могу и нет времени искать)))
Спасибо!) Стараюсь делать понятные людям уроки!
Хорошо, ссылку скинул на почту, проверяй. Только официальный на торрентах не скачаешь :D
И ты немного не вовремя, я пару дней назад как раз ссылки поудалял, не хочу гнева Adobe.
скиньте мне тоже пожалуйста.
Выслал! Проверяйте почту :)
Анимацию по-привычке клепаю во флеше, по старой школьной памяти, когда и мультики в нем рисовал и игрушки простенькие. Хотя, для работы с растром, фотошоп, пожалуй удобнее будет
Спасибо за подробный урок, думаю полезен многим
Надеюсь на это!)
Очень хороший урок) Я вообще поначалу даже и не знала, что в фотошопе анимацию можно делать, думала для этого другие программы нужно использовать. А потом когда попробовала анимацию сделать — оказалось, не так уж и трудно, единственное — запутаться можно во всех этих слоях и кадрах (если их много))))
Фотошоп ооочень многофункциональный. Вы его недооцениваете :)
Ну да, для тяжелых анимаций флеш лучше подойдет.
Владислав, что то когда хочешь отписаться от комментариев на почту у тебя попадаешь на «страница не найдена». Не это ли причина, что твои ответы попадают в спамм?? Люди не могут отписаться, помечают как спамм и у других потом они тоже туда же идут.
Да, я знаю, увы. Несовместимость с плагинами, нужно поставить это как очередную цель. Просто пока не знаю методов решения.
Но вряд ли из-за этого :) Попадает в спам, потому что идет подмена email адреса. Хотя, не факт )
Давно искал что то на подобие данного урока. Очень помогло, спасибо автору. Увеличил свою базу знаний по фотошопу))
Спасибо Вам за отличную статью! Очень полезная информация, особенно для тех, кто работает в фотошоп с целью создания рекламных материалов для различных сайтов! Всё очень понятно и доступно! Ещё раз спасибо!!!
Стараюсь описывать все до мелочей, что бы было понятно даже ребенку :)
Полезный урок, спасибо. Попробовал сделать гифку с другой, своей картинкой, пока коряво, но получилось. Блог однозначно в закладки!
Мне кажется, что есть способ и получше как сделать gif, а может и даже проще, быстрее и удобнее, о нем я тут узнал
Ещё ни разу не пробовал делать анимацию в фотошопе. Обязательно попробую, ведь нужно расширять свои навыки в этой программе.
Правильно! )