Анимация в Photoshop доступна каждому. В этом разделе мы будем делиться с вами тем, чему научились сами. Уроки достаточно подробно расписаны, по шагово, с рисунками. Раздел будет постоянно пополняться. Уроки ориентированы на новичков, на тех, кто только открыл для себя очаровательный мир GIF - анимации. Наши уроки помогут вам создать свою первую .gif - картинку.

      Листаем страницы           Анимация бабочки       Зажигаем свечу          Анимация движений               Наливаем сливки        Анимация игрушек

  Наполняем бокал       Анимация пламени       Солнечные лучи             Текст на воде             Анимация Шумом         Прыгающий текст

 Бегущие огоньки        В луче фонарика         Глаза - Halloween           Движение поезда               Добавляем .gif              Искорки в картинке

    Дождь фильтром           Зажигаем елку          Закрываем глазки                Полосочки                Искорки шумом          Красивый эффект

     Кровавый текст             Вращаем шарик           Лучистый текст          Puppet Warp             Мультяшный текст     А-ция осветлителем

     Перелив цвета        Сказочное свечение          Зажигаем огонь         Рисуем картинку        Движение при помощи       Сверкающий накал

     Снег на тексте            Снегопад             Снег экшеном           Собираем картинку         Собирающийся текст    Разбиваем сердце

Убираем черный фон        Стерео эффект         Плавный перелив           Летящий снег

Анимацию в большом размере можно посмотреть здесь

далее...

Серия сообщений "Уроки Фотошоп":

Создание анимации онлайн

/www.patmax.eu/C2/130609083248.cur'" target="_blank">http://www.patmax.eu/C2/130609083248.cur'),URL('http://www.patmax.eu/C2/130609134756.ani'),auto;">

