Все игры
Обсуждения
Сортировать: по обновлениям | по дате | по рейтингу Отображать записи: Полный текст | Заголовки

Опрос:

настроение: Внимательное
хочется: чего то нового
слушаю: родителей

Урок № 2

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

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

Анимированный аватар в 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



Желаю побыстрей научиться работать с фотошопом. Все действия, по идее, можно выполнять в любой версии. Можете экспериментировать, меняя местами слои и выставляя другое время.
с Любовью вша Nina {симпотяшка} Dobrev

Всё это вы можете найти в соо Happy Vampire***

настроение: Возбужденное
хочется: что бы все это посморели
слушаю: Jason Walker-"Дневники вампирпа"

Урок №1 Прикольные анимации

1. Возьмём подходящее изображение, у меня вот это:

Анимированный аватар в Фотошоп


Вырежем из него одного зайчонка для прикольного аватара. Для этого дублируем слой Ctrl+J.

2. Далее возьмём инструмент
Прямоугольная область (RectangularMarquee Tool) (М).

Чтобы точно вырезать квадрат размера аватара (100 на100 пкс. или 120 на 120 пкс.), зададим нашему инструменту этот размер в панели опций инструмента.

Анимированный аватар в Фотошопе


Устанавливаем
Стиль (Style)Заданный размер (Fixed Size),
Ширину (Width) и Высоту (Height) в пикселях.
У меня 120 на 120 пкс.Сейчас, когда вы щёлкните на изображении, появится рамка заданного размера и, передвигая ее, выберем нужный нам участок:

Анимированный аватар Фотошоп


Идём в
Анимированный аватар в Фотошоп – Кадрировать (Image – Crop),
снимаем выделение (Ctrl+D), вот и получилась заготовка для аватара:

Анимированный аватар в photoshop


3. Теперь будем прикалываться над зайчонком. Делаем дубликат слоя (Ctrl+J) и идём в
Фильтр – Пластика (Filter – Liquify)
и в панели инструментов выбираем инструмент
Вздутие (Blow):

Фотошоп - анимированный аватар


С правой стороны окна установим такие настройки, хотя для своего изображения вы подберёте их сами:

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


И надуем зайчонку левую щёчку:

делаем анимированный аватар в Фотошоп


4. Дублируем слой (Ctrl+J) и опять идём в Пластику и надуваем зайчонку правую щёчку:

делаем анимированный аватар в Photoshop


5. Сейчас активируем нижний слой «Задний план», а два верхних погасим (Закроем иконку глаза на слое в панели Слои (Layers)(F7)):

аватар в Фотошоп


6. Сделаем дубликат этого слоя. Сейчас мы будем фильтром Пластика (Liquify) заставлять зайчонка водить носом. Идём в
Фильтр – Пластика(Filter – Liquify)

и выбираем инструмент Деформация (Warp):

аватар в photoshop


И задираем зайчонку нос кверху:

Анимированный аватар урок Фотошоп


7. Гасим этот слой, и переходим опять на нижний слой «Задний план», дублируем его и опять – Пластика – отводим нос вправо:

Анимированный аватар урок Фотошопа


8. Повторяем п.7, только отводим нос влево:

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


9. Ну и сделаем рамочку для нашего будущего аватара. Для рамочки я создала новый слой, нажав на иконку
Создаем анимированный аватар в Фотошоп
внизу окна слоёв (Layers)(F7) и выбрала простую рамочку. Слой с рамкой переносим на самый верх.

10. Сейчас будем делать анимацию. Не будем пока переходить в ImageReady, в Photoshop тоже есть окно анимации и, открыв его, мы сможем всё отредактировать. Итак, идём в
Окно – Анимация (Window – Animation).
В открывшемся окне видим первый кадр, в окне слоёв погасим на слояхвсе глаза, оставим только на заднем плане и на рамке (рамка будет включена на всех слоях) – это будет первый кадр. Далее нажимаем наиконку – новый кадр:

Создаем анимированный аватар в Photoshop


Сейчас открываем глаз на слое с надутой левой щекой, а слой с задним планом гасим

Как сделать анимированный аватар в Фотошоп


Продолжая в таком духе, набираем кадры:

Как сделать анимированный аватар в Photoshop


11. Установим частоту смены кадра. Если нам нужна одинаковая частота на всех кадрах, то выделим все кадры, для этого выделим сначала первый кадр и, с нажатым Shift, щёлкаем на последнем кадре. Далее нажимаем на маленький треугольник внизу любого кадра и устанавливаем время в секундах:

Урок Фотошоп - Анимированный аватар


12. Время установили, сейчас проверим нашу анимацию, нажимаем треугольник
Воспроизведение (Play):

Урок по фотошопу - анимированный аватар


13. Ну что, всё понравилось? Теперь, чтобы сохранить наш аватар, переходим в Image Ready, для этого нажимаем на кнопку внизу
окна инструментов:

Анимированный аватар урок


В Image Ready откроется наш аватар с таким же окном анимации. Идём в
Файл – Сохранить оптимизированный как…(File-Save Optimized As).
Вот и всё:

настроение: Благодарное

Без заголовка

настроение: Завистливое
хочется: чегото особенного
слушаю: музыку

Без заголовка


Бритни Спирс - 006 Britney Spears - Three" duration="03:24" url="music:http://music14.my.mail.ru/f..." >


Без заголовка

NEW раздача с дневниками вампира! семейка Сальваторе! какую ты картинку возьмешь на пиши в комент!

В этой группе, возможно, есть записи, доступные только её участникам.
Чтобы их читать, Вам нужно вступить в группу