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


Вот такой замечательный урок я нашла и позаимствовала у автора. 26-02-2016 10:13 к комментариям - к полной версии - понравилось!

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

Картинка из картинки в фотошопе.

источник

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

 

[394x399]

 

 

 

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

[350x350]

 

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

 

[350x350]

 

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

 

[343x215]

 

Откроем другую картинку.

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

 

[350x350]

 

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

 

[350x209]

5- На панели инструментов выбрать инструмент "перемещение" move  и перетащить изображение с розой на картинку с девушкой.

 

[300x419]

 

В окне слоев два слоя.

 

[346x203]

 

В окне слоев сделать дубликат слоя с розой.

6-Кликнуть по слою 1  правой кнопкой мыши и выбрать "создать дубликат слоя",

7-Отключить глазок у слоя 1.

 

[344x239]

 

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

u2

( не перепутайте с инструментом "прямоугольная область). Инструмент прямоугольник находится ниже. Здесь, в нижнем углу справа, возле значка инструмента,  нажать на маленький треугольник и в выпадающем окошке выбрать"многоугольник". u1

9- На верхней панели параметров выбрать фигуру. Для этого  возле значка "форма растровой точки " нажать на маленький треугольник ,

 

[346x34]

 

в выпадающем окошке нажать "все" и выбрать понравившуюся фигуру.

Теперь выберем стиль.

10-На этой же верхней панели нажать на треугольник возле значка "стиль",

 

[293x35]

 

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

11- Мышкой нарисовать на картинке фигуру небольшого размера, и инструментом "перемещение"  поставить ее в середину.

 

[350x353]

 

 

Теперь все действия нужно выполнять внимательно. Они простые и  однообразные.

12-На верхнем слое кликнуть мышкой по маске фигуры, нажав одновременно Ctrl, чтобы загрузить выделение фигуры.

 

[345x378]

 

На картинке появится выделение, нарисованной фигуры.

В окне слоев остается активным копия слоя 1 с розой.

13-На клавиатуре нажать Delete (удалить).

На картинке исчезнет часть изображения розы.

 

[350x353]

 

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

15-Кликнуть правой кнопкой верхнему слою  с розой

 

[351x381]

 

и выбрать "создать дубликат слоя".

16-Отключить глазок у предыдущего слоя с розой.

17-Активировать верхний слой с фигурой.

 

[341x419]

 

18- Редактирование- свободное трансформирование.

 

[350x355]

 

Поставить параметры высоты и ширины 150 %.

 

[400x36]

Нажать на галочку на этой же панели (применить).

make

 

19-Активировать верхний слой с розой.

20-Загрузить выделение фигуры, как в пункте 12.

 

[342x419]

 

21-Delete.

 

[350x353]

 

22-Повторить все действия, начиная с пункта 14 и заканчивая пунктом 21 еще 5 раз.

Параметры трансформирования такие:

слой1 копия 3- 150%

слой1 копия 4-140%

слой1 копия 5- 140%

слой 1 копия 6-130%

слой 1 копия 7-120%

В итоге окно слоев выглядит так:

 

[340x611]

 

Картинка станет такой

 

[350x352]

 

А сейчас пришла пора создавать анимацию "картинка из картинки". Перейти в окно анимации.

23- В окне анимации  нажать на маленький треугольник справа вверху , выбрать "создать кадры из слоев".

 

[400x113]

 

24-Первый кадр выделен, нужно на клавиатуре нажать Shift и кликнуть по последнему кадру. Все кадры выделятся.На первом кадре поставить время 0,1 и на всех кадрах появится выставленное время.

 

[400x76]

 

Удалим первый и последний кадры, они не нужны.

25-Кликнкть по первому кадру и, зажав мышкой, перенести его на значок корзины. Тоже сделать и с последним кадром.

 

[400x76]

 

В окне слоев осталось 8 кадров.

26- На последнем кадре изменить время, поставить 2 сек.

 

[400x96]

27-Кликнуть по первому кадру и тоже поменять время на 1 сек.

[400x98]

 

28-Теперь активировать второй кадр, кликнув по нему,

 

[400x98]

 

а в окне слоев включить глазок на самом нижнем слое ( с девушкой).

 

[346x615]

 

29- И  так  поочередно, активируя в окне анимации последующие кадры,

 

[400x91]

 

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

 

[348x610]

 

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

 

[400x99]

 

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

[350x352]

Сохранить для Web и устройств в формате Gif.

Анимация картинки в картинке может быть и такой.

[350x352]

Как кому нравится . Только в этом случае нужно выделить все кадры, скопировать их , вставить, и еще раз вставить в обратном порядке. Эти действия есть в уроке "Анимация картинки".

Можно сделать анимацию и с рамочкой, но здесь делается немного по другому.

[350x350]

 

Урок на тему появления картинки можно посмотреть и здесь. А еще интересный эффект анимации для аватарки есть в уроке "Как сделать аватар"

Серия сообщений "Уроки анимации ч.3":
Часть 1 - Анимация окна в программе ФОТОШОП.
Часть 2 - Урок по анимации шерсти - урок от Лейлы
...
Часть 32 - Урок . Бегущие кадры...
Часть 33 - Как сделать блик в фотошопе – анимация золотого кольца.
Часть 34 - Картинка из картинки в фотошопе.
Часть 35 - Делаем снег в ФШ - уроки анимации
Часть 36 - Поцелуй Снежной Королевы.
...
Часть 47 - Марионеточная деформация в фотошопе
Часть 48 - Переносим анимацию на другое изображение.
Часть 49 - Урок от NATALI:Затемнение
вверх^ к полной версии понравилось! в evernote


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

Дневник Вот такой замечательный урок я нашла и позаимствовала у автора. | ЛИДИЯ_ИВЛЕВА - Дневник ЛИДИЯ_ИВЛЕВА | Лента друзей ЛИДИЯ_ИВЛЕВА / Полная версия Добавить в друзья Страницы: раньше»