Мы запустили Форум! (*beta)
сортировать посты по: Рейтингу | Посещаемости | Комментируемые
Подсказка
Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.
*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.
Чёрное меню
+2

Шаг 1
Создайте новый документ размером 260х790 пикселей с серым фоном. Выберите инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool) чёрного цвета и создайте фигуру. Далее в новом слое создайте ещё 1 прямоугольник цвета (272F32) над чёрным прямоугольником (b). Правый клик на слое с формой и выберите Растеризовать слой (Rasterize Layer). Теперь примените Выбор»Сделать выделение (Select > Load selection).
Создайте новый документ размером 260х790 пикселей с серым фоном. Выберите инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool) чёрного цвета и создайте фигуру. Далее в новом слое создайте ещё 1 прямоугольник цвета (272F32) над чёрным прямоугольником (b). Правый клик на слое с формой и выберите Растеризовать слой (Rasterize Layer). Теперь примените Выбор»Сделать выделение (Select > Load selection).
a)
b)
Шаг 2
Выберите инструмент Градиент (Gradient Tool) (a), линейный градиент (Linear gradient) (b), и откройте Редактор градиента (Gradient editor) (c). Установите значение цвета заливки - (272F32) и цвет фона - (030E0F).
Выберите инструмент Градиент (Gradient Tool) (a), линейный градиент (Linear gradient) (b), и откройте Редактор градиента (Gradient editor) (c). Установите значение цвета заливки - (272F32) и цвет фона - (030E0F).
a)
b)
c)
d)
Шаг 3
В Редакторе градиента (Gradient editor) установите - от заливки к фону (foreground to background). Протяните градиент от вершины к основанию внутри выделения.
В Редакторе градиента (Gradient editor) установите - от заливки к фону (foreground to background). Протяните градиент от вершины к основанию внутри выделения.
a)
b)
Шаг 4
Сделайте копию фигуры и поместите вниз (a). Создайте ещё 1 копию, поместите её над основанием и используйте Прямоугольная область (Rectangular Marquee Tool) как на рисунке (b).
Сделайте копию фигуры и поместите вниз (a). Создайте ещё 1 копию, поместите её над основанием и используйте Прямоугольная область (Rectangular Marquee Tool) как на рисунке (b).
a)
b)
Шаг 5
Повторяйте процесс, пока у вас не будет несколько слоёв кнопки. Поместите слой с оригинальным градиентом над всеми в палитре слоёв и используйте инструмент Прямоугольная область (Rectangular Marquee Tool) как на рисунке (b).
Повторяйте процесс, пока у вас не будет несколько слоёв кнопки. Поместите слой с оригинальным градиентом над всеми в палитре слоёв и используйте инструмент Прямоугольная область (Rectangular Marquee Tool) как на рисунке (b).
a)
b)
Шаг 6
Выберите инструмент Горизонтальный текст и настройте как на рисунке (a). Вы можете использовать любой другой толстый шрифт. Как только вы создадите текст, сделайте выделение этого слоя (b), и создайте новый слой под ним (Create New Layer).
Выберите инструмент Горизонтальный текст и настройте как на рисунке (a). Вы можете использовать любой другой толстый шрифт. Как только вы создадите текст, сделайте выделение этого слоя (b), и создайте новый слой под ним (Create New Layer).
a)
b)
Шаг 7
Расширьте выделение (Modify - Expand) и введите значение - 3 пикселя, залейте новый слой цветом (4C6775). Для текста кнопок настройки на рисунке (b)
Расширьте выделение (Modify - Expand) и введите значение - 3 пикселя, залейте новый слой цветом (4C6775). Для текста кнопок настройки на рисунке (b)
a)
b)
Ссылка на источник урока
Создан: 3 марта 2009
написал : Kord
Спасибо за хороший урок....
---------------24 января 2011 02:20 | ICQ: -- | [цитировать]

