Урок № 65
Крутящийся шар .
Урок написан по просьбе  Зои Богдановой
Вот ссылка Источник
Я написала урок максимально подробно и внесла свои изменения . Если Вас заинтересовал этот урок , выполняя его  будьте внимательны , наберитесь терпения и у Вас всё получиться.


Сразу давайте разберём где же взять вот такую сетку-заливку Если у вас в узорах её нет, давайте загрузим . Делайте так , как написано ниже .
Идём Редактирование-Управление библиотеками
Выбираем Узоры




И вот наш узор загружен

Вот теперь приступим к работе
Создаём Новый документ : Файл - Новый

В окне слои переименуем Слой 1 в Облака 1 ( что бы это сделать просто кликните 2 раза левой кнопкой мыши по названию слоя )


Зальём его чёрным цветом .


Продублируем слой 3 раза Ctrl + J и слои соответственно назовём Облака 2, Облака 3, Облака 4 .



Становимся на слой Облака 1 и идём Фильтр-Рендеринг-Облака


Переходим на слой Облака 2 и просто жмём сочетание клавиш Ctrl+F. Облака автоматически примут другое направление.
Со слоями Облака 3 и Облака 4 проделайте тоже самое.
Активируем инструмент Овальная область , зажимаем клавишу Shift , кликаем левой кнопкой мыши на изображение и удерживая её тянем выделение из левого верхнего угла в правый нижний , сначала отпускаем мышку ,потом клавишу Shift.


Идём Выделение-Инверсия и жмём клавишу Delete-очистить.


Не снимая выделения переходите на следующие слои с облаками и жмите Delete.
Ctrl+D -снять выделение.
Теперь в окне Слои создаём Новый слой , нажатием на листик и заливаем его узором-сетка . Называем этот слой Узор 1.


Дублируем слой Узор 1 Ctrl+J и называем слой Узор 2.
Возвращаемся к слою Узор 1 . Проверяем глазики вкл. на слоях Узор 1 и Облака 1 , на остальных выкл.
Зажимаем клавишу Ctrl и кликаем по Миниатюре слоя Облака 1 , получаем вот такое выделение .


Стоим на слое Узор 1 ! Идём Фильтр-Искажение-Сферизация.


Выделение-Инверсия и жмём Delete , Ctrl+D-снять выделение.
Устанавливаем режим наложения для слоя Линейный затемнитель .


Правой кнопкой мыши кликаем по слою Узор 1 и выбираем Объединить видимые .
Далее идём Изображение-Коррекция-Цветовой тон/Насыщенность и придадим нашему шарику цвет . В графе Тонирование - поставьте галочку .
Насыщенность - 100 %.
Цветовой тон - на ваше усмотрение , но значение обязательно Запомните !


Вот что имеем :


Переходим на слой Узор 2 . Узор 2 -глазик вкл , Облака 2 -глазик вкл., на остальных слоях -выкл. Активируем инструмент Перемещение , зажимаем клавишу Shift и жмём на клавиатуре Стрелку вправо , так мы сдвинем наше изображение на 10 пикселов вправо.


Дублируем слой Узор 2 Ctrl+J и называем его Узор 3 .
Возвращаемся к слою Узор 2 . Проверяем глазики вкл. на слоях Узор 2 и Облака 2 , на остальных выкл.
Зажимаем клавишу Ctrl и кликаем по Миниатюре слоя Облака 2 , получаем вот такое выделение .


Стоим на слое Узор 2 ! Идём Фильтр и кликаем на верхнюю строку Сферизация или жмём сочетание клавиш Ctrl+F .


Выделение-Инверсия и жмём Delete , Ctrl+D-снять выделение.
Устанавливаем режим наложения для слоя Линейный затемнитель .


Правой кнопкой мыши кликаем по слою Узор 2 и выбираем Объединить видимые .
Далее идём Изображение-Коррекция-Цветовой тон/Насыщенность и придадим нашему шарику цвет . В графе Тонирование - поставьте галочку .
Насыщенность - 100 %.
Цветовой тон - значение выставляем то , которое было на предыдущем слое .
Вот что имеем :


