04/16/2024

 В этом уроке будем создавать весенний коллаж с анимацией. Коллаж простой в исполнении.В результате должен получится вот такой интересный весенний коллаж.

animation1

Вначале создадим новый документ размером 600 на 430 с прозрачным фоном.

1-Файл создать.

fail

 Появится такой файл.

fail1

Теперь откроем картинку с фоном.

2- Файл-открыть. (Фон и другие картинки для работы можно скопировать. Кликнуть по изображению, картинка откроется в другом окне в полном размере, затем по ней правой кнопкой мыши и выбрать " сохранить изображение как"

fon

3- На панели инструментов выбрать инструмент "перемещение" move  и перетащить фон на пустой созданный документ. Должно выглядеть так.

.

 butterfly0

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

layer

4-Открыть картинку с цветами.

flower

5- Переместить ее на документ с фоном.

butterfly.

6- В окне слоев уменьшить непрозрачность слоя  с цветами до 52%.

layer1

butterfly1a

7- Открыть картинку с девушкой.

girl

8- Переместить ее на создаваемый весенний коллаж.

butterfly2a

Сделаем изображение девушки помягче.

9- Слой -создать дубликат слоя.  (В окне слоев слой с девушкой активный.) Появится еще один слой с девушкой.

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

layer2

11-Фильтр-размытие-размыитие по Гаусу.

gayce1

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

13-Активировать верхний слой с девушкой.

14-Немного уменьшить непрозрачность этого слоя.

layer2a

Весенний коллаж примет такой вид.

butterfly3a

Теперь нужно сделать обводку. Обводку сделаем на слое 1. В окне слоев он находится внизу.

15- Поставить этот слой наверх. (Кликнуть по нему и, зажав мышку, переместить наверх.)

layer4

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

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

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

butterfly4a

17-Редактирование-выполнить обводку. Здесь, в появившемся окне, выбрать цвет и  ширину обводки, расположение "внутри".

color1

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

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

butterfly5a

20- Слой-объединить видимые.

layer5

Оформим коллаж рамочкой. Для этого нужен новый слой.

21-Слой-новый- слой. Этот слой поставим вниз,

layer6

и увеличим его таким способом:

22-Изображение-размер холста. (Обратите внимание6 не размер изображения, а размер холста.)

23-Здесь в окошке размера смотрим какой размер у файла. И меняем размер на новый. В данном случае увеличиваем высоту и ширину на 50 пик.

size

2 Получится то, что нам нужно.

butterfly6a

4-Открыть картинку с  фоном, которым зальем нижний слой.

fon1

Теперь сделаем так:

25-Редактирование-определить узор.

yzor

Картинку с узором можно закрыть и активировать коллаж. (Кликнуть по нему).

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

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

yzor1

butterfly7ab

Придадим законченность коллажу еще одной обводкой.

27 Слой-новый-слой. Этот слой будет для внешней обводки.

layer6a

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

29-Редактирование-выполкнить обводку.  Поставить ширину 10 пик.

30-Слой- стиль слоя- тень. И снять выделение.

butterfly7a

Осталось на этот весенний коллаж добавить анимацию.

Откроем картинку с анимацией.

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

animation

32-В окне слоев этой анимации выделить все слои. Кликнуть по нижнему слою и, нажав Shift, кликнуть по верхнему слою. Все слои выделяться.

layer7

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

В окне слоев переместить слои с анимацией наверх.

layer8

а на коллаже поставить бабочку  в понравившееся место. (Во время этих действий все слои с бабочкой должны быть активированы.)

butterfly8a

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

33- Поставить время на первом кадре 0,2 сек.

cadr0

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

cadr1

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

cadr2

в окне слоев включить глазок на первом слое анимации, у меня это слой 4.

  layer9

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

cadr3

а в окне слоев включить глазок на слое 5, и выключить на слое 4.

layer10

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

layer11

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

layer12

Все анимация готова. В окне анимации кликнуть по значку пуска

cadr2a

и смотреть, как получился весенний коллаж.

animation1

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

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Мой Мир
Опубликовать в Одноклассники

16 комментариев для “Весенний коллаж

  1. Спасибо за урок. Красивый и элегантный коллаж.Хотела бы узнать как сделать анимацию летящей бабочки. У меня есть идея анимационной открытки и там должно быть много бабочек разного размера. Если можно провести урок, буду благодарна.

  2. Спасибо большое за прекрасный урок. Всё просто и доходчиво.

  3. Спасибо за интересный урок. Проделала все до анимации. У меня старенькая версия ФШ CS3, анимация не получается.

  4. Замечательный урок,было интересно,сделала на одном дыхание…Всё четко получилось!!!

  5. Ирина, у меня раньше был фотошоп CS2, на котором я делала подобную анимацию. Может быть Вы что-то невнимательно сделали. Анимация должна получится.Посмотрите, чтобы каждый кадр в окне анимации соответствовал определенному глазку в окне слоев. Или Вы не все слои анимации с бабочкой перенесли на коллаж.

  6. Спасибо, Лидия.Вы хотите сделать открытку с уже готовой анимацией летящих бабочек?

  7. Спасибо,Диана за положительную оценку урока. Отлично, что получилось с первого раза.

  8. Спасибо,Валентина, за комментарий. Заходите в гости еще.

  9. Уважаемый Наденька другой супер учебник, который я попробовал. Прима анимация бабочки … спасибо!

  10. замечательный урок… мое вытворение по нему…

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

  12. Спасибо, Татьяна! Попробуйте послать в сообщении на странице «контакты»

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

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