<?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>ostapdesign.ru &#124; лучшие фотографы и дизайнеры мира &#187; УРОКИ</title>
	<atom:link href="http://ostapdesign.ru/category/uroki/feed" rel="self" type="application/rss+xml" />
	<link>http://ostapdesign.ru</link>
	<description></description>
	<lastBuildDate>Fri, 18 May 2012 16:46:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>Создаем типографические обои для рабочего стола</title>
		<link>http://ostapdesign.ru/uroki/sozdaem-tipograficheskie-oboi-dlya-rabochego-stola.html</link>
		<comments>http://ostapdesign.ru/uroki/sozdaem-tipograficheskie-oboi-dlya-rabochego-stola.html#comments</comments>
		<pubDate>Thu, 18 Feb 2010 18:19:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[УРОКИ]]></category>
		<category><![CDATA[ретро]]></category>
		<category><![CDATA[текст]]></category>
		<category><![CDATA[типографика]]></category>

		<guid isPermaLink="false">http://ostapdesign.ru/?p=1298</guid>
		<description><![CDATA[В этом уроке научимся с легкостью создавать типографические обои для Вашего рабочего стола, применяя несколько простых приемов Урок для тех, кто думает, что Photoshop является очень тяжелой программой. Конечно же он не пояснит вам все мелочи, но суть передаст. Владея базовыми знаниями Photoshop, можно получать вполне достойный результат. К примеру, вот такие обои для вашего <a href="http://ostapdesign.ru/uroki/sozdaem-tipograficheskie-oboi-dlya-rabochego-stola.html">читать далее <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="postanons">
<div class="post_im"><a href="http://ostapdesign.ru/uroki/sozdaem-tipograficheskie-oboi-dlya-rabochego-stola.html#more-1298"><img src="http://ostapdesign.ru/wp-content/uploads/2010/02/post6.jpg" alt="post6 Создаем типографические обои для рабочего стола" title="Создаем типографические обои для рабочего стола" width="150" height="150" class="alignnone size-full wp-image-1300" /></a></div>
<div class="anons_blok">
<div class="anons_text">В этом уроке научимся с легкостью создавать типографические обои для Вашего рабочего стола, применяя несколько простых приемов</div>
<div class="more"><span id="more-1298"></span></div>
</div>
</div>
<div style="margin-bottom: 3px;"><script type="text/javascript"><!--
google_ad_client = "pub-1187667253960471";
/* 468x60, создано 09.02.10 */
google_ad_slot = "7587175098";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<p><strong>Урок</strong> для тех, кто думает, что <strong>Photoshop</strong> является очень тяжелой программой. Конечно же он не пояснит вам все мелочи, но суть передаст. Владея базовыми знаниями <strong>Photoshop</strong>, можно получать вполне достойный результат. К примеру, вот такие обои для вашего рабочего стола:</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/02/1610.jpg" alt="1610 Создаем типографические обои для рабочего стола" title="Создаем типографические обои для рабочего стола" width="550" height="347" class="alignnone size-full wp-image-1302" /></div>
<div class="shag">Шаг 1</div>
<p>Итак, создаем новый документ. Размер ставим соответствующий Вашему рабочему столу. Я выбрал разрешение 1280&times;800 и 300dpi.</p>
<div class="shag">Шаг 2</div>
<p>Теперь скачиваем <a href="http://ostapdesign/files/paper.jpg" target="_blank">текстуру бумаги</a>. При помощи комбинации клавиш ctrl+T (трансформирование), поворачиваем и подгоняем под размеры документа текстуру.</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/02/218.jpg" alt="218 Создаем типографические обои для рабочего стола" title="Создаем типографические обои для рабочего стола" width="550" height="388" class="alignnone size-full wp-image-1303" /></div>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/02/39.jpg" alt="39 Создаем типографические обои для рабочего стола" title="Создаем типографические обои для рабочего стола" width="206" height="229" class="alignnone size-full wp-image-1304" /></div>
<div class="shag">Шаг 3</div>
<p>Создаем две папки поверх двух слоев. Первую называем &laquo;текст&raquo;, вторую &laquo;узоры&raquo;. В папке &laquo;текст&raquo; создаем новый слой и выбираем инструмент Horizontal Type Tool (T), на слое пишем текст, который хотите видеть у себя на рабочем столе(мой выбор: Typography by OstapDesign). Эти три слова я писал на разных слоях для удобства. Кстати, я использовал вот этот <a href="http://www.urbanfonts.com/fonts/Bodoni.htm" target="_blank">шрифт</a>.</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/02/69.jpg" alt="69 Создаем типографические обои для рабочего стола" title="Создаем типографические обои для рабочего стола" width="206" height="229" class="alignnone size-full wp-image-1305" /></div>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/02/58.jpg" alt="58 Создаем типографические обои для рабочего стола" title="Создаем типографические обои для рабочего стола" width="550" height="388" class="alignnone size-full wp-image-1306" /></div>
<p><script type="text/javascript"><!--
google_ad_client = "pub-1187667253960471";
/* 468x60, создано 28.01.10 */
google_ad_slot = "6386505401";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<div class="shag">Шаг 4</div>
<p>Теперь мы перейдем к папке &laquo;узоры&raquo;. Там мы создаем новый слой и при помощи инструмента Pen Tool (P) рисуем фигуры. Для этого необходимо в настройках пера выбрать Shape tool. Цвета выбираем яркие, к примеру: f40ecb, fa5107, fae716, d51212 и т.д. Должно выйти подобное:</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/02/79.jpg" alt="79 Создаем типографические обои для рабочего стола" title="Создаем типографические обои для рабочего стола" width="550" height="388" class="alignnone size-full wp-image-1307" /></div>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/02/89.jpg" alt="89 Создаем типографические обои для рабочего стола" title="Создаем типографические обои для рабочего стола" width="206" height="363" class="alignnone size-full wp-image-1308" /></div>
<div class="shag">Шаг 5</div>
<p>Далее соединяем все фигуры в один слой. Выделяем все слои удерживая клавишу shift. Жмем правой кнопкой мыши на выделенных слоях и в выпавшем меню выбираем Merge layers. тоже самое делаем с текстом.</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/02/99.jpg" alt="99 Создаем типографические обои для рабочего стола" title="Создаем типографические обои для рабочего стола" width="206" height="363" class="alignnone size-full wp-image-1309" /></div>
<div class="shag">Шаг 6</div>
<p>Оставляем активным слой с фигурами, а по слою с текстом кликаем мышкой, при этом удерживая клавишу ctrl, для получения выделения вокруг текста.</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/02/109.jpg" alt="109 Создаем типографические обои для рабочего стола" title="Создаем типографические обои для рабочего стола" width="206" height="363" class="alignnone size-full wp-image-1310" /></div>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/02/1114.jpg" alt="1114 Создаем типографические обои для рабочего стола" title="Создаем типографические обои для рабочего стола" width="550" height="388" class="alignnone size-full wp-image-1311" /></div>
<div class="shag">Шаг 7</div>
<p>Идем в Select->Inverse или shift+ctrl+I и жмем клавишу delete. Получаем:</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/02/1211.jpg" alt="1211 Создаем типографические обои для рабочего стола" title="Создаем типографические обои для рабочего стола" width="550" height="388" class="alignnone size-full wp-image-1312" /></div>
<p><script type="text/javascript"><!--
google_ad_client = "pub-1187667253960471";
/* 468x15, создано 28.01.10 */
google_ad_slot = "8165231181";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<div class="shag">Шаг 8</div>
<p>Теперь выделяем папки и слои где находятся слои с текстом и узорами и соединяем в один слой (Merge layers)</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/02/1310.jpg" alt="1310 Создаем типографические обои для рабочего стола" title="Создаем типографические обои для рабочего стола" width="206" height="207" class="alignnone size-full wp-image-1313" /></div>
<div class="shag">Шаг 9</div>
<p>Добавляем этому слою эффектов:</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/02/149.jpg" alt="149 Создаем типографические обои для рабочего стола" title="Создаем типографические обои для рабочего стола" width="550" height="385" class="alignnone size-full wp-image-1314" /></div>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/02/159.jpg" alt="159 Создаем типографические обои для рабочего стола" title="Создаем типографические обои для рабочего стола" width="550" height="385" class="alignnone size-full wp-image-1315" /></div>
<div class="shag">Шаг 10</div>
<p>Поверх всех слоев создаем новый слой и заливаем его черным цветом. Выбрав Eraser tool (E), удаляем со средины черную заливку. И вот конечный результат:</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/02/1611.jpg" alt="1611 Создаем типографические обои для рабочего стола" title="Создаем типографические обои для рабочего стола" width="550" height="347" class="alignnone size-full wp-image-1316" /></div>
<p>Мой результат можно скачать отсюда: <a href="http://ostapdesign/files/1280x800.jpg" target="_blank">типографические обои</a>
<p>
<object type="application/x-shockwave-flash" width="425" height="355" data="http://www.youtube.com/v/_MPzqzE1euE&amp;rel=1"><param name="movie" value="http://www.youtube.com/v/_MPzqzE1euE&amp;rel=1" /><param name="wmode" value="transparent" /><param name="quality" value="high" /></object></p>
<p>Советую: <a href="http://blogsuper.com/" target="_blank">кисти для фотошоп</a></p>
<h3>По теме:</h3>
<ul class="related_post">
<li><a href="http://ostapdesign.ru/design/krasivye-illyustracii-ot-magomed-dovjenko.html" title="Красивые иллюстрации от Magomed Dovjenko">Красивые иллюстрации от Magomed Dovjenko</a></li>
<li><a href="http://ostapdesign.ru/uroki/sozdaem-neonovyj-tekst-v-fotoshope.html" title="Создаем неоновый текст в фотошопе">Создаем неоновый текст в фотошопе</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ostapdesign.ru/uroki/sozdaem-tipograficheskie-oboi-dlya-rabochego-stola.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Создаем неоновый текст в фотошопе</title>
		<link>http://ostapdesign.ru/uroki/sozdaem-neonovyj-tekst-v-fotoshope.html</link>
		<comments>http://ostapdesign.ru/uroki/sozdaem-neonovyj-tekst-v-fotoshope.html#comments</comments>
		<pubDate>Fri, 12 Feb 2010 18:05:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[УРОКИ]]></category>
		<category><![CDATA[текст]]></category>

		<guid isPermaLink="false">http://ostapdesign.ru/uroki/sozdaem-neonovyj-tekst-v-fotoshope.html</guid>
		<description><![CDATA[В этом уроке мы рассмотрим простой метод создания неонового текста в фотошопе. Дла фонового изображения будем использовать вот эту текстуру. Откырваем скачанную текстуру в фотошопе и обесцвечиваем ее. Для этого идем в Image &#62; Adjustments &#62; Hue / saturation и убираем Saturation до -61. Должно выйти что-то подобное: Сейчас добавим слою с текстурой маску слоя. <a href="http://ostapdesign.ru/uroki/sozdaem-neonovyj-tekst-v-fotoshope.html">читать далее <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="postanons">
<div class="post_im"><a href="http://ostapdesign.ru/uroki/sozdaem-neonovyj-tekst-v-fotoshope.html#more-1140"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Создаем неоновый текст в фотошопе" src="http://ostapdesign.ru/wp-content/uploads/2010/02/post_thumb.jpg" border="0" alt="post thumb Создаем неоновый текст в фотошопе" width="150" height="150" /></a></div>
<div class="anons_blok">
<div class="anons_text">В этом уроке мы рассмотрим простой метод создания неонового текста в фотошопе.</div>
<div class="more"><span id="more-1140"></span></div>
</div>
</div>
Дла фонового изображения будем использовать вот эту <a href="http://www.sxc.hu/photo/1095041" target="_blank">текстуру</a>.
<div style="float: left; margin: 5px;"><script type="text/javascript"><!--
google_ad_client = "pub-1187667253960471";
/* 250x250, создано 09.02.10 */
google_ad_slot = "0985294906";
google_ad_width = 250;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<div style="float: left; margin: 5px;"><script type="text/javascript"><!--
google_ad_client = "pub-1187667253960471";
/* 250x250, создано 09.02.10 */
google_ad_slot = "0985294906";
google_ad_width = 250;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<div class="post_image"><a href="http://ostapdesign.ru/wp-content/uploads/2010/02/114.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Создаем неоновый текст в фотошопе" src="http://ostapdesign.ru/wp-content/uploads/2010/02/1_thumb.jpg" border="0" alt="1 thumb Создаем неоновый текст в фотошопе" width="500" height="258" /></a></div>
<p>Откырваем скачанную текстуру в <strong>фотошопе</strong> и <a href="http://ostapdesign.ru/uroki/sozdaem-cherno-beloe-foto.html">обесцвечиваем</a> ее. Для этого идем в Image &gt; Adjustments &gt; Hue / saturation и убираем Saturation до -61. Должно выйти что-то подобное:</p>
<div class="post_image"><a href="http://ostapdesign.ru/wp-content/uploads/2010/02/25.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Создаем неоновый текст в фотошопе" src="http://ostapdesign.ru/wp-content/uploads/2010/02/2_thumb.jpg" border="0" alt="2 thumb Создаем неоновый текст в фотошопе" width="500" height="249" /></a></div>
<p>Сейчас добавим слою с текстурой маску слоя. Для этого выполняем следующие действия Layer &gt; Layer Mask &gt; Reveal all. И делаем активной маску, просто кликните мышью по созданной маске.</p>
<div class="post_image"><a href="http://ostapdesign.ru/wp-content/uploads/2010/02/32.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Создаем неоновый текст в фотошопе" src="http://ostapdesign.ru/wp-content/uploads/2010/02/3_thumb.jpg" border="0" alt="3 thumb Создаем неоновый текст в фотошопе" width="500" height="173" /></a></div>
<p>Теперь идем в Filters&gt; Render&gt; Clouds. Должно получиться подобное. Если текстура Вам не подходит, повторите этот шаг еще раз.</p>
<div class="post_image"><a href="http://ostapdesign.ru/wp-content/uploads/2010/02/42.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Создаем неоновый текст в фотошопе" src="http://ostapdesign.ru/wp-content/uploads/2010/02/4_thumb.jpg" border="0" alt="4 thumb Создаем неоновый текст в фотошопе" width="500" height="260" /></a></div>
<p>После мы создаем новый слой и заливаем его черным слоем. Также добавим ему маску слоя layer&gt; Layer Mask&gt; Reveal All. Сравните все со скрином:</p>
<div class="post_image"><a href="http://ostapdesign.ru/wp-content/uploads/2010/02/52.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Создаем неоновый текст в фотошопе" src="http://ostapdesign.ru/wp-content/uploads/2010/02/5_thumb.jpg" border="0" alt="5 thumb Создаем неоновый текст в фотошопе" width="500" height="249" /></a></div>
<p>Кликаем один раз по маске. Выбираем кисть черного цвета с мягкими краями и радиусом в 600px и рисуем кистью в середине слоя.</p>
<div class="post_image"><a href="http://ostapdesign.ru/wp-content/uploads/2010/02/62.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Создаем неоновый текст в фотошопе" src="http://ostapdesign.ru/wp-content/uploads/2010/02/6_thumb.jpg" border="0" alt="6 thumb Создаем неоновый текст в фотошопе" width="500" height="247" /></a></div>
<div style="margin-bottom: 3px;"><script type="text/javascript"><!--
google_ad_client = "pub-1187667253960471";
/* 468x60, создано 09.02.10 */
google_ad_slot = "7587175098";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<p>Скачиваем <a href="Http://www.dafont.com/neuropol.font?text = neon" target="_blank">неоновый шрифт</a>.</p>
<div class="post_image"><a href="http://ostapdesign.ru/wp-content/uploads/2010/02/72.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Создаем неоновый текст в фотошопе" src="http://ostapdesign.ru/wp-content/uploads/2010/02/7_thumb.jpg" border="0" alt="7 thumb Создаем неоновый текст в фотошопе" width="550" height="334" /></a></div>
<p>Выставляем размер шрифта 425pt и пишем слово neon.</p>
<div class="post_image"><a href="http://ostapdesign.ru/wp-content/uploads/2010/02/82.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Создаем неоновый текст в фотошопе" src="http://ostapdesign.ru/wp-content/uploads/2010/02/8_thumb.jpg" border="0" alt="8 thumb Создаем неоновый текст в фотошопе" width="550" height="292" /></a></div>
<p>Растеризируем слой с текстом. Layer-&gt;Rasterize-&gt;Type. И создаем прямоугольник с закругленными углами, чтоб изменить букву с на е. Должно выйти как на изображении.</p>
<div class="post_image"><a href="http://ostapdesign.ru/wp-content/uploads/2010/02/92.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Создаем неоновый текст в фотошопе" src="http://ostapdesign.ru/wp-content/uploads/2010/02/9_thumb.jpg" border="0" alt="9 thumb Создаем неоновый текст в фотошопе" width="550" height="270" /></a></div>
<p>При зажатой клавише CTRL жмем по слою с текстом, чтоб образовалось выделение.</p>
<div class="post_image"><a href="http://ostapdesign.ru/wp-content/uploads/2010/02/102.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Создаем неоновый текст в фотошопе" src="http://ostapdesign.ru/wp-content/uploads/2010/02/10_thumb.jpg" border="0" alt="10 thumb Создаем неоновый текст в фотошопе" width="550" height="135" /></a></div>
<p>Идем в Slection-Modify-Contract и уменьшаем выделение приблизительно на 50%.</p>
<div class="post_image"><a href="http://ostapdesign.ru/wp-content/uploads/2010/02/115.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Создаем неоновый текст в фотошопе" src="http://ostapdesign.ru/wp-content/uploads/2010/02/11_thumb.jpg" border="0" alt="11 thumb Создаем неоновый текст в фотошопе" width="550" height="507" /></a></div>
<div class="post_image"><a href="http://ostapdesign.ru/wp-content/uploads/2010/02/121.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Создаем неоновый текст в фотошопе" src="http://ostapdesign.ru/wp-content/uploads/2010/02/12_thumb.jpg" border="0" alt="12 thumb Создаем неоновый текст в фотошопе" width="550" height="401" /></a></div>
<p>Жмем (CTRL + J) для того чтобы сделать дубликат слоя, а после удаляем слой с начальным текстом.</p>
<div class="post_image"><a href="http://ostapdesign.ru/wp-content/uploads/2010/02/132.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Создаем неоновый текст в фотошопе" src="http://ostapdesign.ru/wp-content/uploads/2010/02/13_thumb.jpg" border="0" alt="13 thumb Создаем неоновый текст в фотошопе" width="550" height="269" /></a></div>
<p>Добавляем стили слою</p>
<div class="post_image"><a href="http://ostapdesign.ru/wp-content/uploads/2010/02/142.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Создаем неоновый текст в фотошопе" src="http://ostapdesign.ru/wp-content/uploads/2010/02/14_thumb.jpg" border="0" alt="14 thumb Создаем неоновый текст в фотошопе" width="550" height="473" /></a></div>
<p>Создаем новый слой и заливаем его градиентом.</p>
<div class="post_image"><a href="http://ostapdesign.ru/wp-content/uploads/2010/02/152.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Создаем неоновый текст в фотошопе" src="http://ostapdesign.ru/wp-content/uploads/2010/02/15_thumb.jpg" border="0" alt="15 thumb Создаем неоновый текст в фотошопе" width="550" height="268" /></a></div>
<p>Меняем режим наложения слоя с градиентом на Color.</p>
<div class="post_image"><a href="http://ostapdesign.ru/wp-content/uploads/2010/02/162.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Создаем неоновый текст в фотошопе" src="http://ostapdesign.ru/wp-content/uploads/2010/02/16_thumb.jpg" border="0" alt="16 thumb Создаем неоновый текст в фотошопе" width="550" height="306" /></a></div>
<p>Должно получиться что-то подобное:</p>
<div class="post_image"><a href="http://ostapdesign.ru/wp-content/uploads/2010/02/172.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Создаем неоновый текст в фотошопе" src="http://ostapdesign.ru/wp-content/uploads/2010/02/17_thumb.jpg" border="0" alt="17 thumb Создаем неоновый текст в фотошопе" width="550" height="271" /></a></div>
<p>После этого с помощью &laquo;стирательной резинки&raquo; или маски слоя удаляем лишние участки.</p>
<div class="post_image"><a href="http://ostapdesign.ru/wp-content/uploads/2010/02/182.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Создаем неоновый текст в фотошопе" src="http://ostapdesign.ru/wp-content/uploads/2010/02/18_thumb.jpg" border="0" alt="18 thumb Создаем неоновый текст в фотошопе" width="550" height="366" /></a></div>
<p>Вот такой <strong>неоновый текст</strong> вышел у нас:</p>
<div class="post_image"><a href="http://ostapdesign.ru/wp-content/uploads/2010/02/192.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Создаем неоновый текст в фотошопе" src="http://ostapdesign.ru/wp-content/uploads/2010/02/19_thumb.jpg" border="0" alt="19 thumb Создаем неоновый текст в фотошопе" width="550" height="268" /></a></div>
<a href="http://www.bonstutoriais.com.br/learn-to-make-a-nice-text-effect-neon" target="_blank">Ссылка на источник урока</a><br />
<h3>По теме:</h3>
<ul class="related_post">
<li><a href="http://ostapdesign.ru/uroki/sozdaem-tipograficheskie-oboi-dlya-rabochego-stola.html" title="Создаем типографические обои для рабочего стола">Создаем типографические обои для рабочего стола</a></li>
<li><a href="http://ostapdesign.ru/uroki/kak-sozdat-stilnyj-tekst.html" title="Как создать стильный текст">Как создать стильный текст</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ostapdesign.ru/uroki/sozdaem-neonovyj-tekst-v-fotoshope.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Создаем постер в ретро-футуристическом стиле при помощи фотошоп</title>
		<link>http://ostapdesign.ru/uroki/sozdaem-poster-v-retro-futuristicheskom-stile-pri-pomoshhi-fotoshop.html</link>
		<comments>http://ostapdesign.ru/uroki/sozdaem-poster-v-retro-futuristicheskom-stile-pri-pomoshhi-fotoshop.html#comments</comments>
		<pubDate>Wed, 27 Jan 2010 19:29:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[УРОКИ]]></category>
		<category><![CDATA[ретро]]></category>

		<guid isPermaLink="false">http://ostapdesign.ru/?p=781</guid>
		<description><![CDATA[В данном уроке мы будем создавать прикольный постер в стиле ретро. Урок не займет много времени и усилий. Время на выполнение урока не будет потрачено зря. Шаг 1 Создаем новый документ 800&#215;950 и 72dpi. Далее открываем это изображение моря. Жмем клавишу С или выбираем инструмент Crop Tool в панели инструментов и выделяем только море исключая <a href="http://ostapdesign.ru/uroki/sozdaem-poster-v-retro-futuristicheskom-stile-pri-pomoshhi-fotoshop.html">читать далее <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="postanons">
<div class="post_im"><a href="http://ostapdesign.ru/uroki/sozdaem-poster-v-retro-futuristicheskom-stile-pri-pomoshhi-fotoshop.html#more-781"><img src="http://ostapdesign.ru/wp-content/uploads/2010/01/post_im2.jpg" alt="post im2 Создаем постер в ретро футуристическом стиле при помощи фотошоп" title="Создаем постер в ретро футуристическом стиле при помощи фотошоп" width="150" height="150" class="alignnone size-full wp-image-801" /></a></div>
<div class="anons_blok">
<div class="anons_text">В данном уроке мы будем создавать прикольный постер в стиле ретро. Урок не займет много времени и усилий. Время на выполнение урока не будет потрачено зря.</div>
<div class="more"><span id="more-781"></span></div>
</div>
</div>
<p><script type="text/javascript"><!--
google_ad_client = "pub-1187667253960471";
/* 468x15, создано 28.01.10 */
google_ad_slot = "8165231181";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<div class="shag">Шаг 1</div>
<p>Создаем новый документ 800&times;950 и 72dpi. Далее открываем <a href="http://www.flickr.com/photos/visualpanic/233508614/in/set-72157608052565819/" target="_blank">это изображение моря</a>. Жмем клавишу С или выбираем инструмент Crop Tool в панели инструментов и выделяем только море исключая людей.</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/01/sea-step-11.jpg" alt="sea step 11 Создаем постер в ретро футуристическом стиле при помощи фотошоп" title="Создаем постер в ретро футуристическом стиле при помощи фотошоп" width="500" height="188" class="alignnone size-full wp-image-782" /></div>
<div class="shag">Шаг 2</div>
<p>Берем  инструмент Gradient Tool (G), выбираем радиальный градиент(radial gradient)(второй сверху), рисуем радиальный градиент используя этот цвет ff0000, в нижнем левом углу. Потом ставим режим наложения на Multiply и уменьшаем прозрачность до 79%.</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/01/step-2-poster-2010.jpg" alt="step 2 poster 2010 Создаем постер в ретро футуристическом стиле при помощи фотошоп" title="Создаем постер в ретро футуристическом стиле при помощи фотошоп" width="500" height="594" class="alignnone size-full wp-image-783" /></div>
<div class="shag">Шаг 3</div>
<p>С фоновыми настройками мы можем добавить это <a href="http://www.flickr.com/photos/12346105@N04/1264282793/" target="_blank">изображение луны</a> изменяем его размер и располагаем как на изображении, и уменьшаем прозрачность до 76%.</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/01/step-3-moon-image1.jpg" alt="step 3 moon image1 Создаем постер в ретро футуристическом стиле при помощи фотошоп" title="Создаем постер в ретро футуристическом стиле при помощи фотошоп" width="500" height="594" class="alignnone size-full wp-image-784" /></div>
<div class="shag">Шаг 4</div>
<p>Выбираем багровый цвет 271642 для главного цвета и черный для второстепенного(Цвета в панели инструментов). Далее на новом слое идем в фильтр  Render->Clouds. </p>
<p><script type="text/javascript"><!--
google_ad_client = "pub-1187667253960471";
/* 468x60, создано 28.01.10 */
google_ad_slot = "6386505401";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<p>Уменьшаем прозрачность слоя до 73%. Обычно для создания звезд используют фильтр Noise, но в этот раз мы  воспользуемся другим приемом. Создаем новый слой поверх слоя с облаками и заливаем его белым цветом, меняем режим наложения на Dissolve и уменьшаем прозрачность до 1 или 2%. Наконец сделаем идем в Filter->Blur->Gaussian Blur с радиусом 0.7.</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/01/step-4-purple-clouds-copy1.jpg" alt="step 4 purple clouds copy1 Создаем постер в ретро футуристическом стиле при помощи фотошоп" title="Создаем постер в ретро футуристическом стиле при помощи фотошоп" width="500" height="594" class="alignnone size-full wp-image-785" /></div>
<div class="shag">Шаг 5</div>
<p>Белый прямоугольник: Сейчас делаем белое прямоугольное выделение, что создает фон. Создаем выделение как на изображении и заливаем его белым цветом и уменьшаем прозрачность слоя до 10%.</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/01/step-5-a1.jpg" alt="step 5 a1 Создаем постер в ретро футуристическом стиле при помощи фотошоп" title="Создаем постер в ретро футуристическом стиле при помощи фотошоп" width="500" height="594" class="alignnone size-full wp-image-786" /></div>
<div class="shag">Шаг 6</div>
<p>Теперь будем добавлять маску слоя, для этого кликаем на кружочек в квадратике внизу панели слоев. При помощи линейного градиента от черного к белому протягиваем по изображению.  Убедитесь, что выбрана маска слоя и удерживайте shift для получения плавного затухания.</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/01/step-6-with-gradient-and-fade.jpg" alt="step 6 with gradient and fade Создаем постер в ретро футуристическом стиле при помощи фотошоп" title="Создаем постер в ретро футуристическом стиле при помощи фотошоп" width="500" height="594" class="alignnone size-full wp-image-787" /></div>
<div class="shag">Шаг 7</div>
<p>Копируем этот слой (Ctrl+J) и поворачиваем (Ctrl+T). Должно выйти как на изображении.</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/01/step-7-rotated-rectangle.jpg" alt="step 7 rotated rectangle Создаем постер в ретро футуристическом стиле при помощи фотошоп" title="Создаем постер в ретро футуристическом стиле при помощи фотошоп" width="500" height="594" class="alignnone size-full wp-image-788" /></div>
<div class="shag">Шаг 8</div>
<p>Продолжаем копировать и поворачивать слой до получения подобного эффекта.</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/01/Step-8-all-rotated-rectangles.jpg" alt="Step 8 all rotated rectangles Создаем постер в ретро футуристическом стиле при помощи фотошоп" title="Создаем постер в ретро футуристическом стиле при помощи фотошоп" width="500" height="594" class="alignnone size-full wp-image-789" /></div>
<div class="shag">Шаг 9</div>
<p>Панель слоев должна выглядеть вот так:</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/01/layers-pallette-step-9.jpg" alt="layers pallette step 9 Создаем постер в ретро футуристическом стиле при помощи фотошоп" title="Создаем постер в ретро футуристическом стиле при помощи фотошоп" width="500" height="431" class="alignnone size-full wp-image-790" /></div>
<div class="shag">Шаг 10</div>
<p>Сейчас, удерживая Shift, выделяем все квадраты в панели слоев и соединяем их в один слой (Ctrl+E). Добавляем маску слоя и берем градиент от черного к белому и на маске слоя используем его, так чтобы исчезла нижняя часть квадратов.</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/01/step-10.jpg" alt="step 10 Создаем постер в ретро футуристическом стиле при помощи фотошоп" title="Создаем постер в ретро футуристическом стиле при помощи фотошоп" width="500" height="322" class="alignnone size-full wp-image-791" /></div>
<p>То что должно выйти:</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/01/step-10-final.jpg" alt="step 10 final Создаем постер в ретро футуристическом стиле при помощи фотошоп" title="Создаем постер в ретро футуристическом стиле при помощи фотошоп" width="500" height="594" class="alignnone size-full wp-image-792" /></div>
<div class="shag">Шаг 11</div>
<p>Сейчас найдите цитату, которая Вам нравится, или группу слов, которая будет хорошо смотреться в этом постере. Идем на <a href="http://www.wordle.net/" target="_blank">Wordle</a> вставляете цитату и жмете GO. Получаем картинку. Делаем скрин экрана и вставляем в наше изображение.(для того чтобы сделать скрин жмем Alt+PrtSc, а вставляем при помощи Ctrl+V)</p>
<div class="shag">Шаг 12</div>
<p>Вставленное изображение подгоняем по размеру. И отделяем текст от фона. Это можна сделать сменив режим наложения слоя на screen, overlay или multiply в зависимости от ситуации.</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/01/step-12-wordle-in-ps.jpg" alt="step 12 wordle in ps Создаем постер в ретро футуристическом стиле при помощи фотошоп" title="Создаем постер в ретро футуристическом стиле при помощи фотошоп" width="500" height="594" class="alignnone size-full wp-image-793" /></div>
<div class="shag">Шаг 13</div>
<p>Скачиваем <a href="http://www.brusheezy.com/brush/1400-24-Clouds" target="_blank">кисти облака</a>. И на новом слое рисуем, как на изображении.</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/01/step-13.jpg" alt="step 13 Создаем постер в ретро футуристическом стиле при помощи фотошоп" title="Создаем постер в ретро футуристическом стиле при помощи фотошоп" width="500" height="594" class="alignnone size-full wp-image-794" /></div>
<div class="shag">Шаг 14</div>
<p>Скачиваем этот <a href="http://www.dafont.com/infinity.font" target="_blank">шрифт</a>. Пишем 2 слова &laquo;TWENTY TEN&raquo;, выравниваем текст по центру и в располагаем его вверху.</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/01/step-15.jpg" alt="step 15 Создаем постер в ретро футуристическом стиле при помощи фотошоп" title="Создаем постер в ретро футуристическом стиле при помощи фотошоп" width="500" height="594" class="alignnone size-full wp-image-795" /></div>
<div class="shag">Шаг 15</div>
<p>Растеризуем слой. И добавим ему стиль gradient overlay со стандартными настройками от черного к белому.</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/01/step-16.jpg" alt="step 16 Создаем постер в ретро футуристическом стиле при помощи фотошоп" title="Создаем постер в ретро футуристическом стиле при помощи фотошоп" width="500" height="594" class="alignnone size-full wp-image-796" /></div>
<div class="shag">Шаг 16</div>
<p>Скачиваем <a href="http://shiftyj.deviantart.com/art/Kinetic-Brush-Set-137337448" target="_blank">эти кисти</a>. И под слоем с текстом рисуем фон текста. Добавляем слою стиль gradient overlay от 7fe0f8 к cef8ff цвету. В конце снижаем прозрачность до 39%.</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/01/17-a.jpg" alt="17 a Создаем постер в ретро футуристическом стиле при помощи фотошоп" title="Создаем постер в ретро футуристическом стиле при помощи фотошоп" width="500" height="394" class="alignnone size-full wp-image-797" /></div>
<div class="shag">Шаг 16</div>
<p>Создаем новый слой над слоем с облаками и текстом(сделанным на сайте Wordle)? но под слоем с белым прямоугольником. Потом заливаем этот слой белым идем в filter->render->lighting effects и выбираем  ‘RGB lights’ оставляем все настройки стандартными.</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/01/step-18-a.jpg" alt="step 18 a Создаем постер в ретро футуристическом стиле при помощи фотошоп" title="Создаем постер в ретро футуристическом стиле при помощи фотошоп" width="500" height="594" class="alignnone size-full wp-image-798" /></div>
<p>Идем в Gaussian blur с настройками 31.7</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/01/step-18-b.jpg" alt="step 18 b Создаем постер в ретро футуристическом стиле при помощи фотошоп" title="Создаем постер в ретро футуристическом стиле при помощи фотошоп" width="500" height="594" class="alignnone size-full wp-image-799" /></div>
<p>Наконец мы изменим режим наложения слоя на soft light и уменьшим прозрачность до 60%.</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2010/01/final-image-and-preview.jpg" alt="final image and preview Создаем постер в ретро футуристическом стиле при помощи фотошоп" title="Создаем постер в ретро футуристическом стиле при помощи фотошоп" width="500" height="594" class="alignnone size-full wp-image-800" /></div>
<p>Автор урока: Ben Rama</p>
<p><a href="http://digitalartempire.com/2010/01/create-a-retro-futuristic-2010-poster-in-photoshop/" target="_blank">Ссылка на источник</a></p>
<h3>По теме:</h3>
<ul class="related_post">
<li><a href="http://ostapdesign.ru/uroki/sozdaem-tipograficheskie-oboi-dlya-rabochego-stola.html" title="Создаем типографические обои для рабочего стола">Создаем типографические обои для рабочего стола</a></li>
<li><a href="http://ostapdesign.ru/design/retro_design.html" title="15 Красивых Примеров Ретро и Винтажа в Веб Дизайне">15 Красивых Примеров Ретро и Винтажа в Веб Дизайне</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ostapdesign.ru/uroki/sozdaem-poster-v-retro-futuristicheskom-stile-pri-pomoshhi-fotoshop.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Создаем черно-белое фото</title>
		<link>http://ostapdesign.ru/uroki/sozdaem-cherno-beloe-foto.html</link>
		<comments>http://ostapdesign.ru/uroki/sozdaem-cherno-beloe-foto.html#comments</comments>
		<pubDate>Sat, 19 Dec 2009 17:21:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[УРОКИ]]></category>
		<category><![CDATA[обработка фотографий]]></category>

		<guid isPermaLink="false">http://ostapdesign.ru/?p=632</guid>
		<description><![CDATA[В этом уроке Photoshop мы будем превращать цветную фотографию в черно-белую. Этот урок специально предназначен для новичков, которые делают только первые шаги в Photoshop. Для работы нам понадобится вот эта фотография: Способ №1 Переходим в меню Image-Adjustments-Black&#38;White. Изображение становится черно-белым и открывается вот такое окно: Настройки ставите на свой вкус. Передвигая ползунки вы будете наблюдать <a href="http://ostapdesign.ru/uroki/sozdaem-cherno-beloe-foto.html">читать далее <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="postanons">
<div class="post_im"><img class="alignnone size-full wp-image-639" src="http://ostapdesign.ru/wp-content/uploads/2009/12/post_im8.jpg" alt="post im8 Создаем черно белое фото" width="150" height="150" title="Создаем черно белое фото" /></div>
<div class="anons_blok">
<div class="anons_text">В этом уроке Photoshop мы будем превращать цветную фотографию в черно-белую. Этот урок специально предназначен для новичков, которые делают только первые шаги в Photoshop.</div>
<div class="more"><span id="more-632"></span></div>
</div>
</div>
<p>Для работы нам понадобится вот эта <a href="http://ostapdesign.ru/img/4b/Bald Eagle Kachemak Bay Kenai Peninsula Alaska.jpg">фотография</a>:</p>
<div class="post_image"><img class="alignnone size-full wp-image-633" src="http://ostapdesign.ru/wp-content/uploads/2009/12/110.jpg" alt="110 Создаем черно белое фото" width="550" height="344" title="Создаем черно белое фото" /></div>
<div class="shag">Способ №1</div>
<p>Переходим в меню Image-Adjustments-Black&amp;White. Изображение становится черно-белым и открывается вот такое окно:</p>
<div class="post_image"><img class="alignnone size-full wp-image-635" src="http://ostapdesign.ru/wp-content/uploads/2009/12/210.jpg" alt="210 Создаем черно белое фото" width="410" height="452" title="Создаем черно белое фото" /></div>
<p>Настройки ставите на свой вкус. Передвигая ползунки вы будете наблюдать изменения непосредственно на вашей фотографии. Только не забудьте поставить галочку напротив Preview. Вот итог:</p>
<div class="post_image"><img class="alignnone size-full wp-image-636" src="http://ostapdesign.ru/wp-content/uploads/2009/12/33.jpg" alt="33 Создаем черно белое фото" width="550" height="344" title="Создаем черно белое фото" /></div>
<div class="shag">Способ №2</div>
<p>Переходим в Image-Adjustments-Hue/Saturation открывается окно. Чтоб сделать наше фото ч/б поставьте такие настройки как на картинке(т.е. мы просто полностью обесцветиваем фотографию), так же к этому способу можно отнести такой метод: идем в Image-Adjustments-Desaturate или при помощи комбинации клавиш shift+ctrl+U. Сначала картинка с настройками Hue/Saturation, а потом результат обесцветивания после двух методов:</p>
<div class="post_image"><img class="alignnone size-full wp-image-637" src="http://ostapdesign.ru/wp-content/uploads/2009/12/43.jpg" alt="43 Создаем черно белое фото" width="405" height="285" title="Создаем черно белое фото" /></div>
<div class="post_image"><img class="alignnone size-full wp-image-638" src="http://ostapdesign.ru/wp-content/uploads/2009/12/53.jpg" alt="53 Создаем черно белое фото" width="550" height="344" title="Создаем черно белое фото" /></div>
<p>Для дальнейшей корректировки можете воспользоваться Кривыми и Уровнями(Curves, Levels)</p>
Не забываем оставлять комментарии!:)<br />
<h3>По теме:</h3>
<ul class="related_post">
<li><a href="http://ostapdesign.ru/foto/fotograf-mikko-lagerstedt.html" title="Фотограф Mikko Lagerstedt">Фотограф Mikko Lagerstedt</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ostapdesign.ru/uroki/sozdaem-cherno-beloe-foto.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Меняем цвет волос</title>
		<link>http://ostapdesign.ru/uroki/menyaem-cvet-volos.html</link>
		<comments>http://ostapdesign.ru/uroki/menyaem-cvet-volos.html#comments</comments>
		<pubDate>Thu, 17 Dec 2009 11:53:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[УРОКИ]]></category>

		<guid isPermaLink="false">http://ostapdesign.ru/?p=479</guid>
		<description><![CDATA[В этом уроке мы изучим как менять цвет волос с легкостью и шаг за шагом. Этот урок рекомендуется для новичков. Мы будем использовать это фото: Сперва мы должны сделать выделение волос, для этого кликаем на Edit in quick mask mode (Q) Теперь выбираем инструмент Brush tool (B): Рисуем все волосы кистью: Теперь кликаем на Edit <a href="http://ostapdesign.ru/uroki/menyaem-cvet-volos.html">читать далее <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="postanons">
<div class="post_im"><a href="http://ostapdesign.ru/design/menyaem-cvet-volos.html"><img src="http://ostapdesign.ru/wp-content/uploads/2009/12/post_im4.jpg" alt="post im4 Меняем цвет волос" title="Меняем цвет волос" width="150" height="162" class="alignnone size-full wp-image-480" /></a></div>
<div class="anons_blok">
<div class="anons_text">В этом уроке мы изучим как менять цвет волос с легкостью и шаг за шагом. Этот урок рекомендуется для новичков.</div>
<div class="more"><span id="more-479"></span></div>
</div>
</div>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2009/12/173.jpg" alt="173 Меняем цвет волос" title="Меняем цвет волос" width="550" height="281" class="alignnone size-full wp-image-481" /></div>
<p>Мы будем использовать это <a href="http://katanaz-stock.deviantart.com/art/Female-Stock-14-67132237" target="_blank">фото</a>:</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2009/12/182.jpg" alt="182 Меняем цвет волос" title="Меняем цвет волос" width="550" height="825" class="alignnone size-full wp-image-482" /></div>
<p>Сперва мы должны сделать выделение волос, для этого кликаем на Edit in quick mask mode (Q)</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2009/12/untitled-1.jpg" alt="untitled 1 Меняем цвет волос" title="Меняем цвет волос" width="512" height="472" class="alignnone size-full wp-image-483" /></div>
<p>Теперь выбираем инструмент Brush tool (B):</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2009/12/28.jpg" alt="28 Меняем цвет волос" title="Меняем цвет волос" width="503" height="526" class="alignnone size-full wp-image-484" /></div>
<p>Рисуем все волосы кистью:</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2009/12/32.jpg" alt="32 Меняем цвет волос" title="Меняем цвет волос" width="550" height="410" class="alignnone size-full wp-image-485" /></div>
<p>Теперь кликаем на  Edit in Standard mode и получаем наше выделение:</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2009/12/42.jpg" alt="42 Меняем цвет волос" title="Меняем цвет волос" width="550" height="618" class="alignnone size-full wp-image-486" /></div>
<p>Нажимаем правой кнопкой мыши и выбираем Select inverse, чтобы получить выделение волос:</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2009/12/52.jpg" alt="52 Меняем цвет волос" title="Меняем цвет волос" width="550" height="428" class="alignnone size-full wp-image-487" /></div>
<p>Нам необходима копия слоя, для этого жмем правой кнопкой мыши и выбираем Layer via copy:</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2009/12/62.jpg" alt="62 Меняем цвет волос" title="Меняем цвет волос" width="550" height="414" class="alignnone size-full wp-image-488" /></div>
<p>Теперь у нас 2 слоя: фоновый слой и слой с волосами.<br />
Теперь создаем новый синий слой:</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2009/12/77.jpg" alt="77 Меняем цвет волос" title="Меняем цвет волос" width="550" height="308" class="alignnone size-full wp-image-489" /></div>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2009/12/72.jpg" alt="72 Меняем цвет волос" title="Меняем цвет волос" width="550" height="408" class="alignnone size-full wp-image-490" /></div>
<p>Жмем ctrl и кликаем по слою с волосами, чтоб получить выделение в форме волос:</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2009/12/82.jpg" alt="82 Меняем цвет волос" title="Меняем цвет волос" width="550" height="466" class="alignnone size-full wp-image-491" /></div>
<p>Нажимаем правую кнопку мыши и выбираем Select inverse:</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2009/12/911.jpg" alt="911 Меняем цвет волос" title="Меняем цвет волос" width="550" height="429" class="alignnone size-full wp-image-492" /></div>
<p>Теперь смотрим, чтоб был выбран синий слой и жмем Delete.<br />
Должны получить это:</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2009/12/102.jpg" alt="102 Меняем цвет волос" title="Меняем цвет волос" width="550" height="426" class="alignnone size-full wp-image-493" /></div>
<p>Меняем режим наложения слоя на Hue:</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2009/12/112.jpg" alt="112 Меняем цвет волос" title="Меняем цвет волос" width="550" height="338" class="alignnone size-full wp-image-494" /></div>
<p>У нас получились некоторые неточности. Попробуем исправить это:</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2009/12/122.jpg" alt="122 Меняем цвет волос" title="Меняем цвет волос" width="550" height="429" class="alignnone size-full wp-image-495" /></div>
<p>Используем инструмент Smudge Tool <sup><small>&reg;</small></sup> для исправления этого:</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2009/12/132.jpg" alt="132 Меняем цвет волос" title="Меняем цвет волос" width="550" height="456" class="alignnone size-full wp-image-496" /></div>
<p>Конечный результат:</p>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2009/12/female_stock_14_by_katanaz_stock-copy.jpg" alt="female stock 14 by katanaz stock copy Меняем цвет волос" title="Меняем цвет волос" width="550" height="825" class="alignnone size-full wp-image-497" /></div>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2009/12/152.jpg" alt="152 Меняем цвет волос" title="Меняем цвет волос" width="550" height="825" class="alignnone size-full wp-image-498" /></div>
<div  class="post_image"><img src="http://ostapdesign.ru/wp-content/uploads/2009/12/162.jpg" alt="162 Меняем цвет волос" title="Меняем цвет волос" width="550" height="825" class="alignnone size-full wp-image-499" /></div>
<p><a href="http://photoshoptutorialss.com/change-hair-color/comment-page-1/#comment-270" target="_blank">Ссылка на источник урока</a></p>
<h3>По теме:</h3>
<ul class="related_post">
<li>Нет похожих записей</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ostapdesign.ru/uroki/menyaem-cvet-volos.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Как сменить цвет глаз</title>
		<link>http://ostapdesign.ru/uroki/kak-smenit-cvet-glaz.html</link>
		<comments>http://ostapdesign.ru/uroki/kak-smenit-cvet-glaz.html#comments</comments>
		<pubDate>Wed, 09 Dec 2009 22:39:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[УРОКИ]]></category>
		<category><![CDATA[глаза]]></category>

		<guid isPermaLink="false">http://ostapdesign.ru/?p=323</guid>
		<description><![CDATA[В этом небольшом уроке будет описано 3 простых метода смены цвета глаз. Для работы нам пригодится лицо девушки Метод №1 Итак открываем изображение в Photoshop и создаем новый слой. Берем кисточку с мягкими краями, радиусом 45 и цвет выбираем #4cccf6. И на новом слое рисуем кисточкой так, как показано на картинке. Далее мы меняем параметр <a href="http://ostapdesign.ru/uroki/kak-smenit-cvet-glaz.html">читать далее <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="postanons">
<div class="post_im"><a href="http://ostapdesign.ru/inspiration/kak-smenit-cvet-glaz.html"><img alt="post im Как сменить цвет глаз" src="http://ostapdesign.ru/img/lesson9/post_im.jpg" class="alignnone" width="150" height="137" title="Как сменить цвет глаз" /></a></div>
<div class="anons_blok">
<div class="anons_text">В этом небольшом уроке будет описано 3 простых метода смены цвета глаз.</div>
<div class="more"><span id="more-323"></span></div>
</div>
</div>
<p>Для работы нам пригодится <a href="http://ostapdesign.ru/img/lesson9/BXP132035h.jpg">лицо девушки</a></p>
<div class="shag">Метод №1</div>
<p>Итак открываем изображение в Photoshop и создаем новый слой. Берем кисточку с мягкими краями, радиусом 45 и цвет выбираем #4cccf6. И на новом слое рисуем кисточкой так, как показано на картинке.</p>
<div  class="post_image"><img alt="1 Как сменить цвет глаз" src="http://ostapdesign.ru/img/lesson9/1.jpg" class="alignnone" width="500" height="362" title="Как сменить цвет глаз" /></div>
<p>Далее мы меняем параметр наложения слоев на &laquo;Color&raquo; и уменьшаем прозрачность слоя на 25%. Изменение прозрачности чисто индивидуально. Мне лично понравился цвет при 25%.</p>
<div  class="post_image"><img alt="2 Как сменить цвет глаз" src="http://ostapdesign.ru/img/lesson9/2.jpg" class="alignnone" width="208" height="160" title="Как сменить цвет глаз" /></div>
<p>И вот что выйдет в итоге. Со вторым глазом повторите те же операции.</p>
<div  class="post_image"><img alt="3 Как сменить цвет глаз" src="http://ostapdesign.ru/img/lesson9/3.jpg" class="alignnone" width="500" height="544" title="Как сменить цвет глаз" /></div>
<div class="shag">Метод №2</div>
<p>Открываем это же изображение. Разблокируем слой, кликнув по нему мышкой дважды. Переходим в режим быстрой маски. Для этого на панели инструментов найдите иконку <img alt="4 Как сменить цвет глаз" src="http://ostapdesign.ru/img/lesson9/4.jpg" class="alignnone" width="32" height="26" title="Как сменить цвет глаз" /> и нажмите на нее. Берем инструмент Paint Bucket tool (G), следим чтоб выбран был черный цвет, и кликаем на изображение. Все должно залиться прозрачным красным цветом. Как на изображении:</p>
<div  class="post_image"><img alt="5 Как сменить цвет глаз" src="http://ostapdesign.ru/img/lesson9/5.jpg" class="alignnone" width="415" height="451" title="Как сменить цвет глаз" /></div>
<p>Берем кисточку с мягкими краями и диаметром 45. Цвет выбираем белый и стираем красный цвет на радужке глаза.</p>
<div  class="post_image"><img alt="6 Как сменить цвет глаз" src="http://ostapdesign.ru/img/lesson9/6.jpg" class="alignnone" width="500" height="434" title="Как сменить цвет глаз" /></div>
<p>Теперь необходимо перейти в обычный режим, для этого нажимаем на иконку быстрой маски. Должно появиться выделение. Теперь мы идем в Image-Adjustments-Variations...И в открывшемся окне нажимая на иконки, к примеру More yellow...Меняем цвет глаз, добавляя им необходимый оттенок.</p>
<div  class="post_image"><img alt="7 Как сменить цвет глаз" src="http://ostapdesign.ru/img/lesson9/7.jpg" class="alignnone" width="519" height="510" title="Как сменить цвет глаз" /></div>
<p>У меня вышел такой вот результат:</p>
<div  class="post_image"><img alt="8 Как сменить цвет глаз" src="http://ostapdesign.ru/img/lesson9/8.jpg" class="alignnone" width="500" height="465" title="Как сменить цвет глаз" /></div>
<div class="shag">Метод №3</div>
<p>Этот метод очень схож с методом под №2. И так мы делаем все то же что и там до появления выделения на глазе. Дальше мы идем в Image-Adjustments-Hue/Saturation. В появившемся окне ставим такие настройки(не забудьте поставить галочку напротив &laquo;Colorize&raquo;):</p>
<div  class="post_image"><img alt="9 Как сменить цвет глаз" src="http://ostapdesign.ru/img/lesson9/9.jpg" class="alignnone" width="405" height="285" title="Как сменить цвет глаз" /></div>
<p>В итоге:</p>
<div  class="post_image"><img alt="10 Как сменить цвет глаз" src="http://ostapdesign.ru/img/lesson9/10.jpg" class="alignnone" width="500" height="486" title="Как сменить цвет глаз" /></div>
<p>Вот пожалуй и все. Эти методы просты и я их использую, чего и вам всем желаю!:)</p>
<h3>По теме:</h3>
<ul class="related_post">
<li>Нет похожих записей</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ostapdesign.ru/uroki/kak-smenit-cvet-glaz.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

