-Рубрики

 -Я - фотограф

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

Поиск сообщений в Мир_в_Душе

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

 

 -Интересы

 -Статистика

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


Перекрытие узора готовым анимированным глиттером

Понедельник, 22 Ноября 2010 г. 00:11 + в цитатник
Цитата сообщения НИФРИТ_78 Делаем блестяшки




Делаем блестяшки



~ ♥~tori~





разделители





разделители








разделители





разделители



 

Разделители,
завитушки




разделители





разделители


разделители
 

Делаем блестяшки

 

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

Возьмем, допустим этот глиттер:

глиттеры



Откроем его в photoshop. Как видим, у нас три слоя, и три кадра
анимации. По умолчанию - включен первый кадр и мы стоим на первом
слое:

уроки photoshopх




Определяем этот слой, как паттерн (делаем его паттерном). Так
(редактирование > определить, как паттерн - ил типа того. У меня
фотошоп так переводил. У всех по-разному, так что смотрим по скрину
- 1 ):

уроки photoshop



В открывшемся окне можем назвать наш паттерн как-нибудь и жмем "ОК"
(скрин 2 ):

уроки photoshop



Встаем на второй кадр (в панели анимации, по красной стрелке):

уроки photoshop

Как видите, у нас сразу включился глазок видимости на втором слое в
панели слоев. Т.е. мы видим уже его. (синяя стрелка).



Определяем второй слой, как паттерн. (хотим мы или нет, но именно
второй слой теперь станет паттерном, ибо он видимый. Так что наша
задача была просто встать на второй кадр, а остальное фотошоп сам
додумывает. )))

Упс, отвлеклась(( Итак - определяем второй слой, как паттерн, т.е.
идем в "редактирование > создать паттерн" (edit > define
pattern) скрин выше - 1 ). Жмем "ОК" - скрин
2.

Готово.



Встаем на третий кадр в панели анимации, включается глазок на
третьем слое:

уроки photoshop



И мы определяем третий слой, как паттерн (аналогично второму,
повторять, думаю, не надо :-)

Все, наш глиттер-анимашку можно закрыть.



Теперь берем картинку (форму, кисть, векторный файл). Я беру один
из выгруженных файлов в Ai. Заодно и поучимся их открывать.

Открывать можно любым привычным для нас способом. Я просто
затаскиваю файл из папки в окно фотошопа мышкой.

Появляется такое окошко. В нем оставим по умолчанию, но проверьте.
:-) Изменим только ширину изображения:

уроки photoshop



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

уроки photoshop



Жмем "ОК". Файл у нас открылся:

уроки photoshop



Переходим в панель слоев и дублируем слой 2 раза. Так:

уроки photoshop



Всего должно получиться 3 слоя:

уроки photoshop



Отключаем видимость всех слоев , кроме нижнего (кликом по глазку,
тут:

уроки photoshop)



И встаем на видимый нижний слой:

уроки photoshop



В палитре анимации (она у нас открыта же? мы же в ней делали
паттерны. Или, точно не помню, но у кого версия фотошопа ниже cs2
надо, вероятно все делать сразу в имадж реди) выбираем сразу
длительность кадра. Клик по треугольничку:

уроки photoshop



В выпавшем окошке выбираем 0, 2:

уроки photoshop



Проверяем, чтоб стояла галочка на всегда (forever)
:

уроки photoshop



Возвращаемся в панель слоев. Двойной клик по первому слою:

уроки photoshop



В открывшейся панели стилей слоя выбираем "Перекрытие
паттерном"
(красная стрелка) и нажимаем на треугольничек
(синяя стрелка), чтобы выбрать наш паттерн:

уроки photoshop



В открывшемся окне мы видим, что наши три паттерна - внизу списка.
Выбираем первый из них:

уроки photoshop



Как видим, наша картинка сразу перекрывается паттерном. Жмем
"ОК" :

уроки photoshop



С первым кадром мы закончили. Переходим ко второму. В панели
анимации щелкаем сюда:

уроки photoshop



У нас создается второй кадр. Кликом по красной стрелке включаем
видимость второго слоя (стоим на втором кадре, как видите):

уроки photoshop



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

уроки photoshop



Перекрываем вторым паттерном наш второй слой (все делаем аналогично
первому, только выбираем второй из трех паттернов, этот:

уроки photoshop

жмем Жмем "ОК"



Со вторым кадром мы тоже закончили. Теперь последний, третий. Опять
создаем новый кадр:

уроки photoshop



Вновь идем в панель слоев, включаем видимость у третьего слоя и
встаем на него (как видим - стоим мы на третьем кадре в панели
анимации :-) ):

 уроки photoshop



Аналогично первым двум, перекрываем наш третий слой паттерном, но
только уже третьим, последним:

уроки photoshop



Усе. :-))) Кликом по пуску запускаем анимацию:

уроки photoshop 

 

Умыкнула свой же пост с родного форума :-) Пусть и тут лежит, может
пригодится. Простите - это мои первые опыты в написании уроков, так
что если что непонятно - на вопросы отвечу)



Как открывать gif-анимацию в CS 3.

Долго с этим билась, вот и решила рассказать.

Сначала надо скачать и установить QuickTime (у меня 7.3)

Поищите здесь.

Открываем фотошоп. Идем сюда



Открыли окно анимации. Дальше открываем картинку (по
стрелочкам):







Ищем нужную папку, но фотошоп в ней ничего пока не видит... Ставим
по стрелочке звездочку * и жмем load.



Теперь увидел, наконец:)





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





Cохраняем так:



откроется окошко, жмем Save



только gif еще надо тут поставить



пишем имя анимашки и сохраняем)))



В CS2 и раньше (когда работаем в ImageReady), сохраняем так:

 (200x275, 16Kb)

Скрин маленький, умыкнула у кого-то через поиск картинок.. какой
нашла, сорри((((



Или просто - нажимаем сочетание клавиш Alt+Shift+Ctrl+S.
 (220x40, 4Kb)

Серия сообщений "ВСЕ ДЛЯ ФОТОШОПА":
Часть 1 - Как сделать прозрачный фон
Часть 2 - Установка Photoshop'a 2-CКАЧАТЬ
...
Часть 98 - Урок "Капли дождя" от Колибри
Часть 99 - Урок от Колибри, как сделать рамку с закругленными краями
Часть 100 - Драгоценный клип-арт. Часть I. Бриллианты.

Серия сообщений "СЕКРЕТЫ ФОТОШОПА":
Часть 1 - Урок "Глитеры" - загружаем УРОКИ от ИСКАТЕЛЬНИЦЫ
Часть 2 - Как изменить Размер Холста ?
...
Часть 7 - Урок от NATALI:Хитрости в фотошопе
Часть 8 - Урок от NATALI:Хитрости в фотошопе
Часть 9 - Делаем блестяшки

Серия сообщений "уроки по анимации":
Часть 1 - Jasc animation Shop
Часть 2 - Программа Fanta Morph с инструкцией
...
Часть 9 - Программа,которая поможет вам с анимацией
Часть 10 - Делаем анимацию в программе XARA3D
Часть 11 - Перекрытие узора готовым анимированным глиттером
Часть 12 - Анимация с нуля.Урок первый.
Часть 13 - Анимация с нуля.Урок второй.
...
Часть 20 - Урок Sothink SWF Easy (Луна)
Часть 21 - УЧИМСЯ ПОЛЬЗОВАТЬСЯ ФИЛЬТРОМ Alien Skin Xenofex 2 - Constellation
Часть 22 - Большой каталог полезных сайтов

Серия сообщений "уроки по анимации":
Часть 1 - Блестяшки с помощью фильтра Lens Flare (Блик)
Часть 2 - Украшаем текст и картинку с помощью готовой анимации.
Часть 3 - Перекрытие узора готовым анимированным глиттером
Часть 4 - Анимация с нуля.Урок первый.
Часть 5 - Анимация с нуля.Урок второй.
...
Часть 17 - 10 способов оптимизации GIF
Часть 18 - Анимация движения и перемещения в фотошопе.
Часть 19 - Анимация перемещения блика по объекту в фотошопе

Рубрики:  фотошоп/ Photoshop
Метки:  
Понравилось: 1 пользователю

 

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

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

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

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