<p>1) Откройте новый документ в Photoshop.<br>
Выберите красный цвет в качестве основного и нарисуйте в режиме фигур <img src="lessons/2007/080707/red_button/1.gif" width="25" height="25"> круг с помощью инструмента <span class="ag"> Elipse Tool </span><img src="lessons/tools/ellipse-tool.png" width="29" height="21">.<br>
Зажмите клавишу <span class="ag">Shift</span>, чтобы нарисовать ровный круг.</p>
<p align="center"><img src="lessons/2007/080707/red_button/1.jpg" width="300" height="200"><br>
</p>
<p>2) Дважды щелкните по слою с фигурой, чтобы открыть окно добавления стилей. <br>
Добавьте следующие эффекты с настройками, как показано на рисунках:</p>
<p>Добавим тень: </p>
<p align="center"><img src="lessons/2007/080707/red_button/2.jpg" width="286" height="255"><br>
</p>
<p>Внутреннюю тень:</p>
<p align="center"><img src="lessons/2007/080707/red_button/3.jpg" width="286" height="255"></p>
<p>Внешнее свечение (цвет выберите или черный или темно-красный)</p>
<p align="center"><img src="lessons/2007/080707/red_button/4.jpg" width="286" height="255"><br>
</p>
<p>Внутреннее свечение:</p>
<p align="center"><img src="lessons/2007/080707/red_button/5.jpg" width="286" height="255"><br>
</p>
<p>Осталось добавить обводку:</p>
<p align="center"><img src="lessons/2007/080707/red_button/6.jpg" width="286" height="255"><br>
</p>
<p>3) Чтобы сделать блик на кнопочке возьмите инструмент - круглое выделение <img src="lessons/tools/Elliptical Marquee.jpg" width="27" height="23">, выделите небольшой эллипс, создайте новый слой <img src="lessons/tools/new-layer.png" width="15" height="17">.<br>
Установите в качестве основного цвета белый. <br>
Возьмите инструмент градиент <img src="lessons/tools/gradient.png" width="22" height="19"> с такими настройками (цвет градиента от белого к прозрачному). </p>
<p align="center"><img src="lessons/2007/080707/red_button/2.gif" width="261" height="30"></p>
<p>Залейте выделение градиентом (сверху вниз).</p>
<p>Можно уменьшить прозрачность (<span class="ag">opacity</span>), чтобы блик смотрелся еще прозрачнее.<br>
</p>
<p>На кнопку можно добавить какое-нибудь изображение, букву или слово - это уже на ваше усмотрение.</p>
<p align="center"><img src="lessons/2007/080707/red_button/7.jpg" width="300" height="200"></p>
<p>До встречи на wwwadm9449.ucoz.ru</p>
Урок про то, как сделать красивую 3d кнопочку для сайта
Страница: 1
Сообщений 1 страница 3 из 3
Поделиться12008-05-21 08:32:48
Поделиться22008-05-21 15:27:57
Неправильно прописал встаку картинок ,однако скоро заменю...
Поделиться32008-05-21 17:06:09
К сожалению нельзя восстановить полноценно так как пути к картинкам не правильны...
Страница: 1