Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
WEB-dizayn_VM_4_kurs.doc
Скачиваний:
39
Добавлен:
17.11.2018
Размер:
3.55 Mб
Скачать

Вариант 5

<html><head><title>- 3d-text - статьи - анатомия adobe photoshop</title>

<meta http-equiv=content-type content="text/html; charset=windows-1251"><link

href="- 3d-text - статьи - анатомия adobe photoshop.files/index.css"

type=text/css rel=stylesheet>

<meta content="mshtml 6.00.2800.1106" name=generator></head>

<body text=#000000 bgcolor=#ffffff leftmargin=0 topmargin=0><br>

<table cellspacing=0 cellpadding=0 width="100%" border=0>

<tbody>

<tr>

<td bgcolor=#ffffff><img height=1 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/trans.gif"

width=30 border=0><br></td>

<td width=4 bgcolor=#000000><img height=60 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/top-left-black.gif"

width=4 border=0><br></td>

<td width=217 bgcolor=#000000><a href="http://www.psd.ru/"><img height=60

alt="" hspace=12

src="- 3d-text - статьи - анатомия adobe photoshop.files/psd-black.gif"

width=193 border=0><br></a></td>

<td align=left bgcolor=#000000><img height=1 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/trans.gif"

width=130 border=0><br><a href="http://www.psd.ru/"><span

class=white>анатомия<br></span></a>

<h1 class=white><a href="http://www.psd.ru/"><span class=white>adobe

photoshop</span></a></h1></td>

<td align=left width="100%" bgcolor=#ffffff><img height=60 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/grayscale.png"

width=330 border=0><br></td></tr></tbody></table><!-- hotlog -->

<noscript><img height=1

src="- 3d-text - статьи - анатомия adobe photoshop.files/count" width=1

border=0><br></noscript><!-- /hotlog --><!--toplist counter-->

<script language=javascript><!--

d=document;a='';a+=';r='+escape(d.referrer)

js=10//--></script>

<script language=javascript><!--

d.write('<img src="http://top.list.ru/counter'+

'?id=201521;js='+js+a+';rand='+math.random()+

'" alt="" height=1 width=1><br>')

if(js>11)d.write('<'+'!-- ')//--></script>

<noscript><img height=1 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/counter.gif"

width=1><br></noscript>

<table cellspacing=0 cellpadding=0 width="100%" border=0>

<tbody>

<tr>

<td width=20><img height=1 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/trans.gif"

width=20 border=0><br></td>

<td>

<table cellspacing=10 cellpadding=0 width="100%" align=center border=0>

<tbody>

<tr>

<td><img height=20 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/trans.gif"

width=1 border=0><br>

<h4 class=h>3d-text</h4><img height=1 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/line.gif"

width="100%" vspace=10 border=0><br></td></tr>

<tr>

<td>в этой статье описана методика создания имитации трёхмерного

текста простыми средствами adobe photoshop 6.</td></tr>

<tr>

<td><img height=1 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/line.gif"

width="100%" vspace=4 border=0><br></td></tr>

<tr>

<td><img height=150 alt="" hspace=5

src="- 3d-text - статьи - анатомия adobe photoshop.files/text01.gif"

width=280 align=right border=1><span class=num>1.</span> для начала

создайте изображение размером 280 на 150 точек. нажмите d, чтобы

установить цвета фона и переднего плана по умолчанию. нажмите

alt+backspace, чтобы залить фон черным цветом. затем включите

инструмент type (текст) [t] и, используя белый цвет, напишите

"3d-text" шрифтом garamond narrow, полужирное начертание, высота -

60 пунктов. после этого выберите пункт меню layer > rasterize

> type, чтобы перевести текст в растровое изображение.</td></tr>

<tr>

<td><img height=1 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/line.gif"

width="100%" vspace=4 border=0><br></td></tr>

<tr>

<td><img height=150 alt="" hspace=5

src="- 3d-text - статьи - анатомия adobe photoshop.files/text02.gif"

width=280 align=right border=1><span class=num>2.</span> выберите

пункт меню edit > transform > perspective, и придайте надписи

вид, сходный с рисунком справа. затем скопируйте получившийся слой

путём перетаскивания его на иконку <img height=14 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/cnl.gif"

width=27 align=absmiddle border=0> (create new layer) в палитре

layers (слои). отключите отображение копии слоя. переключитесь на

слой background, и нажмите ctrl+shift+e, чтобы произвести слияние

видимых слоёв.</td></tr>

<tr>

<td><img height=1 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/line.gif"

width="100%" vspace=4 border=0><br></td></tr>

<tr>

<td><img height=150 alt="" hspace=5

src="- 3d-text - статьи - анатомия adobe photoshop.files/text03.jpg"

width=280 align=right border=1><span class=num>3.</span> примените

фильтр filter > blur > motion blur со значением angle (угла)

-20 (минус двадцать) градусов и со значением distance (расстояния)

20 пикселей. результат вы видите справа.</td></tr>

<tr>

<td><img height=1 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/line.gif"

width="100%" vspace=4 border=0><br></td></tr>

<tr>

<td><span class=num>4.</span> примените фильтр filter > stylize

> find edges. результат на рисунке внизу слева. нажмите ctrl+i,

чтобы инвертировать изображение (рисунок внизу справа).<br></td></tr>

<tr>

<td align=right><img height=150 alt="" hspace=0

src="- 3d-text - статьи - анатомия adobe photoshop.files/text04.jpg"

width=280 border=1><img height=1 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/trans.gif"

width=5 border=0><img height=150 alt="" hspace=0

src="- 3d-text - статьи - анатомия adobe photoshop.files/text05.jpg"

width=280 border=1><br></td></tr>

<tr>

<td><img height=1 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/line.gif"

width="100%" vspace=4 border=0><br></td></tr>

<tr>

<td><img height=150 alt="" hspace=5

src="- 3d-text - статьи - анатомия adobe photoshop.files/text06.jpg"

width=280 align=right border=1><span class=num>5.</span> включите

отображение копии слоя с текстом. в палитре layers (слои) задайте

этому слою прозрачность 70%. нажмите v, чтобы включить инструмент

move (перемещение). совместите слой с текстом с лицевой стороной

трёхмерной надписи. затем создайте копию слоя с текстом путём

перетаскивания его на иконку <img height=14 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/cnl.gif"

width=27 align=absmiddle border=0> (create new layer) в палитре

layers (слои). задайте новому слою прозрачность 30% и совместите его

с задней стороной трёхмерной надписи. всё готово. результат вы

видите справа.</td></tr>

<tr>

<td><img height=1 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/line.gif"

width="100%" vspace=4 border=0><br></td></tr>

<tr>

<td>

<p align=right><i>михаил сергеенко (<a

href="http://www.sergeenko.ru/"

target=_blank>http://www.sergeenko.ru/</a>)</i></p></td></tr>

<tr>

<td><a href="http://www.psd.ru/actions/zip/3d-text.zip">скачать

action 3d-text</a></td></tr>

<tr>

<td align=middle><img height=1 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/line.gif"

width="100%" vspace=4 border=0><br><a

href="http://www.psd.ru/article/">вернуться к списку

статей</a></td></tr></tbody></table></td></tr></tbody></table></body></html>

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]