• Авторизация


Красивая кнопка или аватарка 09-10-2009 12:57 к комментариям - к полной версии - понравилось!

Это цитата сообщения FlashStudio Оригинальное сообщение

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



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

[450x256]

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

[391x269]

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

[206x204]

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

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

[219x188]

[221x216]

[221x214]

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

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

[298x66]

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

Blending Options Default:

[470x344]

Drop Shadow:

[470x346]

Outer Glow:

[470x346]

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

[470x347]

Bevel and Emboss:

[470x345]

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

[377x336]

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

[377x331]

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

[379x336]

 

[211x246]

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

[381x352]

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

[304x113]

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

[71x325]

[422x408]

[280x43]

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

[291x284]

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

[310x330]

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

[391x360]

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

[304x329]

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

[411x428]

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

[409x424]

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

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

[265x54]

[272x184]

[400x232]

[235x242]

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

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

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

[470x30]

[304x290]

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

Inner Shadow:

[470x345]

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

[261x325]

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

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

[257x325]

[415x165]

[386x126]

[263x219]

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

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

[305x394]

[283x304]

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

Автор: Diablo
Источник: www.3dmir.ru

вверх^ к полной версии понравилось! в evernote
Комментарии (1):
gar333 25-08-2013-21:05 удалить
Спасибо. Пригодится


Комментарии (1): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Красивая кнопка или аватарка | Natashichek - Дневник Natashichek | Лента друзей Natashichek / Полная версия Добавить в друзья Страницы: раньше»