Alternative Art : breath of a phoenix

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

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


Вы здесь » Alternative Art : breath of a phoenix » Уроки Photoshop » Сумасшедший текст


Сумасшедший текст

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

1

Автор этого урока являюсь я. Поэтому авторские права на этот урок принадлежат мне.
Автором самого эффекта является моя подруга P@vlin.
Перевод на английский by .roux

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

Что получиться:
Я решила использовать этот эффект на юзербаре. Вы можете поэкспериментировать и сделать как хотите.
Вот что у вас должно получиться в итоге:
http://keep4u.ru/imgs/b/2009/08/30/40/40e154878f15d647df921e2c068ef2f8.gif

1

Создаём или открываем файл. Я создала файл размером 300х50 с прозрачным фоном.
Дальше я применила градиент и получилось вот так:
http://keep4u.ru/imgs/b/2009/08/30/43/4304e4b66b1cf0884b2a8c3729260a7c.jpg

2.

Дальше если хотите примените штриховку. Добавьте если нужно блики. Я немного помучала картинку и у меня получилось вот так:
http://keep4u.ru/imgs/b/2009/08/30/db/dba2e3fb87bca6d2ddaf57d1b0650bac.jpg
Я добавила штриховку. Вроде бы получается довольно просто.

3.

Третий этап, это создание текста. Находим на панели инструментов текст. И пишем на нашей картинке текст. Я написала: "Positive".
http://keep4u.ru/imgs/b/2009/08/30/fa/fa31adf9778c41406f405e88f871279a.jpg
http://keep4u.ru/imgs/b/2009/08/30/39/391d1c7584f92e6a8e05de4a4cc77631.jpg

4.

Дальше мы создаём анимацию. Тем у кого Имадж Реди нет, объясню так.
Нам нужно окошко анимации. Окно>Анимация (англ. Window> Animation)
http://keep4u.ru/imgs/b/2009/08/30/24/2479ac88d116f2d89e14316e64c2f4c4.jpg
Окно анимации открылось. Находим там вот такой значок: http://keep4u.ru/imgs/b/2009/08/30/7e/7eefeb1c3ccdf8057d8b7b074559498b.jpg.
Кликаем по нему. У нас появляется список.
Выбираем там Новый кадр (англ. New Frame):
http://keep4u.ru/imgs/b/2009/08/30/63/631b33515a037799d2b9cd87cbb30b1e.jpg
У нас появляется новый кадр. Щёлкаем ещё раз. В итоге на окошке с анимацией появляется два новых кадра.
С окошком анимации разобрались.

5.

Создаём дубликат нашего слоя (англ. Layer - Duplicate Layer)

http://keep4u.ru/imgs/b/2009/08/30/4c/4c06c319892c9b1fd57b0ea659b5a897.jpg
Появляется вот такое окошко: http://keep4u.ru/imgs/b/2009/08/30/29/29643bfdbea0c9a5644e581c54e62593.jpg
У нас появился дубликат нашего текста.
http://keep4u.ru/imgs/b/2009/08/30/c2/c2504addf519443afe23b4627c9c8df0.jpg
Теперь в первом кадре, ставим видимость всех слоев, кроме нашего дубликата.
Во втором кадре должны быть все слои кроме слоя с нашем текстом. Вместо него должен быть виден наш дубликат.
В третий слое делаем так же как и в первом.

6.

Ну а теперь главная фишка сумасшедшего текста. Во втором кадре, мы нажимаем на слой с нашим дубликатом. Обязательно смотрим чтобы был выделен именно второй кадр. Перед текстом нажимаем два раза на пробел. Выходим из редактирования файла. Всё. Анимация готова. Теперь её надо сохранить. Если вы работали в Имедж Реди, сохраняем так: Сохранить оптимизированы как (англ. Save optimized as). В фотошопе сохраняем по-другому. Сохранить для Web (англ. )
Ну вот и всё. Эффект готов.
Рада буду посмотреть ваши результаты. *____*

+2

2

Хи-хи=)) Вот.

Отредактировано Kate AxWell (30-08-2009 21:22:23)

+1

3

Nenastie написал(а):

Перевод на английский by .roux

F**k xd
Вроде прошел легко, но результат мне не очень нравится т.т
  http://smages.com/i/c8/5d/c85d555290eca85ec03dbcf6892e059e.gif и http://smages.com/i/e9/e7/e9e722a93ab4d675de289bcdc15e1bda.gif ( for xD Nenastie )
+ автору xd

Отредактировано .roux (30-08-2009 22:10:28)

+1

4

Kate AxWell
Урок пройден)
Очень красиво получилось)
+1

0

5

.roux написал(а):

Вроде прошел легко, но результат мне не очень нравится т.т

А меня прёт. Мне больше первый результат понравился. который ты выслала)
+1

0

6

.roux написал(а):

( for xD Nenastie )

хДДД
Ну вот)
Действительно сумасшедший текст)
Правда у меня он не очень получился в уроке  ><"

0

7

О, неплохо! +

+1

8

Soul написал(а):

О, неплохо! +

урок пройден)
+1

0

9

.roux написал(а):

Вроде прошел легко, но результат мне не очень нравится т.т

немного ресковато вышло и вы текст забыли сгладить)

0

10

.diablesse написал(а):

немного ресковато вышло и вы текст забыли сгладить)

Но урок однозначно пройден)

+1

11

Ура,ура:)получилось:)Хороший урок:))
http://i072.radikal.ru/1006/ab/e01af308619f.gif

0

12

http://savepic.ru/1499457.gif
приорите. Xd
только он у меня дрыгает один раз.почему?

Отредактировано Demian (13-07-2010 21:09:02)

0

13

Demian
а по-моему вообще не дрыгает оО
урок внимательнее выполните оо`

0

14

l'aérienne
в том то и проблема, что анимацию саму и увидеть не успеваешь.Я ж когда загружала видела и на другом сайте тоже,все идет, но только один раз и быстро.

Отредактировано Demian (13-07-2010 21:18:26)

0

15

l'aérienne все.я разобралась))) Просто надо было поставить при сохранение параметры Повтор--> Навсегда))

вот
http://savepic.ru/1471808.gif

Отредактировано Demian (13-07-2010 21:25:13)

0


Вы здесь » Alternative Art : breath of a phoenix » Уроки Photoshop » Сумасшедший текст


Рейтинг форумов | Создать форум бесплатно