Реклама и Статистика


SEO sprint - Всё для максимальной раскрутки!





Создатель кнопок

В этом простом уроке показан способ создания маленьких кнопок с помощью пары слоев и слоя с картинкой. Вот конечный результат.

Начнем с рисования на цветном фоне. Я использовала радиальный градиент от темно-коричневого к темно-серому. Затем на новом слое нарисуйте круг с помощью Ellipse Tool любым цветом.

Теперь применим некоторые стили слоя. Нам потребуются два вида внутренней тени (Inner shadow и Inner glow). Также применим Gradient Overlay, Drop Shadow и немного Satin. С помощью теней в углах я пытаюсь придать объекту 3D вид, а радиальный градиент делает середину светлой. На рисунках показаны настройки для стилей слоя.

Далее с помощью Elliptical Marquee Tool сделайте овальное выделение как на рисунке (большее по горизонтали, чем по вертикали). Создайте новый слой и залейте выделение радиальным градиентом от белого к прозрачному. Обратите внимание, что необходимо протянуть градиент так, чтобы большая часть прозрачности была за пределами выделения. Когда все сделаете, поверните эллипс примерно на 30 градусов. Это наш главный блик.

Теперь дублируйте слой с бликом. Уберите видимость первого блика, чтобы видеть, что делаете. Затем зажмите Ctrl и щелкните по второму блику, чтобы загрузить выделение. Далее нажмите несколько раз вниз и влево стрелками на клавиатуре, затем нажмите delete. У вас должен остаться тонкий блик как на рисунке.

Сделайте первый блик снова видимым. Затем дублируйте второй блик и поместите его внизу слева как на рисунке. Теперь у вас есть стиль кнопки!

Теперь сделаем кнопку взаимозаменяемой. Для этого просто перейдите на слой с кругом и установите Fill на 0% Fill как Opacity, кроме того, что если вы устанавливаете 0% Opacity, то стили слоя тоже становятся прозрачными, а если делаете 0% Fill, то стили слоя остаются видимыми. Это очень хорошо для нас, потому что мы убираем оранжевый цвет, но оставляем все, что нужно для кнопки. Теперь все, что нужно сделать, это разместить что-нибудь под кнопкой.

Я вставила изображение картины девушка с вином и вы можете видеть его сквозь кнопку и убедиться как работает 0% Fill.

Далее зажмите Ctrl и щелкните по слою с кругом, чтобы загрузить выделение, затем нажмите Shift+Ctrl+I для инвертирования выделения, перейдите на слой с картиной и нажмите delete. И все готово! Одна кнопка!

Затем я сделала еще несколько кнопок с помощью различных картинок.


Просмотров: 6365

  Коментарии (2)
 1 Написал(а) Kioshi, в 16:34 17.06.2010
Если честно, то с самого начала ничего не понял... 
Изначально со скринами и, желательно, русскими названиями можно?
 2 Написал(а) Lavon, в 07:37 17.05.2017
Oui, ces patrons du CAC40 qui n’ont rien créé, juste hérité, gavés de subventions, de primes à la casse, etc, qui savent que l’état paiera leur mauvaise gestion, et qui s&nqeuo;augmentsrt sans cesse tout en couinant sur le coudutravail. On se demande qui sont las assistés…

Добавить коментарий
Имя:
Коментарий:



Код:* Code

Реклама