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

Рабочий материал скачать -

Открываем в фотошопе скаченный файл в формате PSD - "Урок".

Становимся на слой с фоном и создаем дубликат слоя.



Слою добавляем текстуру.





Дублируем слой с текстурой.



Слой перемещаем на передний план.



Слою делаем наложение - "Мягкий свет".



Загружаем "Вырез" в формате PSD и устанавливаем.



Становимся на слой - "Фон копия 2" и загружаем клипарт с девушкой.



Слой устанавливаем как показано на скрине.



Создаем дубликат слоя с девушкой.



Берем инструмент "Прямолинейное лассо", "Растушевка" ноль.



Делаем выделение на слое по форме выреза.



Далее:
Выделение - Инверсия
Редактирование - Очистить
Выделение - Отменить выделение



Переходим на слой ниже. На верхнем слое с девушкой отключаем глазик. "Прямолинейным лассо" на слое выделяем руку у девушки.



Далее:
Выделение - Инверсия
Редактирование - Очистить
Выделение - Отменить выделение



Слой переносим на передний план.



Создаем дубликат слоя с рукой.



Нижнему слою с рукой делаем наложение слоя - "Экран". На верхнем слое отключим глазик, чтобы нам виден был результат.



Становимся на верхний слой с рукой. Глазик на слое не включаем. Берем инструмент "Прямолинейное лассо", "Растушевка" 2 пикс. и делаем выделение как на скрине.



Включаем глазик на слое и очищаем по выделению.



Выделение - Отменяем выделение.

Становимся на слой "Фон копия 2".



Загружаем файл в формате PSD - Брызги".



Группу переносим в рабочее окно и устанавливаем как на скрине.



Становимся на слой с рукой, берем "Мягкий ластик" 33 пикс. и удаляем белую полосу с руки от стыка слоев.



Становимся на слой "Девушка копия".



Загружаем футаж с водой. Становимся на первый слой в футаже, зажимаем клавишу Shift, прокручиваем до последнего слоя и кликаем по последнему слою. У нас выделились все слои.

Теперь нам слои нужно объединить в группу. Жмем сочетание клавиш Ctrl+G.



Переносим группу в работу и устанавливаем как показано на скрине.



Группу я назвала - "Анимация воды". Группе делаем наложение "Перекрытие".



Стоим на группе "Анимация воды", зажимаем клавишу Ctrl и левой кнопочкой мыши кликаем по маленькому окошку на слое "Девушка копия", у нас появилось выделение по форме выреза.



Добавляем слой маску.





Берем инструмент "Прямолинейное лассо", "Растушевка" 2 пикс.



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



Очищаем.



Отменяем выделение.



Берем "Мягкий ластик" 123 пикс. "Непрозрачность" ластику ставим 53%. На скрине я выделила участки по которым нужно пройтись ластиком.



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



Становимся на первый кадр и открываем группу с футажем.



Мы открыли группу, нам теперь нужно распределить слои футажа по кадрам. У нас 26 слоев в футаже и 26 кадров в анимации. На один кадр - один слой от футажа.

Первый слой от футажа в данный момент горит на всех кадрах. Нам нужно чтобы он горел только на первом кадре. Для этого мы со второго по 26 кадр выделяем. Становимся на второй кадр, зажимаем клавишу Shift, прокручиваем до последнего кадра и кликаем по последнему кадру. У нас выделились все кадры. Теперь
отключаем глазик на первом слое.

Так мы сразу отключили глазик первого слоя со всех кадров. Теперь становимся на второй кадр и второй слой и на втором слое включаем глазик. Переходим на третий кадр и на третий слой и включаем глазик на третьем слое. И так до конца распределяем слои по кадрам.

Становимся на первый кадр и закрываем группу. Кликаем по треугольнику возле глазика на группе.





Распределяем слои по кадрам. Как распределять слои по кадрам я описывала чуть выше.





Закрываем группу.





Теперь плагином добавим анимацию волосам девушки. Смотрите подробный урок ЗДЕСЬ.



Далее:
Выделение - Инверсия
Редактирование - Очистить
Выделение - Отменить выделение



Создаем два дубликата слоя с волосами. Всего у нас три слоя с волосами.





Код цвета - 361d32





Стоим на первом кадре и делаем наложение группе "Перекрытие".





Удаляем ластиком по очереди с трех слоев.





Теперь нам нужно работу украсить рамочкой.

Создаем новый слой.

Жмем на квардратик с палитрой цветов. В палитре цветов вписываете нужный код цвета. Код цвета - f7ef14

Берем инструмент - "Прямоугольная область".

"Растушевка" - ноль.



Чертим рамочку.







Добавляем рамочке тень. Настройки стандартные.



Дублируем слой с рамочкой.



Нижний слой с рамочкой удаляем.



Подписываем работу.



