Как в фотошопе сделать картинки одного размера 7

Как в фотошопе сделать картинки одного размера	7
Как в фотошопе сделать картинки одного размера 7
Как в фотошопе сделать картинки одного размера	7
Как в фотошопе сделать картинки одного размера	7
Как в фотошопе сделать картинки одного размера	7

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

Уроки фотошопа. Как сделать анимацию

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

1. Открываем в фотошопе первый клипарт — картинку с идущим поездом. Двойной клик по замочку на слое — преобразуем фон в слой.

2.  Открываем в фотошопе второй клипарт — Девушку и переносим ее на картинку с поездом, установив в правом нижнем углу, опустив нижний край картинки с девушкой за границу картинки с поездом. Идем в Редактирование — Трансформирование — Отразить по горизонтали.

Уроки фотошопа. Как сделать анимацию2

3. Стоим на слое с девушкой, идем в Фильтр — Усиление резкости — Резкость+. Переименуйте слои: нижний слой- Поезд, верхний слой- Девушка. Сделать это можно двойным кликом по названию слоя.

Уроки фотошопа. Как сделать анимацию3

4. Встаем на слой Поезд, идем в панели слоев вниз и с помощью значка новый слой создаем новый слой, перетаскиваем его под слой Поезд и переименовываем в слой Рамка. Затем встаем на слой Девушка, жмем значок Новый слой (он теперь самый верхний и называем слой Подпись.

Уроки фотошопа. Как сделать анимацию4

5. Стоим на самом нижнем слое Рамка, идем в Изображение — Размер холста и добавляем по 20 пикселей по высоте и по ширине:

Уроки фотошопа. Как сделать анимацию5

6. Теперь видно, что клипарт Девушка выходит за края картинки с поездом. Это помешает нам сделать красивую рамку, поэтому уберем все лишнее. Встаем на слой Поезд, идем в Выделение — Загрузить выделенную область и снова в Выделение — Инверсия. Образовалась двойная  пунктирная рамочка по периметру.

Уроки фотошопа. Как сделать анимацию6

7. Переходим на слой Девушка, идем в Редактирование — Очистить. Выделение — Отменить выделение.

Уроки фотошопа. Как сделать анимацию7

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

Уроки фотошопа. Как сделать анимацию8

9. Отключаем глазик на слое Девушка, клик правой кнопкой по слою Рамка и Объединить видимые. Включаем снова глазик на слое Девушка.

Уроки фотошопа. Как сделать анимацию9

10. Приступаем непосредственно к анимации. Начнем с девушки. Стоим на слое Девушка. Увеличим размер с помощью клавиш Ctrl+-так удобнее будет работать с мелким объектом.  Создаем еще две копии слоя с помощью клавиш Ctrl+J. Отключаем глазик на слое Девушка и на верхнем слое копия2. Глазки включены только на слое Рамка и на среднем слое с девушкой. Идем в Редактирование — Трансформирование -Деформация.

Уроки фотошопа. Как сделать анимацию10

11. На картинке с девушкой появляется сетка. Зажимаем клавишу Shift и тихонько тянем за точки на сетке платье, придвигая его немного к девушке, так, как если бы его немного сморщило ветром. Не делайте больших сдвигов,  это работа тонкая, иначе вы сдвините всю девушку. Если все нравится, нажимаем Ок. Переходим на верхний слой копия2, глазик на предыдущем слое отключаем. Снова выполняем эти же действия, т.е. Редактирование — Трансформирование — Деформация. Но теперь потяните за эти точки, как если бы платье раздуло в другую сторону или чуть вниз.

Уроки фотошопа. Как сделать анимацию11

12. Начинаем делать анимацию волос. Встаем на нижний слой Девушка. Берем инструмент Лассо и выделяем волосы девушки, вы можете выделить любым другим, привычным для вас инструментом выделения. Идем в Фильтр — Пластика, увеличиваем % в размерах до 300%, чтобы увеличить выделенную область и подбираем размер кисти для более тонких локонов поменьше, для крупных побольше (см. настройки). Работа с этим фильтром тоже достаточно тонкая, поэтому сдвиги нужно делать очень аккуратно и маленькие.

Уроки фотошопа. Как сделать анимацию12

Слой Девушка копия пропускаем, на нем не будем делать никаких изменений, выделение не снимаем, переходим на самый верхний слой  Девушка копия2. Повторяем действия с фильтром Пластика, только волосы теперь сдвигаем в противоположную сторону. Все устраивает — Выделение — Отменить выделение.

13. Переходим к анимации поезда. Встаем на самый нижний слой Рамка. Давайте его снова переименуем в Поезд, для удобства. Выделяем поезд с помощью того же инструмента выделения, что и волосы — инструмент лассо. Делаем еще 3 копии с помощью тех же клавиш Ctrl+J. Встаем на самую нижнюю копию слоя Поезд. На двух верхних слоях глизик отключен. При этом глазик на основном слое Поезд включен. Дальше идем в Фильтр — Размытие — Размытие в движении (см. настройки для нижнего слоя).

Уроки фотошопа. Как сделать анимацию13

Уроки фотошопа. Как сделать анимацию13a

Уроки фотошопа. Как сделать анимацию13b

14. Переходим на второй слой с выделенным поездом. Глазик включен на нем, на двух других отключен. Снова идем в Фильтр — Размытие — Размытие в движении и выставляем другие значения:

Уроки фотошопа. Как сделать анимацию14

Уроки фотошопа. Как сделать анимацию14a

Уроки фотошопа. Как сделать анимацию14b

15. Переходим на верхний слой с выделенным поездом. И выставляем следующие настройки:

Уроки фотошопа. Как сделать анимацию15

Уроки фотошопа. Как сделать анимацию15a

16. Снова переходим на самый нижний слой Поезд и будем делать анимацию воды в реке. С помощью инструмента Лассо выделяем контур реки. Как и перед этим, создаем три копии слоя выделенной области.

Уроки фотошопа. Как сделать анимацию16

Уроки фотошопа. Как сделать анимацию16a

17. Встаем на самый нижний слой-копию реки, на остальных глазки отключаем. Идем  Фильтр — Штрихи — Разбрызгивание со следующими параметрами, которые вы выставите и на остальных двух слоях, отключая глазки на предыдущих. Т.е. повторяем эти настройки без изменения на остальных копиях слоя.

Уроки фотошопа. Как сделать анимацию17

Уроки фотошопа. Как сделать анимацию17a

Уроки фотошопа. Как сделать анимацию17b

18.Теперь нам надо объединить все анимации в одну, для этого идем в Окно — Анимация.  В слоях переименовываем слои для удобства и внимательно смотрим, где стоят глазки ( см. скрин).

Уроки фотошопа. Как сделать анимацию18

Уроки фотошопа. Как сделать анимацию18a

19.  В панели анимации нажимаем на добавить кадр и переходим в слоях с поездом, девушкой и рекой на  один  слой выше. Снова нажимаем на новый кадр в панели анимации и переходим на следующие слои в панели слоев. Перед запуском анимации, проверяем соответствие кадров слоям. Итак: глазик всегда включен на самом нижнем слое. 1 кадр соответствует в панели слоев слоям: река, поезд, девушка. 2 кадр соответствует слоям: река копия, поезд копия и девушка копия. 3 кадр соответствует: река копия2, поезд копия 2 и девушка копия2.  В итоге у нас в слоях 10 слоев, в панели кадров всего 3 кадра.

Уроки фотошопа. Как сделать анимацию19

Уроки фотошопа. Как сделать анимацию19a

20. В панели кадров стоим на 1 кадре. Выставляем общее время для всех кадров — 0,2 сек. Включаем и смотрим анимацию. Если все устраивает, то  идем Файл — Сохранить для Web  и устройств, как Gif.

Уроки фотошопа. Как сделать анимацию20

Любуемся сохраненной анимацией:

Уроки фотошопа. Как сделать анимацию

Я желаю вам удачи в творчестве! Экспериментируйте, пробуйте и у вас получится шедевр!

Скачать урок фотошопа Как сделать анимацию можно бесплатно с Яндекс Диска.


Понравилась статья? Поделись с друзьями!
Почитай, тебе понравится! Как в фотошопе сделать картинки одного размера	7 Как в фотошопе сделать картинки одного размера	7 Как в фотошопе сделать картинки одного размера	7 Как в фотошопе сделать картинки одного размера	7 Как в фотошопе сделать картинки одного размера	7 Как в фотошопе сделать картинки одного размера	7 Как в фотошопе сделать картинки одного размера	7 Как в фотошопе сделать картинки одного размера	7

Похожие статьи:




Мастер класс поделок из ненужного материала




Как правильно накручивать бигуди и схема




Как сделать конек на крышу шифером




Схема вязания мужского шарфа английской резинкой




Буквенно звуковые схемы