Урок фотошопа CS5 для начинающих по работе с инструментом микс-кисть.

В программе Adobe Photoshop CS5 появился новый инструмент "Микс-кисть", который имитирует рисование настоящей кистью с разной толщиной щетины и формы.

Есть такая программа Sothink SWF Easy .  Простая в использовании и незаменимая при создании Flash и Gif анимации. C ee помощью можно создавать банеры, кнопки, поздравительные открытки, альбомы и текстовую анимацию. И в том числе можно делать различные flash эффекты. Вот этим мы сейчас и займемся. Будем делать вот такой эффект:

Откроем новый документ и зададим размеры 400х300 px , цвет фона синий ( независимо от цвета фона, эффект получится на прозрачном фоне), частота кадров 24.

Идем в библиотеку и выбираем объект для создания анимации. Щелкаем на нем 2 раза левой кнопкой мышки и он появляется на рабочем поле.

Щелкаем по объекту правой кнопкой мыши и делаем несколько копий. Затем выбираем еще один объект и проделываем те же операции.

Объекты расположим по нижнему краю рабочего поля. Для каждого объекта можно задать степень прозрачности и цвет, а также размер. Эти манипуляции можно производить если объект выделен.

Чтобы заставить шарики двигаться необходимо им задать путь движения. Жмем "Добавить эффект", затем "Путь движения", затем "Каракули"( издержки перевода программы) т.е.какой путь вы нарисуете, по такому шарик и будет двигаться. Еще можно задать движение по кругу, по кривой и по прямой линии. Чтобы задать хаотичность в движениях шариков, каждому из них задается индивидуальный путь движения. Выделили шарик-задали путь движения. Затем следующий. Пути движения не полжны походить друг на друга.

Проделали аналогичные операции со всеми шариками и смотрим, что получилось:

Почему 3 шарика в конце пути останавливаются? Оказывается у них не установлен флажок на функции повтора!

Выделяем шарик , который останавливается , жмем "Конфигурация" и ставим флажок на функции"Повтор". Со вторым и третьим шариками делаем то же самое.

Теперь смотрим:

Вот, теперь другое дело!

После задания движения шарикам на временной шкале появятся( ну, для простоты назовем их "индикаторы") индикаторы эффекта движения. При выделении какого нибудь шарика, его индикатор подсвечивается синим цветом. Это значит, что этот индикатор определяет по какому пути и с какой скоростью будет двигаться выбраный шарик.

Чем ближе к началу временной шкалы находится индикатор, тем быстрее шарик появится на экране при просмотре ролика. Чем длиннее индикатор, тем медленнее будет двигаться шарик. Чтобы шарики не начинали движение одновременно, а появлялись с задержкой, индикаторы располагают на разном расстоянии от начала временной шкалы. Передвигается индикатор левой кнопкой мышки ( при наведении на индикатор появляется "рука"). Удлинить можно наведя курсор на край индикатора ( появится значок как в Word для перетаскивания линий). В данном случае я удлинил индикаторы, для того , чтобы шарики двигались не так быстро. И поставил их на разное расстояние от временной шкалы, чтобы шарики появлялись с интервалом. Посмотрим, что получилось:

Теперь сохраняем полученый результат. Открываем :"Файл" / " Экспорт ролика" и сохраняем созданный нами ролик эффекта в формате "SWF" в указанную Вами папку.

К любому из объектов можно применить не один, а несколько эффектов. Например нам нужно, чтобы один из шариков в конце пути движения взрывался.

 Есть 3 группы эффектов: "Вход" (эффекты появления объектов на экране); "Акцент" (Эффекты основного времени нахождения на экране); "Выход" (эффекты исчезновения, ухода объекта с экрана). Но не обязательно применять их комплексно. Можно применить эффект из любой группы.  Для этого выделяем шарик к которому будем применять эффект. Жмем "Добавить эффект". В данном случае мы применим эффект из группы "Выход" , который называется "Врыв". Индикатор эффекта подсветился синим цветом. Ставим его в конец пути движения этого шарика и смотрим:

