Сделать стартовой  |  Добавить в избранное  |  RSS 2.0
О нас  |  Статистика  |  Обратная связь

Вернуться   ФОРУМ photoshop-art.ru > Работа форума > Учимся делать юзербары/бигбары

Учимся делать юзербары/бигбары Здесь хранятся уроки по созданию юзербаров, бигбаров и других видов подписи.

Обновить Объявления

Победитель фотоконкурса
"Моё жаркое лето"
1 место kcana!

5 последних фото в галерее

Джеки

mixer

Голубь

Cracoon

Натюрморт

Cracoon

Белая роза

Cracoon

getImage

Пушистик

Ответ
 
Опции темы Опции просмотра
Старый 30.05.2010, 02:48   #1
Лора
Любопытный философ
 
Аватар для Лора
Лора вне форума
Имя: Лариса
Девиз: Что Бог ни делает - всё к лучшему!
Регистрация: 09.04.2010
Адрес: Подмосковье
Сообщений: 3,364
Сказал(а) спасибо: 1,729
Поблагодарили 1,461 раз(а) в 1,057 сообщениях
Моё настроение:
Записей в дневнике: 1
Вес репутации: 12
Репутация: 14

Дуэль ФШ Фотошоп - Мастер Мастер Дуэль ФШ Конкурс раскрасок 
Всего наград: 6

По умолчанию Делаем бигбар с блестящим анимированным текстом by Лора

Начинаем как обычно, открываем новый файл с размерами 350х80 пикс.


Я сделала заливку градиентом, вы можете выбрать любую, по вашему вкусу:


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

Теперь пишем текст. Мой текст состоит из двух частей, на отдельных слоях. Я сделала это для того, чтобы он появлялся не весь сразу, а постепенно, по очереди. Теперь мне нужно сделать его блестящим, для этого я использую заливку глиттером. Уже нужного загруженного глиттера у меня не оказалось, поэтому его нужно загрузить в ФШ.
Если у вас 2 шоп, то идёте в Image Ready, открываете нужный глиттер. Потом Файл (File) ---> Edit in Photoshop, там делаете то, что описано ниже.


Если у вас 3 или 4 шоп, то как загрузить его в ваш ФШ подробно описано в теме [Ссылки могут видеть только зарегистрированные пользователи. ]. У меня тоже CS3, поэтому я решила ещё раз рассказать как это делается в этой теме, чтобы не бегать туда-сюда. Итак: идём в Файл --- Импортировать --- Кадры видео в слои. Выбираем нужный глиттер. У вас откроется вот такое окошко:


Ничего не меняем, просто нажимаем ОК. И у вас откроются слои, а в окне анимации кадры, из которых состоит глиттер. Встаём на первый кадр идём в Редактирование --- Определить узор


Этот узор идёт под именем "9", я просто приписываю ему букву "а", т.к. у нас три кадра и чтобы они не перекрыли друг друга их нужно переименовать.


Потом встаём на второй кадр и проделываем ту же процедуру, что и с первым кадром, только теперь я приписываю букву "b", жмём Ок, встаём на третий, приписываем буку "с" и ОК.

Теперь мы видим, что у нашей заливки глиттер три кадра, значит и у текста должно быть по три слоя. Встаём на первый слой с текстом и жмём два раза на Ctrl+J, получается к основному слою две копии. Встаём на второй слой с текстом и проделываем ту же процедуру.

Теперь встаём на самый первый слой с текстом идём в Слой --- Стиль слоя --- Перекрытие узора


В открывшемся окошке находим три кадра нашего глиттера, выбираем первый, жмём ОК.


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

Т.к. текст у нас будет появляться постепенно, для этого нужно сделать кадры текста с разной прозрачностью. Для этого делаем по одной копии каждого слоя с текстом, поочерёдно вставая на копируемый слой нажимаем Ctrl+J или взять нужный слой и перетащить его на этот значок внизу в правом углу, под слоями. Чтобы не запутаться распределите слои по очерёдности появления. На тех копиях, которые будут появляться постепенно, ставим нужную прозрачность 25%, 50%, 75%.


