 |
| ru |
 |
updated 09.07.09 23:07 09-07-09 @ 22:39
Модификатор  
Юзербарки
|
Вспомнила мне сестра Kaminari-kun [] о том, что я когда-то давным давно занимался юзербарками. Но её вопросом был не «Модя, нарисуй юзербарку» или «Модь, как вставить её в подпись?». Вопрос её был куда более глубок и осмысленн, за что я её могу похвалить. Вопрос заключался в том, как рисовать юзербарки. Ну, раз уж я давно этим не занимаюсь, было принято решение рассказать, как эти самые юзербарки и рисуются. Основной инструментарий — Adobe Photoshop, интернет и шрифт MicroN55. Для особо умных особей — прямые руки.
Самый первый этап и самый простой. Первым делом создаём новое изображение. Размеры: 350 x 19, фон прозрачный.
Второй этап - ищем в интернете картинку, которую хотели бы иметь на фоне своей юзербарки. Я надпись обычно оставляю справа, поэтому акцент на изображении слева. В моём примере это образ Одинокого Призрака. Изображение можно скопировать в масштабе 1 к 1, а можно при помощи Crop Tool вырезать нужный кусок с необходимым масштабом. В первом случае копируем картинку прямо в основное изображение, во втором — подставляем нужные размеры (350 х 19) в параметры инструмента и вырезаем.
Ещё один немаловажный элемент — диагональные полоски. Для них создаём ещё одно изображение с размерами 3 x 3 с прозрачным фоном. Берём максимальное увеличение (у меня это 1600%, в версии CS3 доступно увеличение до 3200%), потом инструмент карандаш с толщиной 1px и рисуем одну диагональную полоску справа налево. Следующий шаг: Edit → Define Pattern. Запоминаем с любым именем. Картинку можно не сохранять отдельным файлом.
В основном изображении создаём новый слой поверх фона и берём инструмент Paint Bucket. Меняем режим Foreground на Pattern и выбираем только что нарисованную линию. Заливаем новый слой нещадно. Непрозрачность (Opacity) слоя понижаем до 30-40%.
Но нельзя забывать и про полупрозрачный блик. Поверх полосок создаём ещё один слой. Берём инструмент Elliptical Marquee и выделяем всю юзербарку. В качестве основного цвета берём белый и заливаем выделение. (Для простоты это можно делать комбинацией Ctrl+Backspace для заливки фоновым цветом и Alt+Backspace для заливки основным). Снимаем выделение нажатием на Ctrl+D, берём Move Tool и перемещаем слой наполовину наверх. Потом снижаем opacity до 50%.
Уже что-то вышло. Остались надпись и рамка. Надпись делается шрифтом MicroN55, который, возможно, придётся качать отдельно (ссылку давал выше). Размер шрифта — 8pt, выбираем нужный цвет (можно неконтрастный, всё равно рамка будет) и добавляем надпись. Плохо видно? Не проблема! Выбираем в меню Layers слой с текстом, затем Blending Options → Stroke. Цвет желательно чёрный, толщина — 1px, outside. Эстеты могут выбирать особое положение относительно верха и левого/правого края, я же придерживаюсь только 5px от края, не обращая внимание на позицию по вертикали.
Ну и последний штрих - рамка. Сначала сводим все слои (Ctrl+Shift+E). Рамка должна быть чёрной и пофиг, какой основной цвет фона. В моём примере это плохо отражено, так как фон сам по себе чёрный, а в остальных случаях выбираем фоновый слой → Blending options → Stroke. Толщина — 1px, позиция — внутри, цвет — чёрный. В итоге получаем никудышный юзербарчик с одиноким призраком.
P.S. Автор сам года два-три назад учился по подобным руководствам. Это лишь вольный пересказ по памяти и может отступать от основных правил.
P.P.S. Про анимацию писать неимоверно лень.
|
Total disscussion threads: 6 Pages: 1
«« « 1 » »»
Disscuss opened for regisered users only.
 | | катятина
09-07-09 @ 23:01
Re: Юзербарки |
 |
|
| в избранное чтоль добавить... сейчас лень заниматься, но попробовать стоит %) |
|
|
|
 |
|
| В интернете можно поискать более толковые публикации. :-) |
|
|
|
| | катятина
09-07-09 @ 23:18
Re: |
|
|
| да я пробежалась, вроде и так понятно :) а вообще, мне проще, когда кто-то объясняет своими словами :) |
|
|
|
|
|
| Ну я так и старался. ) |
|
|
|
 | | Таис
09-07-09 @ 23:42
Re: Юзербарки |
|
|
| Добрый вечер:-)) вот спасибо!!!)))) пособие - зачОт!)) мне самой это интересно..возьмите миня в друзья)) пажалста))... |
|
|
|
 |
|
Пасыба, учытэл! (ц)
 |
|
|
|
|
|
| Ни за што! |
|
|
|
 | | Велга
11-07-09 @ 18:01
Re: Юзербарки |
|
|
| О, урок, сохраняю)) |
|
|
|
|
|
| Бу на тебя ) |
|
|
|
| | Велга
11-07-09 @ 21:49
Re: |
|
|
| Шо?? ) |
|
|
|
|
|
| То самое :-) |
|
|
|
 |
|
| добавил в избранное) |
|
|
|
|
|
| Ничего не понял. :( |
|
|
|
|
|
| :-( |
|
|
|
Disscuss opened for regisered users only.
Total disscussion threads: 6 Pages: 1
«« « 1 » »»
|
 |
