Список форумов UBForum.ru UserBars.ru
Огромный каталог юзербаров на любые темы!
 
Вход - Вход

Регистрация - Регистрация


На главную сайта UserBars.ru Правила форума Поиск Пользователи FAQ Группы
Уроки по разным анимациям
На страницу 1, 2, 3, 4, 5  След.
 
Начать новую тему   Ответить на тему    Список форумов UBForum.ru -> Разные учебники по фотошопу и другим графическим редакторам
 
Автор Сообщение
Nitrocium
Модератор



Зарегистрирован: 30.11.2007
Сообщения: 800
Юбаксов : 10002

СообщениеДобавлено: Пн Сен 22, 2008 1:19 pm    Заголовок сообщения: Уроки по разным анимациям Ответить с цитатой

В общем, как просили.

Много писать сразу не буду, так как надо еще скрины делать, оформлять, и.т.д.и.т.п. а у меня есть еще свои дела.

Новые эффекты буду добавлять в эту тему, новым сообщением.

Фильтр Distort - Ripple:

1. Создаем документ любого размера (я взял 200х200), делаем фон:

2. Пишем текст:

3. Копируем слой с текстом 4 раза:

4. Теперь работаем со слоями.
Делаем второй слой видимым, применяем к нему фильтр Distort - Ripple с такими параметрами:

5. Теперь на каждом последующем слое, используем этот же фильтр, только значение Amount увеличиваем на 20%.
Слой 3 - значение 40%.
Слой 4 - значение 60%.
Слой 5 - значение 80%.
6. Переходим в ImageReady ну или включаем окно анимации (Window --> Animation).
7. На первом слое отключаем все слои с текстом (оставляем только фон). Задержка кадра примерно 0,5 секунд, этого будет достаточно.
На втором кадре включаем слой 5, ставим Opacity 20%.
На третьем кадре включаем слой 4 (отключаем слой 5), ставим Opacity 40%.
На четвертом кадре включаем слой 3 (отключаем слой 4), ставим Opacity 60%.
На пятом кадре включаем слой 2 (отключаем слой 3), ставим Opacity 80%.
На шестом кадре включаем слой 1 (отключаем слой 2), ставим Opacity 100%, и задержку например 1 секунда.
Ну и чтобы текст исчезал обратно, делаем все то же самое, только в обратном порядке.
Кадр, на котором остается только задний фон не делаем, последним должен быть кадр с включенным фоном и слоем 5 (Opacity 20%).

Вот что получится:


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

Ждите новые уроки.
_________________
Больше всего посетителей (251) здесь было Вт Апр 08, 2008 8:43 pm
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
admin
Аццкий Юзербар

Зарегистрирован: 30.05.2004
Сообщения: 258
Юбаксов : 0

СообщениеДобавлено: вчера    Заголовок сообщения: Ответить с цитатой

Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Uzer1
Юзербарчик



Зарегистрирован: 19.11.2007
Сообщения: 170
Юбаксов : 11

СообщениеДобавлено: Пн Сен 22, 2008 2:22 pm    Заголовок сообщения: Ответить с цитатой

Спасиба)
_________________
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Fr[e]edom
Юзербар
Предупреждений: 4Предупреждений: 4Предупреждений: 4Предупреждений: 4


Зарегистрирован: 08.09.2008
Сообщения: 209
Юбаксов : 0

СообщениеДобавлено: Пн Сен 22, 2008 2:52 pm    Заголовок сообщения: Ответить с цитатой

Полезная анимация. Спасибо.










image020
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
lemm1ng
Мимо проходил



Зарегистрирован: 01.09.2008
Сообщения: 7
Юбаксов : 0

СообщениеДобавлено: Пн Сен 22, 2008 3:49 pm    Заголовок сообщения: Ответить с цитатой

хм ну хоть никогда не делал такую но вроде просто ;/
_________________
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
admin
Аццкий Юзербар

Зарегистрирован: 30.05.2004
Сообщения: 258
Юбаксов : 0

СообщениеДобавлено: вчера    Заголовок сообщения: Ответить с цитатой