Переходим на слой Узор 3 . Узор 3 -глазик вкл , Облака 3 -глазик вкл., на остальных слоях -выкл. Активируем инструмент Перемещение , зажимаем клавишу Shift и жмём на клавиатуре Стрелку вправо , так мы сдвинем наше изображение на 10 пикселов вправо.


Дублируем слой Узор 3 Ctrl+J и называем его Узор 4 .
Возвращаемся к слою Узор 3 . Проверяем глазики вкл. на слоях Узор 3 и Облака 3 , на остальных выкл.
Зажимаем клавишу Ctrl и кликаем по Миниатюре слоя Облака 3 , получаем выделение.
Стоим на слое Узор 3 ! Идём Фильтр и кликаем на верхнюю строку Сферизация или жмём сочетание клавиш Ctrl+F .
Выделение-Инверсия и жмём Delete , Ctrl+D-снять выделение.
Устанавливаем режим наложения для слоя Линейный затемнитель .
Правой кнопкой мыши кликаем по слою Узор 3 и выбираем Объединить видимые .
Далее идём Изображение-Коррекция-Цветовой тон/Насыщенность и придадим нашему шарику цвет . В графе Тонирование - поставьте галочку .
Насыщенность - 100 %.
Цветовой тон - значение выставляем то , которое было на предыдущем слое .
Вот что имеем :


Переходим на слой Узор 4 . Узор 4 -глазик вкл , Облака 4 -глазик вкл., на остальных слоях -выкл. Активируем инструмент Перемещение , зажимаем клавишу Shift и жмём на клавиатуре Стрелку вправо , так мы сдвинем наше изображение на 10 пикселов вправо.


Зажимаем клавишу Ctrl и кликаем по Миниатюре слоя Облака 4 , получаем выделение .
Стоим на слое Узор 4 ! Идём Фильтр и кликаем на верхнюю строку Сферизация или жмём сочетание клавиш Ctrl+F .
Выделение-Инверсия и жмём Delete , Ctrl+D-снять выделение.
Устанавливаем режим наложения для слоя Линейный затемнитель .
Правой кнопкой мыши кликаем по слою Узор 4 и выбираем Объединить видимые .
Далее идём Изображение-Коррекция-Цветовой тон/Насыщенность и придадим нашему шарику цвет . В графе Тонирование - поставьте галочку .
Насыщенность - 100 %.
Цветовой тон - значение выставляем то , которое было на предыдущем слое .
Вот что имеем :


Создаём Новый слой , нажатием на листик, называем его Заливка  и заливаем  цветом примерно как сам шарик .
Устанавливаем режим наложения для слоя Жёсткий свет .


Дублируем слой с Заливкой Ctrl+J 2 раза и называем слои Блик 1 и Блик 2 . Становимся на слой Блик 1 .
Идём Фильтр-Рендеринг-Блик


Активируем инструмент Перемещение. Зажимаем блик мышкой и ставим на нужное место .
И получаем вот что :



Видим , после перемещения появилась прозрачная основа, выделяем ее при помощи инструмента "Волшебная палочка" и заливаем выделение тем же цветом, что и основная заливка. Снимаем выделение.
Вот что получаем :


Переходим на слой Блик 2 и проделываем всё тоже самое , что и со слоем Блик 1 , только блик расположите в другом месте .
Что бы можно было использовать этот шарик и в дальнейшем , например перенести его на другую картинку . Давайте вырежем его .

Становимся на слой Заливка ! Глазики вкл. на слоях Заливка и Узор 4 .
Зажимаем клавишу Ctrl и кликаем по Миниатюре слоя Узор 4 и получаем выделение


Идём Выделение-Инверсия и жмём клавишу Delete .
Не снимая выделения переходим на слой Блик 1 и снова жмём Delete.
Не снимая выделения переходим на слой Блик 2 и снова жмём клавишу Delete.
Ctrl+D-снять выделение.
Таким образом мы убрали всё лишнее.
Теперь давайте к шарику приделаем палку. Её можно просто нарисовать на Новом слое , но я воспользуюсь вот таким шаблоном.

Открываем его в ФШ , уменьшаем размер , т.к. шаблон имеет очень большой размер 2000/2836 пикс.
Изображение-Размер изображения , меняем Высоту - на нужную вам , а Ширина измениться автоматически .
Я изменила на такие параметры .


Активируем инструмент Перемещение и перетаскиваем шаблон на наш шарик.



