Создание коллажа. Создание анимации- урок от Надежды.

Создание задуманного коллажа начнем с выбора фона. Я сделала картинку с девушкой на фоне осеннего пейзажа.


1-Файл-открыть. Будем называть его фон.











Кликните по картинке, она откроется в полном размере.

2-В окне слоев разблокировать слой "фон" (кликнуть два раза по замочку и "ok".



3-Слой- новый-слой. На этом слое будет обводка.



Чтобы сделать обводку, нужно загрузить выделение картинки.

4-Выделение-все . Появится выделение по периметру картинки.



5-Редактирование-выполнить обводку. Выбрать цвет и размер.





Выделение картинки пока не нужно.

6-Выделение-отменить.



7- Слой-стиль слоя-тиснение. Параметры по умолчанию.



Получилось так.



Теперь,  для создания коллажа, откроем еще картинку .

8-Файл-открыть. (Как сделать портрет на мешковине, смотрите этот урок.)



И для этой картинки в окне слоев разблокировать слой "фон", чтобы ее можно было перемещать и изменять.

9- Инструментом "перемещение"   перетащить изображение девушки на фон.



Для задуманного коллажа перемещенная картинка великовата. Уменьшим это изображение.

10-Редактирование-свободное трансформирование. Размер ширины и высоты 75%.



На картинке появится выделение для трансформирования.



Нажать "выполнить"



Добавим и сюда обводку. Обводку делаем на новом слое.

11-Слой-новый-слой.

12-В окне слоев кликнуть по миниатюре слоя с девушкой, одновременно нажав Ctrl. Появится выделение по периметру маленькой картинки.



13-Редактирование-выполнить обводку. Цвет будет тот же, а размер возьмем  поменьше.



14-Выделение-отменить.



15-Слой-стиль слоя-тиснение.(Следите, чтобы в окне слоев был активен верхний слой 3 с обводкой.



16-Слой-объединить с предыдущим.



17-Слой-создать дубликат слоя.



На коллаже передвинуть этот дубликат вправо.



18-Слой создать дубликат слоя. Этот слой передвинуть вниз.



19- Слой -создать дубликат слоя.  Передвинуть его влево.



Создание коллажа почти окончено, не хватает немного завершенности. Сделаем еще слой с фоном, на котором будет наш коллаж.

20-Слой-новый- слой.

21- В окне слоев переместить созданный слой вниз.



22-Изображение-размер холста. Увеличить размер ширины и высоты на 50 пик.



На коллаже появится свободное пространство.



Это пространство заполним еще одним фоном.

Откроем текстуру с мешковиной .

23-Файл открыть. Не забудьте разблокировать слой "фон".



(Кликните по текстуре, картинка откроется в новом окне и можно будет сохранить себе на компьютер.)

24-Переместить изображение мешковины на коллаж.



В следующем уроке будем делать анимацию на этом коллаже, поэтому его нужно сохранить в формате PSD, чтобы все слои сохранились. Просто закройте коллаж, нажав на крестик вверху файла или

25

Итак, начнем. Откроем коллаж с прошлого урока, сохраненный в формате psd.

1-Открыть-файл. Ищем и открываем свой коллаж.

Он откроется со всеми слоями. Если коллаж не был сохранен в psd, то можно посмотреть и сделать его по этому уроку.

Перейти в окно анимации.

2-В окне анимации сделать дубликат кадра

и сразу поставить время на кадрах 0,1сек.

Нужно обратить внимание, чтобы в окне анимации был активирован второй кадр.

3- В окне слоев активировать "слой 2" ,

а на коллаже передвинуть его вправо под картинку.

4- В окне слоев активировать "слой 2 копия",

на коллаже передвинуть его вниз.

5- В окне слоев активировать "слой 2 копия 2"

и передвинуть его влево.

6-Активировать "слой 2 копия 3"

и передвинуть его вверх.

7-В окне анимации нажать на значок Tween, (создать промежуточные кадры).

в появившемся окошке поставить количество кадров 15,

а на 17 кадре в окне анимации поставить время 1 сек. Создание анимации завершено. Для этого потребовалось совсем немного времени.

8-Теперь нажать в окошке анимации на "пуск" и смотреть , что получилось.

Можно сделать движение и по другому.

Источник

http://kalejdoskopphotoshopa.ru/sozdanie-animacii.html

***********************************************************************

Источник

http://kalejdoskopphotoshopa.ru/sozdanie-animacii.html

Рубрики:

ФОТОШОП 2016

Как вставить анимацию в анимацию В ФОТОШОПЕ.marinapetrova1950

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

Откроем две картинки с готовой  анимацией. Я нашла в интернете две забавные  анимации.

1-Файл-открыть. Откроем картинку с котенком.

На этой анимации 5 слоев

и время на кадрах 0,4 сек.

2-Теперь откроем еще одну картинку.

Здесь 12 слоев

и время на кадрах 0,2 сек.

Изображение летучей мыши будем вставлять на картинку с котенком.

Но как  совместить эти две анимации? Нужно сделать так, чтобы  обе картинки имели одинаковое количество слоев и время на кадрах.

3-Можно убрать несколько кадров у летучей мыши или добавить кадры в анимацию с котенком. Я добавлю кадр картинке с котенком. Кликнуть по четвертому кадру ( можно копировать и последний кадр, но с четвертым анимация интересней)

и нажать на значок копирования.  Получиться 6 кадров со временем 0,4 сек.

4-Захватить мышкой полученный кадр и поставить его последним.

5-Поставим время каждому кадру 0,2 сек. Для этого нужно выделить все кадры ( кликнуть по первому кадру и, нажав и удерживая Shift,  кликнуть по последнему кадру). Затем  на одном кадре поменять время на 0,2 сек и время поменяется на всех кадрах.

6-Продублируем каждый кадр, чтобы количество кадров на этой картинке совпадало с количеством кадров на картинки с летучей мышью. Кликнуть по первому кадру и нажать на значок копирования. Получится так.

7-Теперь кликнуть по третьему кадру и копировать его.

Получиться 8 кадров.

8-Затем копируем пятый кадр, седьмой, девятый и одиннадцатый.

В итоге получается 12 кадров со временем 0,2 сек.

9-Затем  нужно подготовить картинку с летучей мышью: удалить на ней фон. Удаляем фон на каждом слое "волшебным ластиком".  Подробнее смотрите,  как убрать  фон на картинке с анимацией.  Картинка  должна выглядеть так.

10-Теперь можно переместить анимацию с мышью на картинку с котенком. Как это сделать смотрите подробно в уроке, как вставить анимацию в другую анимацию. Напомню кратко.

Кликнуть по изображению с мышью и в окне слоев выделить все слои. На панели инструментов выбрать инструмент "перемещение" и перетащить изображение мыши на картинку с котенком. В окне слоев переместить выделенные слои наверх. (Пока слои выделены, можно уменьшить изображение мыши до нужного размера.)

Осталось собрать анимацию.

11-В окне анимации кликнуть  по первому кадру,

а в окне слоев должны быть включены глазки на первом слое и на шестом.

12-В окне анимации кликнуть по второму кадру,

а в окне слоев включить глазок на седьмом слое и выключить на шестом.

13-В окне анимации кликнуть по третьему кадру, а в окне слоев включить глазок на  втором и восьмом слое и выключить на седьмом.

14-В окне анимации кликнуть по четвертому кадру, а в окне слоев включить глазок на девятом слое и выключить на восьмом.

15-В окне анимации кликнуть по пятому кадру, а в окне слоев включить глазки на третьем слое и десятом и выключить на девятом. И дальше:

16-Окно анимации-шестой кадр, окно слоев-одиннадцатый слой.

17-Окно анимации-седьмой кадр, окно слоев-четвертый и двенадцатый слой.

18-Окно анимации-восьмой кадр, окно слоев-тринадцатый слой.

19-Окно анимации-девятый кадр, окно слоев-пятый и четырнадцатый слой.

20-Окно анимации-десятый кадр, окно слоев-пятнадцатый слой.

21-Окно анимации-одиннадцатый кадр, окно слоев-четвертый (это не ошибка) и шестнадцатый слой.

22-Окно анимации-двенадцатый кадр, окно слоев-семнадцатый слой.

23-Жмем на значок пуска  в окне анимации и вот, что получилось.

24-Сохранить для Web и устройств в Gif.

ССЫЛКА НА УРОК:
http://kalejdoskopphotoshopa.ru/kak-sovmestit-dve-animacii.html

Рубрики:

ФОТОШОП 2016/АНИМАЦИЯ ФОТОШОП 2016