Вернуться к началу
Посмотреть профиль Отправить личное сообщение
DeathStaR
Юзербар
Предупреждений: 2Предупреждений: 2


Зарегистрирован: 03.07.2008
Сообщения: 396
Юбаксов : 0

СообщениеДобавлено: Пн Сен 22, 2008 6:55 pm    Заголовок сообщения: Ответить с цитатой

Красиво image020 Надеюсь продолжение будет image020
_________________


Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Nitrocium
Модератор



Зарегистрирован: 30.11.2007
Сообщения: 800
Юбаксов : 10002

СообщениеДобавлено: Пн Сен 22, 2008 7:52 pm    Заголовок сообщения: Ответить с цитатой

DeathStaR
Завтра будет.
_________________
Больше всего посетителей (251) здесь было Вт Апр 08, 2008 8:43 pm
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Roler
U-Bot

<b>U-Bot</b>


Зарегистрирован: 03.07.2007
Сообщения: 1874
Юбаксов : 10000

СообщениеДобавлено: Пн Сен 22, 2008 8:49 pm    Заголовок сообщения: Ответить с цитатой

По сути, умному достаточно, почти все Distort фильтры подойдут для созданиях подобных эффектов) Не только Ripple.
_________________

Вернуться к началу
Посмотреть профиль Отправить личное сообщение
admin
Аццкий Юзербар

Зарегистрирован: 30.05.2004
Сообщения: 258
Юбаксов : 0

СообщениеДобавлено: вчера    Заголовок сообщения: Ответить с цитатой

Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Брюс Ле
Юзербарище
Пользователь забанен


Зарегистрирован: 27.12.2007
Сообщения: 768
Юбаксов : 0

СообщениеДобавлено: Пн Сен 22, 2008 9:13 pm    Заголовок сообщения: Ответить с цитатой

эффект хороший) но чтобы сделать несколко слоёв с разными значениями много ума ненадо))
ну всё равно молодец Smile
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Laiserk
Гость



Зарегистрирован: 27.08.2008
Сообщения: 18
Юбаксов : 0

СообщениеДобавлено: Ср Сен 24, 2008 6:42 pm    Заголовок сообщения: Ответить с цитатой

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



DeathStaR писал(а):
Laiserk
Почему твоя картинка без анимации? О_о

Просто не тот формат выбрал image198


Последний раз редактировалось: Laiserk (Ср Сен 24, 2008 6:48 pm), всего редактировалось 2 раз(а)
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Отправить e-mail
DeathStaR
Юзербар
Предупреждений: 2Предупреждений: 2


Зарегистрирован: 03.07.2008
Сообщения: 396
Юбаксов : 0

СообщениеДобавлено: Ср Сен 24, 2008 6:45 pm    Заголовок сообщения: Ответить с цитатой

Laiserk
Почему твоя картинка без анимации? О_о
_________________


Вернуться к началу
Посмотреть профиль Отправить личное сообщение
admin
Аццкий Юзербар

Зарегистрирован: 30.05.2004
Сообщения: 258
Юбаксов : 0

СообщениеДобавлено: вчера    Заголовок сообщения: Ответить с цитатой

Вернуться к началу
Посмотреть профиль Отправить личное сообщение
sc0rp
Мимо проходил



Зарегистрирован: 25.09.2008
Сообщения: 5
Юбаксов : 0

СообщениеДобавлено: Чт Сен 25, 2008 12:53 am    Заголовок сообщения: Ответить с цитатой

Люди помогите плз, только начинаю фотошоп осваивать, все сделал как написано, все получилось, огромное за это спс. Но как сохранить это все? Что не пробовал, он сохраняет мне без анимации, может эту анимацию как-то применить надо? Расскажите плз, буду очень благодарен...
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Брюс Ле
Юзербарище
Пользователь забанен


Зарегистрирован: 27.12.2007
Сообщения: 768
Юбаксов : 0

СообщениеДобавлено: Чт Сен 25, 2008 9:23 am    Заголовок сообщения: Ответить с цитатой

"сохранить для веб"
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Nitrocium
Модератор



Зарегистрирован: 30.11.2007
Сообщения: 800
Юбаксов : 10002

