Пятница, 03.05.2024, 18:04
Приветствую Вас Гость | RSS

Main page Animation Graphics Complaint

МЕНЮ САЙТА
 

ГРАФИКА, ДИЗАЙН

РЕКЛАМА

https://img-fotki.yandex.ru/get/15579/37009792.25a/0_b3eee_f493d981_orig

 
 


ЧАТ

ТОП ПОЛЬЗОВАТЕЛЕЙ


masterpp
Материалов:2567
Сообщений на форуме: 0
Репутация: 0


Kioka83
Материалов:2449
Сообщений на форуме: 0
Репутация: 0


DiZa
Материалов:2390
Сообщений на форуме: 0
Репутация: 2


algodove
Материалов:2160
Сообщений на форуме: 0
Репутация: 1


lunar_elf
Материалов:1877
Сообщений на форуме: 0
Репутация: 0


gringrey
Материалов:1260
Сообщений на форуме: 0
Репутация: 1


maxdmf
Материалов:1117
Сообщений на форуме: 0
Репутация: 0


Admin
Материалов:769
Сообщений на форуме: 302
Репутация: 2


Alexey
Материалов:722
Сообщений на форуме: 0
Репутация: 0


Vilyassa
Материалов:470
Сообщений на форуме: 0
Репутация: 0

...

СТАТИСТИКА


Рейтинг@Mail.ru

Проверка тиц pr

Яндекс.Метрика


Онлайн всего: 1
Гостей: 1
Пользователей: 0

НАШ БАHHЕР
Ultraviolet - анимация, графика, дизайн

Мы будем Вам очень признательны, если Вы разместите нашу кнопку на своем сайте


ДРУЗЬЯ САЙТА
DALE - анимация, анимированные картинки, открытки
 
 DiZona – все для Photoshop
 
 DiVA - Анимация
 
Graphicsector - Все для дизайна и графики
 
Анимация.GIF - Elza
 
SuprGif - Самая лучшая анимация
 
GIF & FLASH - анимация, флеш-открытки для Вас
 
DIZONA
 
 Kubines - Оформление системы
 
 fleshmagik - Флеш анимации Музыкальные открытки
 
Art-in-focus - рамки, баннер 88х31
 

Главная » Графика, Дизайн » Видео, уроки, софт » Уроки анимации


"Анимация градиентом по контуру картинки"
29.04.2014, 00:53

 Анимация градиентом по контуру картинки

 

Картинок в .png на прозрачном слое в сети очень много, для работы старайтесь находить качественные,  размер у таких картинок идет от 2000 пикселей по стороне и они чисто выполнены.

Создаем новый документ в фотошопе, размер 450х450 пискселей и заливаем его черным цветом. Черный цвет позволит нам увидеть все то, что мы делаем. Открываем найденную картинку, уменьшаем ее размер и перетаскиваем на слой с фоном

Слой с картинкой у нас активный - открыт глазок и он синего цвета. Зажимаем клавишу Ctrl и, удерживая ее, щелкаем по миниатюре на слое - "Картинка" - чтобы появилось выделение вокруг картинки

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

 

Возвращаемся обратно в закладку "Слой", открываем - "Параметры наложения" и добавляем  к этому слою - "Градиент"

Создаем копию слоя, для этого нужно нажать Ctrl+J, открываем "Параметры наложения", можно просто в слое щелкнуть двойным щелчком по "Наложение градиента" и окошко откроется. И меняем угол наклона с  90 на тот, что вам понравится - смотрите по картинке - как у вас будет перемещаться градиент и учитывайте, что вам понадобиться создать несколько слоев

Попробуйте сейчас включать и отключать глазки в панели слоев и посмотрите, что у вас получается

 

Теперь создайте копию второго слоя - поменяйте угол наклона градиента ( градусы), из этого слоя - создайте еще одну копию и уже в ней - меняйте угол наклона. Я создала шесть слоев.

Соберем анимацию ( первый кадр - Слй "Фон" + слой " Картинка", второй кадр - слой "Фон" + слой " Картинка копия" и т.д., пока не соберете все слои.

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

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

 

  
 //ultraviolet.ucoz.com/ZALOBA/knopka-1.png   
 

 
Категория: Уроки анимации | Добавил: Eva | Теги: Анимации, Урок, фотошоп
Просмотров: 1469 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
ПРОФИЛЬ
Пятница
03.05.2024
18:04

[ Управление профилем ]

ИНТЕРЕСНОЕ
Multicolored variegated Photoshop Styles
Text styles Mix - 74
Psd исходник - Ночь колдовства, чудес и страхов
Многослойные фоны - Закружился в танце лист багряный, золотой
Праздничная фоторамка - Пусть блестит в ваших глазах лишь счастливая слеза
Рамка женская - Букет ирисов
PSD исходник - Нежные оттенки чувств волшебных
PSD исходник - Сирени праздничный салют
Burn To Be Gold - Project for After Effects (Videohive)
С праздником, милые женщины - праздничный футаж
Water drops and water bubbles Photoshop Styles
Golden Foil styles
Нежный детский скрап-набор - Здравствуй малыш
Floral vector backgrounds
Fruits vector material
Merry Christmas and Happy New Year 2016

ОБЛАКО ТЕГОВ

АНИМАЦИЯ


Ultraviolet.ucoz.com © 2024
Конструктор сайтов - uCoz