Становимся на группу "Анимация воды".



Загружаем клипарт "Боке" в формате PSD.



Устанавливаем клипарт по центру рабочего окошка.



Работу сохраняем в формате GIF.

Свои работы выставляйте в комментарии здесь, под уроком для удобства просмотра работ!!!

Жду ваши работы!!! Успеха в творчестве!!!

Photoshop + (Онлайн фотошоп - Эдитор)

Оживляем мех с помощью плагина.


Рабочий материал скачать -

Для работы нам потребуется плагин.

Ссылка на скачивание и урок по установке - ЗДЕСЬ.

Открываем рабочий материал в фотошопе.



Стоим на слое с фоном. На верхних слоях отключаем глазки. Дублируем слой с фоном.



Берем инструмент "Лассо" или "Прямолинейное лассо" - кому чем удобнее пользоваться. Растушевку ставим - 10 пикс.



Делаем выделение как на скрине. Где фон мы отступаем от головного убора, а где лицо - выделение делаем по очертанию лица.

Далее: Выделение - Инверсия
Редактирование - Очистить
Выделение - Отменить выделение





Открываем окно анимации.





Теперь трем слоям с головным убором - по очереди добавляем плагин.



Цифра 1 на скрине - это настройки направление ветра. Мышкой поворачиваем кружок изменяя настройки до нужного нам направления. (Это будет зависеть от того, чему вы хотите добавить анимацию). Направление можно сделать вверх, в бок или как вам понравится.



Цифра 2 - это цвет который нам нужно выбрать в палитре цветов в тон работы.

У нас код цвета в палитре цветов - 685c66

Код цвета вписываем в окошко палитры цветов и жмем ОК.





Распределяем кадры по слоям и сразу слою добавляем плагин.





Стоим на первом кадре, выделяем слои с головным убором. Жмем сочетание клавиш Ctrl + G и прячем слои в группу.



Ставим группе непрозрачность.



Подписываем работу и сохраняем в формате GIF.

Можно сделать более легкую анимацию.



Стоим на первом кадре, становимся на группу. Группе делаем наложение - "Мягкий свет", "Непрозрачность" ставим 100%.



Дублируем слой с группой.



Группе делаем наложение - "Экран", "Непрозрачность" ставим - 54%.



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



Закрываем группу.



Сохраняем работу в формате GIF.

Еще один способ анимации с другими настройками плагина.



Удаляем группы с головным убором с которыми мы работали. Дублируем слой с фоном. Вновь выделяем головной убор как в начале урока. Отделяем от фона. Создаем два дубликата слоя. И трем слоям с головным убором по очереди добавляем плагин.





Становимся на третий кадр и на третий слой, включаем глазик на 3 слое.



Становимся на первый кадр, выделяем слои с головным убором и прячем их в группу.



Группе делаем наложение - "Перекрытие".

Работу сохраняем в формате GIF.

Жду ваши работы в комментарии под постом!!!

Успеха в творчестве!!!

Photoshop + (Онлайн фотошоп - Эдитор)

Рабочий материал здесь -

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

Открываем в фотошопе фон который в рабочем материале.



Загружаем файл - "Вырез" в формате PSD. Инструментом перемещение перетаскиваем вырез в рабочее окно и устанавливаем.



Становимся на слой с фоном и загружаем клипарт. Устанавливаем как показано на скрине.



Загружаем и устанавливаем клипарт - брызги.



Слою делаем наложение - "Экран".



Становимся на слой с фоном и в фильтре добавляем слою текстуру.





Становимся на слой с фоном и дублируем слой.



Теперь дубликат слоя с фоном нам нужно переложить на вда слоя выше.





Слою делаем наложение - "Мягкий свет".



Загружаем клипарт с девушкой и устанавливаем как показано на скрине.



Дублируем слой с девушкой.



Берем инструмент "Лассо" или Прямолинейное лассо","Растушевка" - ноль. Становимся на нижний слой с девушкой. На верхнем слое с девушкой отключаем глазик. Нам нужно теперь по форме выреза сделать выделение.











Отключаем глазик на группе "Вырез", "Прямолинейным лассо" выделяем руку девушки. "Растушевка"- ноль.











Слой с рукой перемещаем на передний план.



Создаем дубликат слоя.



На верхнем слое с рукой отключаем глазик, а нижнему слою с рукой делаем наложение слоя - "Экран".



Берем инструмент "Лассо" - "Растушевка" 2 пикс. и выделяем руку как на скрине.









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



Стоим на верхнем слое и загружаем файл - "Боке" в формате PSD.



Слой устанавливаем ровно по рабочему окошку.



1 - Создаем новый слой.

2 - Жмем на квардратик с палитрой цветов. И как мы в прошлом уроке меняли цвет тени в палитре цветов, так и здесь в палитре цветов вписываете нужный код цвета. Код цвета - f7ef14

