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

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


На главную сайта UserBars.ru Правила форума Поиск Пользователи FAQ Группы
Делаем анимированный юб [by MrRedlook]
На страницу 1, 2, 3, 4, 5, 6, 7  След.
 
Начать новую тему   Ответить на тему    Список форумов UBForum.ru -> Учебники по созданию юзербаров/бигбаров (userbars/bigbars)
 
Автор Сообщение
MrRedlook
Юзербарчик
Предупреждений: 1


Зарегистрирован: 20.02.2009
Сообщения: 132
Юбаксов : 30

СообщениеДобавлено: Пн Мар 30, 2009 11:21 am    Заголовок сообщения: Делаем анимированный юб [by MrRedlook] Ответить с цитатой

Приветствую всех на своем уроке, сейчас я научу вас делать эффекты подобные сдедующим
юб





Прошу заметить сразу следующие вещи:
1) Турториал предназначен для новичков, которые только что сели за фотошоп. Профессионалам он наврятли будет интересен Smile
2) В связи с этим попытаюсь максимально подробно обьяснить каждый шаг
3) Тутор прошу строго не судить ибо в фотошопе совсем недавно image007
4) Тутор сделан по русифицированному Abode Photoshop CS3 так, что если у вас фотошоп на инглише-обратитесь к словарю

Итак, начем
1) Откроем фотошоп и подготовим рабочую область. Нам понадобятся: окно анимации, окно инструменты, окно слои, окно параметры и окно навигатор на случай зума. Выбираем Окно и ставим галочки. Получаем рабочую область
Offtopic

2) Создадим новое изображение 800х800. Файл-Новый и создаем документ со следующими параметрами:
Offtopic
Далее идем в Фильтр-Шум-Добавить шум
Offtopic
И ставим Монохромный шум 400%

Далее вновь идем в фильтр-размытие в движении и ставим следующие параметры

Получаем такую картину
Offtopic
Выделяем всю картинку инструментом Прямоугольная область

И копируем в буфер обмена (ctrl+c). Теперь можете его свернуть\закрыть\сохранить, он нам больше не понадобится

3) Создаем новый документ-юзербар 350х19
Offtopic
И клавишей ctrl+v вставляем изображение из буфера обмена, получаем

Во вкладке Слои появится второй слой, тот что вы только что вставили


4) Теперь перейдем к анимации. Выберем инструмент перемещение
Ещё раз вставим слой клавишами ctrl+v и передвинем его следующим образом
Offtopic
Т.е. передвиньте слой так, чтобы края слоя были немного за пределами юба. Если у вас автоматом при передвижении слой *притягивается* к краям юба, немного передвинте слой и не отпуская левую кнопку мыши, зажмите ctrl. Теперь вы можете свободно перемещать юб
Далее в панели анимации создайте новый слой
Получаем

После перемещаем этот слой аналогично вниз
Offtopic
Далее в панели анимации выбераем Создать промежуточные кадры и создаем нужное количество кадров (у меня 20) кадров


5) Выбираем инструмент Горизонтальный текст и пишем нужный вам текст. Я лично использовал junko's typewriter 24пкс. Думаю, в гугле найдете спокойно image011

Стиль слоя ставим на Перекрытие и выделяем значек

Offtopic
Далее выделяем все кадры (shift+кадр 1 и неотпуская shift+последний кадр) и делаем слой с текстом невидимым
Копируем слой с текстом несколько раз (например, 9). Получаем
Offtopic

Далее по очереди выделяем каждый кадр и на каждом кадре делаем видимым\невидимым нужный слой с текстом
Offtopic
и модифицируем его (слой с текстом) по-усмотрению:
*Делаем текст размытым (см. пункт 2)
*Перемещаем
*Поворачиваем\растягиваем (Редактирование-свободное трансформирование, далее поворачиваем как надо)

После выделяем все кадры и изменяем время анимации на нужное вам (у меня стоит 0,07)

И последнее, что делаем-создаем новый слой поверх предыдущих, выделяем весь бар Выделением, идем в редактирование-выполнить обводку и задаем черный цвет и 1 пиксель

Получим

И добавив ещё один фон (исходник ниже), получим юб



Далее сохраняем в формате gif
Внимание: если при сохранении фотошоп у вас виснет, сохраняйте в формате psd а после откройте сохраненный файл через ImageReady и сохраните Сохранить оптимизированный как. К сожалению, у меня (и не одного почему-то) повисает при сохранении в фотошопе, а перекачивать влом image020

Исходник первого юба можно скачать тут второго тут
Если понадобится, обьясню точнее насчет инимации и раскадровки
_________________


Последний раз редактировалось: MrRedlook (Вт Мар 31, 2009 10:08 pm), всего редактировалось 27 раз(а)
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
-Undercover-
Юзербар
Пользователь забанен


Зарегистрирован: 29.11.2008
Сообщения: 462
Юбаксов : 22

