Для новичков важно знать
Словарь Photoshop

Инструменты Photoshop

 Горячие клавиши photoshop.

 Таблица «безопасных» цветов
Основы программы Adobe Photoshop.
Новые кисти и др .

BIG Photoshop Pack 2019 

Клипарты png - Пиво 

Красивые png - Игрушечные самолеты 

Растровый клипарт - Кольца и перстни 

Фотошоп прозрачный - Подснежники 

Красивые png - Куча пауков 

Клипарты png - Велосипеды 
Adobe Photoshop CS3
Скачать Adobe Photoshop CS3 v10 Lite RUS
Новые Уроки Photoshop

Vue Advanced Продвинутый курс по разработке SPA (2021) 

Автоматизация тестирования REST API на Python (2021) 

Асинхронная архитектура (2021) 

Unreal Engine 5: быстрый старт (2021) 

CI/CD для JavaScript-разработчика (2021) 

Selenium Python - Автоматизация браузера и парсинг данных (2020) 

Формула акрила (2021) 

Тайны Photoshop

Каталог статей

Главная » Статьи » Уроки анимация

Урок - Сверкающая одежда

Результат урока:

Анимированный аватар в Adobe Photoshop



Приветик! Этот урок от Selenii №1.

Хочу, что бы и вы знали, как можно сделать простое и красивое медленное мигание отдельных фрагментов. Есть два способа сделать это, тут мною описывается первый, и самый простой:

Берём нужную нам картинку, я взяла недавно сделанный мною аватар.

Анимированный аватар в Adobe Photoshop 1



Аккуратно выделяем нужный нам фрагмент (с помощью маски, лассо, волшебной палочки – разницы нет)

Анимированный аватар в Adobe Photoshop 2



И нажимаем Ctrl+J, что бы сдублировать этот фрагмент. В окне слоев (F7) появился новый слой:

Анимированный аватар в Adobe Photoshop 3



Дальше работаем с уровнями. Нажимаем на появившийся слой и выбираем
Image-Adjustments-Levels
Изображение-Регулировки-Уровни
(Ctrl+L):

Анимированный аватар в Adobe Photoshop 4



Выставляем нужные нам параметры, делая светлее или темнее (по своему усмотрению):

Анимированный аватар в Adobe Photoshop 5



Результат на данный момент:

Анимированный аватар в Adobe Photoshop 6



Потом, нажав ОК, дублируем слой желаемое количество раз (Ctrl+J) – чем больше слоёв, тем плавнее получится мигание. И выставляем прозрачность. На первый дубликат допустим 35%.

Анимированный аватар в Adobe Photoshop 7



На второй примерно 60%:

Анимированный аватар в Adobe Photoshop 8



А на третий 85%. (Это можно делать по своему усмотрению, но прозрачность должна быть очерёдной!)

Анимированный аватар в Adobe Photoshop 9



Теперь идём в Image Ready (Shift+Ctrl+M).

Анимированный аватар в Adobe Photoshop 10



Создаём в окне анимации слои, нажимая на иконку создания слоя. Создаём в два раза больше слоев, чем у нас имеется (у меня их десять):

Анимированный аватар в Adobe Photoshop 11



Выбираем на каждый кадр два слоя, оставляя видимым самый нижний слой и соответствующий слой-дубликат. Остальные слои должны быть невидимы (убираем у них иконку глаза). При переходе к следующему кадру делаем для него видимым самый нижний слой и следующий слой-дубликат, расположенный выше.

Анимированный аватар в Adobe Photoshop 12



Дойдя до середины каждый, скорей всего, остановится с мыслью «А что ставить на оставшиеся пять кадров??» Ставим то же самое, только в обратном порядке. То бишь, если середина – самый яркий свет, то дальше он должен быть тусклее и тусклее.

Наконец, справившись со столь сложным заданием как подбирание картинок, мы приступаем к следующему, наверное не менее сложному)) – выставлению времени. Нажимаем внизу на слое на самой маленькой стрелочке, у нас появляется такая картинка:

Анимированный аватар в Adobe Photoshop 13



Выставляем нужное нам время (у меня 0,1 секунды). Я не советую выставлять больше чем секунду на «левых» фрагментах. Так как, если выставить больше, будет резко и видно кадры. Поставим лишь на первом кадре самое большое время (0,5 секунды).

Наконец, благополучно закончив нашу, едва возможную задачу сохраняем рисунок. Надеюсь, все это умеют? ;) (На всякий случай покажу)):

Анимированный аватар в Adobe Photoshop 14



Ну вот и всё, результат должен получится таким:

Анимированный аватар в Adobe Photoshop 15



Желаю побыстрей научиться работать с фотошопом. Все действия, по идее, можно выполнять в любой версии. Можете экспериментировать, меняя местами слои и выставляя другое время.
Пока! И удачи вам
Категория: Уроки анимация | Добавил: Admin (20.02.2009)
Просмотров: 1317 | Комментарии: 2 | Рейтинг: 4.8/4
Всего комментариев: 1
1 Ирина  
0
Скажите пожалуйста, как сохранить анимацию. Что бы её было видно в интернете- группе.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Пятница
17.05.2024
13:48
Категории каталога
Основы или Уроки для чайников [49]
Как установить кисти ,фильтры,экшен и многое другое..
Уроки Разные эффекты [97]
Уроки - Обработка фото [1465]
Уроки CorelDRAW [3]
Уроки-Работа с текстом [65]
Уроки анимация [106]
Уроки-Дизайн/Рисование [478]
Уроки - Вырезаем обьекты из фона [6]
Уроки-Фотомонтаж [335]
Форма входа

Поиск
Друзья сайта
     
      Зарабатывайте вместе с UcoZ! 
    Статистика

    На сайте : 1
    Гостей: 1
    Пользователей: 0
    Наш опрос
    Оцените мой сайт
    Всего ответов: 368
    Мини-чат