Данный форум является архивом сайта www.eestimamki.ee

И так открываем Photoshop и создаем файл размером 350 X 19

Перед нами появилась абсолютно чистая картинка. Давайте дадим ей градиент. Проваливаемся в 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 и получаем что-то вроде этого:

Также, если хочется, то можно поэкспериментировать с вкладкой Gradient Overly (ниже Color Overly), иногда можно добиться интересных эффектов, придать нашему узору блеск. Принцип, такой же, что в начале.

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

Выбрав подходящий фон и узор, ставим картинку.
1. Я выбрала новогоднюю картинку, перенесла на мой юзербар и продублировала рисунок.
2. Написала надпись.
3. Потом создала новый слой. Для этого нажимаем Ctrl + Shift + N.
4. Затем берем инструмент "Овальная область" (По умолчанию "М"), и выделяем примерно так как на скрине.
5. Заливаем выделенныю область белым цветом.
6. Ставим оптикати на 30 % или как вам будет виднее.

Потом я решила сделать анимацию. Для этого продублировала слой с надписью. В одном слое "обводка" (STROKE) у меня 1 пиксель, во втором - 2.

Переходим в ImageReady и делаем анимацию из 2 кадров - (с разной обводкой в тексте).
Секунды поставила на кадрах как 0.1 сек

Всё мой юзербар готов. А ваш?

Можно поиграть с Opticaly белой овальной заливки. Например, здесь у меня один слой Opticaly 30%, другой - 40.

В уроке использовались материалы с сайта Луганский молодежный портал и урок 2008 года СеРгЕеВны.

Ваша задача сделать 5 юзербаров, один из которых (минимум один) должен быть о нашем сайте.То есть юзербар с надписями eestimamki, Мамочки Эстонии итп.. Срок - 14.01.2009 (включительо).