Женский Форум Лучших Мам! • Просмотр темы - Выезжающий текст
Список форумов Женский Форум Лучших Мам!
Игры от Alawar  |   Поиск  |   Помощь  |  



Начать новую тему Ответить на тему  [ Сообщений: 13 ] 

Автор Сообщение
админ
 Заголовок сообщения: Выезжающий текст
СообщениеДобавлено: 27 апр 2009 
Аватара пользователя
С нами с: 21 ноя 2008
Сообщения: 4896
Откуда: Ивано-Франковск
Репутация: 43 ( + \ - )
Дневник: читать (2)
Настоящее имя: Валентинка
Мои детки: ....
Дата свадьбы: 14.09.2002
Медали: 4
Хочу малыша (1) На диете (1) Сердце форума (1) Photoshop-мастерица (1)
В данном уроке я научу Вас как делать текст, который выезжает. Данный эффект я часто применяю при создании аватар и бигбаров.

Итак, я уже сделала заготовку бигбара.

Изображение

Окунемся немного в теорию. Во-первых, конечно же данный урок применим не только к тексту. Таким образом можно делать анимацию любых предметов на Вашей работе. Во-вторых, необходимо заранее продумать какой текст будет у Вас ездить ) У меня идея отдельного движения слова "цветы", сочетания "моя страсть" и отдельно будет кататься восклицательный знак ) Поэтому моя палитра слоев выглядит так:

Изображение

Подготовка окончена - Пора переходить к анимации. Напоминаю, что владельцы Photoshop CS2 и ниже переходят в ImageReady (Ctrl+Shift+M), а обладатели Photoshop CS3 выбирают в меню пункт Window-Animation (Окно-Анимация). Для всех версий появится одинаковое окошко, в котором мы увидим один кадр:

Изображение

Начинаем самое интересное )

Для этого первого кадра мы должны выставить движущиеся объекты в то положение, из которого они будут "выезжать". Я хочу, чтобы мой текст выезжал вообще из-за границы бигбара. При чем "цветы!" должны выехать сверху, а "моя страсть" - слева, при этом увезя с собой восклицательный знак. Теперь постараюсь как можно детальнее описать каждое свое действие.

1. Перемещаю восклицательный знак так, чтобы он оказался после слова "цветы" .

Изображение

2. Нажав Ctrl, я выбираю два слоя "цветы" и "!"

Изображение

3. При активном инструменте Move (Перемещение) и нажатом Shift'е, кликаю 4 раза стрелку "вверх" на клавиатуре, чтобы перенести эти два слоя за границу бигбара. Shift удерживается для того, чтобы слои переносились быстрее - за один клик на 10px (см. анимацию ниже):

Изображение

4. Как я уже писала, слой со словами "моя страсть" будет у меня выезжать слева. Поэтому я делаю активным этот слой и опять же: при активном инструменте Move (Перемещение) и так же нажатом Shift'е, кликаю стрелку "влево" на клавиатуре до тех пор, пока этот слой не уйдет за границу бигбара (у меня получилось 33 клика). Shift удерживается для того, чтобы слой переносился быстрее - за один клик на 10px (см. анимацию ниже):

Изображение

Итак, первый кадр готов! Не удивляйтесь, но все правильно! Сейчас на нашем бигбаре вообще не видно текста!

Изображение

Первая часть моей анимации состоит в том, что "приедут" два слоя "цветы" и "!". Делаем дубликат первого кадра:

Изображение

Для второго кадра проделываем следующие действия:

1. Нажав Ctrl, я выбираю два слоя "цветы" и "!"

Изображение

2. При активном инструменте Move (Перемещение) и так же нажатом Shift'е, кликаю 4 раза стрелку "вниз" на клавиатуре, чтобы перенести эти два слоя на их первоначальное положение:

Изображение

Теперь в окне анимации, при активном втором кадре, нажимаю кнопочку Tweens:

Изображение

