-Рубрики

 -Приложения

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

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

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

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

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 18.03.2013
Записей: 5903
Комментариев: 1273
Написано: 7489


Урок для новичков "Градиент и ластик"

Суббота, 31 Января 2015 г. 15:53 + в цитатник
Урок для новичков.
Градиент и ластик.


анимашка-2.gif

Здравствуйте дорогие мои друзья!
Искала я легенький урок для новичков к тренингу на
эту тему так и не нашла. Пришлось самой написать этот
простенький урок, но эффект получается очень даже
симпатичный. Давайте сделаем анимашку при помощи
инструментов: градиентная заливка и ластик.
Начнем с того, конечно же, что откроем наш фотошоп.
Берем любой фон, нажимаем на инструмент ластик, на
верхней панеле открываем кисточки (я показала на
скриншоте стрелочками) выбираем кисть какая нужна вам
я взяла бабочку, кликаем по фону, смотрим что у нас
получилось, должно получится как у меня, т.е. отпе-
чаток кисти стал прозрачным

1.png


Идем дальше в слои, у нас пока один слой с фоном и
прозрачной бабочкой. Нам под этот фон нужно добавить
еще 3 слоя, для этого мы жмем на квадратик внизу 3
раза и видим что у нас добавилось три слоя, но они
находятся над фоном, а нам нужно чтоб они были внизу,
для этого просто зажимаем левой кнопочкой мышки слой
с фоном и перетаскиваем его вверх, вот как у вас
должно было получится

2.png


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

3.png


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

4.png


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

5.png


Все! Включаем анимацию, любуемся и, если все нас
устраивает, идем сохранить для Web... И вот что
получилось у нас

анимашка-3.gif

Если что-то не понятно спрашивайте.
Приятного творчества и удачи!



Автор урока Сухачева Ирина

аватарка-для-тренинга.gif


Сообщество"Фотошоп+видео-анимация"


Процитировано 3 раз
Понравилось: 3 пользователям

ВАТ   обратиться по имени Суббота, 31 Января 2015 г. 18:06 (ссылка)
Ирина, спасибо за урок! Лёгкий, простой и результат супер! Вот сделала быстренько.
Без-имени-1 (199x253, 43Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 31 Января 2015 г. 18:15ссылка
Рада что понравился
 

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

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

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

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