А теперь, если хотите оставить шаблон полностью , то воспользуйтесь Свободным трансформированием Ctrl+T и подгоните размер шаблона под шарик (не забудьте при этом удерживать клавишу Shift , что бы не сбить пропорции шаблона, отпускаете сначала мышку, только потом Shift )
Можно оставить только цепочку , тогда остальное сотрите Ластиком и разместите инструментом Перемещение цепочку по центру шарика . И в окне Слои слой с Шаблоном перетащите в самый низ .


Переходим в окно Анимации :
Задаём время передвижения 1 кадру 0,1 сек.
1 кадр - слой Шаблон , Узор 1 и Заливка


2 кадр - слой Шаблон , Узор 2 и Блик 1


3 кадр - Слой Шаблон , Узор 3 и Заливка


4 кадр - слой Шаблон , Узор 4 и Блик 2


Жмём на Запуск воспроизведения анимации


Если всё в порядке и шарик крутится , а не дёргается , значит сохраняем : Файл - Сохранить для Web в формате GIF .


На всякий случай : Обрезать изображение можно с помощью инструмента Рамка
Подробнее об этом можно прочитать в Уроке № 61


Как анимацию наложить на картинку можете узнать в Уроке № 54

Уроки от Елены

Анимация "салют".

Сегодня хочу вас познакомить с тем, как можно сделать анимацию «салют» используя многослойные файлы от JuiceDrop – фейерверк

Результат урока.

Для работы я использовала свою заготовку для открытки «9 мая»

1. Открываем  файл, на котором будем делать салют.
Так как салют предполагает  освещение объектов, то  нам нужно имитировать это освещение. Для этого дублируем фон и проходимся по объектам инструментами «затемнитель» для одного слоя.

Инструментом «осветлитель» для дубликата. Кисточку лучше брать мягкую.

2. Открываем файл с салютом. Я взяла 6712_JuiceDrop.
1)Удаляем первый слой – фон. Для этого находясь на слое, жмём иконку «корзинка» внизу панели слоёв.

2) Оставшиеся слои убираем в группу  - выделяем все слои (меню – выделение – выделить все слои), меню – слой – создать группу из слоёв. Называем группу «салют» .

3) Меняем  разрешение файла на 72. Меню – редактирование – размер изображения.  Размер в пикселях уменьшится автоматически.

4)Инструментом «перемещение» перетаскиваем группу на  рабочий документ.

Если салют слишком большой, то его можно уменьшить свободной трансформацией (Ctrl+T).

3. Сверкание салюта.

1)Дублируем(Ctrl+J)  группу «салют» и объединяем дубликат в слой (меню – слой – объединить группу или Ctrl+E).

2)Дублируем слой два раза. Всего у нас получилось три слоя с салютом.

3)К первому слою применяем плагин  Xenofex 2 - Constellation (Созвездие) с такими настройками

4) Для следующих двух слоёв настройки плагина не меняем, а жмём  для каждого слоя на Random Seet . Это действие позволит изменить расположение звёздочек, тем самым создавая  их сверкание.

4. Анимация.
1)Для первого кадра  оставляем видимость только фона с затемнением.

2) Создаём новый кадр (вторая иконка справа внизу панели анимации) и открываем видимость у слоя с осветлением фона.

3)Ко второму кадру применяем промежуточные слои (третья иконка справа внизу панели анимации). Так, как слоёв с салютом у нас 8, а один кадр уже есть, то количество промежуточных кадров ставим 7.

5)Переходим на 3 кадр – видимость двух нижних слоёв. 

4)Возвращаемся на второй кадр, открываем группу «салют» и оставляем  видимость у самого нижнего слоя.

6) Переходя на последующий кадр,  открываем видимость на один слой больше, чем у предыдущего кадра.

7)Создаём десятый кадр, закрываем видимость у группы «салют» и открываем видимость первого салюта с блёстками.

8)Создаём 11 кадр, закрываем видимость первого слоя с блёстками  и открываем видимость у второго слоя с  блёстками.

9)Создаём 12 кадр, закрываем видимость второго слоя с блёстками  и открываем видимость у третьего слоя с  блёстками.

