-Поиск по дневнику

Поиск сообщений в zomka

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 11.03.2010
Записей:
Комментариев:
Написано: 15117


Анимация-пульсация...

Четверг, 12 Января 2012 г. 22:10 + в цитатник



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

а разбирать будем на примере заголовка к нашему уроку
Итак...поехали...







выбираем стиль текста на ваш вкус..



теперь уходим в панели инструментов на ПРЯМОУГОЛЬНОЕ ВЫДЕЛЕНИЕ и нажимаем вкладку ИЗОБРАЖЕНИЕ на панели фотошопа



Жмем ОК и получаем уменьшенное поле вокруг текста Теперь жмем сочетание клавиш CTRL+ALT+T раскладка клавиатуры помним английская и получаем



переходим на верхнюю панель фотошопа и устанавливаем точно по картинке

то есть уменьшаем размер ширины и высоты на примерно 30 единиц И как только уменьшим получаем вот такую картинку


жмем ENTER чтобы снять маркеры
а теперь наше волшебное сочетание клавиш при помощи двух рук...левая рука CTRL+Shift+ALT а правой добавляем щелчок на букве Т (английская раскладка клавиатуры) и будем получать при каждом щелчке все меньшее и меньшее изображение текста
Вот что у меня получилось после 6 щелчков


>


теперь надо сделать кадры обратные тому что мы уже сделали.То есть наш текст уменьшился а теперь надо сделать его увеличение..Для этого мы просто дублируем те слои что у нас есть и получившиеся раасставляем в обратном порядке..Как?? а вот так.


нажав правой кнопкой мышки на выделенном поле выбираем





и вот что получится...теперь снимаем общее выделение щелкнув по любому слою и далее



то есть если смотреть снизу на панели слоев то снизу вверх идут до 7 слоя 1-2-3-4-5-6-7 а потом далее идут на убывание 7-6-5-4-3-2 вот так как на картинке



открываем панель Анимация и жмем в углу панели на треугольник открывается меню в котором выбираем



когда откроются кадры анимации еще раз жмем на стрелку в углу панели и выбираем



Затем


это мы выставляем время всем кадрам


я еще первому кадру поставлю большее время чтобы текст немного на нем "замирал" вот так



ну вот получим

и это уже можно сохранять для WEB в формате GIF в ту папку , которую вы выбрали))))
вот и весь урок...а вся сложность в нем ТОЛЬКО!!! во внимательной расстановке слоев по возрастанию и убыванию...чтобы анимация плавно переходила из размера в размер)))
Удачи Вам!!
Ваша Zomka

Серия сообщений "Уроки фотошоп":
учимся
Часть 1 - Как вставить текст в открытки с анимацией
Часть 2 - Как сделать снежный текст в фотошопе
...
Часть 8 - Как сделать падающий снег на фото при помощи паттерна-заливки
Часть 9 - Анимация....вращение
Часть 10 - Анимация-пульсация...
Часть 11 - Обвиваем предмет лентами



Процитировано 205 раз
Понравилось: 51 пользователям

Nella__solneshko   обратиться по имени Четверг, 12 Января 2012 г. 22:19 (ссылка)
Ответить С цитатой В цитатник
Джоан   обратиться по имени Четверг, 12 Января 2012 г. 22:22 (ссылка)
.
0_58893_c6e464bf_L (461x500, 888Kb)
Ответить С цитатой В цитатник
Джоан   обратиться по имени Четверг, 12 Января 2012 г. 22:22 (ссылка)
.
0_58893_c6e464bf_L (461x500, 888Kb)
Ответить С цитатой В цитатник
-Е-Лена   обратиться по имени Четверг, 12 Января 2012 г. 22:30 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
mimozochka   обратиться по имени Четверг, 12 Января 2012 г. 22:36 (ссылка)
спасибо за урок дорогая!!
Ответить С цитатой В цитатник
МилаЛБ   обратиться по имени Четверг, 12 Января 2012 г. 23:18 (ссылка)
Спасибо за столь подробный урок! Очень наглядно и понятно!
Ответить С цитатой В цитатник
Любовь_Терехова   обратиться по имени Пятница, 13 Января 2012 г. 00:35 (ссылка)
Очень хороший и понятный урок! Большое спасибо!!!
75062782_3 (450x90, 27Kb)
Ответить С цитатой В цитатник
UniqueAlenka   обратиться по имени Пятница, 13 Января 2012 г. 00:44 (ссылка)
ПОлезно, интересно! надо когда0то начинать осваивать программку.
Ответить С цитатой В цитатник
марина-значит_морская   обратиться по имени Пятница, 13 Января 2012 г. 00:58 (ссылка)
Спасибо
Ответить С цитатой В цитатник
Валентина_999   обратиться по имени Пятница, 13 Января 2012 г. 02:12 (ссылка)
хороший урок
Без-имени-1.gifурок2 (592x127, 92Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 13 Января 2012 г. 15:23ссылка
вы когда делаете анимацию и выбираете или стиль текста или пнг формат проверяйте его тени на черном фоне, создав в панели слоев еще один слой переместите его на самый низ и залейте черным или любым темным....тогда когда вы выберете стиль вы увидите какая от него тень а когда сохраняете в формате ДЖИФ для WEB то там справа наверху есть матовый ...вот напротив него надо поставить НЕ ПОКАЗЫВАТЬ
файл46 (419x334, 43Kb)
Перейти к дневнику

Пятница, 13 Января 2012 г. 15:40ссылка
Спасибо за за подсказку . Я исправилась
Без-имени-1.gifспасибо-дальше-ближе (592x127, 92Kb)
Фима-Собак   обратиться по имени Пятница, 13 Января 2012 г. 04:14 (ссылка)
zomka, Огромное спасибо за отличный
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 13 Января 2012 г. 15:14ссылка
браво)))))ай молодца....это действительно очень удобный прием для анимации....
Перейти к дневнику

