Создаём loadbar'ы

Уроки по анимации

Модераторы: Globator, Сильфида, Любовь, NEWESTA

Правила форума
Уроки Photoshop по анимации - раздел предназначен для публикации своих и переводных уроков по анимации.
1. Публикация уроков с русскоязычных ресурсов не разрешается.
2. Если публикуете перевод урока с англоязычного сайта, то не забывайте указывать автора и ссылку на первоисточник.
3. Для собственных уроков - подписывайте ник или имя.
4. Внимание: для вопросов, связанных с Adobe Photoshop, есть раздел Вопросы по работе в Adobe Photoshop.
5. Бессмысленные комментарии к урокам типа: "круто", "супер" и т.п., а также комментарии содержащие одни смайлы - будут удаляться без предупреждения.
6. Запрещено размещение материалов без указания авторов и ссылки на первоисточник, а также размещение ссылок на скачивание таких материалов на depositfiles.com, rapidshare.com, letitbit.com и т.д.
7. Пользователям запрещено создавать дополнительные аккаунты. Создание нескольких аккаунтов наказывается баном этих аккаунтов.
Аватара пользователя
Gекуба B. Sнат
Модератор
Сообщения: 663
Зарегистрирован: Чт июл 03, 2008 11:57 am
Пол: Женский

Создаём loadbar'ы

Сообщение Gекуба B. Sнат » Ср июл 30, 2008 7:15 pm

Сегодня будем создавать лоадбары. Сейчас я покажу как делать классический лоадбар.

Открываем документ с новым слоем. Рисем там прямолугольник:
Изображение

Настраиваем обводку: цвет чёрный, ширина 1 пиксель.
Теперь градиент:
Изображение

Сдвигаем градиент в самый бок:
Изображение

Открываем окно анимации.
В первом кадре оставляем всё как есть, а во втором делаем, что бы всё быол зелёным.
Выделяем кадры с кнопкой шифт и нажимаем кнопку:
Изображение

Кадров - 10.
Плей:
Изображение

Я ещё добавила надпись:
Изображение

Выбирайте что следующее:
  • круглый лоадбар с чёрточками
  • виндоус лоадбар
  • виндоус лоадбар(при загрузке)
  • виндоус хр лоадбар
  • круглый лоадбар с вращением
  • линукс убунто лоадбар
  • круглый лоадбар с подъёмом
Последний раз редактировалось Gекуба B. Sнат Ср июл 30, 2008 7:19 pm, всего редактировалось 1 раз.
You may stop this individual, but you can't stop us all… after all, we're all alike.

Аватара пользователя
Anders
Сообщения: 1589
Зарегистрирован: Вс мар 11, 2007 3:12 pm
Пол: Мужской
Antispam: Да
Откуда: KZ, Караганда
Контактная информация:

Re: Создаём loadbar'ы

Сообщение Anders » Ср июл 30, 2008 7:18 pm

на смену юзербаров приходят лоадбары :D
отлично, продолжай, я бы хотел круглый лоадбар с вращением :roll:

Аватара пользователя
Gекуба B. Sнат
Модератор
Сообщения: 663
Зарегистрирован: Чт июл 03, 2008 11:57 am
Пол: Женский

Re: Создаём loadbar'ы

Сообщение Gекуба B. Sнат » Ср июл 30, 2008 7:22 pm

Чичас напишу. Только с нима проблематичней будет, ну да ладно.
You may stop this individual, but you can't stop us all… after all, we're all alike.

Аватара пользователя
Gекуба B. Sнат
Модератор
Сообщения: 663
Зарегистрирован: Чт июл 03, 2008 11:57 am
Пол: Женский

Re: Создаём loadbar'ы

Сообщение Gекуба B. Sнат » Ср июл 30, 2008 7:44 pm

Круглый лоадбар.

Новый докуент. На новом слое рисуем круг. Надеюсь без рисунка нарисуете. :D
Теперь настраиваем обводку: серая, ширина 1 пиксель.
Наложение градиента:
Изображение

В новом кадре открываем параметры слоя и градиент ставим уже такой:
Изображение

Ставим промежуточные кадры и вуаля:
Изображение

Если ползёт не в ту сторону, то просто подкорректируйте в кадре где идёт сдвиг:
Изображение

Мой вариант:
Изображение
You may stop this individual, but you can't stop us all… after all, we're all alike.

