Понедельник, 21.07.2025, 05:03
SITE LOGO
Приветствую Вас Гость | RSS
Главная | Урок по созданию анимации - Форум | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Урок по созданию анимации
eXTr1me:)Дата: Суббота, 28.02.2009, 13:22 | Сообщение # 1
Сержант
Группа: Модераторы
Сообщений: 27
« 2 »
Статус: :-(
Медали:
за то, что модер:) хороший человек:) За первое сообщение За 20 постов За регистрацию
Влад, можешь дать урок по созданию анимации:
1. Как сделать, чтоб текст появлялся снизу(сверху, справа, слева и т.д.)
2. И как делать переливания цветов текста?


Жизнь ето не игра, её не переиграть..
 
eXTr1me:)Дата: Вторник, 03.03.2009, 19:58 | Сообщение # 2
Сержант
Группа: Модераторы
Сообщений: 27
« 2 »
Статус: :-(
Медали:
за то, что модер:) хороший человек:) За первое сообщение За 20 постов За регистрацию
Ну?

Жизнь ето не игра, её не переиграть..
 
ВладюхаДата: Среда, 04.03.2009, 15:08 | Сообщение # 3
Admin
Группа: Администраторы
Сообщений: 54
« 6 »
Статус: :-(
Медали:
Бог сайта и форума За дизайнерские умения За первое сообщение За 20 постов За 50 постов За регистрацию
eXTr1me:), понимаешь у мну проблемы с компом в ближайшуу неделю ничего не будет. я попробую сделать урок в ссуботу
 
eXTr1me:)Дата: Четверг, 05.03.2009, 11:08 | Сообщение # 4
Сержант
Группа: Модераторы
Сообщений: 27
« 2 »
Статус: :-(
Медали:
за то, что модер:) хороший человек:) За первое сообщение За 20 постов За регистрацию
Владюха, а ок

Жизнь ето не игра, её не переиграть..
 
yapa6euДата: Пятница, 06.03.2009, 14:57 | Сообщение # 5
Рядовой
Группа: Проверенные
Сообщений: 2
« 0 »
Статус: :-(
Медали:
За первое сообщение За регистрацию
Сделай видео-урок, чтоб понятнее было
http://aries.otstrel.ru/FILES....0.2.zip
Прога
P.S. Я сам могу сделать, но я не умею плавных движений делать ))
 
FANATДата: Пятница, 06.03.2009, 15:02 | Сообщение # 6
Лейтенант
Группа: Модераторы
Сообщений: 59
« 8 »
Статус: :-(
Медали:
за то, что модер:) хороший человек:) За первое сообщение За 20 постов За 50 постов За регистрацию За помощь
зачем видео ?
если со скринами то и без видео ясно как делать


если я вам помог ставьте +++
 
ВладюхаДата: Суббота, 07.03.2009, 20:44 | Сообщение # 7
Admin
Группа: Администраторы
Сообщений: 54
« 6 »
Статус: :-(
Медали:
Бог сайта и форума За дизайнерские умения За первое сообщение За 20 постов За 50 постов За регистрацию
ребят слушай я уеду все вопросы к брату. он в фотошопер как и я. все знает. я его попросил для екстрима сделать видео-урок с узвучиванием. до понедельника
 
eXTr1me:)Дата: Суббота, 07.03.2009, 21:48 | Сообщение # 8
Сержант
Группа: Модераторы
Сообщений: 27
« 2 »
Статус: :-(
Медали:
за то, что модер:) хороший человек:) За первое сообщение За 20 постов За регистрацию
ну буду ждать

Жизнь ето не игра, её не переиграть..
 
