Урок №2: «Живое сердце»
02-02-2011 16:05
к комментариям - к полной версии
- понравилось!
1. Создаем документ 200 на 200 с прозрачным фоном.
2. Берем инструмент Custom Shape (Произвольная фигура). На верхней панели выбираем фигуру сердце.
[показать]
И растягиваем фигуру на рисунке. В окне Стилей находим стиль, как на картинке и применяем его к нашей фигуре. Если у вас этот стиль не отображается, то его просто надо загрузить из пакета стилей Web Rollover Styles.
[показать]
И получим вот такое сердце.
[показать]
3. Подправим цвет. Для этого надо зайти в стиль слоя и убрать глазик с эффекта Pattern Overlay (Перекрытие узора). Если вдруг оно все же другого цвета, то теперь уже можно просто залить его красным цветом.
[показать]
Должно получиться вот так:
[показать]
4. Дублируем слой. Верхний пока отключаем, чтобы он нам не мешал и переходим на нижний слой.
[показать]
5. Идем в Edit => Transform =>Scale (Редактирование =>Трансформирование =>Масштабирование). И удерживая клавишу Alt, немного уменьшаем наше сердце. Не переборщите, иначе биение сердце выйдет ненатуральным.
[показать]
6. Снова включаем верхний слой.
[показать]
7. В окне Анимации жмем справа на стрелочку и выбираем Make frames from layers (Создать кадры из слоев). Задаем время для каждого кадра 0,5 секунды и режим воспроизведения Forever (Всегда).
[показать]
Жмем кнопку Play. Если результат устраивает, сохраняем анимацию
[показать]
вверх^
к полной версии
понравилось!
в evernote
2. Берем инструмент Custom Shape (Произвольная фигура). На верхней панели выбираем фигуру сердце.
[показать]И растягиваем фигуру на рисунке. В окне Стилей находим стиль, как на картинке и применяем его к нашей фигуре. Если у вас этот стиль не отображается, то его просто надо загрузить из пакета стилей Web Rollover Styles.
[показать]И получим вот такое сердце.
[показать]3. Подправим цвет. Для этого надо зайти в стиль слоя и убрать глазик с эффекта Pattern Overlay (Перекрытие узора). Если вдруг оно все же другого цвета, то теперь уже можно просто залить его красным цветом.
[показать]Должно получиться вот так:
[показать]4. Дублируем слой. Верхний пока отключаем, чтобы он нам не мешал и переходим на нижний слой.
[показать]5. Идем в Edit => Transform =>Scale (Редактирование =>Трансформирование =>Масштабирование). И удерживая клавишу Alt, немного уменьшаем наше сердце. Не переборщите, иначе биение сердце выйдет ненатуральным.
[показать]6. Снова включаем верхний слой.
[показать]7. В окне Анимации жмем справа на стрелочку и выбираем Make frames from layers (Создать кадры из слоев). Задаем время для каждого кадра 0,5 секунды и режим воспроизведения Forever (Всегда).
[показать]Жмем кнопку Play. Если результат устраивает, сохраняем анимацию
[показать]
Комментарии (22):
Лида_Юринец, Очень красивое сердечко. :)
Valysha-66
04-02-2011-02:01
удалить
Подскажите пожалуйста, у меня вокруг сердечка белый фон, что я сделала не так?
Valysha-66, Сердечко очень красивое. Хочешь, я научу тебя, как избавится от белого цвета по краям анимашки?
Valysha-66
04-02-2011-02:45
удалить
Valysha-66, Какая у вас версия фотошопа? У меня например Adobe Photoshop CS4.
Valysha-66
04-02-2011-10:34
удалить
Ответ на комментарий FlorMary #
Photoshop CS5 (русская)
Valysha-66, Анимация сохраняется, как обычно через Файл --->Сохранить для Web и устройств . В открывшемся окошке, меняем значение Матовый на не показывать. Смотри картинку:
[показать]
После чего, просто сохраняешь, как и обычно.
[показать]После чего, просто сохраняешь, как и обычно.
Valysha-66
04-02-2011-23:16
удалить
борисюлька, всегда пожалуйста. 
Sobirayu_vinograd
28-12-2012-15:56
удалить
Комментарии (22):
вверх^
Вы сейчас не можете прокомментировать это сообщение.
Дневник Урок №2: «Живое сердце» | FlorMary - Сундучок полезностей от FlorMary |
Лента друзей FlorMary
/ Полная версия
Добавить в друзья
Страницы:
раньше»