Красивая кнопка или аватарка

Запускаем фотошоп! Создаём новый, пустой файл File->New (Ctrl+N), размером 200х200 пикселей. С прозрачным фоном.

Переименовываем слой из “Layer 1” в “Background”. (Если вы, что то делаете в фотошопе, что требует много слоёв, старайтесь каждому давать свои обдуманные имена. Это упростит вам работу).

Залейте ваш “Background”, однородным цветом (#b0a69f). Для этого воспользуйтесь “Paint Bucket Tool” (G)

Создайте новый слой, и назовите его “Base”. Затем, выберете цвет (#cccccc), но НЕ надо его пока что применять! Затем, при помощи “Elliptical Marquee Tool”, нарисуйте круг, на вашем новом слое! Что бы круг, рисовался ровным и не превращался в овал, нужно нажать при создании, нажать и удерживать кнопку “Shift”. И залейте его цветом который мы выбрали ранее (#cccccc).

Не волнуйтесь, если круг у вас, получился не по центру, далее мы его отцентруем!

Отставив наш слой “Base”, выделенным, выберите инструмент “Move Tool”. Затем Edit->Select All (Ctrl+A). Далее отцентруйте нас круг, по горизонтали и вертикале. И снимите выделение Edit->Deselect or Ctrl+D.

Теперь преступим к редактированию параметров слоя “Base”. Для этого нажмите на нём правой кнопкой и выберете пункт “Blending Options”. Все параметры выставляйте, согласна рисункам.

Blending Options Default:

Drop Shadow:

Outer Glow:

Inner Glow: (later edit: this can be left out)

Bevel and Emboss:

Вот то, что у вас должно получится!!!

Продолжи! Создайте новый пустой слой и назовите его “Glass”. Затем, при помощи инструмента “Elliptical Marquee Tool”, выделите чёрный круг.
Делается это так: Нажав и удержав кнопку “Shift”, вы создаёте круг, так же как и ранее. Но вот есть маленькая хитрость, если в это время, когда шифт нажат и левая кнопка мыши тоже нажата, если вы нажмёте кнопку пробел, то вы сможете перемещать круг, а когда отпустите пробел, не отпуская шифт, то сможете и далее менять размеры вашего круга.

Теперь, закрасьте выделенную область однородным цветом (#f26522). Если ваш круг, получился не по центру, то отцентруйте его так, как мы это делали ранее. Результат, должен быть похож на картинку ниже:

Создайте новый слой и назовите его “Glow1”. Далее, при помощи инструмента “Elliptical Marquee Tool”, сделайте овал, чуть ниже и правее центра. Как на картинке.

Нажимаем “Select->Feather”, вводим 10px, жмём ОК.

Теперь, в начале выбираем нужный цвет (#fdc588). Далее, выбираем кисть “Brush Tool”. Из раздела стандартных (Basic Brashes, кисть примерно в самом низу), выбираем Soft 35px (Номер 35 написан слева от самой кисти). И устанавливаем у нашей кисти, параметр “Flow” в 60%.

Теперь, сделайте 8 – 10 кликов мышкой, внутри выделения в слое Glow1. Результат должен быть как на картинке:

Теперь, к нашему слою Glow 1, нужно применить фильтр “Filter->Blur->Gaussian Blur” с радиусом 9px.

Поменяйте цвет нашей кисти на (#ffef96), выберите кисть номер 21 (21px Soft) из стандартного набора. Верните наш параметр “Flow” на 100%. И сделайте 3 – 4 клика мышкой, в центре нашего пятна! У вас должно получиться как у меня на картинке:

Вновь примените к нашему слою, фильтр “Filter->Blur->Gaussian Blur”, но в этот раз, радиус должен быть 2px.

В промежуточном итоге, у вас должно получиться примерно как на картинке ниже. Но не надо всё переделывать, если ваш результат, с точностью не похож на мой, в этом ничего страшного нету!)))

Создаём новый слой, называем его Glow2. При помощи инструмента “Elliptical Marquee Tool”, делаем овал как на картинке ниже!

Выбираем инструмент “Gradient Tool”. Сщёлкаем по вкладке градиента и выбираем прозрачность, которая показана на картинке. Не забудьте сменить один из цветов, на белый (#ffffff). И проводим линию над нашим выделенным. Проводим её, с верху вниз. Что линия прошла ровно, удерживайте клавишу “Shift”. Если ваш эллипс, получился не по центру, то вы можете его отцентровать, как это сделать, вы уже знаете.))

Теперь, приступаем к тексту. Вы можете сделать, что то своё, какую-нибудь надпись допустим для аватарки или ещё что нить. А в данном случае, мы для примера, напишем “Xtreme”.
И так, создаём новый слой, называем его “Text”. Далее, выбираем инструмент “Horizontal Type Tool” (T). Выбираем шрифт “Impact”, цвет (#9c3200), а размер шрифта, устанавливаем равным 16 pt и вводим нужный нам текст.

После того как напечатали свой текст, нажимаем правой кнопкой на слое (в правой панели) и выбираем пункт “Rasterize Type”. Обращаю ваше внимание на то, что после этого ваш текст, невозможно будет отредактировать, то есть ввести что то другое или поменять какие то другие параметры.

Слой с текстом, нужно поместить под ваш слой Glow2.

Теперь, давайте поменяем настройки нашего слоя “Blending Options”.

Inner Shadow:

Поменяйте у слоя с текстом, параметр “Fill”, на 70%

Далее, вам нужно выделить все ваши слои, кроме слоя “Background”.

Теперь, вам нужно сгрупировать выделенные слои. Для этого нужно сделать “Layer->New->Group from Layers…".

Теперь, давайте его трансформировать. Для этого, идите во вкладку “Edit->Free Transform” Или нажмите “Ctrl+T”. Потом, нажмите правой кнопкой мыши на картинке и выберете пункт “Perspective” и двигайте точки, как вам хочется! А затем, переключившись в режим “Distort” двигайте в нём. И примените ваше изменения.

Теперь, нам нужно сделать тень т нашего..мм..логотипа..или аватарки…фиг знает))
Для этого, выберете слой “Base” и войдите в его параметры. И измените там “Drop Shadow’s”, я внёс изменения в угол “angle” сменив его параметры со 120, до 40. Мне этого хватило, а вы, делайте как вам хочется!

И вот что у меня в итоге получилось! Думаю, у вас должно получиться примерно такое же!

Автор перевода: Diablo