СообщениеДобавлено: Чт Сен 25, 2008 1:50 pm    Заголовок сообщения: Ответить с цитатой

Лучше всего выбирать какой-нибудь жирный шрифт, на нем эффект будет заметнее. Для урока я использовал шрифт Genocide RMX 2.
1. Создаем документ например 350х150, быстренько делаем фон чем угодно: кистями, фильтрами. Главное - красиво:

2. Пишем текст:

3. Растеризуем слой с текстом, потом копируем его и в панели слоев делаем его верхним. Обесцвечиваем (Image --> Adjustements --> Desaturate). Сбрасываем цвета на черный и белый (Shift+D). Зажимаем Ctrl, и кликаем левой кнопкой мыши на иконку слоя в Панели слоев. Надпись выделится:

Теперь применяем фильтр Render --> Clouds (надпись должна быть выделена). Нужно, чтобы на тексте, полученном в результате фильтрования основными цветами были темные оттенки:

4. Теперь используем фильтр Blur --> Gaussian Blur, чтобы немного сгладить края изображения (при фильтровании Облаками текст становится резковатым):

5. Копируем полученный текст 4 раза. Называем все слои так: 1, 2, 3, 4, 5 (для удобства):

6. Теперь в панели слоев слоям 1, 2, 3, 4, 5 ставим Opacity 50%, и Blend Mode - Multiply.
7. Отключаем слои 5, 4, 3, 2. На слое 1 идем в Filter --> Sketch --> Chrome, ставим Detail -2, Smoothness - 10.
8. Теперь со слоями 2, 3, 4, 5 повторяем тоже самое, только на каждом новом слое параметр Detail увеличиваем на 2. То есть на слое 2 этот параметр будет 4, на слое 3 - 6, на слое 4 - 8, на слое 5 - 10.
9. Переходим в ImageReady, ну или остаемся в Ps и включаем окно анимации (для CS3, Window --> Animation).
10. Делаем анимацию. На первом кадре должен быть только слой - Layer 0 (то есть бэкграунд), на втором кадре включаем слой genocide (Opacity 20%) и слой 1. На третьем кадре genocide (Opacity 40%) и слой 2, на четвертом кадре genocide (Opacity 60%) и слой 3, на пятом кадре genocide (Opacity 80%) и слой 4, на шестом кадре genocide (Opacity 100%) и слой 5, также у шестого кадра должна быть задержка в 1 секунду. Чтобы текст исчезал, делаем все тоже самое, но в обратном порядке.
Получаем подобный эффект:

_________________
Больше всего посетителей (251) здесь было Вт Апр 08, 2008 8:43 pm
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
admin
Аццкий Юзербар

Зарегистрирован: 30.05.2004
Сообщения: 258
Юбаксов : 0

СообщениеДобавлено: вчера    Заголовок сообщения: Ответить с цитатой

Вернуться к началу
Посмотреть профиль Отправить личное сообщение
starmosh
Интересующийся



Зарегистрирован: 29.03.2008
Сообщения: 59
Юбаксов : 0

СообщениеДобавлено: Чт Сен 25, 2008 1:59 pm    Заголовок сообщения: Ответить с цитатой

Nitrocium
класс, сделай ещё пару вариантов с другими фильтрами Smile
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
Nitrocium
Модератор



Зарегистрирован: 30.11.2007
Сообщения: 800
Юбаксов : 10002

СообщениеДобавлено: Чт Сен 25, 2008 2:02 pm    Заголовок сообщения: Ответить с цитатой

Цитата:
а у меня есть еще свои дела.

позже.
_________________
Больше всего посетителей (251) здесь было Вт Апр 08, 2008 8:43 pm
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Показать сообщения:   
Начать новую тему   Ответить на тему    Список форумов UBForum.ru -> Разные учебники по фотошопу и другим графическим редакторам Часовой пояс: GMT + 3
На страницу 1, 2, 3, 4, 5  След.
Страница 1 из 5

 
Перейти:  
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах

phpBB "skin" by DewChugr
Powered by phpBB © 2001, 2005 phpBB Group
y2006-2012 - by MOOF....