• Авторизация


Коллаж от Н.Горской. Появление картинки 26-10-2014 14:16 к комментариям - к полной версии - понравилось!

Это цитата сообщения Lyudmila_Lyu Оригинальное сообщение

Коллаж от Н.Горской. Появление картинки

При цитировании достаточно нажать кнопку "Нравится"

С сайта "В стране фотошопа"

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

[400x267]

 

 

1-Файл создать , размеры 600 на 400, фон прозрачный.

[400x267]

2- Файл-открыть.

[400x267]

На рабочем столе созданный пустой файл  и файл с пейзажем.

3- В окне слоев разблокировать слой "фон".

[342x186]

4-Инструментом "перемещение" move перетащить изображение пейзажа на пустой файл.

 

5- Открыть вторую картинку

[330x366]

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

[400x267]

Сделаем обводку,  добавив  новый слой.

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

[348x255]

7- Выделение- все.

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

[400x268]

В окне слоев активен новый созданный слой 4.

[348x255]

8- Редактирование выполнить обводку.

9- В окне обводки поставить размер обводки 12 пик, расположение "внутри".

[375x292]

 

9-Кликнуть по "цвет" и в появившемся окне выбрать цвет (темно зеленый) и ok.

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

[400x267]

11-Редактирование-выполнить обводку. Теперь выберем другой цвет (желтый)и другой размер обводки 8 пик., расположение "внутри".

[375x251]

Обводка теперь выглядит так:

[400x267]

12- Редактирование-выполнить обводку, выбрать цвет темно-зеленый,  размер 5 пик., расположение "внутри".

[375x312]

 

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

Обводка готова, добавим ей тень.

14- Слой-стиль слоя-тень.

[400x188]

 

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

[400x267]

А теперь, когда исходный материал готов, приступим к созданию анимации "появление картинки".

15- В окне слоев активировать слой с девушками.

[345x304]

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

16-Просмотр-новая направляющая.

В появившемся окошке  поставить точку напротив "вертикальный".

[296x149]

17- На картинки  подвести мышку к к левому краю, там будет голубая вертикальная линия, инструмент перемещение преобразуется в крестик со стрелочками по бокам, захватить эту направляющую и поставить слева от изображения девушек.

 

[400x267]

Еще два раза, повторить пункт 16, поставив направляющие справа от изображения и в середине.

[400x267]

 

18-Просмотр-новая направляющая. В окошке кликнуть напротив"горизонтальный".

 

[291x145]

Голубая линия появится вверху картинки , захватить ее и поставить сверху изображения.

[400x267]

Повторить пункт 18, и поставить линию в середине.

[400x267]

19- На панели инструментов выбрать инструмент "прямоугольная область" 12

20-На картинке выделить правый верхний квадрат .

[400x267]

21- Слой-новый-скопировать на новый слой.

[346x310]

22-В окне слоев опять активировать слой 3 с девушками.

[348x306]

23-На картинке выделить левый верхний квадрат.

[400x267]

24-Слой-новый- скопировать на новый слой.

[344x336]

В окне слоев  снова активировать слой с девушками, на картинке выделить нижний правый квадрат, скопировать его на новый слой.

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

Квадраты подготовили, осталось переместить их по углам картинки.

25-В окне слоев отключить глазок у слоя 4 (с обводкой) и у слоя 3 (с девушками), чтобы удобнее было перемещать квадраты.

[350x412]

 

26-В окне слоев активирован слой 8  с нижним левым квадратом .

 

27-Инструментом "перемещение" перетащить квадрат в левый угол, так, чтобы был виден небольшой уголок.

[400x267]

28- Активировать слой 7 с правым нижним квадратом

[348x404]

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

[400x267]

 

29-В окне слоев активировать слой 6 (с верхним левым квадратом) , а на картинке переместить его в левый верхний угол.

30-Активировать слой 5 (с правым верхним квадратом) и переместить его в правый верхний угол.

[400x267]

Идем в окно анимации

30-В окне анимации на первом кадре кликнуть по маленькому треугольнику и выбрать время "другое", поставить  0,05 ,

[400x106]

сделать дубликат кадра, кликнув по значку копирования.

31- В окне слоев можно включить глазок у слоя 3 (с девушками), чтобы удобнее было собирать картинку

 

[400x101]

Теперь соберем картинку с девушками.

и активируем слой 5 (с верхним правым квадратом).

[350x390]

Инструментом перемещения на картинке захватить в правом верхнем углу кусочек квадрата и возвратить его на место.

[400x267]

 

32-В окне слоев активировать слой 6 с левым верхним квадратом  и, захватив мышкой уголок, перетащить его на место, где он должен быть.

[400x267]

То же самое сделать с нижними квадратами, не забывая активировать соответствующий слой в окне слоев.

[400x267]

Направляющие больше не нужны. Отключаем их.

33-Просмотр-удалить направляющие

В окне слоев отключите глазок на слое с целым изображением девушек, чтобы посмотреть правильно ли составлена картинка. Если, где-то между квадратами пробел, активируйте в окне слоев соответствующий квадрат и подправьте.

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

а в окне слоев включить глазок на слое 4 (с обводкой) и удалить  слой 3 с целым изображением девушек, (кликнуть по слою правой кнопкой мыши и выбрать "удалить").

[341x368]

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

36- В окне анимации нажать значок tween , выставить количество кадров 15.

[400x240]

37- В окне анимации на первом и последнем кадре поставить время 2 сек., нажать на значок пуска.

[400x111]

 

[400x106]

и получим эффектное появление картинки.

[400x267]

38-Сохранить для Web и других устройств ( в gif).

Серия сообщений "• коллажи Н. Горской":
Часть 1 - Использование маски для коллажа от Н.Горской
Часть 2 - Рамка в фотошопе от Н. Горской
...
Часть 8 - Анимация картинки от Н.Горской
Часть 9 - Осенний коллаж-2 от Надежды Горской
Часть 10 - Коллаж от Н.Горской. Появление картинки
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Коллаж от Н.Горской. Появление картинки | НАДЕЖДА_БЫКОВСКИХ - Дневник НАДЕЖДА_БЫКОВСКИХ | Лента друзей НАДЕЖДА_БЫКОВСКИХ / Полная версия Добавить в друзья Страницы: раньше»