СообщениеДобавлено: Пн Мар 30, 2009 11:27 am    Заголовок сообщения: Ответить с цитатой

Скрины огроменные(некоторые) image007
Вообще,молодец.Спасибо. Confused
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
MrRedlook
Юзербарчик
Предупреждений: 1


Зарегистрирован: 20.02.2009
Сообщения: 132
Юбаксов : 30

СообщениеДобавлено: Пн Мар 30, 2009 11:38 am    Заголовок сообщения: Ответить с цитатой

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



Зарегистрирован: 14.09.2008
Сообщения: 785
Юбаксов : 72

СообщениеДобавлено: Пн Мар 30, 2009 8:48 pm    Заголовок сообщения: Ответить с цитатой

Вау, хороший тутор, почитал с удовольствием, кое-что подчерпнул image020
_________________
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Отправить e-mail
MrRedlook
Юзербарчик
Предупреждений: 1


Зарегистрирован: 20.02.2009
Сообщения: 132
Юбаксов : 30

СообщениеДобавлено: Пн Мар 30, 2009 9:09 pm    Заголовок сообщения: Ответить с цитатой

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



Зарегистрирован: 07.02.2009
Сообщения: 106
Юбаксов : 25

СообщениеДобавлено: Пн Мар 30, 2009 9:09 pm    Заголовок сообщения: Ответить с цитатой

Не плохой тутор, молодец!
_________________
Аджика со вкусом фоудука

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

<b>Супер Модератор</b>


Зарегистрирован: 17.03.2007
Сообщения: 2717
Юбаксов : 10001

СообщениеДобавлено: Пн Мар 30, 2009 9:36 pm    Заголовок сообщения: Ответить с цитатой

Спасибо за еще 1 урок в копилку форума.
Перенесено.

P.S. скрины реально огромные.
_________________



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


Зарегистрирован: 20.02.2009
Сообщения: 132
Юбаксов : 30

СообщениеДобавлено: Пн Мар 30, 2009 9:54 pm    Заголовок сообщения: Ответить с цитатой

спс)
Скрины большие лиш потому, что разрешение экрана высокое и лень уменьшать) долго будет image007
_________________
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
FREEZE
Silencer

<s><b><i>Silencer</i></b></s>


Зарегистрирован: 25.04.2008
Сообщения: 7418
Юбаксов : 3210

СообщениеДобавлено: Пн Мар 30, 2009 9:56 pm    Заголовок сообщения: Ответить с цитатой

переведи их в гиф
_________________

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


Зарегистрирован: 20.02.2009
Сообщения: 132
Юбаксов : 30

СообщениеДобавлено: Пн Мар 30, 2009 9:58 pm    Заголовок сообщения: Ответить с цитатой

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

<s><b><i>Silencer</i></b></s>


Зарегистрирован: 25.04.2008
Сообщения: 7418
Юбаксов : 3210

СообщениеДобавлено: Пн Мар 30, 2009 10:04 pm    Заголовок сообщения: Ответить с цитатой

все те что в оффтопах маленькие не обязательно , резрешение тоже нужно поменьше
_________________

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


Зарегистрирован: 20.02.2009
Сообщения: 132
Юбаксов : 30

СообщениеДобавлено: Пн Мар 30, 2009 10:20 pm    Заголовок сообщения: Ответить с цитатой

Вроде всё. Несколько вынес из под офтопика, 90% перевел в gif
Если что, буду дополнять
_________________
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
GM
Юзербарчик
Предупреждений: 1


Зарегистрирован: 09.08.2007
Сообщения: 138
Юбаксов : 4

СообщениеДобавлено: Вс Апр 05, 2009 7:01 am    Заголовок сообщения: Ответить с цитатой

MrRedlook,круто очень,спс)
_________________
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Nekko
Гость



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

СообщениеДобавлено: Вс Апр 05, 2009 8:19 pm    Заголовок сообщения: Ответить с цитатой

Хм... Я дурак и чайник в этом деле. Урок очень понятный, вот только при сохранение появилась проблема (я у фотошопа впервые), а именно, когда я пытаюсь сохранить в gif он предлагает мне два варианта ответа на вопрос "Свести слои и кадры анимации?". Первый: да, а второй - отмена. Аниация пропадает... Как сохранить, что бы осталась анимация?
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
MrRedlook
Юзербарчик
Предупреждений: 1


Зарегистрирован: 20.02.2009
Сообщения: 132
Юбаксов : 30

СообщениеДобавлено: Вс Апр 05, 2009 8:26 pm    Заголовок сообщения: Ответить с цитатой

сохрани в psd, а после через image ready сохрани в gif
_________________
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Показать сообщения:   
Начать новую тему   Ответить на тему    Список форумов UBForum.ru -> Учебники по созданию юзербаров/бигбаров (userbars/bigbars) Часовой пояс: GMT + 3
На страницу 1, 2, 3, 4, 5, 6, 7  След.
Страница 1 из 7

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

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