Большой архив статей, книг, документации по программированию, вебдизайну, компьютерной графике, сетям, операционным системам и многому другому
 
<Добавить в Избранное>    <Сделать стартовой>    <Реклама на сайте>    <Контакты>
  Главная Документация Программы Обои   Экспорт RSS E-Books
 
 

  Раздел: Компьютерная документация -> Графика и дизайн -> PhotoShop

 

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

Запускаем фотошоп! Создаём новый, пустой файл 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
Источник: www.3dmir.ru



  Добавить закладку на материал: 


Ссылки по теме
Палитра Layers в Photoshop CS2
Рисуем логотип в Photoshop CS2
Рисуем Талисман в Photoshop CS
Рисуем стеклянный текст в Photoshop CS
Веревка в Photoshop CS
Создание галереи на флеш в Photoshop CS2
Создаем кубический текст в Photoshop 7.0+CS+CS2(9.0)
Учебник Photoshop 7

Вся документация Photoshop

 

Компьютерная документация от А до Я - Главная

 

 
Интересное в сети
 
10 новых программ
CodeLobster PHP Edition 3.7.2
WinToFlash 0.7.0008
Free Video to Flash Converter 4.7.24
Total Commander v7.55
aTunes 2.0.1
Process Explorer v12.04
Backup42 v3.0
Predator 2.0.1
FastStone Image Viewer 4.1
Process Lasso 3.70.4
FastStone Image Viewer 4.0
Xion Audio Player 1.0.125
Notepad GNU v.2.2.8.7.7
K-Lite Codec Pack 5.3.0 Full


Наши сервисы
Рассылка новостей. Подпишитесь на рассылку сейчас и вы всегда будете в курсе последних событий в мире информационных технологий.
Новостные информеры. Поставьте наши информеры к себе и у вас на сайте появится дополнительный постоянно обновляемый раздел.
Добавление статей. Если вы являетесь автором статьи или обзора на тему ИТ присылайте материал нам, мы с удовольствием опубликуем его у себя на сайте.
Реклама на сайте. Размещая рекламу у нас, вы получите новых посетителей, которые могут стать вашими клиентами.
 
Это интересно
 

Copyright © CompDoc.Ru
При цитировании и перепечатке ссылка на www.compdoc.ru обязательна. Карта сайта.