<?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>Code-Is-Art &#187; Photoshop</title>
	<atom:link href="http://www.codeisart.ru/rubric/photoshop/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.codeisart.ru</link>
	<description>Статьи по SEO, дизайну и программированию. Переводы на веб-тематику. Исследования и наработки в области интернет-технологий.</description>
	<lastBuildDate>Tue, 08 Nov 2011 13:43:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Текстура дерева</title>
		<link>http://www.codeisart.ru/tekstura-dereva/</link>
		<comments>http://www.codeisart.ru/tekstura-dereva/#comments</comments>
		<pubDate>Thu, 09 Apr 2009 13:00:42 +0000</pubDate>
		<dc:creator>Octane</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Текстуры]]></category>

		<guid isPermaLink="false">http://www.codeisart.ru/?p=1427</guid>
		<description><![CDATA[В этой статье мы рассмотрим несколько необычный способ создания текстуры дерева в&#160;Photoshop. Отличие его заключается в&#160;том, что часть работы выполняется в&#160;специально написанной мною программе &#171;Wood Texture Generator&#187;, которая при помощи B-Spline&apos;ов строит изображение похожее на&#160;древесную поверхность. Сначала рассмотрим, что&#160;же такое &#171;B-Spline&#187; и&#160;каким образом мы&#160;будем применять его, чтобы получить текстуру дерева. &#171;B-Spline&#187;&#160;&#8212; это плавная кривая, построенная [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.codeisart.ru/files/photoshop/wtg/img/wtg-0.jpg" alt="Текстура дерева" style="width:435px;height:96px;margin-right:-100px;" /></p>
<p>В этой статье мы рассмотрим несколько необычный способ <strong style="font-weight:normal;">создания текстуры дерева</strong> в&nbsp;<abbr title="Профессиональный графический пакет для работы с растровой графикой">Photoshop</abbr>. Отличие его заключается в&nbsp;том, что часть работы выполняется в&nbsp;специально написанной мною программе &laquo;<a href="http://www.codeisart.ru/tekstura-dereva/#wtg" title="Генератор текстуры дерева">Wood Texture Generator</a>&raquo;, которая при помощи B-Spline&apos;ов строит изображение похожее на&nbsp;древесную поверхность.</p>
<p><span id="more-1427"></span></p>
<p>Сначала рассмотрим, что&nbsp;же такое &laquo;B-Spline&raquo; и&nbsp;каким образом мы&nbsp;будем применять его, чтобы получить <strong style="font-weight:normal;">текстуру дерева</strong>.</p>
<p>&laquo;B-Spline&raquo;&nbsp;&mdash; это плавная кривая, построенная минимум по&nbsp;3-м точкам. Допустим, у&nbsp;нас есть набор точек вида (x,y): A(10,400), B(200,10), C(300,400), D(400,10), E(500,400). Соединим их последовательно прямой.</p>
<p><img src="http://www.codeisart.ru/files/photoshop/wtg/img/wtg-1.png" alt="Текстура дерева" style="width:465px;height:370px;margin-right:-100px;" /></p>
<p>Теперь поверх изображения построим по&nbsp;этим точкам &laquo;B-Spline&raquo; (изображен красным цветом).</p>
<p><img src="http://www.codeisart.ru/files/photoshop/wtg/img/wtg-2.png" alt="Рисунок 2" style="width:465px;height:370px;" /></p>
<p>Как видим B-Spline&apos;овая кривая проходит через середины отрезков и&nbsp;не&nbsp;касается вершин, поэтому требуется минимум 3&nbsp;точки.</p>
<h1>Создание текстуры дерева</h1>
<p>Думаю, для понимания процесса, теории будет достаточно. Перейдем непосредственно к&nbsp;работе, запустим <strong style="font-weight:normal;">&laquo;Wood Texture Generator&raquo;</strong> и&nbsp;нажмем &laquo;Новая текстура&raquo;&nbsp;(Ctrl+N).</p>
<p><img src="http://www.codeisart.ru/files/photoshop/wtg/img/wtg-3.png" alt="Рисунок 3" style="width:465px;height:332px;" /></p>
<p>В результате мы получили изображение похожее на&nbsp;<strong style="font-weight:normal;">текстуру дерева</strong>, но&nbsp;такой результат нас не&nbsp;устраивает, попробуем получить более реалистичную картинку. Для этого уберем галочку с&nbsp;переключателя &laquo;Очищать&raquo;&nbsp;(Ctrl+C) и&nbsp;выберем более светлый оттенок коричневого в&nbsp;RGB-палитре &laquo;Цвет пера&raquo;, немного уменьшим &laquo;y&raquo;&nbsp;&mdash; постоянный шаг по&nbsp;оси&nbsp;&laquo;Y&raquo; и&nbsp;&laquo;dy&raquo;&nbsp;&mdash; максимальное значение случайной величины, прибавляемой на&nbsp;каждом шаге&nbsp;к&nbsp;&laquo;y&raquo;. Затем снова выполним команду &laquo;Новая текстура&raquo;&nbsp;(Ctrl+N).</p>
<p><img src="http://www.codeisart.ru/files/photoshop/wtg/img/wtg-4.png" alt="Рисунок 4" style="width:465px;height:332px;" /></p>
<p>Получилось уже&nbsp;что-то более похожее на&nbsp;<strong style="font-weight:normal;">текстуру дерева</strong>, но&nbsp;пока не&nbsp;совсем&nbsp;то, что хотелось&nbsp;бы. Сохраним это изображение в&nbsp;&laquo;bmp-файл&raquo;, для этого нужно нажать &laquo;Сохранить изображение&raquo;&nbsp;(Ctrl+Shift+S). Затем откроем его в&nbsp;&laquo;Photoshop&raquo;.</p>
<p>Чтобы повысить качество изображения, применим фильтр &laquo;Motion Blur&raquo;.</p>
<p><img src="http://www.codeisart.ru/files/photoshop/wtg/img/wtg-5.png" alt="Рисунок 5" style="width:370px;height:440px;" /></p>
<p>В&nbsp;появившемся окне нужно установить значение угла движения &laquo;Angle&raquo; равным &nbsp;0&deg; и&nbsp;дистанцию &laquo;Distance&raquo; не&nbsp;более&nbsp;20-ти, чтобы сохранить четкость изображения.</p>
<p><img src="http://www.codeisart.ru/files/photoshop/wtg/img/wtg-6.png" alt="Рисунок 6" style="width:322px;height:384px;" /></p>
<p>Далее сделаем темные линии прерывистыми, перейдем в&nbsp;&laquo;Filter Gallery&raquo;.</p>
<p><img src="http://www.codeisart.ru/files/photoshop/wtg/img/wtg-7.png" alt="Рисунок 7" style="width:256px;height:185px;" /></p>
<p>В появившемся окне переходим к&nbsp;группе фильтров &laquo;Brush Stokes&raquo; и&nbsp;выбираем фильтр &laquo;Spatter&raquo;. Установим ползунок &laquo;Spray Radius&raquo; в&nbsp;положение&nbsp;1, а&nbsp;&laquo;Smoothness&raquo;&nbsp;&mdash; в&nbsp;положение&nbsp;14.</p>
<p><img src="http://www.codeisart.ru/files/photoshop/wtg/img/wtg-8.png" alt="Рисунок 8" style="width:465px;height:294px;" /></p>
<p>Получим достаточно реалистичное изображение полированной древесной поверхности.</p>
<p><img src="http://www.codeisart.ru/files/photoshop/wtg/img/wtg-9.png" alt="Рисунок 9" style="width:465px;height:200px;" /></p>
<p>Экспериментируя с&nbsp;различными фильтрами &laquo;Photoshop&raquo; и&nbsp;параметрами Wood Texture Generator&apos;а можно получать различные <strong style="font-weight:normal;">качественные деревянные текстуры</strong>.</p>
<p><img src="http://www.codeisart.ru/files/photoshop/wtg/img/wtg-10.png" alt="Рисунок 10" style="width:465px;height:420px;" /></p>
<p>Вы можете скачать &laquo;<a id="wtg" href="http://www.codeisart.ru/files/wtg.zip" title="Генератор текстуры дерева">Wood Texture Generator</a>&raquo; c&nbsp;нашего сайта. Программа распространяется бесплатно и&nbsp;не&nbsp;может продаваться. Авторские права принадлежат студии &laquo;<a href="http://www.webpp.ru/">Web++</a>&raquo;.</p>
<p>В программе &laquo;Wood Texture Generator&raquo; нет никакой &laquo;защиты&nbsp;от&nbsp;дурака&raquo;, обработки исключений и&nbsp;методов оптимизации вычислений, поэтому если она зависнет при попытке открыть файл неправильного формата или при нехватке памяти в&nbsp;результате длительных вычислений, не&nbsp;нужно ругаться и&nbsp;писать, что программа не&nbsp;работает, значит вы сделали что-то неправильно. При малых значениях шага&nbsp;по&nbsp;&laquo;x&raquo; и&nbsp;по&nbsp;&laquo;y&raquo; процесс генерации текстуры может быть достаточно долгим, в&nbsp;некоторых случаях может показаться, что программа &laquo;не&nbsp;отвечает&raquo;, не&nbsp;спешите сразу завершать процесс, подождите некоторое время, такие паузы связаны с&nbsp;большим объемом вычислений, т.&nbsp;к. на&nbsp;рисование минимального отрезка кривой необходимо 1000 интераций цикла.</p>
<blockquote><p>Статья перенесена из нашего корпоративного блога ввиду полной переделки сайта. Подробнее <a href="http://www.codeisart.ru/webpp-records-replace/">можно узнать тут</a>.</p>
</blockquote>
<p>Компания <i>Web++</i>&nbsp;&mdash;&nbsp;<a title="Создание сайтов в Волгограде" href="http://www.webpp.ru/">создание сайтов Волгоград</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codeisart.ru/tekstura-dereva/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Served from: www.codeisart.ru @ 2012-02-04 09:39:20 -->
