Четверг, 28.03.2024, 13:29
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Мастерская сайта » Мир уроков Adobe Photoshop » Как сделать юзербар!
Как сделать юзербар!
•°•°-Girl-°•°•Дата: Суббота, 03.04.2010, 17:02 | Сообщение # 1
Майор
Группа: Администраторы
Сообщений: 96
Статус:
Здравствуйте!
Здесь будет описан урок как сделать юзербар!
Итак!

1)Создаем новый файл размером 350х19 рх.Фон оставляем прозрачным или заливаете нужным цветом (как захотите).

2)Заливаем его градиентом, или по желанию - штрихуем.

3)Открываем изображение, которое будет на юзербаре. Если оно нам не подходит по размеру, то идем в Редактирование->Свободное трансформирование(ctrl+t) Вырезаем изображение, и вставляем его в юзербар.Пишем шрифт.Добавляем блик сверху - создайте новый слой, возьмите инструмент "Выделение" , создайте выделение на верхней половине юзербара, залейте его белым цветом и ослабите прозрачность слоя.Готово!

А теперь - если хочешь сделать более сложный и более красивый юзербар. Все делаем до 3-го пункта. Затем вставляете изображение(НЕТРАНСФОРМИРОВАННОЕ!)Но если оно очень уж большое, то уменьшите его. Перемещаем его так, чтобы низ вставленного изображения совпадал с низом юзербара.

Переходим в Image Ready.

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

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

Создаем промежуточные кадры.

Настройки:

Готово!
Вот мой результат:

Урок принадлежит сайту graphic.at.ua!Копирование запрещено!

 
KatyaДата: Воскресенье, 04.04.2010, 17:02 | Сообщение # 2
Красотка!
Группа: Юзер
Сообщений: 3
Статус:
Мммм.Класненько! biggrin
 
Форум » Мастерская сайта » Мир уроков Adobe Photoshop » Как сделать юзербар!
  • Страница 1 из 1
  • 1
Поиск:

Все материалы принадлежат сайту GRAPHIC.AT.UA! Копирование строго запрещено!!! 2024
Сделать бесплатный сайт с uCoz