Появляется окошко, в котором я выставляю следующие настройки:

Изображение

После нажатия OK, Вы увидите, что кадров стало 12 (первый, последний и новосозданные 10 между ними). И если сейчас в панели анимации Вы нажмете play, то увидите такую анимацию:

Изображение

Начало положено! Идем дальше!

Создадим дубликат последнего, двенадцатого слоя (как его сделать - описано чуть выше). Для тринадцатого кадра проводим следующие действия:

1. При активном слое "моя страсть" и инструменте Move (Перемещение), а также нажатом Shift, переносим слова "моя страсть" так, чтобы они оказались перед (!) восклицательным знаком:

Изображение

2. Опять нажимаем кнопочку Tweens и выставляем следующие настройки:

Изображение

Получаем уже такую анимацию:

Изображение

Далее мне бы хотелось, чтобы слои "моя страсть" и "!" вместе поехали в конец бигбара и сложилась вся фраза. Для этого мы делаем дубликат 43 кадра. И для него делаем следующее:

1. Нажав Ctrl, я выбираю два слоя "моя страсть" и "!"

Изображение

2. При активном инструменте Move (Перемещение) и так же нажатом Shift'е, кликаю стрелку "вправо" на клавиатуре до тех пор, пока я не увижу полноценную фразу:

Изображение

3. Опять нажимаем кнопочку Tweens и выставляем следующие настройки:

Изображение

Вот что получилось!

Изображение

В принципе, на этом урок можно было бы закончить, но давайте я расскажу до конца создание моего бигбара. Мне не совсем подходит то, что завершается анимация несколько резковато: просто слова пропадают. Я свои работы заканчиваю тем, что текст плавно исчезает сам (смотри урок Появление-исчезание текста). Тогда готовый бигбар будет выглядеть так:

Изображение

Еще можно назад "увезти" весть текст, но уже в другом направлении:

Изображение

Все зависит от Вашей фантазии!
Надеюсь, что данный урок был для Вас полезен и понятен!
До новых встреч!
автор: horo6aya Валентинка

_________________
Изображение
Изображение
Чтобы дойти до цели, надо прежде всего идти (Оноре де Бальзак)


Вернуться к началу
 Не в сети Профиль My Фотогалерея  
 
photoshop-мастерица
 Заголовок сообщения:
СообщениеДобавлено: 27 апр 2009 
Аватара пользователя
С нами с: 30 ноя 2008
Сообщения: 2177
Откуда: Украина Донецк
Репутация: 27 ( + \ - )
Дневник: читать (2)
Дата свадьбы: 04.09.1995
Медали: 5
Лапочка-дочка (1) Моя семья (1) Весело живем (1) Ребенок осени 2009 (1)
Photoshop-мастерица (1)
спасибо! :romashki:

_________________
Изображение

Изображение


Вернуться к началу
 Не в сети Профиль My Фотогалерея  
 
админ
 Заголовок сообщения:
СообщениеДобавлено: 27 апр 2009 
Аватара пользователя
С нами с: 22 ноя 2008
Сообщения: 4574
Откуда: Днепропетровск
Репутация: 34 ( + \ - )
Дневник: читать (4)
Мои детки: Санька 21.01.2002
Доченька в планах
Дата свадьбы: 19-10- 0
Медали: 4
Сынок-лапушка (1) Хочу малыша (1) Сердце форума (1) Photoshop-мастерица (1)
horo6aya
:7: :romashki: :17:

_________________
Изображение
Изображение


Вернуться к началу
 Не в сети Профиль  
 
модератор
 Заголовок сообщения:
СообщениеДобавлено: 27 апр 2009 
Аватара пользователя
С нами с: 16 апр 2009
Сообщения: 1035
Откуда: Северодонецк
Репутация: 8 ( + \ - )
Дневник: читать (6)
Мои детки: Танюшка 23.10.08
Дата свадьбы: 26.10.2007
Медали: 2
Лапочка-дочка (1) Пополнение в наших рядах (1)
horo6aya
Спасибо, вот, попробовала
Изображение