Аватара пользователя
Anders
Сообщения: 1589
Зарегистрирован: Вс мар 11, 2007 3:12 pm
Пол: Мужской
Antispam: Да
Откуда: KZ, Караганда
Контактная информация:

Re: Создаём loadbar'ы

Сообщение Anders » Ср июл 30, 2008 7:46 pm

Gекуба B. Sнат, спасибо огромное :Rose:

Аватара пользователя
Gекуба B. Sнат
Модератор
Сообщения: 663
Зарегистрирован: Чт июл 03, 2008 11:57 am
Пол: Женский

Re: Создаём loadbar'ы

Сообщение Gекуба B. Sнат » Ср июл 30, 2008 7:51 pm

Не за что.
Ещё лоадбар:
Изображение

НЕ знаю правда писать по такому или нет.
You may stop this individual, but you can't stop us all… after all, we're all alike.

Аватара пользователя
Anders
Сообщения: 1589
Зарегистрирован: Вс мар 11, 2007 3:12 pm
Пол: Мужской
Antispam: Да
Откуда: KZ, Караганда
Контактная информация:

Re: Создаём loadbar'ы

Сообщение Anders » Ср июл 30, 2008 7:54 pm

Gекуба B. Sнат писал(а):Не за что.
Ещё лоадбар:
Изображение

НЕ знаю правда писать по такому или нет.


ух красиво... пиши :wink:

Аватара пользователя
Gекуба B. Sнат
Модератор
Сообщения: 663
Зарегистрирован: Чт июл 03, 2008 11:57 am
Пол: Женский

Re: Создаём loadbar'ы

Сообщение Gекуба B. Sнат » Ср июл 30, 2008 8:06 pm

Подробно писаит не буду. Токль общие идеи - принцип тот же.

Создаём новый документ. Проводим полосу в новом слое. Дублируем полосу, повозачиваем на 90 градусов. Объединяем два слоя. Дублируем их - поворачиваем на 90 градусов.
Сливаем. В новом слое круглой кистью ставим круги на этих линиях:

Изображение

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

Изображение

Основа лоадбара готова. Накладвывем на слой какой-нибудь угловой градиент. Анимируем по тому же принципу что и в 1 случае. Только кадра надо создать три:
Изображение

Результат
Изображение
You may stop this individual, but you can't stop us all… after all, we're all alike.

Аватара пользователя
Любовь
Золотой магистр Photoshop и модератор
Сообщения: 2819
Зарегистрирован: Чт фев 01, 2007 10:56 pm
Пол: Женский
Antispam: Нет
Откуда: Екатеринбург
Контактная информация:

Re: Создаём loadbar'ы

Сообщение Любовь » Пт авг 01, 2008 7:40 pm

Gекуба B. Sнат, ну просто мастер лоадбаров! :D

Аватара пользователя
Gекуба B. Sнат
Модератор
Сообщения: 663
Зарегистрирован: Чт июл 03, 2008 11:57 am
Пол: Женский

Re: Создаём loadbar'ы

Сообщение Gекуба B. Sнат » Пт авг 01, 2008 8:09 pm

Да ну, Любовь, чушь все эти лоадбары... Делать тут совершенно не чего, просто слишком... Но всё равно, спасибо, мне прияно :)
You may stop this individual, but you can't stop us all… after all, we're all alike.

Terrible
Сообщения: 70
Зарегистрирован: Пт май 15, 2009 9:57 pm
Пол: Мужской
Antispam: Нет

Re: Создаём loadbar'ы

Сообщение Terrible » Вт май 19, 2009 7:34 pm

delete
Последний раз редактировалось Terrible Чт янв 30, 2014 12:11 am, всего редактировалось 1 раз.

Лесси
Сообщения: 7
Зарегистрирован: Пн авг 10, 2009 10:18 pm
Пол: Женский
Antispam: Нет

Re: Создаём loadbar'ы

Сообщение Лесси » Вт авг 11, 2009 10:03 pm

урок полезный.НО! очень НЕ подробно расписано.... для новичков в фотошопе ( например я) очень не понятно.
Распишите урок по подробней пожалуйста
:sorry:

pantera1
Сообщения: 12
Зарегистрирован: Пн янв 24, 2011 1:40 am
Antispam: Да

Re: Создаём loadbar'ы

Сообщение pantera1 » Пн янв 24, 2011 1:57 am

ух ты! очень полдезный урок! Можно же не только загрузку придумать! Но и юзербары таким образом создать


Вернуться в «Анимация»

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

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