ВладюхаДата: Вторник, 10.03.2009, 18:20 | Сообщение # 9
Admin
Группа: Администраторы
Сообщений: 54
« 6 »
Статус: :-(
Медали:
Бог сайта и форума За дизайнерские умения За первое сообщение За 20 постов За 50 постов За регистрацию
Сразу отмечу, что подобный эффект можно делать с надписями, отдельными деталями рисунка, деталями одежды и многим другим. Основное условие: то, что вы хотите выделить с помощью блика - должно быть на отдельном слое.

Итак, рассмотрим пример с текстом.
Создадим новый документ нужного размера File-New (Файл-Новый) или Ctrl+N. Я создала документ 400х150px с прозрачным фоном.

Картинка:http://radikal.ru/F/i016.radikal.ru/0804/5e/98b2afb83000.jpg.html

Оформляете необходимый вам фон. Я использовала инструмент Linear Gradient. После чего с помощью инструмента Horizontal Type Tool (Текст) или нажав на клавиатуре при английской раскладке клавишу Т, пишем нужный текст. Используемые мною настройки можно увидеть на рисунке ниже.

Картинка: http://radikal.ru/F/i048.radikal.ru/0804/d4/229177d37026.jpg.html

Далее, над слоем с текстом создаем новый слой Layer-New-Layer (Слой-Новый-Слой) или Shift+Ctrl+N. Либо же нажатием кнопки

Нажимаем клавишу D для сброса цветов палитры (автоматически цвета установятся Черный-Белый) и выбираем инструмент Gradient (Градиент). И выставляем настройки, как на рисунке ниже. Тип градиента выбираем самый первый Foreground to Background.

Картинка: http://radikal.ru/F/i046.radikal.ru/0804/71/3a50591b4d8a.jpg.html

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

Картинка: http://radikal.ru/F/i046.radikal.ru/0804/f0/6530b0a54c83.jpg.html

После чего применяем Layer-Create Clipping Mask или нажимаем Ctrl+G. После этой манипуляции палитра слоев должна выглядеть так:

И меняем Blend Mode (Режим наложения) слоя с лучем на Screen (Осветление). Некоторые источники предлагают ставить Overlay (Перекрытие), но у меня в данном случае происходит затемнение всего рисунка, что нежелательно. Если режим Screen Вас не устроит - поэкспериментируйте. Для меня приемлемыми были Screen (Осветление), Lighten (Замена светлым), Color Dodge (Осветление основы), Linear Dodge (Линейный затемнитель), Difference (Разница) и Exclusion (Исключение). Эти режимы дают интересный вид луч, не затемняя основного рисунка.

Вот что получаем:

Картинка http://radikal.ru/F/i042.radikal.ru/0804/5a/bca941be65ac.jpg.html

Переходим в File-Edit in ImageReady или нажимаем Shift+Ctrl+M. Если автоматически перейти не получается, что часто случается с русифицированными версиями Photoshop, то сохраняем нашу работу в PSD формате и открываем его уже в IR.

Очень часто возникает проблема "У меня нет окна анимации". Если у вас такой случай, не теряйтесь! Нажимаем Window-Animation (Окна-Анимация). И рабочая область ImageReady должна выглядеть так:

Картинка: http://radikal.ru/F/i005.radikal.ru/0804/5f/79c82af36ae6.jpg.html

На первом кадре в окне Animation (Анимация) перемещаем слой с лучом (инструмент Move ) так, чтобы сам луч был в крайней левой точке, то есть на том месте, откуда луч будет начинать свой путь.

Создаем дубликат кадра

И на новом кадре опять же с помощью инструмента Move перетаскиваем наш луч в крайнюю правую точку.

Таким образом, мы создали как бы первый и последний кадр нашей анимации. Теперь необходимо осуществить собственно само движение луча. Для этого нажимаем в окне Animation (Анимация) кнопочку Tween и в появившемся окошке прописываем следующие настройки:

Количество кадров, конечно же, каждый раз индивидуально для каждой работы. Чем длинее рисунок, по которому проходит луч - тем больше должно быть кадров. Вы всегда можете просмотреть полученный результат и при желании изменить как скорость движения луча, так и количество кадров. Но помните, что чем больше кадров - тем тяжелее получится файл.

Вот и все )

 
eXTr1me:)Дата: Среда, 11.03.2009, 02:15 | Сообщение # 10
Сержант
Группа: Модераторы
Сообщений: 27
« 2 »
Статус: :-(
Медали:
за то, что модер:) хороший человек:) За первое сообщение За 20 постов За регистрацию
Quote (eXTr1me:))
1. Как сделать, чтоб текст появлялся снизу(сверху, справа, слева и т.д.) 2. И как делать переливания цветов текста?