10)Далее создаём кадры и меняем слои с блёстками.
Чем больше кадров со сменой блёсток, тем больше салют будет мигать.
У меня всего получилось 24 кадра анимации.

11)Создаём 25 кадр, и оставляем видимость только у фонового слоя с затемнением, т.е. такая же видимость слоёв, как и у первого кадра.

Для этого кадра применяем промежуточные слои, но количество слоёв ставим 5.

Последний, 30 кадр можно продублировать несколько раз, если у вас есть другая анимация на вашей картинке, которая не предусматривает изменение задержки времени, или же изменить задержку на 0,5 – 1сек.

В моей работе есть ещё анимация, поэтому я дублировала 30 кадр 6 раз.
Вот и всё. Сохраняйте работу в формате GIF (меню – сохранить для Web)

Создавая промежуточные кадры, заливая глиттером отдельные слои, удаляя и меня слои в многослойных файлах «JuiceDrop – фейерверк»  можно сделать очень интересные анимации «салют». Всё в ваших руках. Немного терпения, немного внимания,  немного фантазии и получите прекрасный результат.
Удачи!

1. Создаем новое изображение (Файл - новый), размером 400Х400 с прозрачным фоном и дублируем 3 раза (ctrl+J). Активируем инструмент "Кисть" с мягкими краями и рисуем ею на каждом слое, выбранную вами фигуру. Можно нанести разные рисунки на разных слоях.



2. Применяем к изображению фильтр ВЕТЕР 2 раза (Фильтр - стилизация - ветер) выбрав направление справа к каждому слою отдельно



3. Теперь применяем фильтр ПОЛЯРНЫЕ КООРДИНАТЫ (фильтр-искажение-полярные координаты) со значением Полярные в прямоугольные. При помощи инструмента "Перемещение" смещаем изображение в середину рисунка. Нажимаем ctrl+T., щелкаем внутри окошка правой мышкой и деформируем изображение, так для каждого слоя.





4. Теперь можно поменять цвет нашего изображения при помощи команды ИЗОБРАЖЕНИЕ - КОРРЕКЦИЯ - ЦВЕТОВОЙ ТОН/НАСЫЩЕННОСТЬ, ставим галочку в окне ТОНИРОВАНИЕ и устанавливаем нужные параметры (сtrl+U).



5. Объединяем слои (ctrl+shift+E). и дублируем слой ctrl+J. Становимся на верхний слой , глазик включен, нижний пока выключен, и деформируем слой (ctrl+T - щелчок пр.мышкой и выбираем ДЕФОРМАЦИЯ), вытягиваем наш рисунок еще немного вверх и в стороны, можно еще раз поменять цвет ctrl+U.



6. Снова дублируем слой ctrl+J и снова трансформируем, деформируем и вытягиваем еще немного вверх (можно добавить цветности), примерно вот так:


слои для удобства можно переименовать в слой 1, слой 2 и слой 3, для этого щелкаем пр. мышкой по слою в панели слоев и в окошке пишем то, как будет называться наш слой.


7. Создаем новый слой, нажав на значок "Создать новый слой" в нижней части панели СЛОИ, называем Слой 4. Активируем инструмент "Кисть" и рисуем на новом слое звездочки или кружочки, в общем, кому, что нравится...



8. Копируем слой, называем Слой 5 и применяем фильтр ПОЛЯРНЫЕ КООРДИНАТЫ (фильтр - искажение - полярные координаты) со значением Полярные в прямоугольные.

9. Еще раз копируем слой, называем Слой 6 и применяем фильтр РАЗМЫТИЕ (Фильтр - размытие - размытие в движении), поставив параметр УГОЛ - 90 градусов, СМЕЩЕНИЕ 100 px

10. Снова копируем слой, называем Слой 7 и применяем фильтр РАЗМЫТИЕ (Фильтр - размытие - размытие по Гауссу) поставив параметр РАДИУС - 10 px, снижаем непрозрачность слоя до 60% и при помощи инструмента "Перемещение", смещаем изображение вниз.

11. Создаем новый слой, заливаем черным цветом при помощи инструмента "Заливка" и перемещаем его в самый низ.



12. Открываем панель анимации и копируем первый кадр 7 раз (всего 8 черных кадров).