Теперь идём в окно анимации и создаём нужные кадры. Первый кадр у меня без текста, поэтому я ставлю глазки на слое с градиентом и на слое с девушкой. Ставлю на нём время 2 сек. Нажимаем на этот значок под кадрами в окне анимации. Появляется новый кадр и теперь начинаем подключать наш текст. Только время на этих кадрах стоит 0,1 сек.


На каждую часть теста у меня идёт по 21 кадру: 6 кадров для появления/исчезновения текста и 15 кадров на то, чтобы он переливался какое-то время. Тоже самое проделываем со второй частью текста. Всего в анимации у меня получилось 44 кадра. Вы можете сами по колдовать со своим бигбаром, с его анимацией и временем.

Сохраняем для Веб и устройств в формате GIF адаптивная. И вот, что получилось у меня:



Удачи!!!

Автор: Лора
При копировании данного урока, активная ссылка на наш форум [Ссылки могут видеть только зарегистрированные пользователи. ] обязательна.


[Ссылки могут видеть только зарегистрированные пользователи. ]
  Ответить с цитированием
4 пользователя(ей) сказали cпасибо:
GA-GA (02.06.2010), Лоя (02.02.2012), ЛуЛу (21.07.2010), Прозрачная (30.01.2011)
Старый 31.05.2010, 09:55   #2
Lenana
Местный
 
Аватар для Lenana
Lenana вне форума
Имя: Елена
Девиз: 2х2=6...и ниипёт!
Регистрация: 14.04.2010
Адрес: МО. г.Балашиха
Возраст: 37
Сообщений: 695
Сказал(а) спасибо: 169
Поблагодарили 465 раз(а) в 265 сообщениях
Моё настроение:
Вес репутации: 9
Репутация: 12


По умолчанию Re: Делаем бигбар с блестящим анимированным текстом by Лора

Лорик, очень красиво получается.............время будет попробую обязательно!!!


[Ссылки могут видеть только зарегистрированные пользователи. ]
  Ответить с цитированием
Пользователь сказал cпасибо:
Лора (31.05.2010)
Старый 02.06.2010, 21:06   #3
GA-GA
Пользователь
 
Аватар для GA-GA
GA-GA вне форума
Имя: Галина
Регистрация: 24.05.2010
Адрес: Новосибирск
Сообщений: 32
Сказал(а) спасибо: 13
Поблагодарили 2 раз(а) в 2 сообщениях
Вес репутации: 9
Репутация: 0
По умолчанию Re: Делаем бигбар с блестящим анимированным текстом by Лора

получилось ! только опять похвастаться не могу, там реклама...
  Ответить с цитированием
Старый 02.06.2010, 21:24   #4
Лора
Любопытный философ
 
Аватар для Лора
Лора вне форума
Имя: Лариса
Девиз: Что Бог ни делает - всё к лучшему!
Регистрация: 09.04.2010
Адрес: Подмосковье
Сообщений: 3,364
Сказал(а) спасибо: 1,729
Поблагодарили 1,461 раз(а) в 1,057 сообщениях
Моё настроение:
Записей в дневнике: 1
Вес репутации: 12
Репутация: 14

Дуэль ФШ Фотошоп - Мастер Мастер Дуэль ФШ Конкурс раскрасок 
Всего наград: 6

По умолчанию Re: Делаем бигбар с блестящим анимированным текстом by Лора

Цитата:
Сообщение от GA-GA
получилось ! только опять похвастаться не могу, там реклама...

А ты сделай для души))) и хвастайся))


[Ссылки могут видеть только зарегистрированные пользователи. ]
  Ответить с цитированием
Старый 02.06.2010, 22:05   #5
Lenana
Местный
 
Аватар для Lenana
Lenana вне форума
Имя: Елена
Девиз: 2х2=6...и ниипёт!
Регистрация: 14.04.2010
Адрес: МО. г.Балашиха
Возраст: 37
Сообщений: 695
Сказал(а) спасибо: 169
Поблагодарили 465 раз(а) в 265 сообщениях
Моё настроение:
Вес репутации: 9
Репутация: 12


По умолчанию Re: Делаем бигбар с блестящим анимированным текстом by Лора

Тоже люблю этот эффект............вот мои вариации)))

[Ссылки могут видеть только зарегистрированные пользователи. ]

И немного исправленная)))