3 - Берем инструмент - "Прямоугольная область".

4 - "Растушевка" - ноль.



Чертим инструментом - прямоугольную рамочку на новом слое.



Кликаем по центру рабочего окна правой кнопкой мыши и выбираем строку - "Выполнить обводку".



Отменяем выделение.



Рамочке добавляем тень. Настройки стандартные.





Подписываем работу.



Работу сохраняем в формате - JPEG

Готовые работы выставляйте в комментарии под постом.

Успеха в творчестве!!!


Photoshop + (Онлайн фотошоп - Эдитор)

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

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

Весь рабочий материал вы можете скачать -

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

Для тех кто только учится анимации, я даю готовый фон где анимацию фона я сделала плагином. Уроки по анимации плагином - для желающих научиться можно посмотреть:

ЗДЕСЬ
ЗДЕСЬ
ЗДЕСЬ

Открываем в фотошопе фон в формате PSD.



Загружаем футаж "звезды" в фотошоп.



Становимся на первый слой в футаже, зажимаем клавишу Shift, прокручиваем слои футажа до 33 слоя и кликаем по 33 слою. У нас выделились все слои.

Теперь нам слои нужно объединить в группу. Жмем сочетание клавиш Ctrl+G.



Инструментом перемещение перетаскиваем группу с футажем в рабочее окно и устанавливаем по центру вверху.



Футажу делаем наложения слоя - "Экран".







Добавляем группе "Слой - маску".





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



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





Мы открыли группу, нам теперь нужно распределить слои футажа по кадрам. У нас 33 слоя в футаже и 33 кадров в анимации. На один кадр - один слой от футажа.

Первый слой от футажа в данный момент горит на всех кадрах. Нам нужно чтобы он горел только на первом кадре. Для этого мы со второго по 33 кадр выделяем (точно также как мы выделяли слои футажа перед тем как футаж спрятали в группу) и отключаем глазик на первом слое футажа.



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



Переходим на третий кадр и на третий слой и включаем глазик на третьем слое. И так до конца.



Становимся на первый кадр и закрываем группу. Кликаем по треугольнику возле глазика на группе.



Стоим на первом кадре и включаем глазки на выделенных слоях.



Стоим на группе - "Плагин на ветках". Загружаем файл в формате PSD - "белки". Инструментом перемещение переносим группы в нашу работу.



Распределяем по очереди группы с лисичками по кадрам. Распределение слоев по кадрам делаем точно так-же как мы распределяли футаж "звезды" по кадрам в начале урока.




Становимся на первый кадр и включаем глазки на слоях. Подписываете работу.



Работу сохраняем в формате GIF.

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

Как сохранять работу в формате PSD я показывала в Уроке №1.

Свои работы по данному уроку выставляйте в комментарии здесь, под уроком для удобства просмотра работ!!!

Жду ваши работы!!! Успеха в творчестве!!!


Photoshop + (Онлайн фотошоп - Эдитор)

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

В конце прошлого урока нам нужно было сохранить работу в формате PSD.

Находим сохраненную работу и открываем ее в фотошопе.



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

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

Первый кадр запоминает все наши действия.

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

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



Загружаем клипарт снег и устанавливаем. Этот клипарт есть в рабочем материале который вы скачивали в первом уроке.



Слою делаем наложение - "Мягкий свет".



Загружаем надпись в формате PSD.



Загружаем футаж.



Становимся на первый слой в футаже, зажимаем клавишу Shift, прокручиваем слои футажа до 17 слоя и кликаем по 17 слою. У нас выделились все слои.



Теперь нам слои нужно объединить в группу. Жмем сочетание клавиш Ctrl+G.



Инструментом перемещение перетаскиваем группу с футажем в рабочее окно и устанавливаем как показано на скрине.



Группе с футажем делаем наложение - "Перекрытие".



Теперь нам нужно выделить все окошки в домиках. Для этого нам нужны будут инструменты - "Прямолинейное лассо" или "Лассо". Разницы нет. Кому чем удобно будет пользоваться.

Инструментом "Лассо" проще - чертите как карандашом и делаете выделение.
"Прямолинейным лассо" - делаете выделение идя маленькими шагами и кликаете мышкой. За мышкой будет тянуться ниточка. В конце ниточку нужно соединить, кликнув мышкой в начало ниточки чтобы появилось выделение.

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





Стоим на первом кадре. Мы выделили все окошки на домиках. У нас на окнах появилось выделение.



Теперь нам группе с футажем нужно добавить слой - маску. Это нам нужно для того чтобы футаж был виден только в окнах. Для этого у нас и выделение на окнах.



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



После того как мы открыли группу, нам теперь нужно распределить слои футажа по кадрам. У нас 17 слоев в футаже и 17 кадров в анимации. На один кадр - один слой от футажа.