13. Вернемся к первому кадру анимации, для этого кликнем по нему мышью, на панели Слои оставляем видимыми - черный слой (самый нижний) и слой 1, у остальных слоев отключаем видимость, нажав на глазик.

14. На втором кадре оставляем видимыми черный слой и слой 2, в третьем кадре - черный слой и слой 3, в четвертом - черный слой и слой 4 и т.д. до конца слоев... Последний 8 кадр - черный.



15. Устанавливаем 1, 2, 4 и 5 кадрам время задержки кадра 0,1 секунды, 3, 6 и 7 кадр - без задержки , а 8 кадру, ставим время задержки 0,5 секунды. Нажимаем PLAY. Вот наш ФЕЙЕРВЕРК и готов!!!




Удачи и успехов во всем! Ваша, Зося!

Материалы для урока нашла в интернете на сайте fotodryg.

Урок от Зоси номер 11.

В этом уроке я рассказала о том, как открыть несколько изображений на одном файле и как применить две разных анимации ( подробно)

Урок опубликован:

На форуме "Наш Мир" ЗДЕСЬ

На сайте "Фотошоп+Я" ЗДЕСЬ

РЕЗУЛЬТАТ УРОКА
 

 
Возьмём фото девушки:
 

 
Содадим новый документ с такими же параметрами,зальём его чёрным цветом и с помощью Gradient Tool сделаем такую фигуру:
 

 
Поместим
фото с девушкой на новый документ и выделим  девушку доступным вам
способом.Удалим фон кнопочкой Delete.Кликнем в палитре слоёв по иконке
на слое с девушкой,зажав кнопочку Ctrl.Девушка будет выделена:
 

 
В меню выбираем Select->Modify->Border (Выделение границы)=4.Выделение станет таким:
 
.
Создадим новый слой из выделения.Для этого нажмём Ctrl+J.Теперь размоем его-идём в меню Filter->Blur->Gaussian Blur:
 

 
Продублируем этот слой пару раз и объединим ВИДИМЫЕ слои (кроме нижнего).Края фото стали плавными:
 

 
Возьмём
инструмент Elliptical Marquee Toll (параметр Feather поставьте равным
15-20 пикселей) ,выделите область так, чтобы ее края не касались границ
документа.Затем кликните правой кнопкой внутри выделения и выберите
Select Inverse.Нажмём несколько раз кнопочку Delete,пока волосы и ноги
не потеряют чёткие очертания:
 

 
Выделение
можно снять-CTRL+D.Начнём редактировать фото.Кликнем быстро пару раз по
слою с девушкой-откроется окно СТИЛЬ СЛОЯ.Выберем внутреннее свечение с
такими параметрами:
 

 

 
Сдублируем слой и уберём с этого слоя эффект ВНУТРЕННЕГО СВЕЧЕНИЯ.



 
Идем в Filter->Blur->Motion Blur и там выставляем вот такие параметры:
 

 
Создайте
новый слой под этим слоем . Теперь идем Filter->Render->Clouds.
Режим смешивания этого слоя выставьте Color Dodge, а параметр Fill
равным 66%:
 

 
Снова создаем новый слой,он должен быть ниже слоя с облаками и выше фонового слоя, т.е. второй снизу.
Идем Filter->Render->Fibers и выбираем параметры, как на рисунке.Затем выбираем в меню Filter->Blur->Motion Blur:
 

 
Зайдём
в РЕДАКТИРОВАНИЕ и ,с помощью СВОБОДНОГО ТРАНСФОРМИРОВАНИЯ ,повернём
слой.С помощью полигонального лассо (Feather выставьте на 30 пикселей)
выделите примерно вот такую область:
 

 
Затем
щелкните правой кнопкой мыши внутри выделения и выберите Select
Inverse. Нажмите на клавиатуре Delete. Теперь получившуюся фигуру
зальем радугой, для этого отредактируйте Blending Options, а именно
Gradient Overlay:
 

 

 
Теперь
самое интересное. Создайте новый слой выше фонового. Выставьте ему
режим смешивания Color Dodge. Теперь выберите инструмент кисть. Нажмите
кнопочку F5. Выставляем параметры кисточке и рисуем нужным цветом
нужный рисунок.И напоследок подредактируем слой фильтром, немного
подправим яркость и контрастность фото
(Image->Adjustments->Brightness/Contrast):