/www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;">СОЗДАНИЕ АНИМАЦИИ ОНЛАЙН /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;">Случайно нашла замечательный сайт, где можно собрать анимационные картинки из своих изображений. Получается что-то типа мини слайдшоу и даже с переходами между кадрами. /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;"> /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;">Как я делала анимашку смотрите в ролике. /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;">   /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;">Подробнее /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;">Для создания такой анимашки желательно подготовить картинки одного размера по ширине и высоте. Но это не обязательно. Я отобрала 7 изображений разного размера(см. фото 1) /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;">< /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;">Чтобы они смотрелись одним целым слайдшоу, и картинка большего размера не высовывалась из-под картинки меньшего размера, я их сделала на темном фоне. Из переходов выбрала один-самый первый плавный эффект. Время отображения каждого кадра можно поставить больше, чем у меня, тогда картинки будут сменяться медленнее. Если Вы захотите, чтобы какая-то картинка или картинки отображались дольше других, то время их отображения надо увеличить. Теперь расскажу о настройках анимации. Жмем СЮДА,чтобы попасть на сайт. Нажимаем на кнопку Выберите фотографии и картинки. Картинки можно загрузить за один раз. Когда эскизы всех картинок появятся на странице, можно переместить их в нужном порядке(захватываем фото удерживая левую кнопку мышки), удалить лишние(нажимая на крестик около фото) и написать на любой их них текст или что-то нарисовать(кликаем по нужной картинке). ФОТО А. /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;"> /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;">1. Галочка возле этого Режима масштабирования вырежет из всех картинок центральную часть(одного размера), но может обрезать то, что Вам нужно. Галочка около другого режима оставит картинки без изменений. 2. Размер. Можно поставить галочку в Авто, тогда размер анимашки подстроится под самое большое изображение. Размеры 100х100, 200х200, 300х300 подойдут для создания аватарок и баннеров. 3. Галочка в Указать позволяет задать ширину и высоту анимашки самостоятельно и нужного размера. 4. Указываем нужные размеры. 5. Если удалить из поля Фон все значения, то фон на анимашке останется прозрачным. При клике на окошко появится генератор цвета, где при желании, можно выбрать подходящий цвет и оттенок. ФОТО Б. /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;"> /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;">1. Круглые углы. Чем больше значение в окошке, тем круче будет закругление на углах. Вот пример /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;"> /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;">Сдвинув до упора влево ползунок, Вы избавитесь от закруглений. 2. Длительность кадров. Чем выше значение, тем дольше отображается картинка. Здесь задается одно-общее время для всех кадров. 3. Длительность эффектов. Чем больше значение, тем дольше или медленнее отображение переходных кадров. 4. Если Вы поставите галочку в Использовать все эффекты, то они будут появляться все какие есть один за одним. Пример. /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;"> /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;">Галочку можно убрать совсем и не выбирать эффектов. Тогда кадры будут отображаться резко, скачками 5. Убрать галочку и кликнуть на 1-2 или выборочно на несколько эффектов. Только выбранные эффекты будут появляться на анимации. ФОТО В. /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;"> /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;">Если Вам необходимо написать на какой то картинке текст, то кликаем двойным щелчком по эскизу, вызывая текстовый редактор. 1. Нажимаем на Текст. 2. При необходимости выставляем толщину обводки шрифта. Она позволит лучше выделить текст на пестром фоне. 3. Выбираем шрифт текста. В поле Цвет вызываем кликом генератор цвета и выбираем нужный. 4. Выделяем на картинке (удерживая левую кнопку мышки и растягивая вправо вниз по диагонали) место для текста. Пишем текст. При необходимости изменить размер, кликаем по тексту 2 раза, и удерживая рамку текста за угол уменьшаем его или увеличиваем. Перемещать текст в нужное место на картинке можно, захватив его левой кнопкой мышки. 5. Сохраняем и закрываем окно. Очень интересный эффект получается, если загрузить 2 (или несколько) одинаковых картинок. Одну оставить без изменений, на других написать текст. Выбрать один первый эффект перехода. И вот что получается - плавное появление текста на картинке. Пример. Загрузила 3 одинаковых картинки. На одной написала "Здравствуй", на другой "зимушка-зима". И вот что получилось /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;"> /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;">ФОТО Г. /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;"> /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;">1. Рисовать. 2. Здесь выставляем размер кисти. 3. Цвет выбираем через генератор цвета 4. Рисуем, удерживая левую кнопку мышки. 5. Сохраняем и закрываем окно. /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;">*********** /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;">Для сохранения своей анимации кликаем на кнопку Создать анимацию. Ждем когда картинка загрузится на сайт. Кликаем по появившейся надписи "Ваша анимация готова! Смотрите анимацию по этой ссылке". Снова ждем пока загрузится. Когда анимационная картинка полностью откроется, кликаем по ней правой кнопкой мышки и потом в выпадающем меню левой кнопкой по Сохранить картинку как... Сохраняем на комп. Очень удобно пользоваться сайтом для создания открыток, аватарок, баннеров, фонов и подписей для рамочек, музоткрыток. /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;">Вот и всё! Удачи! /www.patmax.eu/C2/130609083248.cur&#39;" target="_blank">http://www.patmax.eu/C2/130609083248.cur&#39;),URL(&#39;http://www.patmax.eu/C2/130609134756.ani&#39;),auto;">Здесь еще уроки Что можно скачать бесплатно Из блога Егоровой Татьяны

Очень простой и занимательный сайт по созданию эффекта снега или дождя для ваших картинок или фотографий. Заходите и пробуйте - Вам понравиться!



Здесь же есть множество фотоэффектов.

Порадуте себя и ваших друзей Новогодними сюрпризами и подарками.

Серия сообщений "Для работы":

Часть 1 - Храним изображения для рамок в альбоме на Mail.ru
Часть 2 - Делаем схему для дневника используя фотошоп.
...
Часть 8 - Как вставить пост в готовую рамочку))
Часть 9 - АЛЬБОМЫ НА ЯНДЕКСЕ
Часть 10 - САЙТ,ГДЕ ДЕЛАЮТ АНИМАЦИЮ СНЕГА и ДОЖДЯ
Часть 11 - Простые рамки с фоном
Часть 12 - Цветные рамочки для текста
...
Часть 28 - Как сделать схему для дневника, применяя одну фоновую картинку страницы
Часть 29 - Кладезь для всех начинающих..
Часть 30 - Органайзер от Любаши К

Урок «Осенний Листопад» / Анимация
 

ЧИТАТЬ ДАЛЬШЕ
Как скопировать и сохранить урок к себе на компьютер см. Здесь

Урок анимации №1
 

Сегодня я расскажу как сделать вот такую анимацию

Для этого нам надо:

1.Фотошоп

2.Сайт http://www.hypah.com/?a

Итак, приступим