Пятница, 13 Января 2012 г. 16:05ссылка
Ага! И оказалось не очень трудно! По другим урокам у меня вообще никогда анимация не выходила и я боялась за нее даже и браться то! А по вашим получается!!!!
Еще раз огромное спасибо!
ольга_ялозюк   обратиться по имени Пятница, 13 Января 2012 г. 06:15 (ссылка)
Спасибо, очень эффектно!
Ответить С цитатой В цитатник
ЛюдоМилка   обратиться по имени Пятница, 13 Января 2012 г. 09:35 (ссылка)
Ответить С цитатой В цитатник
alina1980   обратиться по имени Пятница, 13 Января 2012 г. 11:34 (ссылка)
Спасибо!:give_rose
Безимени-10 (450x250, 22Kb)
Ответить С цитатой В цитатник
MissKcu   обратиться по имени Спасибо большое Пятница, 13 Января 2012 г. 15:18 (ссылка)

Ответить С цитатой В цитатник
Szarmanka   обратиться по имени Пятница, 13 Января 2012 г. 15:45 (ссылка)
Очень хороший и понятный урок! Большое спасибо!!!
Ответить С цитатой В цитатник
Ольга_Витман   обратиться по имени Суббота, 14 Января 2012 г. 18:35 (ссылка)
57 человек забрали урок, а я чем хуже? Спасибо, дорогая!
Ответить С цитатой В цитатник
Zhanochka8   обратиться по имени Суббота, 14 Января 2012 г. 19:47 (ссылка)
СПАСИБО!
Ответить С цитатой В цитатник
Anushka_M   обратиться по имени Беру в дневник спасибо! Пятница, 20 Января 2012 г. 11:33 (ссылка)

Ответить С цитатой В цитатник
Gatto_Margo   обратиться по имени Суббота, 04 Февраля 2012 г. 20:42 (ссылка)
Приветики......
Спасибо огромное за Ваши замечательные уроки..
Они очень помогают ...
Утащила себе все полезные для меня уроки
Ответить С цитатой В цитатник
erlikon2   обратиться по имени Понедельник, 26 Марта 2012 г. 21:05 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
НАТАЛИЯ_КОНОВАЛЕНКО   обратиться по имени Суббота, 31 Марта 2012 г. 15:00 (ссылка)
спасибо.
Ответить С цитатой В цитатник
Biryusinka   обратиться по имени Воскресенье, 01 Апреля 2012 г. 00:39 (ссылка)
Благодарю
Ответить С цитатой В цитатник
Biryusinka   обратиться по имени Воскресенье, 01 Апреля 2012 г. 01:47 (ссылка)
Благодарю
Ответить С цитатой В цитатник
IrinaAleks   обратиться по имени Воскресенье, 01 Апреля 2012 г. 23:14 (ссылка)
Ответить С цитатой В цитатник
pasigut   обратиться по имени Понедельник, 02 Апреля 2012 г. 01:21 (ссылка)
ай спасибо давно хотел глянуть как делать утащил к себе в цитатник
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 02 Апреля 2012 г. 01:34ссылка
))))на здоровье)))
Sobirayu_vinograd   обратиться по имени Воскресенье, 25 Ноября 2012 г. 23:10 (ссылка)
Благодарю.
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 29 Января 2017 г. 15:45ссылка
Большое спасибо, за урок!
К сожалению, кнопка "Нравится", так и не работает.
С благодарностью цитирую!
Аноним   обратиться по имени Суббота, 09 Марта 2013 г. 03:52 (ссылка)
Хотела сказать огромное спасибо за урок, тем более, что у меня первый раз все получилось!
Ответить С цитатой В цитатник
Prosto_Sergevna   обратиться по имени Пятница, 16 Августа 2013 г. 14:52 (ссылка)
Большое спасибо за урок - с текстом получается все отлично, а с рисунком надо поступать как-то иначе?..
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 19 Августа 2013 г. 16:29ссылка
нет и с рисунком точно так же......любую картинку но в формате PNG или GIFчтобы не было вокруг поля цвета а вырезано было
Перейти к дневнику

Воскресенье, 29 Января 2017 г. 01:37ссылка
Извините, что пишу благодарность в ответах. Не работает кнопка "нравится" и комменты.
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку