Аватарки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Аватарки » Болталка о них » Урок про то, как сделать красивую 3d кнопочку для сайта


Урок про то, как сделать красивую 3d кнопочку для сайта

Сообщений 1 страница 3 из 3

1

<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>

2

Неправильно прописал встаку картинок ,однако скоро заменю...

3

К сожалению нельзя восстановить полноценно так как пути к картинкам не правильны...


Вы здесь » Аватарки » Болталка о них » Урок про то, как сделать красивую 3d кнопочку для сайта