<?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>vatesdesign &#187; matte-painting</title>
	<atom:link href="http://www.vatesdesign.com/tag/matte-painting/feed" rel="self" type="application/rss+xml" />
	<link>http://www.vatesdesign.com</link>
	<description>блог о фрилансе и дизайне</description>
	<lastBuildDate>Sat, 04 Sep 2010 15:17:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Matte-painting: ночной замок</title>
		<link>http://www.vatesdesign.com/matte-painting-nochnoj-zamok</link>
		<comments>http://www.vatesdesign.com/matte-painting-nochnoj-zamok#comments</comments>
		<pubDate>Thu, 17 Sep 2009 09:25:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[фриланс]]></category>
		<category><![CDATA[matte-painting]]></category>

		<guid isPermaLink="false">http://www.vatesdesign.com/?p=628</guid>
		<description><![CDATA[Для англоязычного сайта нужно было нарисовать заставку, где новый мир смотрит на старый. Вот что получилось (фуллсайз по клику). Главный исходник картинки под катом Другие хорошие фотки замков можно купить на дримсе в этом портфолио.]]></description>
			<content:encoded><![CDATA[<p>Для англоязычного сайта нужно было нарисовать заставку, где новый мир смотрит на старый. Вот что получилось (фуллсайз по клику).</p>
<p><a href="http://www.vatesdesign.com/wp-content/uploads/2009/09/castle.jpg"><img class="alignnone size-medium wp-image-631" title="castle" alt="castle" src="http://www.vatesdesign.com/wp-content/uploads/2009/09/castle.jpg" width="480" height="349"></a></p>
<p>Главный исходник картинки под катом</p>
<p><span id="more-628"></span><img class="alignnone size-full wp-image-632" title="castle_src" alt="castle_src" src="http://www.vatesdesign.com/wp-content/uploads/2009/09/castle_src.jpg" width="480" height="304">
</p>
<p>Другие хорошие фотки замков можно купить на дримсе в <a href="http://www.dreamstime.com/search.php?srh_field=castle&amp;firstvalue=castle&amp;lastsearchvalue=hand+wine+glass&amp;s_ph=y&amp;s_il=y&amp;s_sm=all&amp;s_rf=y&amp;s_ed=y&amp;s_st=wpo&amp;memso=y&amp;s_cf=0&amp;s_catid=&amp;s_cliid=62613&amp;s_colid=&amp;memorize_search=1&amp;s_exc=&amp;s_excp=&amp;s_sp=&amp;s_sl1=y&amp;s_sl2=y&amp;s_sl3=y&amp;s_sl4=y&amp;s_sl5=y&amp;s_color1=FFFFFF&amp;s_percent1=10&amp;s_color2=FFFFFF&amp;s_percent2=10&amp;s_rsf=0&amp;s_rst=7&amp;s_clc=y&amp;s_clm=y&amp;s_orp=y&amp;s_ors=y&amp;s_orl=y&amp;s_orw=y">этом портфолио</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.vatesdesign.com/matte-painting-nochnoj-zamok/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Процесс создания иллюстрации для сайта</title>
		<link>http://www.vatesdesign.com/process-sozdanya-illustracii-dlja-saita</link>
		<comments>http://www.vatesdesign.com/process-sozdanya-illustracii-dlja-saita#comments</comments>
		<pubDate>Sat, 06 Dec 2008 13:08:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[дизайн-элементы]]></category>
		<category><![CDATA[туториалы]]></category>
		<category><![CDATA[matte-painting]]></category>
		<category><![CDATA[веб-дизайн]]></category>
		<category><![CDATA[иллюстрация. сайт]]></category>
		<category><![CDATA[коллаж]]></category>
		<category><![CDATA[процесс]]></category>
		<category><![CDATA[туториал]]></category>

		<guid isPermaLink="false">http://www.vatesdesign.com/?p=232</guid>
		<description><![CDATA[Для новичка каждый новый проект &#8211; изобретение велосипеда, для не-новичка &#8211; пропускание задачи через уже наработанную процедуру. Именно о процедуре и пойдет речь. А если конкретно, я расскажу как сделать это (клик на рисунке, чтобы увидеть фулсайз): Задача: сделать заставку на сайт шотландского виски Гленфиддих. Заставка должна транслировать мысль о том, что данный виски &#8211; [...]]]></description>
			<content:encoded><![CDATA[<p>Для новичка каждый новый проект &#8211; изобретение велосипеда, для не-новичка &#8211; пропускание задачи через уже наработанную процедуру. Именно о процедуре и пойдет речь.<br />
А если конкретно, я расскажу как сделать это (клик на рисунке, чтобы увидеть фулсайз):</p>
<p><a href="http://www.vatesdesign.com/training/painting.jpg" target="_blank"><img alt="" src="http://www.vatesdesign.com/training/painting_small.jpg" title="результат" class="alignnone" width="480" height="276" /></a></p>
<p><span id="more-232"></span></p>
<p><font class="blue">Задача</font>: сделать заставку на сайт шотландского виски Гленфиддих. Заставка должна транслировать мысль о том, что данный виски &#8211; это эксклюзивный продукт, предполагающий в покупателе развитый вкус и богатую культуру. </p>
<div class="center">
<h2>шаг первый: рождаем идею</h2>
</div>
<p> О способах создания идей, я уже писал раньше. В данном случае я шел аналитическим путем:<br />
1. У зрителя должен быть герой, с которым он себя свяжет в заставке, его альтер-эго. Вопрос &#8211; кто этот герой в данном случае? Ответ: мужчина или пьющий виски или тот, который может пить виски (т.е. ведущий стиль жизни, подразумевающий употребление виски в том числе). В первом случае мы ограничены ситуацией: я и виски (бар, ресторан, пленер (?), дом)<br />
Во втором случае не ограничены ничем. Выбираю второй вариант и в конце концов останавливаюсь на идее: фреска из жизни благородного человека, допустим, конная прогулка. Я хочу подчеркнуть важность посыла: идея рулит иллюстрацией, сначала думаем, потом делаем.<br />
Помните, что задача всегда четко обрисована брифом и ваше решение должно непосредственно из него вытекать. Приучить себя не торопиться кидаться к компу и уже что-то делать, делать скорее &#8211; очень важная штука. Удачный, простой лаконичный образ, сэкономит массу времени, как мы увидим впоследствии. Итак результат этого шага: четкий ответ на вопрос &laquo;Что я хочу изобразить? Что самое главное в моей иллюстрации?&raquo;. В моей иллюстрации самое главное &#8211; это всадник-джентльмен. Всадник &#8211; это альтер-эго покупателя с развитым вкусом и богатой культурой. Идем дальше. </p>
<div class="center">
<h2>ШАГ ВТОРОЙ. Строим композицию из основных элементов</h2>
</div>
<p><a href="http://www.vatesdesign.com/training/compos.jpg" target="_blank"><img src="http://www.vatesdesign.com/training/compos.jpg" title="композиция" class="alignleft" width="200" /></a> Композицию можно сравнить с предложением &#8211; это законченная мысль, все элементы в ней связаны и подчеркивают главное. С главным в иллюстрации я определился &#8211; это всадник, и он &#8211; мой композиционный центр. Кроме всадника есть еще обязательные элементы &#8211; логотип, меню и слоган (меню и слоган &#8211; переменные величины). Чтобы осуществить этот шаг, я нашел в сети устраивающего меня всадника, а дальше стал двигать основными элментами туда-сюда, пока не нашел гармоничное решение. Кстати, меня совершенно не волнует вопрос сложности в данном случае. Просто &#8211; не значит плохо.<br />
Я взял простую диагональную композицию, которая &laquo;проводит&raquo; зрителя через главные объекты &#8211; от логотипа &#8211; через образ &#8211; к слогану. Т.е. я хочу сказать, что расположение объектов на иллюстрации тоже не должно быть случайным. Помните, что любой коммерческой иллюстрацией мы доводим до зрителя некую идею. Каждый объект на иллюстрации оправдан тем или иным отношением к центральной мысли, если он не несет никакого СМЫСЛА &#8211; его надо выкинуть. Именно этим посылом объясняется мой выбор фона. Я мог бы взять, к примеру, живописную долину с виноградниками и мб морем вдали, с офигительными облаками, но ЗАЧЕМ? Будет ли иллюстрация выглядеть менее выразительной, если она просто в лоб транслирует основную мысль, а не вызывает оргазм у других дизайнеров? Помним про бизнес, про решение задачи. Ответ: нет. Поэтому следующий шаг: поиск фона &#8211; продиктован идеей композиции: четко выделить объект переднего плана и не мешать моей осевой диагонали. </p>
<div class="center">
<h2>ШАГ ТРЕТИЙ. поиск изображений</h2>
</div>
<p> <a href="http://www.vatesdesign.com/wp-content/uploads/2008/12/src.jpg"><img src="http://www.vatesdesign.com/wp-content/uploads/2008/12/src-300x173.jpg" alt="" title="src" width="200" class="alignleft" /></a> По-хорошему, здесь тоже нужно строить ментальную карту и ДО ТОГО, как идти на сток УЖЕ знать, что ты ищешь. Но я в данном случае схалявил и набрал в поиске просто beautiful view. Чтобы быстро оценить подходит какая-то фотка в композицию или нет, мы просто копируем, вставляем и растягиваем ее, чтобы оценить эфект.<br />
<font class="blue">ПОДСКАЗКА</font> Не выбирайте картинки с резко очерченным освещением, свет лучше дорисуете и усилите сами. Так меньше времени будет потрачено на подбор других элементов, иначе потом все придется увязывать по свету, а это муторно. Выбирайте нейтрально освещенные изображения.</p>
<div class="center">
<h2>ШАГ 4. Ретушь главного объекта</h2>
</div>
<p><a href="http://www.vatesdesign.com/training/rider.jpg" target="_blank"><img alt="" src="http://www.vatesdesign.com/training/rider.jpg" title="всадник" class="alignleft" width="200" /></a> Это &#8211; эпицентр наших усилий. При таком подходе: четкий передний план, условный задний, от качества ретуши главного объекта зависит все. Если он будет смотрется убедительно, он полностью перетянет на себя внимание зрителя, к этому мы и стремимся. Как я уже писал, этот туториал не о ретуши, поэтому подробно на всаднике я не останавливаюсь, описываю телеграфным стилем:<br />
- разделить на слои. Какие? А что заказчик может попросить изменить? Цвет лошади, сбруи, пиджак всадника, его лицо. Это нужно иметь в отдельных слоях или масках.<br />
- пиджак полностью отрисовать с нуля.<br />
- цилиндр заменить на нормальный.<br />
- выбрать убедительное мужское лицо, которое останавливает на себе взгляд зрителя.<br />
При выборе лица обращаем внимание на свет. На картинке ниже вы видите пример контрастно освещенного лица, которое я не возьму для коллажа &#8211; чтобы не возиться долго с его интеграцией в картинку. </p>
<div class="center">
<h2>ШАГ 5. Интеграция изображения в картинку</h2>
</div>
<p><a href="http://www.vatesdesign.com/training/add-leaves.jpg" target="_blank"><img alt="" src="http://www.vatesdesign.com/training/add-leaves.jpg" title="листья под всадником" class="alignleft" width="200" /></a> &#8211; свет<br />
- цвет<br />
- перспектива &#8211; вот какими инструментами мы будем пользоваться, чтобы вписать всадника в пейзаж.<br />
Т.е. следим, чтобы все объекты были примерно одинаково освещены, немного неестественная подсветка всадника не в счет, т.к. он главный герой и смысл иллюстрации &#8211; его выделить. Добавляем ТЕНИ. Приводим все объекты иллюстрации к одному тону, в нашем случае &#8211; оранжево-желтому. Используя или один и тот же цветофильтр или colorize с последующим fade до 25%. Для перспективы добавляем объекты на передний план &#8211; В СТИЛЕ ИЛЛЮСТРАЦИИ. Подойдут &#8211; листья, ветки, лужица воды, выпавший из руки всадника платок. Не подойдут &#8211; бабочки, ленты, всякие фишки в стиле феррариста и т.п. Смысл в дополнительных объектах: связь элементов, они не должны отвлекать на себя внимание зрителя.<br />
Т.к. в нашей ситуации рассеянного освещения в парке тень от лошади не будет слишком явной, лощадь как бы повисает. Ее нужно теснее &laquo;привязать к земле&raquo;. Не получается тенью &#8211; добавим листиков прямо под лошадь.<br />
<a href="http://www.vatesdesign.com/training/painting_r.jpg" target="_blank"><img alt="" src="http://www.vatesdesign.com/training/painting_r.jpg" title="листья под всадником" class="alignleft" width="200" /></a> Уже неплохо, но изображение получилось статичным. И с не подчеркнутой перспективой. Мы положили листья перед всадником, теперь нужно что-то вставить между всадником и фоном. Создать средний план. Для динамики я возьму взлетающих голубей и рой кружащихся листьев, для среднего плана &#8211; женщину, подходящую к лошади. Теперь наша картинка уже сюжет, ситуация, все объекты на ней легко объяснимы. Мужчина и женщина катаются на лошадях в парке. Всадник резко остановился, вспугнув голубей. Единственно, что непонятно &#8211; как связаны мужчина и женщина. Любовники? Супруги? Друзья? Что это &#8211; ссора? или просто прогулка? Если бы женщина и другая лошадь были более явными на иллюстрации, эту смысловую связь следовало бы создать, но так как они таят в тумане я оставлю это в виде вопросов. Иллюстрация готова. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.vatesdesign.com/process-sozdanya-illustracii-dlja-saita/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Matte-painting и фотостоки: полезные ресурсы</title>
		<link>http://www.vatesdesign.com/matte-painting-i-fotostoki-poleznye-resursy</link>
		<comments>http://www.vatesdesign.com/matte-painting-i-fotostoki-poleznye-resursy#comments</comments>
		<pubDate>Tue, 18 Nov 2008 07:20:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[туториалы]]></category>
		<category><![CDATA[matte-painting]]></category>
		<category><![CDATA[сток]]></category>
		<category><![CDATA[фото]]></category>
		<category><![CDATA[фотосток]]></category>

		<guid isPermaLink="false">http://www.vatesdesign.com/?p=189</guid>
		<description><![CDATA[Хочу поделиться небольшим наборчиком полезных ссылок. 1. По matte-painting-у очень неплохие туториалы (в т.ч. видео) можно найти здесь. Список охваченных ресурсом тем: ретушь в LAB, рисование облаков, гор, меха, правила композиции и освещения объектов, плюс несколько детальных &#171;от и до&#187; созданных автором ресурса мэттов. 2. Хотите посмотреть работы монстров в каком-то конкретном жанре цифрового искусства? [...]]]></description>
			<content:encoded><![CDATA[<p>Хочу поделиться небольшим наборчиком полезных ссылок. </p>
<p>1. По <font class="blue">matte-painting-у</font> очень неплохие туториалы (в т.ч. видео) можно найти <a href="http://www.skjoldbroder.dk/tutorialblog/">здесь</a>. Список охваченных ресурсом тем: ретушь в LAB, рисование облаков, гор, меха, правила композиции и освещения объектов, плюс несколько  детальных &laquo;от и до&raquo; созданных автором ресурса мэттов.<br />
<span id="more-189"></span></p>
<p>2. Хотите посмотреть работы монстров в каком-то конкретном жанре цифрового искусства? Например, быстро отфильтровать самое лучшее в жанре &laquo;фотореализм&raquo;? Тогда вам нужен <a href="http://www.debutart.com/">debutart</a>. Это галерея портфолио известных дизайнеров-художников с удобными возможностями просмотра по автору или тегу. </p>
<p>3. Новички (и не только) могут найти что-то для себя полезное на <a href="http://techdesigner.ru/">techdesigner.ru</a>. Например, советую прочитать урок на тему <a href="http://techdesigner.ru/blogs/post-7/">создания сказочного дерева</a> + комментарии к нему. </p>
<p>4. Для начинающих <font class="blue">стоковых фотографов</font> будут интересны статьи на сайте <a href="http://photodealer.ru/">photodealer.ru</a>, посвященные <a href="http://photodealer.ru/category/fotobanki">фотобанкам</a>. </p>
<p>А для более продвинутых, кто уже более или менее успешно продает свои работы на стоках, будут безусловно полезны материалы на <a href="http://www.arcurs.com/">сайте Юрия Аркурса</a> &#8211; самого продаваемого стокового фотографа в мире. Среди прочего там есть очень удобный <a href="http://arcurs.com/keywording/">keywording tool</a>, ряд занятных видео о том, как Юрий работает и несколько статей на тему &laquo;как добиться успеха&raquo;. Юрий верит в открытость информации (знание принадлежит всем), поэтому охотно рассказывает на каких принципах он строит свою работу и как измеряет эфективность собственного бизнеса, от чего зависит популярность фотографии на стоках и многое другое. Его блог &#8211; это очень хороший пример практически полезного ресурса.  </p>
]]></content:encoded>
			<wfw:commentRss>http://www.vatesdesign.com/matte-painting-i-fotostoki-poleznye-resursy/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
