<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>RenderMarket.com &#187; Юзербар</title>
	<atom:link href="http://rendermarket.com/tag/yuzerbar/feed/" rel="self" type="application/rss+xml" />
	<link>http://rendermarket.com</link>
	<description>Обсуждение графических пакетов, общение в профессиональном кругу дизайнеров и художников</description>
	<lastBuildDate>Sat, 24 Dec 2011 11:28:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Создание юзербара</title>
		<link>http://rendermarket.com/2008/08/25/sozdanie-yuzerbara/</link>
		<comments>http://rendermarket.com/2008/08/25/sozdanie-yuzerbara/#comments</comments>
		<pubDate>Mon, 25 Aug 2008 12:58:41 +0000</pubDate>
		<dc:creator>natio</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Уроки Photoshop]]></category>
		<category><![CDATA[Юзербар]]></category>

		<guid isPermaLink="false">http://rendermarket.com/?p=255</guid>
		<description><![CDATA[Привет, вот пришло время новому уроку. На этот раз мы научимся делать юзербары. Итак немного теории, что же такое юзербар? А все просто это графическое изображение, предназначенное для размещения в подписи на веб-форумах, интернет-конференциях и других средствах интернет-общения. Основной целью &#8230; ]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-256" title="юзербар" src="http://rendermarket.com/wp-content/uploads/2008/08/pre.gif" alt="" width="256" height="195" /></p>
<p>Привет, вот пришло время новому уроку. На этот раз мы научимся делать юзербары. Итак немного теории, что же такое юзербар? А все просто это графическое изображение, предназначенное для размещения в подписи на веб-форумах, интернет-конференциях и других средствах интернет-общения. Основной целью размещение картинки-юзербара является выражение каких-либо убеждений, пристрастий, увлечений, привязанностей и даже черт характера пользователя. И так пошло-поехало…но нам этого хватит и приступаем к созданию собственного юзербарчика.<br />
<span id="more-255"></span>Итак нужно учесть что каждый уважающий себя юзербар должен иметь размер 350?19.<br />
Наличие чёрной рамки толщиной 1 пиксель по всему периметру изображения.<br />
Использование шрифта Visitor TT1 (10 кегль), Visitor TT2 (13 кегль) или microN55 (8 кегль) белого цвета с чёрной каймой и выключенной опцией anti-alias.<br />
Наличие фоновой штриховки под углом 45°.<br />
Белый полупрозрачный овал в верхней части изображения для придания иллюзии трёхмерности.<br />
Формат файла GIF (можно использовать также для создания анимации) или PNG (для высокого качества).</p>
<p>Итак начинаем.<br />
Фотошоп запущен, обязательный атрибут на столе (в виде кофе). Создаем новый документ ctrl+n. Ставим размеры 350*19.<br />
Создаем новый слой и заливаем его цветом #0d0d0d. Снова создаем новый слой берем инструмент Brush Tool (b) и ставим белый цвет. В свойствах инструмента ставим opacity на 10%, мягкую кисточку диаметров 80px. Теперь рисуем блики слева и немного высветлим справа.<br />
<img class="alignnone size-full wp-image-257" title="1_edit" src="http://rendermarket.com/wp-content/uploads/2008/08/1_edit.gif" alt="" width="350" height="19" /></p>
<p>Теперь берем #752f4c цвет и добавляем блик справа, совсем не значительный. Теперь сменяем цвет на # 263880 и рисуем в продолжение первого цвета, создавая такой себе градиентик<br />
<img class="alignnone size-full wp-image-258" title="2_edit" src="http://rendermarket.com/wp-content/uploads/2008/08/2_edit.gif" alt="" width="350" height="19" /><br />
На новом слое заливаем штриховкой цветом #545454. И ставим непрозрачность слоя на 12%.<br />
<img class="alignnone size-full wp-image-259" title="3_edit" src="http://rendermarket.com/wp-content/uploads/2008/08/3_edit.gif" alt="" width="350" height="19" /></p>
<p>Добавил красивостей кистями и добавил надпись. “rendermarket fun”. Шрифт как и требовалось поставил Visitor TT1 и размер 10 кеглей.<br />
<img class="alignnone size-full wp-image-260" title="4_edit" src="http://rendermarket.com/wp-content/uploads/2008/08/4_edit.gif" alt="" width="350" height="19" /><br />
И последних 2 штриха: нужно добавить рамочку однопиксельную и блик. Итак рамочку делаем на новом слое и ставим на верхний уровень (думаю создание рамочки не составит сложности). Под этим слоем нужно создать еще одни где разместим наш блик. Создаем овальное выделение инструментом Elliptical Marquee Tool, заливаем белым цветом и ставим непрозрачность на 20%.<br />
Вот и все наш юзербар готов.<br />
<img class="alignnone size-full wp-image-261" title="6_edity" src="http://rendermarket.com/wp-content/uploads/2008/08/6_edity.gif" alt="" width="350" height="19" /></p>
<p><a title="Обсуждаем урок" href="http://forum.rendermarket.com/index.php?topic=225" target="_blank">Обсуждаем урок</a> и выкладываем свои результаты ;)</p>
]]></content:encoded>
			<wfw:commentRss>http://rendermarket.com/2008/08/25/sozdanie-yuzerbara/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

