И так, для просто и удобства сделал вам простейший шаблон для ваших творений, да и мне меньше обьяснять придется.
[attachmentid=2078]
Открываем этот файлик фотошопом, предварительно советую установить шрифты выложеные в этом сообщении. Там уже есть слои с нашими повсеместными розовыми лапками, текстом ANIMEWALLPAPERS и с примером фона, отображение которых можно включить кликнув мышкой по пустому квадратику напротив названия слоя:
[attachmentid=2080]
Чтобы добавить туда нужную нам картинку, открываем ее тоже с помощью фотошопа (или через File - Open). В итоге получим что что вроде этого:
[attachmentid=2079]
В открывшейся картинке левой кнопой мыши выделяем нужный нам кусок с помощью инстумента выделенного на картинке (если на этом инструменте нажать правой кнопой, то там будет возможность выбрать и другие формы выделения, а не только квадратный):
[attachmentid=2081]
Если нужно выделить что то более сложное, то можно воспользоваться инструментом Lasso или удобнее Magnetic Lasso (в CS3 лучше Quick selection, правой кнопой на Magic Wand), точность выделения зависит от параметра Frequency, для улучшения качества выделения попробуйте разные значения этого параметра:
[attachmentid=2082]
Выделив нужный нам кусок картинки выбираем инструмент Move и перетаскиваем наш кусок в окно где делаем юзербар до появления возле курсора значка +. После этого картинка будет уже в нашем юзер баре, нам остается только перетащить ее в нужное место и изменить размер до нужно, для этого проверьте чтобы у вас стояла галочка Show Transform controls, чтобы были видны границы картинки:
[attachmentid=2083]
После этого мы можем менять размер перенесенной нами картинки схватившись левой кнопой мыши за границу картинки.
Ну вот, теперь у нас есть картинка, теперь подберем под нее фон. Для этого переходим на слой Фон, выделяем то что там уже есть и смело удаляем (когда вы работаете со слоями, то все действия которые вы делаете распростроняются только на тот слой с которым работаете, то бишь это не значит что если вы делаете выделение и под выделение попадает рисунок с другого слоя, то этот рисунок затронут не будет).
Для фона можно использовать следующие инструменты, типа прямоугольника, овала и т.д:
[attachmentid=2084]
В данном примере я воспользуюсь Custom Shaps*:
[attachmentid=2085]
написание в процессе
Выбрав нужную нам фигуру, жмем левой кнопой мыши на нашем юзербаре и тянем мышку до появления контура желаемой фигуры. Я например получил такую рамочку:
[attachmentid=2086]
Делать цвет фона не буду, пускай будет прозрачный юзербар.
Теперь ставим значек глаза напротив сделаной нами моськи, текста и лапок если есть желание.
У меня получилось вот такая вот фигня, не бог весь что, но будем работать:
[attachmentid=2087]
Выделяем слой с текстом ANIMEWALLPAPERS и инструмент с большой буквой Т, послечего можем менять цвет текста и шрифт: например цвет шрифта как у маски, 20й размер и шрифт Vampir
[attachmentid=2088]
Для придачи тексту ещё каких либо эффектов, жмем правой кнопой на слое и выбираем Blending options... ну и тыкаем там эксперементируем. Могу вкратце обьяснить что именно там есть по пунктам:
[attachmentid=2089]
Drop Shadow - отбрасывание теней
Inner Shadow - отбрасывание внутренних теней
Inner Glow - внутреннее свечение
Outer Glow - внешнее свечение
Bevel & Embos - рельефность
Satin - что то вроде бликов, не помню как точно обзывается
Color Overlay - наложение цвета
Gradient Overlay - наложение градиента (плавный переход от одного цвета к другому)
Pattern Overlay - наложение текстуры
Stroke - помойму типа контура чтоли
Таким же макаром с этими опциями можете побаловаться и с другими слоями.
После того как все сделали, созраните работу в формате PSD куда нибудь себе, на будущее - если захотите ещё сделать юзербаров. После этого, чтобы избавиться от лишнего пустого место вокруг юзербара идем в меню Image - Trim... , выбираем там Transparent pixels и жмем ОК, теперь сохраняем в нужном вам формате, если ваш юзербар не просто прямоугольненький, а прозрачный как у меня, то лучше сохранять в GIF формате.
У меня например получилась вот такая вот гадость
