Записи Друзья Комментарии
tim2ati
Аватар tim2ati

 -Цитатник

***ОТКРЫТОЧКИ-ПОЖЕЛАНИЯ*** - (0)

"С Днем Рождения" рамочка от Nata-Leoni - (0)

Здесь будет Ваш текст Здесь будет Ваш текст

 -Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Скачать музыку с LiveInternet.ru Скачать музыку с LiveInternet.ruПростая скачивалка песен по заданным урлам
  • Перейти к приложению Дешевые авиабилеты Дешевые авиабилетыВыгодные цены, удобный поиск, без комиссии, 24 часа. Бронируй сейчас – плати потом!

 -Всегда под рукой

Фотографии в альбоме «Птицы .», автор elena.siwowa2014 на Яндекс.Фотках



 -Поиск по дневнику

Поиск сообщений в tim2ati

 -Рубрики

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 05.10.2014
Записей: 5157
Комментариев: 15478
Написано: 28599


Как сделать в Фотошопе блистающую звёздочку ?

Понедельник, 27 Марта 2017 г. 13:28 + в цитатник
Цитата сообщения Natiko_L
Прочитать целикомВ свой цитатник или сообщество!
Самое простое, для тех, кто только начинает осваивать фотошоп.


Что обьединяет эти мои аватарки?




Звёздочка….) Во всех них есть блистающие звёздочки, разные, но сделанные одинаковым способом.
Как это сделать? Легко. Расскажу.
Возможно это поможет тем, кто хочет научиться делать анимацию в ФШ, но не знает с чего начать. Начните с простого, с обычной чуть блистающей звёздочки.
Это поможет понять сам принцип анимации, а дальше лишь ваша фантазия..)


Не бойтесь длинного текста, просто я очень-очень подробно и нудно всё объясняю, практически каждый шаг и иллюстрирую кучей скринов.

И ещё, по сути здесь не один урок, а ДВА. В конце ещё попыталась объяснить, как делать промежуточные кадры для более плавного перехода от одного кадра к другому.

Поверьте, всё это совсем не страшно, несколько раз сделаете, потом будете всё делать на автомате буквально за несколько минут.
Просто открываем фотошоп и методично идём по пунктам, сверяясь с моими скринами...

НАЧНЁМ ? )))

1. Откроем в ФШ картинку – исходник.


Будем анимировать нарисованную звёздочку.

2. Создаём новый прозрачный слой. Для этого нажимаем в окне «Слои» иконку ввиде листика бумаги с загнутым уголком.

0Безымянный (638x517, 111Kb)

3. Открываем наш набор кистей. И выбираем там любую понравившуюся кисть «звёздочка».

00Безымянный (700x682, 274Kb)
Обычно они есть в базовом наборе. Но если у вас всё-таки нет, то можете загрузить в набор кистей – какую-нибудь например из этих:


Звёздочка (50x50, 1Kb) Звёздочка 2 (50x50, 1Kb) Звёздочка 3 (50x50, 1Kb)

Может не самые лучшие, но чтобы было с чем потренироваться….

Как загрузить кисть в набор кистей: Открыть её в ФШ – Редактирование – Определить кисть - и она появляется в вашем наборе кистей.


Я буду показывать на первой кисти. Звёздочка там не самая интересная, а наоборот, очень простая, но просто она лучше видна, для урока…

Выбираем цвет нашей звёздочки, я взяла - белый.

000Безымянный (101x122, 4Kb)

4. Звёздочка слишком большая для нашей картинки, а ещё она должна будет постепенно плавно увеличиваться и опять также плавно уменьшаться. Поэтому начнём с очень маленького размера.
Делаем его, например, 10 пикселей.

0000Безымянный (700x396, 164Kb)

Идём на прозрачный слой, делаем его активным, (! Чтобы слой стал «активным» надо по небу коликнуть мышкой, и он выделится синей полоской)
затем, на картинке в центре звезды над рукой девушки ставим кистью нашу 10-ти пиксельную звёздочку. Её будет почти не видно.


