RIATMP1084-Простой веб кнопку для использования Photoshop Учебник | Богатые Решения Интернет-приложение

RIATMP1084-Простой веб кнопку для использования Photoshop Tutorial

8 июля 2009

RIATMP1084- Simple Web Button for your use, Photoshop Tutorial

RIATMP1084-Простой веб кнопку для использования Photoshop Tutorial

Нажмите здесь, чтобы загрузить

Сегодня я отправляю простой учебник кнопку Интернете. Вы можете использовать это для вашего веб-проекта.

Создайте новый файл 400/200 пикселей. Заполните фоновый слой с белым.

РИСУНОК кнопки с помощью RECTANLE SHAPE: Создайте новый слой. Теперь выберите инструмент Rounded Rectangle Tool, введите 5 пикселей, как радиус закругленным углом и обратить прямоугольник кнопки формы. Щелкните правой кнопкой мыши на том, что форма и выбрать "Make Selection". Теперь заполните выделение, что нужный вам цвет. Я взял # 5c89cc.

Photoshop Учебник, кнопки

pic2

Photoshop Учебник, кнопки

Pic3

ДОБАВЛЕНИЕ стиль слоя: слой в небе, щелкните правой кнопкой мыши на эту кнопку слое и выберите Blending Options Сначала добавьте тени.. Вы можете взять этот файл (рис.1) в качестве справочного материала для всех значений. Затем добавьте Gradient Overlay. Сейчас в Gradient Editor выберите первый стоп цвет и щелкните на цвет ниже, чтобы изменить его цвет, который вы хотите. Я использовал # a4cee6. Сделайте то же самое Цвет Stop справа. Для этой остановке я использовал # 56add6. Теперь добавим два цвета останавливается на середине, щелкнув прямо под уклоном в середине. Вы можете исправить эти позиции, введя 50% в поле адреса. Я использовал # & # 468bcc 81b3e2 эти два цвета. См. выше изображение (pic2). Теперь мы добавим Stroke. Выберите опцию Stroke на дне. Возьмите 1 пиксель по размеру и белый цвет, или вы также можете взять ваш цвет фона. (Pic3)

pic4 RIATMP1084 Simple Web Button for your use, Photoshop Tutorial

Photoshop Tuitorial, кнопки

pic4pic5

ДОБАВЛЕНИЕ GLOW: Теперь Вы можете обогатить внешний вид, добавив свечения на верхней части кнопки. Вы можете использовать инструмент Pen Tool. Но чтобы сделать этот процесс проще, я просто играл с выбором варианта. Щелкните правой кнопкой мыши на кнопке слоя в слой поддонов и выберите "Select Layer Transparency". Создайте новый слой и залейте выделение белым цветом. Теперь выберите инструмент Move Tool и переместите, что выбранный белый прямоугольник 4 пикселя вниз. Теперь добавьте маску. Держите верхнюю часть и удалить лишние части. Смотрите pic4. Теперь добавим текст, и это все, что вам просто прохладно кнопку. PIC5.