Photoshop CS5. Анимированная кнопка презентация

Содержание

1. Откройте Photoshop CS5 и создайте новый документ. Размеры – 200 на 100 pixels:

Слайд 1Photoshop CS5.
Анимированная кнопка
©Максимовская М.А.
Перед началом работы в папке своего класса

создайте свою папку

Слайд 21. Откройте Photoshop CS5 и создайте новый документ. Размеры – 200

на 100 pixels:

Слайд 32. Выберите инструмент скруглённый прямоугольник в режиме Shape Layers:


Слайд 43. Выберите инструмент скруглённый прямоугольник в режиме Shape Layers и нарисуйте

в документе кнопку (т.к. передний цвет чёрный – кнопка тоже чёрная):

Слайд 54. Перейдём в палитру Styles и выберем подходящий стиль, например, такой:


Слайд 64. Перейдём в палитру Styles и выберем подходящий стиль, например, такой:


Слайд 75. Растрируем этот слой (Layer - Rasterize - Layer):


Слайд 86. Выделим кнопку (нажать Ctrl + левая кнопка мыши на иконке

верхнего слоя):



Слайд 97. Создадим по краям кнопки небольшую каёмку (Select – Modify -

Contract):

Слайд 108. В открывшемся окне поставьте 3 pixels:


Слайд 119. Должно получиться:


Слайд 1210. Инвертируйте выделение – Shift + Ctrl + I, затем скопируйте

выделение на новый слой – Ctrl + С, Layer – New – Layer, Ctrl + V:

Слайд 1311. Выберите для каёмочки какой-нибудь другой стиль, например, такой:


Слайд 1412. «Сливаем» все видимые слои – Shift + Ctrl + E:


Слайд 1513. Добавляем на кнопку текст (устанавливаем для него стили):


Слайд 1614. Снова сливаем все видимые слои:


Слайд 1715. Открываем окно Animation (Window – Animation) и создаем ещё два

кадра:

Слайд 1816. Выделяем первый кадр (видимость слоя должна быть включена):


Слайд 1917. Выделяем второй кадр (видимость слоя должна быть выключена):


Слайд 2018. Выделяем третий кадр (видимость слоя должна быть включена):


Слайд 2119. Выделяем первый кадр и нажимаем в палитре Animation кнопку Tweens

Animations Frames:

Слайд 2220. В появившемся окне добавляем 10 промежуточных кадров:


Слайд 2321. Сделайте активным 12 кадр, нажмите ту же кнопку в палитре

Animation и добавьте ещё 10 кадров:

Слайд 2422. Выделите последний кадр и установите длительность 1,0 sec:


Слайд 2523. На активном последнем кадре добавьте ещё 5 кадров:


Слайд 2624. Сохраните свою анимацию в формате Gif в свою папку:


Слайд 2725. Если вы всё делали правильно, то должно получиться примерно следующее:


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика