Форум Жемчужинка

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум Жемчужинка » Уроки Фотошопа » Урок"Создание БигБара с гиф картинкой."


Урок"Создание БигБара с гиф картинкой."

Сообщений 1 страница 5 из 5

1

Создаем новый документ с разрешением 350*80 пикс

http://i026.radikal.ru/0902/be/e7e6a31a30d9.jpg

Получаем вот такую картиночку, которая в последствии и станет вашим БигБаром

http://s49.radikal.ru/i123/0902/3b/a94aab661de0.jpg

Далее выбираем инструмент ГРАДИЕНТ

http://s52.radikal.ru/i135/0902/5b/e8280a70dfe7.jpg

В окне №1 выбираем цвет нашего градиента, в окне №2 положение цвета

http://s40.radikal.ru/i090/0902/86/4d439e230138.jpg

Дальше будем открывать наши гиф картинки (в CS3) Я открывала и во втором фотошопе,только открываете имедже реди,а потом там открываете картинку гиф,нажимаете на синенькое перышко и оказываетесь в фотошопе. И слои гиф картинки видны.
Файл- импортировать-кадры в видео слои

http://s54.radikal.ru/i143/0902/85/0ce2455e5a3a.jpg

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

http://s60.radikal.ru/i170/0902/5d/9f9a3b7eb0b8.jpg

http://s61.radikal.ru/i172/0902/f1/624ba6d8ac69.jpg

http://s47.radikal.ru/i116/0902/7e/a2a41115fdee.jpg

И нам открывается нафа гиф анимашка

http://i001.radikal.ru/0902/54/da90cf05b2dc.jpg

Теперь нам нашу анимашку, нужно перенести на наш БигБар
Выделение-Все слои

http://s39.radikal.ru/i085/0902/a0/1d9e6aac29e4.jpg

получаем (см прва низ)

теперь захватываем наши слои и просто перетаскиваем на наш БигБар

http://s43.radikal.ru/i102/0902/b7/f711de834fcd.jpg

Теперь наша картинка на месте и мы начинаем с ней работать, для начала НЕРАЗДЕЛЯЯ НАШИ СЛОИ!!! установим ее на место ее постоянного прибывания в дальнейшем (если картинка слишком большая и нужно сделать ее поменьше, либоже перевернуть с лева на право, то применим свободное трансформирование) Редактировать-свободное трансформирование или Ctrl+t (анг)

http://i001.radikal.ru/0902/fa/9f57684fa15b.jpg

http://i058.radikal.ru/0902/aa/e775078e503f.jpg

http://s49.radikal.ru/i123/0902/b9/5fe53ad353c3.jpg

Тоже самое делаем со второй картинкой В меню слои автоматически появиться новый слой после того как мы кликнем на нашем БигБаре где мы хотим его видеть

Теперь сделаем слой с буквами.
На панеле выбираем значок T и выбираем горизонтальный текст

В меню слои автоматически появиться новый слой после того как мы кликнем на нашем БигБаре где мы хотим его видеть

http://s60.radikal.ru/i170/0902/b8/1fbee3400473.jpg

Теперь нам нужно выбрать параметры нашего текста
Окно-символ
выбираем шрифт, каректируем его размер и цвет

http://s47.radikal.ru/i116/0902/c3/54b016dcbbb0.jpg

http://s41.radikal.ru/i094/0902/cf/51e9fd15efb5.jpg

Печатаем то что придет к нам в голову (то что вам нужно)
У меня надпись на одном слое, но вы можете разделить ее (все зависит от вашего желания)
поправим место нахождения нашей надписи инстркментом стрелочка

http://s41.radikal.ru/i094/0902/cf/51e9fd15efb5.jpg

http://i019.radikal.ru/0902/bb/c0a556240995.jpg

Теперь я дублирую слой с надписью Ctrl+J
и применяю к своему дублированному слою стиль

http://s55.radikal.ru/i150/0902/1b/a4b96ad02fa6.jpg

слой-Стиль слоя-внешнее свечение или кликаем на зачок f в панельке под слоями
я выбрала цвет жолтый, непрозрачность 100% и диаметр свечения 10 пик

http://s42.radikal.ru/i097/0902/1a/8f3467ea18c6.jpg

нажимаем ДА и стиль применяется к моему дублированому слою

Теперь будем создавать АНИМАЦИЮ

Для этого идем Окно-Анимация

http://s42.radikal.ru/i097/0902/29/800d2acc8630.jpg

http://s53.radikal.ru/i142/0902/d7/f7f49500e948.jpg

Теперь шаг за шагом мы будем создавать Анимацию (смотрим на глазки)
Каждое фото новый кадр!
Кадры добовляем на панеле АНИМАЦИЯ (квадратик с загнутым кончиком)

http://s53.radikal.ru/i142/0902/d7/f7f49500e948.jpg

http://i040.radikal.ru/0902/12/136b357fc513.jpg

http://s44.radikal.ru/i103/0902/c7/9be484befc40.jpg

http://s56.radikal.ru/i154/0902/d8/5137265c169f.jpg

Теперь выставим время для нашей анимации
Вибираем какое нам нужно, я выбрала другое и поставила 0,11

http://s60.radikal.ru/i168/0902/f1/195caf5b9dcd.jpg

http://s57.radikal.ru/i156/0902/f3/c0ac5d9fb0bd.jpg

Нажимаем на воспроизведение и любуемся нашим БигБаром)))
Далее для сохранения: Файл-Сохранить для Web устройвст, выбираем 1 вариант и сохраняем в нужной папке как Анимацию.

http://i014.radikal.ru/0902/3b/53058df67d27.gif

Урок взят Тут

+2

2

ух ты попробую :cool:

0

3

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

0

4

Снежная:yep: очень хороший урок

0

5

Снежная написал(а):

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

что то этого во втором ФШ не вижу

0


Вы здесь » Форум Жемчужинка » Уроки Фотошопа » Урок"Создание БигБара с гиф картинкой."