login:        password:      
Combats Scrolls
Rambler's Top100
Гость БК
Profile Friend page
ru
updated 09.07.09 23:07
09-07-09 @ 22:39

Модификатор Open user info Open user photogallery
Юзербарки
Вспомнила мне сестра 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. Про анимацию писать неимоверно лень.

Я думаю, что это: Scrolls.multiLike:)

view mode: linear threads
View disscussion »
Total disscussion threads: 1 Pages: 1
«« « 1 » »»

Disscuss opened for regisered users only.
Таис Open user info Open user photogallery
09-07-09 @ 23:42
Re: Юзербарки
copy link to clipboard
Добрый вечер:-)) вот спасибо!!!)))) пособие - зачОт!)) мне самой это интересно..возьмите миня в друзья)) пажалста))...
Модификатор Open user info Open user photogallery
10-07-09 @ 00:13
copy link to clipboard
Не за что. А что, сильно хочется? )
Таис Open user info Open user photogallery
10-07-09 @ 00:30
Re:
copy link to clipboard
Цитата: Модификатор, 10.07.2009 @ 00:13
Не за что. А что, сильно хочется? )
Цитата: Модификатор, 10.07.2009 @ 00:13
Не за что. А что, сильно хочется? )
конечно))..очень очень. я - хорошая:-)
Модификатор Open user info Open user photogallery
10-07-09 @ 00:43
copy link to clipboard
В друзья не добавляют всех подряд. :-) Тем более ввиду того факта, что у меня в друзьях только друзья и интересные скроллы. :-) А ты пока не относишься ни к тем, ни к другим. :-)

А что тебе даст то, что я добавлю тебя в друзья?:-)
Таис Open user info Open user photogallery
10-07-09 @ 00:54
Re:
copy link to clipboard
мне Ваш скролл понравился- вдумчиво, с юмором и много интересной информации....
А то, что в моем скролле мало записей, еще не доказательство того, что я - не интересный собеседник сама по себе. Просто я - новенькая. И когда мой друг попал в беду, хотелось у Вас узнать - как тут сражаться....
Впрочем..невопро). Мужчина не хочет..девушка не переспрашивает второй раз)). Спокойной ночи.
Модификатор Open user info Open user photogallery
10-07-09 @ 01:13
copy link to clipboard
Хех, спасибо. ;-)

А это качество само по себе достойно уважения. ;-) Будешь моим другом.))
Таис Open user info Open user photogallery
10-07-09 @ 23:06
Re:
copy link to clipboard
большое спасибо-))! вчера порыв души был на любимый Photoshop и возможность поучиться))..работаю я в нем..
Модификатор Open user info Open user photogallery
10-07-09 @ 23:14
copy link to clipboard
Ну, раз работаешь, думаю, тебе эта записка охотника была ни к чему? :-)
Таис Open user info Open user photogallery
10-07-09 @ 23:26
Re:
copy link to clipboard
я не волшебник, еще только учусь))... не профессиональный дизайнер) (честная такая....)))
Модификатор Open user info Open user photogallery
10-07-09 @ 23:48
copy link to clipboard
Я тем более, использую иногда ФШ, не более того. :-) Даже не любитель.
Таис Open user info Open user photogallery
10-07-09 @ 23:46
Re:
copy link to clipboard
а вот вопрос деловой задать можно?) - если один и тот же уровень, а противник сильнее по НР, его можно все ж обыграть?) и какие таланты для этого требуются?) уж очень хочется....
Модификатор Open user info Open user photogallery
10-07-09 @ 23:49
copy link to clipboard
Уровень HP отнюдь не показатель силы персонажа. Важны многие другие параметры, как модификаторы, урон, защита, броня и так далее...
Таис Open user info Open user photogallery
11-07-09 @ 00:17
Re:
copy link to clipboard
а..ээ..что такое модификаторы?:-))
а еще хотела спросить -у меня оч редко, но иногда во время битвы кнопки, который я выбираю (голова, например,) подсвечиваются желтым цветом и зеленым-это что за фрукт такой?:-)) подсказка что ли?)
Модификатор Open user info Open user photogallery
11-07-09 @ 10:45
copy link to clipboard
Модификаторы - это параметры, влияющие на твой шанс увернуться/критануть/контрударить/избежать того от противника.
Это никакая не подсказка, это "смертельные раны" - урон по этим зонам увеличен, но противник их может и заблокировать.
Таис Open user info Open user photogallery
11-07-09 @ 13:12
Re:
copy link to clipboard
Спасибо..становлюсь умнее)), ночью почти дошла до 4го уровня, осталось 60 НР. Вы с Митрополит [] на пару меня учили -суперские у меня учителя:-)/ Читала все про модификаторы и училась драться...заводит)))).
Модификатор Open user info Open user photogallery
11-07-09 @ 13:26
copy link to clipboard
Плохой из меня учитель. )
Таис Open user info Open user photogallery
11-07-09 @ 13:58
Re:
copy link to clipboard
....чтобы услышать Учителя, ученику важно иметь чистые уши и уметь слушать))). не усе так просто..смеюсь)).

я вот подумываю вечером написать, пока не забыла краткое пособие для новичка...благодаря Митрополиту я быстрее намного освоилась и не делала глупостей. И оч много тонкостей узнала.
Не думаю, что все сразу во все въезжают))..
Модификатор Open user info Open user photogallery
11-07-09 @ 20:36
copy link to clipboard
Хотелось бы почитать.

Disscuss opened for regisered users only.

Total disscussion threads: 1 Pages: 1
«« « 1 » »»


 
 © 2007–2025 «combats.com»
  18+  
feedback