_________________
Изображение
Изображение


Вернуться к началу
 Не в сети Профиль  
 
photoshop-мастерица
 Заголовок сообщения:
СообщениеДобавлено: 27 апр 2009 
Аватара пользователя
С нами с: 30 ноя 2008
Сообщения: 2177
Откуда: Украина Донецк
Репутация: 27 ( + \ - )
Дневник: читать (2)
Дата свадьбы: 04.09.1995
Медали: 5
Лапочка-дочка (1) Моя семья (1) Весело живем (1) Ребенок осени 2009 (1)
Photoshop-мастерица (1)
Настёна так ты у нас тоже фотошопер :clap: :clap: :clap: ?

_________________
Изображение

Изображение


Вернуться к началу
 Не в сети Профиль My Фотогалерея  
 
модератор
 Заголовок сообщения:
СообщениеДобавлено: 27 апр 2009 
Аватара пользователя
С нами с: 16 апр 2009
Сообщения: 1035
Откуда: Северодонецк
Репутация: 8 ( + \ - )
Дневник: читать (6)
Мои детки: Танюшка 23.10.08
Дата свадьбы: 26.10.2007
Медали: 2
Лапочка-дочка (1) Пополнение в наших рядах (1)
ello
Ну есть немного, бигбары, аватарочки у меня вроде неплохо получаются :)

_________________
Изображение
Изображение


Вернуться к началу
 Не в сети Профиль  
 
photoshop-мастерица
 Заголовок сообщения:
СообщениеДобавлено: 27 апр 2009 
Аватара пользователя
С нами с: 30 ноя 2008
Сообщения: 2177
Откуда: Украина Донецк
Репутация: 27 ( + \ - )
Дневник: читать (2)
Дата свадьбы: 04.09.1995
Медали: 5
Лапочка-дочка (1) Моя семья (1) Весело живем (1) Ребенок осени 2009 (1)
Photoshop-мастерица (1)
молодец! :clap: :clap: :clap:

_________________
Изображение

Изображение


Вернуться к началу
 Не в сети Профиль My Фотогалерея  
 
админ
 Заголовок сообщения:
СообщениеДобавлено: 27 апр 2009 
Аватара пользователя
С нами с: 22 ноя 2008
Сообщения: 4574
Откуда: Днепропетровск
Репутация: 34 ( + \ - )
Дневник: читать (4)
Мои детки: Санька 21.01.2002
Доченька в планах
Дата свадьбы: 19-10- 0
Медали: 4
Сынок-лапушка (1) Хочу малыша (1) Сердце форума (1) Photoshop-мастерица (1)
Настёна
давай подключайся к нам :wink:

_________________
Изображение
Изображение


Вернуться к началу
 Не в сети Профиль  
 
админ
 Заголовок сообщения:
СообщениеДобавлено: 27 апр 2009 
Аватара пользователя
С нами с: 21 ноя 2008
Сообщения: 4896
Откуда: Ивано-Франковск
Репутация: 43 ( + \ - )
Дневник: читать (2)
Настоящее имя: Валентинка
Мои детки: ....
Дата свадьбы: 14.09.2002
Медали: 4
Хочу малыша (1) На диете (1) Сердце форума (1) Photoshop-мастерица (1)
Настёна

отлично!!! :clap: Настюш, только в нетикете есть принятые правила: размер бигбара 350х40 px.. :15:

присоединяйся к нам творить аватарки и бигбары!

_________________
Изображение
Изображение
Чтобы дойти до цели, надо прежде всего идти (Оноре де Бальзак)


Вернуться к началу
 Не в сети Профиль My Фотогалерея  
 
админ
 Заголовок сообщения:
