анимация в фотошопе CS6 пошаговый урок
by Виктория on 7 Декабрь, 2012 В этой статье я расскажу о том, что такое анимация в фотошопе. Мы с вами посмотрим, как работает анимация в фотошопе на примере создания новогоднего баннера. Я буду работать в Adobe Photoshop CS6. Интерфейс у меня русский, поскольку я пишу с работы. Дома у меня стоит английская версия, и вам я советую учиться на английской версии, вот почему: Вы легко сможете ориентироваться в программе на любом языке (после английского на русском вы легко сможете находить инструменты, ведь это ваш родной язык, а после русской могут возникнуть проблемы с адаптацией). Большинство хороших уроков написаны именно на английском. Локализации программы часто отличаются друг от друга, качество перевода интерфейса иногда оставляет желать лучшего. Некорректный перевод инструментов может запутать начинающего изучать программу человека. Приступаем к созданию анимации в фотошопе CS6 Запускаем фотошоп. Создаем новый документ File -New (Ctrl+N). В открывшемся окне задаем размеры баннера: 600 х 120, назовем его «Новогодний баннер» -> «Ок». Создаем фон Я заранее подбираю материалы, которые буду использовать в работе(фоны, шрифты и т.п.). Открываем подготовленную текстуру: Ctrl+O. Скачать используемую мной текстуру вы можете здесь. Открываем палитру слоев «Layers» — F7. Выделяем окно с текстурой, перетаскиваем слой из палитры слоев на слой с баннером. Если текстура оказалась слишком маленькой или очень большой по сравнению с баннером, откорректируйте ее размер при помощи трансформации «Ctrl+T». В уголках изображения появятся маленькие квадратные маркеры. Зажмите Shift, чтобы сохранить пропорции сторон при изменении размера, потяните за угловой маркер по диагонали, уменьшая или увеличивая размер изображения, пока фоном не будет заполнена вся поверхность баннера. После того, как подогнали текстуру по размеру баннера, переходим к ее цветокоррекции. Заходим в меню «Image» — «Adjustsments» — «Hue/Saturation» (Изображение — Коррекция — Цветовой тон/Насыщенность). Я выставила такие настройки, чтобы добиться яркого, насыщенного цвета: Добавляем блеск тексту Создаем новый слой (Ctrl+Shift+N). Выбираем инструмент Brush Tool (B). Загружаем и устанавливаем кисти со звездочками. Как установить кисти читайте здесь. Выбираем кисть с любой звездой, рисовать будет белым цветом #ffffff. Чтобы выбрать цвет щелкните на маленьком квадратике внизу в левой панели. На новом слое рисуем звездочки в произвольных местах. Чтобы звезды получились поярче, кликаем по несколько раз в одном месте. Вот что получилось у меня: Делаем дубликат слоя (Ctrl+J). Щелкаем на иконку глаза в палитре слоев, чтобы скрыть видимость предыдущего слоя. Выделите верхний слой с копией звезд. На панели слева выберите инструмент «Lasso Tool(L)». Выделяем каждую звезду по очереди, нажимаем «V»(инструмент Move Tool) и переносим на любое другое место, таким образом у нас в разных кадрах звездочки будут на разных местах, благодаря чему создастся эффект мерцания. После того, как передвинете все звезды на другое место, создайте дубликат слоя, на котором работали (Ctrl+J), скройте предыдущий слой в палитре слоев, щелкнув на глазик, и снова повторите операцию по перемещению звезд на новые места, вы также можете дорисовать несколько новых звезд. Таким образом, у нас получится 3 слоя со звездами, в каждом из которых звезды будут находиться на разных позициях. Все готово. Переходим к созданию анимации в фотошопе Открываем временную шкалу. Заходим в меню «Window» — «Timeline» (Окно — Шкала времени). В появившейся панели шкала времени находим кнопку посередине «Create Video Timeline» (Создать временную шкалу для видео). После этого шкала изменит вид. Теперь тыкаем в левый нижний угол окна по иконке с тремя квадратиками, чтобы создать в покадровую анимацию. У нас открылась панель покадровой анимации. Сейчас в ней только один кадр, в котором показаны все видимые слои (содержание выделенного кадра показывается в основном окне на мониторе). Переходим в палитру слоев — F7. Нам необходимо сейчас отключить два верхних слоя со звездами(щелкните по глазу), оставив видимым только один. Это будет первым кадром. Далее создаем второй кадр, щелкнув на соответствующем значке внизу временной шкалы. Перейдите в палитру слоев. Отключите первый слой со звездами, включите второй. Таким образом, во втором кадре у нас будут показываться звезды уже в других местах. Опять кликаем на значок нового кадра. Выключаем второй слой со звездами, включаем третий. Обратите внимание на время под каждым кадром, это продолжительность показа кадра. 5 сек, которые стоят по умолчанию, для нас очень много — анимация будет тормозить, щелкнем на стрелочку и установим длительность каждого кадра по 0,1 сек. Для того, чтобы кадры менялись плавно нам нужно создать промежуточные кадры между ключевыми. Для этого, находясь на первом кадре, щелкаем на значок с несколькими кружками внизу на временной панели. В появившемся окне указываем сколько промежуточных кадров мы хотим создать. Я поставлю 2. Для всех кадров, кроме последнего, ставим «Следующий кадр». Между первым и вторым ключевыми кадрами у вас появилось 2 промежуточных. Теперь встаем на 2ой ключевой кадр( теперь он 4ый по счету), опять нажимаем на значок с кружками и создаем еще 2 промежуточных кадра. Теперь нам осталось замкнуть последний и первый кадр для получения плавной анимации. Выделяем последний кадр в шкале времени. Нажимаем на кружки. В появившемся окне, в строке «Промежуточные кадры» выбираем «Первый кадр», кадров добавляем все так же 2. Теперь под кадрами внизу слева указываем количество повторов воспроизведения анимации «Постоянно». Выделяем первый кадр, нажимаем треугольничек вправо «Play», чтобы посмотреть что получилось. Чтобы сохранить анимацию, созданную в фотошопе, заходим в меню «File» — «Save For Web & Devices» («Файл» — «Сохранить для Web»). Выбираем формат файла для сохранения GIF, нажимаем «Сохранить…», выбираем директорию, куда будем сохранять, жмем опять «Сохранить». Готово! Итак, в этом уроке мы посмотрели как сделать анимацию в фотошопе CS6. Надеюсь, вы узнали что-то новое и полезное из этого урока.
Анимация глаза Этот урок можно скачать Для того, чтобы открыть картинку, необходимо выбрать пункт «Файл» - « Открыть » и.
Как создать анимацию закрывающихся глаз в программе Adobe Photoshop? - видео урок TeachVideo. Скачать урок Анимированные глаза в Фотошопе Для этого выберем пункт меню «Файл» - « Открыть ».
В этом ролике рассказывается - как можно создать анимированный дождь в программе Adobe Photoshop? - бесплатный видео урок TeachVideo
Анимация в Фотошопе на примере анимированного дождя - видео урок TeachVideo
RuTracker.org » Анимация » Скачать торрент Jasc Animation Shop 3 (3.05) ( x86) Описание: Animation Shop - Редактор анимированных гифов, себе в подпись и она становиться большой и не всегда радует глаз :) Нажимаем кнопку Открыть и указываем путь к сохранненой картинке и добавляем ее. 7.
Я выбрала Lobster (нажмите, чтобы скачать). Открыть эту панель вы можете из меню «Type» — «Panels» — «Character Щелкаем на иконку глаза в палитре слоев, чтобы скрыть видимость предыдущего слоя.
Кроме этого, вы можете скачать архив со списком всех анимаций из Скачать Анимационный плеер поз ( Animation Player) к Симс 3.