5. Опять создаём ещё один прозрачный слой, нажимая на иконку – «листочек бумаги с загнутым уголком» . Делаем его активным кликая на него. Берём нашу кисть – звёздочка и увеличивая её размер до 15-ти пикселей, точно по центру звезды на картинке рисуем нашу.

00000Безымянный (700x385, 149Kb)

6. Создаём третий прозрачный слой. Всё точно также как в предыдущих пунктах. Только размер нашей кисти-звёздочки делаем ещё больше – 20-ть пикселей. И опять рисуем на этом третьем прозрачном слое уже 20-ти пиксельную звёздочку. Точно по центру звезды на картинке.

000000Безымянный (700x527, 207Kb)


7. Можно конечно продолжать и дальше увеличивать нашу звёздочку, но остановимся на этом..
Теперь двинемся «обратно» и будем её так же плавно уменьшать. Для этого просто активируем прозрачный слой номер 2. Кликаем по нему правой клавишей мыши, возникает окно, выбираем «создать дубликат слоя»

0000000Безымянный (287x700, 124Kb)
Получился Слой 2 (копия)

Перетаскиваем слои так, чтобы этот Слой 2 (копия) стоял над Слой 3
00000000Безымянный (379x396, 65Kb)

8. Теперь точно также делаем дубль/копию нашего первого прозрачного слоя, он получает название Слой 1 (копия). И перетаскиваем его, так чтобы он стоял над Слой 2 (копия)
Выглядит это так:

000000000Безымянный (356x414, 68Kb)

9. Отключаем все глазки прозрачных слоёв.

0000000000Безымянный (324x408, 57Kb)

Теперь сама анимация:
_______________________
10. Открываем шкалу анимации (если у кого она не открыта)
Верхняя панель – Окно – Анимация: ставим галочку.

00000000000Безымянный (700x532, 166Kb)

11. На шкале анимации стоит один кадр – наша картинка.
Выбираем время 0,2 сек.

01Безымянный (700x370, 106Kb)

Под временем на кадре ещё кнопка показывающая сколько кругов будет идти наша анимация. По умолчанию стоит «Один раз», но мы ставим «Всегда»

02Безымянный (700x223, 38Kb)

12. Нажимая на иконку «листок бумаги с загнутым уголком» под панелью анимации, делаем 4 копии первого кадра. Всего получается 5 кадров, это столько же сколько и прозрачных слоёв.

03Безымянный (599x219, 59Kb)

13. Теперь каждому кадру в нашей панели анимации будем «присваивать» слои из панели слоёв.

1-ый кадр.
В панели анимации: активируем первый кадр, кликая по нему.
В панели соёв: включаем глазик на первом прозрачном слое (Слой 1)

Выглядит это так:

04Безымянный (700x451, 121Kb)


2-ой кадр.
В панели анимации: активируем 2-ой кадр, кликая по нему мышкой.
В панели слоёв: выключаем глазик на Слой 1 и включаем глазик на Слой 2 (второй прозрачный слой)
05Безымянный (700x420, 105Kb)

3-ий кадр.
В панели анимации: клик по 3-тьему кадру
В панели слоёв: Отключаем глаз на Слой 2, на Слой 1, а включаем глазик на Слой 3
Выглядеть должно так:

06Безымянный (646x547, 157Kb)

4-ый кадр:

07Безымянный (610x561, 147Kb)

5-ый кадр:

08Безымянный (700x373, 87Kb)

В результате каждому кадру на шкале анимации соответствует один прозрачный слой с включённым глазиком , а у самого первого слоя-картинки / Задний план глаз включён ВСЕГДА.


14. Кликаем на первый кадр и запускаем анимацию. Смотрим на картинку.
Вот что получилось )))

0-anime_Planetarian__The_Reverie_of_a_Little_Planet (240x336, 39Kb)

