• Авторизация


Создание бигбара 12-05-2011 10:11 к комментариям - к полной версии - понравилось!

Это цитата сообщения IrchaV Оригинальное сообщение

Создание бигбара

Стандартный размер бигбара - 350х40 пикселей.

[показать]

Если Вы хотите сделать бигбар с элементом, который будет выступать за границы полоски 350х40 пикселей, то максимум может быть 350х80 пикселей.

[показать]



Итак, создадим новый документ File-New (Файл-Новый) или Ctrl+N:

[показать]

Создадим фон нашего бигбара. Это может быть однотонный фон, может быть градиент, фотография либо же комбинация всего сразу ) Для создания фона Вы можете использовать все свои знания в Photosop'е - ограничений никаких! Я воспользовалась простым градиентом:

[показать]

Создадим новый слой над слоем с фоном Layer-New-Layer (Слой-Новый-Слой) или Ctrl+Shift+N и сделаем на этом слое рамочку. Я считаю рамочку обязательным элементом бигбара, так как она делает работу завершенной. На панели инструментов выбираем Rectangular Marquee Tool (Прямоугольное выделение). В меню выбираем Select-Select All (Выделение-Выделить все) или Ctrl+A. И кликаем правой клавишей мышки на изображении и в открывшемся контексном меню выбираем Stroke (Обводка). Либо же Edit-Stroke (Правка-Обводка). И в открывшемся окошке выбираем толщину обводки (рекомендую 1px) и цвет обводки:

[показать]

Снимем выделение, нажав Ctrl+D или Select-Deselect (Выделение-Снять выделение).

[показать]

К слою с рамкой также можно подключить фантазию ) У меня уже своего рода правило - для рамки я всегда использую Outer Glow (Внешнее свечение):

[показать]

[показать]

Поскольку бигбар должен нести в себе какую-то информацию о Вас, то необходим текст. С помощью Horizontal Type Tool (Горизонтальный текст) напишем нужный нам текст:

[показать]

Можно сделать анимацию с текстом, анимацию с фоном, сменяющие друг друга картинки-фото - но это все то, о чем я говорила в начале. Ваша фантазия и умения! Можно применять разнообразные стили к тексту, что я и сделаю для простейшей анимации) Создам копию слоя с текстом Layer-New-Layer via Copy (Слой-Новый-Копия) или Ctrl+J. И для копии применю:

[показать]

[показать]

Не забудьте перенести слой с текстом под рамку:

[показать]

И остался последний обязательный элемент - эффект объемности. Создадим новый слой под слоем с рамкой Layer-New-Layer via Copy (Слой-Новый-Копия) или Ctrl+Shift+N:

[показать]

С помощью Elliptical Marquee Tool (Овальное выделение) создайте выделение как на скриншоте:

[показать]

Не снимая выделения, выберите Paint Bucket Tool (Заливка) и залейте выделение белым цветом. После этого снимайте выделение Ctrl+D или Select-Deselect (Выделение-Снять выделение):

[показать]

И уменьшим Opacity (Прозрачность) слоя "Объем" до 30%:

[показать]

[показать]

В зависимости от Ваших предпочтений, можно этот слой оставить таким, а можно немного его размыть Filter-Blur-Gaussian Blur (Фильтр-Размытие-Размытие по Гауссу) [?]:

[показать]

Наш бигбар готов )

[показать]

Нашу надпись можно анимировать, но это уже следующий урок )

Ведущая урока - horo6aya, e-mail: horo6aya@rambler.ru

вверх^ к полной версии понравилось! в evernote
Комментарии (1):


Комментарии (1): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Создание бигбара | Natali_Trofimova - Дневник natahatrof | Лента друзей Natali_Trofimova / Полная версия Добавить в друзья Страницы: раньше»