про салон
художня зйомка
рекламна зйомка
репортажна зйомка
зйомка iнтер'єрiв
весiльна зйомка
вiдеозйомка
наше портфолiо
контакти
уроки photoshop
робота з текстом
робота з фото
графіка для сайту
робота з ефектами
магія фотошопу

Кориснi статтi:

Кнопка для інтерфейсу


Блискучі скляні кнопки для веб-інтерфейсів і скінів тривалий час були популярними. У цьому уроці ми навчимося техніки створення скляної сферичної кнопки.

Блискучі скляні кнопки для веб-інтерфейсів і скинов до додатками довгий час були популярними рішеннями. У цьому уроці ми навчимося техніки створення скляної сферичної кнопки.


Приблизний час виконання: 7 хвилин

1. Відкрийте новий документ (250?250 у цьому прикладі) і виберіть Circular Marquee Tool. Спочатку нам потрібно створити металеве тло для кнопки, так що затисніть Shift і намалюйте коло. Створіть новий шар, назвавши його One і залийте коло темно-сірим (таким, як #333333). Залишіть виділення й створіть новий шар за назвою Two над ним. Зайдіть в Select>Modify>Contract, 2 пикселя, потім в Select>Modify>Feather 5 пикселей.

Виберіть помірковано сірий (такий, як #666666) як цвіт вашого тла. Залийте виділену область, нажавши Alt+Backspace (Mac: Option+Delete). Створіть третій шар за назвою Three, не знімаючи виділення. Виберіть білий як цвіт переднього плану й виберіть Linear Gradient Tool. Переконаєтеся, що обрано опцію Foreground to Transparent. Кликніть і простягніть від верху до низу виділення (затисши Shift), щоб залити виділену область градієнтом. Потім, щоб зробити виділення небагато світліше, продублируйте шар Three, виконавши Layer>Duplicate Layer, потім натисніть Ctrl+E (Command+E), щоб виконати злиття шарів. Тепер у нас є небагато металу, продовжимо.


2. Створіть новий шар над іншими, назвавши його Four. Використовуйте Circular Marquee Tool, щоб створити менше коло (затисши Shift). Залийте коло синім (наприклад, #6699dd).


3. Затисши Ctrl (Command), кликніть кнопку нового шару, щоб створити новий шар під Four. Назвіть його й. Зайдіть в Select>Modify>Expand - 2 пикселя. Тепер виберіть Gradient Fill. Використовуйте градієнт від чорного до білого із цими настроюваннями. Знизьте opacity шару SubFour до 80%.


4. Потім поверніться в шар Four, кликніть на ньому правою кнопкою й застосуєте Blending Options - Inner Glow з такими настроюваннями. Потім застосуєте Inner Shadow із цими настроюваннями. Далі йде експериментальна частина. Створіть новий шар на Four за назвою Dodge, поставте Blending Mode на Linear Dodge. Виберіть Brush Tool з кистю 100 пикселей і Hardness 10%, а Flow 40%. Затисніть Ctrl (Command) і кликніть на Four, щоб завантажити його у виділення. Виберіть черепаховий цвіт (наприклад #2d8e97) і залийте цей шар для одержання приємного ефекту. Щоб зробити це, вам, імовірно, знадобиться використовувати кольори світліше, так само, як і для нижньої області. Якщо потрібно, знизьте opacity шару до 80%. Після того, як залишитеся задоволені, кликніть Ctrl+E, щоб зчепити цей шар з Four.


5. Створіть нагорі новий шар за назвою Five. Затисніть Ctrl (Command) і кликніть на Four, щоб завантажити його як виділення. Залийте цю область білим. Кликніть Ctrl+D (Command+D), щоб зняти виділення. Поставте Blending Mode шару на Overlay. Натисніть Ctrl+T, щоб викликати діалогове вікно Free Transform. Затисніть Shift і стисніть виділення з нижнього кута, щоб він виглядав, як приклад праворуч. Зайдіть в Filter>Blur>Gaussian Blur, поставте радіус 2.8. Знизьте opacity шару до 40% або як буде потрібно.


6. Далі, створіть новий шар нагорі за назвою Six. Затисніть Ctrl (Command) і кликніть Four, щоб завантажити його, як виділення. Залийте його світло-блакитним (наприклад #80f2e1). Натисніть Ctrl+D (Command+D). Натисніть Ctrl+T (Command+T), щоб вибрати Free Transform і стиснути фігуру, щоб вона виглядала, як на картинці. Зайдіть в Filter>Blur>Boxed Blur, виберіть радіус 5 пикселей (якщо у вас більше стара версія Photoshop, Gaussian blur у кроці вище теж підійде). ПоставьтеBlending Mode шару на Soft Light і opacity на 75%.


7. Створіть новий шар за назвою Seven. Використовуйте Rectangular Marquee Tool, щоб створити прямокутне виділення. Залийте його білим, вибравши білий як цвіт переднього плану й нажавши Alt+Backspace (Option+Delete). Потім, використовуйте Rectangular Marquee, щоб вибрати вузький прямокутник посередине й натисніть Delete, щоб очистити область. Зробіть те ж саме з тонким горизонтальним прямокутником, поки у вас не вийде 4 прямокутники, як у мене на картинці.


8. Щоб округлити білі прямокутники, відкрийте Liquify, нажавши Shift+Ctrl+X (Shift+Command+X). Переконаєтеся, що обрано опцію Backdrop унизу праворуч. Це складно пояснити, тому експериментуйте з Liquify, поки у вас не вийде так, як потрібно. Я почав з вибору кисті радіусом 400, і використовував Pucker, кликнувши вгорі й прямо посередине прямокутників і потягнувши небагато долілиць. Потім я вибрав кисть радіусом 172 і кликнув посередине прямокутників з обраним Bloat, щоб небагато їх надути. Потім я малював кистю, щоб закрити всю синю область, і кликнув на всі, щоб підсунути їх нагору й нахилити. Коли я закінчив, я створив шар над Seven, завантажив виділення з Seven і залив його градієнтом Foreground to Transparent, використовуючи білий як цвіт переднього плану. Я поставив opacity шару на 90%. Потім я видалив оригінальний шар Seven.


9. От і все! Я додав логотип Spoono нагорі для забави.


Джерело: photoweb.com.ua