Что-то мне не очень эта кисть нравится… Со второй в кисточкой-звёздочка вроде получше..
00anime_Planetarian__The_Reverie_of_a_Little_Planet11 (240x336, 39Kb)
------------------------------
В принципе всё,
__________________________________________________________________________
НО! Если вы хотите, чтобы миганье звёздочки было более плавным, по-желанию, можно вставить ПРОМЕЖУТОЧНЫЕ КАДРЫ , ещё это называют - твининг (вставка промежуточных кадров, от английского «in betweening»)

По сути, это ещё отдельный урок… ))
После вставки промежуточных кадров у нас должно получиться вот так:

006Безымянный (673x265, 133Kb)

Чтобы было проще будем вставлять лишь по одному промежуточному, между каждыми двумя уже имеющимися.
Итак, вставляем промежуточные кадры:
______________________________________

А) На панеле слоёв активируем самый нижний слой, который под названием Задний план.
Далее, на панеле анимации, надо выделить два смежных кадра 1-ый и 2-ой: удерживая нажатой клавишу Shift или Ctrl кликаем на первый кадр, потом на второй. Кадры выделяются.
Затем нажимаем на иконку создания промежуточных кадров:

В появившимся окне, ставим настройки как у меня на скрине:
Выделенная область
Все слои.
И в графу « Добавить кадров» -цифру сколько мы хотим добавить кадров между этими двумя. Чтобы было проще я вставлю лишь один. Поэтому стоит цифра 1. (чем больше промежуточных кадров, тем плавнее, но и медленнее анимация)
Нажимаем «да»

001Безымянный (700x340, 148Kb)
Между первым и вторым кадром появился ещё один/промежуточный. Соответственно, тот кадр, который был вторым стал – третьим.

Б) Далее вставим промежуточный кадр между третьим и четвёртым.

Удерживая нажатой клавишу Shift или Ctrl кликаем на третий кадр, потом на четвёртый. Кадры выделяются.
Нажимаем на иконку создания промежуточных кадров.
В появившемся окне проверяем настройки такие должны быть как в предыдущем пункте: «Выделенная область». Кадров –«1». и «Все слои».
Жмём «да»

002Безымянный (700x425, 168Kb)
Между третьим и четвёртым появился ещё один промежуточный кадр. Соответственно тот кадр, что был, четвёртым, стал – пятым.

В) Теперь вставим промежуточный кадр, между пятым и шестым.
Всё точно также.
Удерживая нажатой клавишу Shift или Ctrl кликаем на пятый кадр, потом на шестой. Кадры выделяются.
Нажимаем на иконку создания промежуточных кадров.
Появляется окно. Такие же настройки и «да»

003Безымянный (602x502, 212Kb)

Кадр который был шестым стал – седьмым.


Г) И ещё один промежуточный между последними кадрами: седьмым и восьмым. Всё точно также…

004Безымянный (618x459, 210Kb)

Обычно ещё вставляют промежуточные и между последним и первым, для «зацикливания «, чтобы анимация не «дёргалась» не обрывалась резко. Но в нашем простом случае без этого можно обойтись.

Нажимаем на иконку «пуск» на панели анимации. Смотрим. И сохраняем.
Как Сохранять анимации в формате гиф?
Файл – Сохранить для Web и устройств - открывается окно: Save

005Безымянный (700x500, 208Kb)

Что получилось?
Вот с одной кистью-звёздочкой.

0-1anime_Planetarian__The_Reverie_of_a_Little_Planet (240x336, 40Kb)

Вот используя другую…

0-2anime_Planetarian__The_Reverie_of_a_Little_Planet11 (240x336, 40Kb)

Главное, понять сам принцип. Экспериментируйте! )))
_______________

П.С. Точно также делаются и вращающиеся звёздочки или покачивающиеся в разные стороны. Только вместо изменения размера кисти, на каждом кадре чуть меняется угол поворота в настройках кисти.
Безымян (249x126, 18Kb)

Вот пример, звёздочка чуть "покачивается":



Рубрики:  УРОКИ /***Уроки анимации .
Метки:  
Нравится

— К дневнику — Страницы: [1] [Новые]
 

О проекте