[Ссылки могут видеть только зарегистрированные пользователи. ]


[Ссылки могут видеть только зарегистрированные пользователи. ]
  Ответить с цитированием
Старый 02.06.2010, 22:07   #6
Лора
Любопытный философ
 
Аватар для Лора
Лора вне форума
Имя: Лариса
Девиз: Что Бог ни делает - всё к лучшему!
Регистрация: 09.04.2010
Адрес: Подмосковье
Сообщений: 3,364
Сказал(а) спасибо: 1,729
Поблагодарили 1,461 раз(а) в 1,057 сообщениях
Моё настроение:
Записей в дневнике: 1
Вес репутации: 12
Репутация: 14

Дуэль ФШ Фотошоп - Мастер Мастер Дуэль ФШ Конкурс раскрасок 
Всего наград: 6

По умолчанию Re: Делаем бигбар с блестящим анимированным текстом by Лора

Здорово)))


[Ссылки могут видеть только зарегистрированные пользователи. ]
  Ответить с цитированием
Пользователь сказал cпасибо:
Lenana (02.06.2010)
Старый 03.06.2010, 05:24   #7
GA-GA
Пользователь
 
Аватар для GA-GA
GA-GA вне форума
Имя: Галина
Регистрация: 24.05.2010
Адрес: Новосибирск
Сообщений: 32
Сказал(а) спасибо: 13
Поблагодарили 2 раз(а) в 2 сообщениях
Вес репутации: 9
Репутация: 0
По умолчанию Re: Делаем бигбар с блестящим анимированным текстом by Лора

Лора, так я для души и делаю, мамочкам с сибмамы, в болтушке...облагораживаю наш малышковый домик...
  Ответить с цитированием
Старый 03.06.2010, 17:56   #8
Natali
Пытливый ум
 
Аватар для Natali
Natali вне форума
Имя: Наталья
Девиз: Не падай духом, ушибешься!
Регистрация: 09.04.2010
Сообщений: 5,700
Сказал(а) спасибо: 981
Поблагодарили 2,266 раз(а) в 1,553 сообщениях
Моё настроение:
Записей в дневнике: 24
Вес репутации: 14
Репутация: 24


По умолчанию Re: Делаем бигбар с блестящим анимированным текстом by Лора

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


[Ссылки могут видеть только зарегистрированные пользователи. ]
  Ответить с цитированием
Старый 03.06.2010, 17:57   #9
Natali
Пытливый ум
 
Аватар для Natali
Natali вне форума
Имя: Наталья
Девиз: Не падай духом, ушибешься!
Регистрация: 09.04.2010
Сообщений: 5,700
Сказал(а) спасибо: 981
Поблагодарили 2,266 раз(а) в 1,553 сообщениях
Моё настроение:
Записей в дневнике: 24
Вес репутации: 14
Репутация: 24


По умолчанию Re: Делаем бигбар с блестящим анимированным текстом by Лора

Цитата:
Сообщение от Lenana
Тоже люблю этот эффект............вот мои вариации)))

[Ссылки могут видеть только зарегистрированные пользователи. ]

И немного исправленная)))

[Ссылки могут видеть только зарегистрированные пользователи. ]

Ленанчик, получилось супер! мне первый даже больше понравился!


[Ссылки могут видеть только зарегистрированные пользователи. ]
  Ответить с цитированием
Старый 05.06.2010, 16:43   #10
GA-GA
Пользователь
 
Аватар для GA-GA
GA-GA вне форума
Имя: Галина
Регистрация: 24.05.2010
Адрес: Новосибирск
Сообщений: 32
Сказал(а) спасибо: 13
Поблагодарили 2 раз(а) в 2 сообщениях
Вес репутации: 9
Репутация: 0
По умолчанию Re: Делаем бигбар с блестящим анимированным текстом by Лора

Natali, убрала всю рекламу, получилось вот как:


Последний раз редактировалось GA-GA; 06.06.2010 в 07:01.
  Ответить с цитированием
Ответ

Социальные закладки

Метки
анимация, бигбар, блестяшка, глиттер, текст, урок


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход



Текущее время: 14:28. Часовой пояс GMT +4.

 

Copyright by Photo-Manual.ru. Graphics by Wladimir
Яндекс.Метрика