Link:INB Home|INB English| INB русский язык|INB العربية|INB Türkiye|INB فارسی|INB Español|INB Français|INB Português|INB Deutsch|INB 國語|INB 中文|INB 日本语|INB 한국어|INB ภาษาไทย|INB tiếng Việt||Уроки Photoshop Делаем кнопки в Photoshop
INB русский язык Форум
Добро пожаловать! inbforum.COM Интернет без границ Форум Здесь вы можете обсудить с друзьями по всему миру прений, приходите и присоединяйтесь к нам! Постоянный имя: Ruinbforum.forumotion.com
INB русский язык Форум

Добро пожаловать! inbforum.COM Интернет без границ Форум Здесь вы можете обсудить с друзьями по всему миру прений, приходите и присоединяйтесь к нам! Постоянный имя: Ruinbforum.forumotion.com


Вы не подключены. Войдите или зарегистрируйтесь

《《《《《《《上一页INBforum   Перейти вниз

上一页INBforum》》》》》》》Предыдущая тема Следующая тема Перейти вниз  Сообщение [Страница 1 из 1]

1Уроки Photoshop Делаем кнопки в Photoshop Empty Уроки Photoshop Делаем кнопки в Photoshop в Ср Сен 29, 2010 7:36 pm

Admin

Admin
Admin
Спонсор поста: Заказать цемент в мешках по предоплате с доставкой.

В это простом уроке мы научимся простому способу создания маленьких кнопок, используя пару слоев и один перемежающийся с ними слой изображения.

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Приблизительное время выполнения: 5 минут

Шаг 1
Начните рисовать цветной фон. Я использовал темно-коричневый и серый здесь, а также легкий радиальный градиент. Затем в новом слое нарисуйте круг и залейте его цветом. Не имеет значения, какой цвет вы используете, я использовал зеленый.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 2
Далее мы собираемся применить некоторые стили слоя. Мы используем два типа Inner Shadow (Inner shadow и Inner glow). Также применим легкий Gradient Overlay и Drop Shadow и немного Satin. Я выбрал их, чтобы придать объекту 3D-вид, используя тени по краям и радиальный градиент, чтобы создать впечатление, что свет падает на середину. Последний эффект нужен лишь для того, чтобы добавить изюминку.
Как бы то ни было, вместо того, чтобы показывать вам оригинальные настройки, скачайте исходник и скопируйте оттуда Layer Style.
sample_button.zip
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 3
Вот как будет выглядеть круг после применения стилей слоя.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 4
Используя Circular Selection Tool, мы нарисуем эллипс, который длиннее горизонтально, чем вертикально (как показано). Создайте новый слой и нарисуйте радиальный градиент от белого к прозрачному. Заметьте, что вам нужно протянуть градиент так, чтобы общая прозрачность появилась снаружи выделенной области (чтобы белая часть имела острый краешек там, где заканчивается выделенная область).
Когда закончите, поверните эллипс на 30 градусов. Это наша основная освещенная область.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 5
Теперь продублируйте слой с освещением. Выключите видимость первого слоя, чтобы вы видели, что делаете, далее зажмите Ctrl и кликните на втором освещенном слое, чтобы выбрать его пиксели. Затем нажмите стрелку вниз и влево несколько раз, а затем delete. У вас должен остаться освещенный краешек (как показано).
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 6
Переключитесь на ваш первый освещенный слой. Затем продублируйте второй и поверните его вниз влево, как показано. Теперь у вас есть стиль для кнопки!
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 7
Далее нам нужно сделать кнопку переливающейся. Чтобы сделать это, просто берем главный зеленый слой и ставим Fill на 0%
Fill вроде Opacity, только когда вы ставите Opacity 0%, стили слоя также становятся прозрачными, а если вы сделаете Fill 0%, стили слоя будут видны. Это отлично, поскольку мы избавляемся от зеленого, но у нас по-прежнему есть все для наших кнопок. Теперь все, что нам нужно – это поместить что-то под стили.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 8
Я выбрал британский флаг и вот, вы видите его и как работают стили слоя.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 9
Теперь нажмите Ctrl и кликните на слое с кругом, чтобы выбрать этот круг, нажмите Shift+Ctrl+I, чтобы инвертировать выделение, и нажмите delete. Вы закончили! Одна кнопка готова!

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Шаг 10

Затем я создал ещё несколько кнопок, используя разные картинки. Шрифт, которым набрана надпись «Button Maker«, называется «Dynamoe«, если вам интересно!

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]]

http://ru.inbforum.com

上一页INBforum   Перейти вниз

上一页INBforumПредыдущая тема Следующая тема Вернуться к началу  Сообщение [Страница 1 из 1]

Права доступа к этому форуму:
Вы не можете отвечать на сообщения

Copyright ©2009-2010 LTD Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

IT:SINGLESERVGoogle谷歌翻译TranslateFORUMSOFTLAYERGoogle谷歌广告联盟AdSenseAsia

 

Как создать форум на Forum2x2 | © PunBB | Бесплатный форум поддержки | Контакты | Сообщить о нарушении | Последние обсуждения