СообщениеДобавлено: 27 апр 2009 
Аватара пользователя
С нами с: 22 ноя 2008
Сообщения: 4574
Откуда: Днепропетровск
Репутация: 34 ( + \ - )
Дневник: читать (4)
Мои детки: Санька 21.01.2002
Доченька в планах
Дата свадьбы: 19-10- 0
Медали: 4
Сынок-лапушка (1) Хочу малыша (1) Сердце форума (1) Photoshop-мастерица (1)
добавлю ещё правила нетикета (я это выговорила :yahoo: !!!) :D
аватарки все 120 на 120, обязательно с рамочкой :wink:

_________________
Изображение
Изображение


Вернуться к началу
 Не в сети Профиль  
 
модератор
 Заголовок сообщения:
СообщениеДобавлено: 28 апр 2009 
Аватара пользователя
С нами с: 16 апр 2009
Сообщения: 1035
Откуда: Северодонецк
Репутация: 8 ( + \ - )
Дневник: читать (6)
Мои детки: Танюшка 23.10.08
Дата свадьбы: 26.10.2007
Медали: 2
Лапочка-дочка (1) Пополнение в наших рядах (1)
ello
Cherry
horo6aya
Спасибо!
Это я линеечку пыталась... Чтоб внизу чисто текстовые метрики, но она все-равно не влазит. Слишком длинно получается. А почему 350*40 а везде смотрела и читала 400*80, либо 400*40... И зачем рамочка? Извините за оффтоп...

_________________
Изображение
Изображение


Вернуться к началу
 Не в сети Профиль  
 
админ
 Заголовок сообщения:
СообщениеДобавлено: 28 апр 2009 
Аватара пользователя
С нами с: 21 ноя 2008
Сообщения: 4896
Откуда: Ивано-Франковск
Репутация: 43 ( + \ - )
Дневник: читать (2)
Настоящее имя: Валентинка
Мои детки: ....
Дата свадьбы: 14.09.2002
Медали: 4
Хочу малыша (1) На диете (1) Сердце форума (1) Photoshop-мастерица (1)
Настёна

Цитата:
Основные требования к оформлению

При создании бигбаров нет никаких ограничений. Всё зависит от фантазии и вкуса создателя. Чем оригинальнее и неожиданнее решение, тем лучше изображение. Достоинством считается качественная и остроумно сделанная анимация. Но к классическому бигбару всё же предъявляется ряд требований:

* Размер 350х40.
* Наличие рамки толщиной 1 пиксель по всему периметру изображения.
* Использование шрифта Visitor TT1 (10 кегль), Visitor TT2 (13 кегль) или microN55 (8 кегль) белого цвета с чёрной каймой и выключенной опцией anti-alias.
* Белый полупрозрачный овал, или прямоугольный отблеск в верхней части изображения для придания иллюзии трёхмерности.
* Формат файла GIF (можно использовать также для создания анимации) или PNG (для высокого качества).


это выписка из Википедии.

открыла для тебя модераторскую для фотошоперов - почитай ) и присоединяйся!

_________________
Изображение
Изображение
Чтобы дойти до цели, надо прежде всего идти (Оноре де Бальзак)


Вернуться к началу
 Не в сети Профиль My Фотогалерея  
 
модератор
 Заголовок сообщения:
СообщениеДобавлено: 28 апр 2009 
Аватара пользователя
С нами с: 16 апр 2009
Сообщения: 1035
Откуда: Северодонецк
Репутация: 8 ( + \ - )
Дневник: читать (6)
Мои детки: Танюшка 23.10.08
Дата свадьбы: 26.10.2007
Медали: 2
Лапочка-дочка (1) Пополнение в наших рядах (1)
horo6aya
Спасибо! :17:

_________________
Изображение
Изображение


Вернуться к началу
 Не в сети Профиль  
 
Показать сообщения за:  Поле сортировки  

Начать новую тему Ответить на тему  [ Сообщений: 13 ] 





Перейти:  

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1




Украина онлайн
Rambler's Top100

О проекте
Реклама на форуме
Друзья форума



Powered by phpBB
cron