Теперь думаю, что маловато у нас шариков в эффекте. Нужно добавить.

Через функцию "Импорт" открываем наш сохраненный ролик.

Создаем еще 2 копии и размещаем их вверху рабочего поля. Т.К. в ролике шарики у нас поднимаются вверх, то добавленный ролик и его копии нужно перевернуть так, чтобы шарики летели вниз. Смотрим:

Шариков заметно добавилось. Сохраняем опять : "Файл" / "Экспорт ролика"  в формате "SWF" в указанную папку.

Теперь попробуем применить этот эффект на практике. Открываем через "Импорт" в программе какую нибудь картинку.

Через функцию "Импорт" загружаем наш последний ролик. Во всплывшем окне ставим фл. Наименьший вес картинки будет иметь в формате "SWF".ажок на " Импорт файла целым видеороликом". И помещаем наш ролик в понравившемся Вам на картинке месте и, любуемся  результатами своего труда.

Полученную анимированую картинку можно сохранить в "SWF", "AVI" и анимированый "Gif". Наименьший вес картинка будет иметь в формате "SWF".

ФОТОШОП для НАЧИНАЮЩИХ

Цель этого урока не научить новому приему анимации, а просто рассказать, как создается анимация в фотошопе. Так сказать, основы.
Для урока Вам понадобятся 3-4 статичные картинки (jpeg или png).
Я вырезала малыша отсюда

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

1. Создайте новый документ (Файл - Создать). Размер документа - на Ваше усмотрение.

2. С помощью инструмента "Перемещение" (или сочетанием клавиш Ctrl+C и Ctrl+V), перетащите Ваши картинки на документ.

В результате у Вас получится примерно так:


Я специально сделала слой 0, который я переименую в "фон", т.к. в дальнейшей работе у Вас может появиться такая необходимость, делать анимацию на отдельных слоях, не трогая фон.
3. Отключаем "глазки" на всех слоях, кроме нижнего и фона.

4. Открываем панель "Анимация" (Окно - Анимация)

5. Создаем копию кадра, нажав на конвертик (см. скрин выше)
6. В панели слои выключаем видимость на слое 1 и включаем на слое 2

7. В панели "Анимация" - создаем копию второго кадра

8. В панели "Слои" - выключаем видимость на слое 2 и включаем на слое 3

9. В панели "Анимация" - создаем копию третьего кадра

10. В панели "Слои" - выключаем видимость на слое 3 и включаем на слое 4

11. В панели "Анимация" нажмите на "Воспроизведение". Кадры меняются очень быстро?
Выставим время.
12. Активируйте 1 кадр, кликнув на него. Чтобы выставить время сразу на всех кадрах, зажмите на клавиатуре клавишу "Shift" и кликните по последнему кадру.
Все кадры станут активными (синими). Теперь на любом кадре нажмите на крошечный треугольник

Выпадет вот такое меню:

Можно выбрать время на нем, нажав на нужные цифры, но мы рассмотрим такую ситуацию, когда нужного нам интервала времени нет, поэтому мы жмем на "Другое".
И в новом окошке выставляем свои цифры

Еще раз просматриваем результат. Если он Вас устраивает, сохраняем - Файл>Сохранить для Web и устройств(правая верхняя часть)


Если что-то не понятно, пишите а комментарии.

Серия сообщений "Фотошоп для начинающих":

Часть 1 - Простой фон
Часть 2 - Урок для начинающих: Анимация с помощью светокоррекции.
...
Часть 27 - Урок фотошопа CS5 для начинающих по работе с инструментом точечная восстанавливающая кисть.
Часть 28 - Как в фотошопе анимацию поставить на анимированную картинку
Часть 29 - Создание анимации в фотошопе.