Первый слой от футажа в данный момент горит на всех кадрах. Нам нужно чтобы он горел только на первом кадре. Для этого мы со второго по 17 кадр выделяем (точно также как мы выделяли слои футажа перед тем как футаж спрятали в группу) и отключаем глазик на первом слое футажа.



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



Переходим на третий кадр и на третий слой и включаем глазик на третьем слое. И так до конца.



Становимся на первый кадр и закрываем группу. Кликаем по треугольнику возле глазика на группе.



Верхним слоем подписываем нашу работу.



Работу сохраняем в формате GIF.

Как сохранять я показывала в прошлом уроке.

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

Жду ваши работы!!! Успеха в творчестве!!!


Photoshop + (Онлайн фотошоп - Эдитор)

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

Урок выполнен в фотошопе CS5.

Рабочий материал здесь -

Открываем фотошоп.

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



Загружаем фон в фотошоп.



Идем в фильтр и добавляем текстуру для фона.





Загружаем клипарт. Инструментом перемещение перетаскиваем клипарт в рабочее окно.







Слою с клипартом добавляем тень. Запомните как добавляется тень, это будет повторяться много раз. Далее я буду показывать добавление тени в сокращенном виде.







Код цвете - 562c08

Код цвета можете просто скопировать и вставить в окошко в фотошопе в палитре цветов.











Слой с маской перемещаем назад.





1 - становимся на Слой 2.
2 - кликаем на панель инструментов правой кнопочкой мыши
3 - выбираем инструмент "Овальная область"
4 - на панели ищем надпись "Растушевка" и в окошке где стоит ноль - ставим цифру - 10









Выделение - Инверсия



Редактирование - Очистить



Выделение - Отменить выделение



Становимся на Слой 4.



Слою 4 добавляем непрозрачность - цифра 44.



Берем мягкий ластик.





Выбираем разер ластика.









Становимся на Слой 5, кликаем по слою правой кнопочкой мыши.



Левой кнопочкой мыши кликаем по глазику и выключаем глазик на Слое 5 копия.
Слою 5 делаем наложение - "Экран".







Слою добавляем тень.



Код цвета тени - 66370e





Слою с веточкой добавляем тень.
Код цвета тени - 562d1d



Код цвета тени для парусника - 603515















На левой панели инструментов в фотошопе кликаем правой кнопочкой мыши на букву "Т".



Многими шрифтами писать на русском не получится. Красивые шрифты нужно отдельно загружать в фотошоп.

Но если очень хочется создать красивую подпись,это можно сделать на сайтеЗДЕСЬ.

Создаете надпись, сохраняете и загружаете как клипарт в фотошоп. Устанавливаете в нужном месте. Если будут вопросы пишите в комментарии.

Осталось теперь сохранить нашу работу.





Жду ваши работы!!! Успеха в творчестве!!!

Photoshop + (Онлайн фотошоп - Эдитор)

Этот урок для тех кто хочет познакомиться с анимацией.

Урок выполнен в фотошопе CS5.

У кого нет фотошопа, а есть желание учиться - скачать фотошоп можно ЗДЕСЬ.

Рабочий материал здесь -

Открываем в фотошопе файл в формате PSD - "лисички с тенью".

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





Загружаем фон в фотошоп и перетаскиваем его в рабочее окно, устанавливаем по центру.



Фон при желании можете заменить. Размер рабочего окна можете изменить под свой фон.

Для этого вам нужно посмотреть размер вашего фона и запомнить цифры. Посмотреть размер изображения можно в фотошопе - Изображение - Размер изображения.

Затем цифры впишите в окошках - "Размер холста".





Фон перемещаем на задний план.



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



Включаем анимацию и смотрим что у нас получилось.



Сохраняем работу.





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



Выбираем папку куда будем сохранять.



Если у кого-то плохо видны скрины, кликните по скрину правой кнопочкой мыши, откроется табличка.



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

Если кто не знает как скачивать рабочий материал, напишите в комментарии.

Жду ваши работы!!! Успеха в творчестве!!!

Photoshop + (Онлайн фотошоп - Эдитор)

Рабочий материал в формате PSD.

Скачать можно здесь -


Photoshop + (Онлайн фотошоп - Эдитор)

Рабочий материал в формате PSD.

Работу можете оформить по своему желанию заменив рабочий материал. Анимация уже распределена по кадрам.

Скачать можно здесь -


Photoshop + (Онлайн фотошоп - Эдитор)

Весть клипарт на разных слоях.

Скачать можно здесь -

Photoshop + (Онлайн фотошоп - Эдитор)

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

Скачать можно здесь -

Photoshop + (Онлайн фотошоп - Эдитор)

Рабочий материал в формате PSD.

Скачать можно здесь -

Photoshop + (Онлайн фотошоп - Эдитор)