Kopfbereich

Direkt zum Inhalt Direkt zur Navigation

Inhalt

Делаем Юзербары Версия для печати

Открываем фотошоп и делаем новый документ с размерами
350 X 20

Перед нами появилась абсолютно чистая картинка. Давайте дадим ей градиент. Проваливаемся в Layer-> New Fill Layer -> Gradyent.
Должно появится следующее меню:
y Нажимаем на Gradyent и выбираем подходящие нам цвета. Затем жмем ОК.

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

Также мы можем похимичить с настройками. Например, если поставить Scale = 150, то переход из цвета в цвет будет более плавным.
Если поставить Angle = 0, то наша картинка будет выглядеть вот так:

Давайте поэкспериментируем и создадим вот такой фон:

Для этого ставим style: Linear, Scale: 150 и ставим галочку "Reverse"
Для тех, кто что-то не понял, посмотрите на нижний рисунок

Теперь, создав подходящий нам узор, добавим полоски или узоры.

Для того чтобы создать узор, нам необходимо создать новый файл с следующими настройками:

Затем нарисуем узор в виде полосы. Для этого увеличиваем масштаб (Ctrl + "+" несколько раз) в несколько раз и карандашом (Pencil Tool) рисуем диагональную полоску

Далее нажимаем Edit -> Define Patern -> даем имя фону.
Теперь переключаемся к нашему старому рисунку и создаем в нем новый слой.

Затем заливаем им наш фон из рисунка 1. Для этого выбираем Paint Bucket Bucket Tool, в верхнем меню ставим "Pattern" и выбираем наш узор.

Должно получится, что то вроде этого:

Теперь давайте сделаем его более прозрачным. Для этого, в панели слоев ставим Opacity ~ 30 - 40 % на ваше усмотрение.

Однако юзербары, с таким узором видны почти везде, поэтому советую поэкспериментировать в этом плане. Ниже приведу несколько результатов экспериментов:

Как видите, картинки получаются весьма разнообразными.

Также вы можете поменять сам цвет вашего узора, в случае, если он не подходит к фону.

Например, у нас такой фон:

На таком фоне мы ничего не увидим. Зато к нему идеально подходит белый узор.

Для этого заливаем также, как было расписано ранее, и проделываем некоторые операции:

В окне Layers щелкаем правой кнопкой по слою с узором и выбираем пункт "Blending Options"

Далее по знакомому нам способу выбираем Opacity и получаем что-то вроде этого:

Вот что получилось из вышеуказанного юзербара:


Выбрав подходящий фон и узор, ставим картинку.
1. Я выбрала фотку , вырезала то что мне нужно (глаза) и перенесла на мой юзербар.

2. Написала надпись.

3. Потом создала новый слой. Для этого нажимаем Ctrl + Shift + N.
4. Затем берем инструмент "Овальная область" (По умолчанию "М"), и выделяем примерно так как на скрине.

5. Заливаем выделенныю область белым цветом.


6. Ставим оптикати на 30 % или как вам будет виднее.

Потом я перешла к анимации. Создала 2 кадра. И стала работать с текстом .
На одном кадре STROKE у меня 1 пиксель на втором 3.
Секунды поставила на кадрах как 0.1 сек

Всё мой юзербар готов.
Сохраняем его также как и все анимации!

Секунды можно сделать как вам понравится вот например на одном кадре 0.1 сек, а на втором я поставила 0.2 сек

Обсудить урок можно тут! 

 
< Пред.   След. >
design by i-cons