Владюха, внимательно смотрел вопрос?


Жизнь ето не игра, её не переиграть..
 
ВладюхаДата: Четверг, 12.03.2009, 09:12 | Сообщение # 11
Admin
Группа: Администраторы
Сообщений: 54
« 6 »
Статус: :-(
Медали:
Бог сайта и форума За дизайнерские умения За первое сообщение За 20 постов За 50 постов За регистрацию
я тока кинул как переливаться. а сегодня кину как выезжала
 
eXTr1me:)Дата: Пятница, 13.03.2009, 01:53 | Сообщение # 12
Сержант
Группа: Модераторы
Сообщений: 27
« 2 »
Статус: :-(
Медали:
за то, что модер:) хороший человек:) За первое сообщение За 20 постов За регистрацию
Владюха, аа. Так я имел виду, чтоб цвет изменялся. Например:
eXTr1me - eXTr1me(ток анимацией)


Жизнь ето не игра, её не переиграть..
 
ВладюхаДата: Суббота, 14.03.2009, 11:32 | Сообщение # 13
Admin
Группа: Администраторы
Сообщений: 54
« 6 »
Статус: :-(
Медали:
Бог сайта и форума За дизайнерские умения За первое сообщение За 20 постов За 50 постов За регистрацию
1. выберем размер(я выбрал 500х500).
2.зальем любым фоном наш слой

3.выберем инструмент"Текст" (T) и напишем все что захотим!

4. создаем новый слой. выберем инструмент "Прямоугольная область" (M) и сделаем выделение ка показано на рисунке

5.потом заливаем это выделение любым цветом

6.снимаем выделение комбинацией Ctrl+D.

7. потом заходим в Слой-Создать обтравочную маску маску или просто нажмите Ctrl+G и у вас должно получиться вот так:

8. с 4 по 8 мы повторяем то что сделали. выделение можете создавать где хотите(в начале текста, в конце) ну вот покажу что получилось у меня:

9.заходим в ImageReady или комбинацией Shift+Ctrl+M
10.В панели слоев выключаем наше синее выделение тоесть кликаем по глазику с лева от слоя.
http://photoshop-free.at.ua/rate/12345/2.gif
11.в панели анимация создаем дубликат текущего кадра:
http://photoshop-free.at.ua/rate/12345/3.gif
12.выбераем слой с красным выделением и перетаскиваем его на середину текста:
http://photoshop-free.at.ua/rate/12345/4.gif
13.в меню анимации выбераем "Создать промежуточные кадры":
http://photoshop-free.at.ua/rate/12345/5.gif
14. вот что должно получиться:
http://photoshop-free.at.ua/rate/12345/6.gif
15.теперь на самом конечном кадре в меню анимации мы скрываем слой с красным выделением нажимаем глазик в панели слоев и открываем слой с синим выделением. Слой с синим выделением перетаскиваем туда где мы скрыли слой с красным выделением. воТ:
http://photoshop-free.at.ua/rate/12345/7.gif
и повторяем с 11 действие по 14.
там где мы красное выделение заменяли на синее. выбераем время задержки:
http://photoshop-free.at.ua/rate/12345/8.gif
ну вот и все вот что должно получиться:
 
  • Страница 1 из 1
  • 1
Поиск:

Copyright MyCorp © 2025 Создать бесплатный сайт с uCoz