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

 -Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Онлайн-игра "Большая ферма" Онлайн-игра "Большая ферма"Дядя Джордж оставил тебе свою ферму, но, к сожалению, она не в очень хорошем состоянии. Но благодаря твоей деловой хватке и помощи соседей, друзей и родных ты в состоянии превратить захиревшее хозяйст
  • Перейти к приложению Онлайн-игра "Empire" Онлайн-игра "Empire"Преврати свой маленький замок в могущественную крепость и стань правителем величайшего королевства в игре Goodgame Empire. Строй свою собственную империю, расширяй ее и защищай от других игроков. Б
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее

 -Видео

Три свечи
Смотрели: 1 (0)

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

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

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

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 16.05.2013
Записей: 1353
Комментариев: 89
Написано: 2130


Анимация блингом по контуру картинки

Понедельник, 30 Марта 2015 г. 11:42 + в цитатник
Цитата сообщения R-Oksana
Прочитать целикомВ свой цитатник или сообщество!
Анимация блингом по контуру картинки


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

Чтобы лучше было видно, что вы создаете - создайте новый слой и переместите его под слой с картинкой. Для создания нового слоя - щелкните левой клавишей мышки по иконки "Создать новый слой" - она внизу панели слоев и, созданный слой, просто мышкой перетащите под слой с картинкой


Новый слой назовем - "Фон". Я советую все слои подписывать - пока вы учитесь - очень легко запутаться в слоях. Слой Фон зальем черным цветом, для этого его активируем ( щелкните по нему, чтобы он стал синим и откройте глазок у слоя). Выбираем инструмент "Заливка", цвет заливки черный - выставляем в Палитре цветов

Получился вот такой у нас черный квадрат

А сейчас будем с вами создавать Рабочий контур. Если у вас в панели инструментов его нет в закладочке, то откроетй в верхей панели инструменов - Окно - и в выпавшем списке поставьте галочку рядом с инструментом Контуры. Теперь у нас активный слой с картинкой - у меня он называется Нотки, удерживая клавишу Ctrl - щелкните левой клавишей мышки по Миниатюре слоя - у вас появится обводка в картинке

Нажимаем на треугольничек , в выпавшем меню нам нужна команда - "Образовать рабочий контур"

Выскочит окошко, в котором просто нажмите - ОК. Там выставлен размер контура, по умолчанию - он равен 1 пикселю, пока нам его хватит - потом уже сами будете смотреть по работам и менять размер
Содадим три новых слоя - активный слой с картинкой - кликаем по иконке - "Создать новый слой" три раза. буду объяснять суть на трех кадрах, чтобы вы не запутались, потом, когда поймете урок - создавайте больше кадров для этой анимации - от 5 и выше, чтобы она смотрелась интереснее. Вот так у нас будут выглядеть слои в панели слоев

Отключаем глазки в "Слой-3" и "Слой-2". Активный у нас "Слой-1". В палитре слоев ставим белый цвет и выбираем инструмент - Кисть

Инструмент -Кисть - мы выбрали, теперь ее надо настроить, для этого опять открываем - Окно - и ставим галочки - Кисть и Настройка кисти

Настраиваем кисть - нам нужно выбрать "Форма отпечатка кисти" - прокручивайте бегунок и выбирайте ту, что вам больше понравится - я выбрала вот такую

Размер отпечатка кисточки у меня - 24 пикселя, но вам придется его подобрать самим - для этого двигайте ползунок - меняйте размер кисточки, подводите мышку к картинки, на которой у вас контуры и смотрит - устраивает ли вас размер даного отпечатка. Второе, что нам надо выбрать - это интервалы между отпечатками - двигайте ползунок и смотрите, как в окошке у вас будут стоять звездочки - я взяла интервал равный 27%

Отпечаток кисти мы настроили - теперь нужно выбрать "Динамика формы" - я поставила колебание размера 10%. Подвигайте ползунок и посмотрите, как в окошке просмотра меняется динамика и подберите ту, что вас больше устраивает

Кисть у нас настроена - переходим во вкладку - Контуры, правой клавишей мышки щелкаем по слою и в выпавшем меню - выбирает команду - "Выполнить обводку контура"

Выскочит окошко, в котором вы увидите, что обводка делается кистью - нажмите - Ок

И вот, что у нас с вами получилось

Теперь, закрываем глазок на слое - "Слой-1", открываем глазок на слое - "Слой -2", делаем его активным, переходим во вкладку - Контуры - правой клавишей по слою и выбираем команду - Выполнить обводку контура. Тоже самое проделываем со слоем "Слой-3".
Начинаем собирать анимацию. Первый кадр в анимационной панели - слой "Фон" + слой "Слой-"1, задержку ставим - 0,1. Копируем слой, нажав на иконку

Второй кадр - слой "Фон" + слой "Слой-2", третий кадр - слой "Фон" + слой "Слой-3"

И смотрим, что у нас получилось

Сейчас анимация смотрится так, потому, что мы ее сделали всего на 3-х кдрах, но сначала попробуйте повторить урок, а потом, когда все будет вам ясно и понятно - создайте уже анимацию на 5-6 кадрах - движения будут более интересными.
Можно обработать каждый кадр фильтром AlienSkin -Xenofex, применить перекрытие, можно добавить слой и раскрасить его в разные цвета, а можно применить к слою градиент.
И так - будем раскрашивать нашу анимацию. В панели анимации - мы стоим на первом кадре - он у нас выделен, не включая глазка на слое "слой-3" - нажимаем на него - он стал активным и создаем новый слой, нажав на иконку в панели слоем "Создать новый слой". Новый слой встанет выше слоя "Слой -3" - открываем на нем глазок - вот так ввсе у нас будет выглядеть

Выбираем инструмент - Градиент

Щелкаем по окошку, чтобы выбрать цвет градиента

В открывшемся окне набора, выбираем тот цвет, что вам нужен

Нажав на иконку - выбираем - способ его наложения - в нашем случае - это линейный градиент

Ставим мышку на край нашей картинки и проводим по ней прямую - накладываем градиент на слой

В слое с градиентом меняем режим наложения. Для этого нажмите на треугольничек, в выпавшем меню - выберите режим - Перекрытие

Чтобы слой с градиентом появился во всех кадрах, нужно в панели анимации нажать на треугольник и выбрать команду - "Синхронизировать слой во всех кадрах"

И смотри, что у нас получилось

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

Вот здесь - я поменяла размер кисточки - сделала его меньше, анимцию создала на 6 кадрах - смотрите на результат

Если полученый результат вас устраивает, то сохраняем работу в папочку вашего компьютера, как это делается, я уже подробно расписывала вам в предудущих уроках. Картинку можно сохранить на черном фоне и потом использовать в работах, удлив в ней фон через режим наложения слоев - "Экран".

Творческого вам вдохновения и красивых работ!

Урок для вас расписала - T-Abissinka

источник bestanimationgif.com/lessons/view?id=47



Рубрики:  урокиФ.Ш
Метки:  
Нравится

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

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку


О проекте