Уроки Фотошопа

Главное меню


 

Еще кое-что


 

Популярное

Редактирование пейзажа в фотошоп
Добро пожаловать во второй урок по редактированию ландшафтов. В сегодняшнем уроке я покажу вам как э...

Фотографии пейзажа - Основы редактирования в Фотошоп
Редактировать фотографии пейзажа действительно легко, но получить хорошие результаты уже другая ис...

Создаем реалистичный эффект трещины на лице в Фотошоп
Сегодня вы научитесь простому способу создания эффекта трещин на ваших фотографиях. Помимо этого в...

Сказочная иллюстрация в фотошоп
В этом уроке вы создадите красивую сказочную иллюстрацию при помощи корректирующих слоев и фильтро...

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

Коррекция желтой фотографии в фотошоп
Данный урок предназначен начинающим фотографам и любителям. В нем вы узнаете как сделать яркую фот...

Последние новости

Меню для сайта

В этом Photoshop уроке мы будем проектировать простое меню в стиле минимализма.

1. Создайте новый документ размером 500 на 300px и протяните линейный градиент Фотошоп инструмент: Градиент с учтановленнми цветами от #ffffff к #d5dfe0, сверху вниз.

Меню для сайта


2. Возьмите инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool), установите радиус скругления углов 7px, основной цвет белый (#FFFFFF) и нарисуйте фигуру, как на рисунке ниже.

Меню для сайта


3. Добавьте стиль этому слою стиль слоя - Внешнее свечение (Outer Glow). Установите значения как показано на рисунке ниже.

Меню для сайта


Внутреннее свечение (Inner Glow).

Меню для сайта


Обводка
(Stroke).

Меню для сайта


Результат будет следующим:

Меню для сайта


Теперь мы можем приступить к основной части урока, создание меню. Прежде всего создадим подложку под кнопками.
4. Выберите инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool), установите радиус скругления углов 7px и нарисуйте еще одну фигуру выше первой, как на рисунке ниже.

Меню для сайта


5. Теперь добавьте стиль стиль слоя - Внешнее свечение (Outer Glow).

Меню для сайта


Наша подложка должна принять прмерно следующий вид:

Меню для сайта


6. Далее приступим к созданию самих кнопок. Для этого опять воспользуемся инструментом Прямоугольник со скругленными углами (Rounded Rectangle Tool) с радиусом 5px.

Меню для сайта


7. Добавляем кнопке стили стиль слоя - Внутренняя Тень (Inner Shadow).

Меню для сайта


Наложение градиента (Gradient Overlay).

Меню для сайта


Обводка (Stroke).

Меню для сайта


В итоге получим примерно следующее:

Меню для сайта


8. Теперь займемся добавлением бликов на кнопку. Возьмите инструмент Фотошоп инструмент: Перо (Pen Tool) и нарисуйте фигуру схожую с той, что на рисунке ниже.

Меню для сайта


9. Растрируйте только что созданную фигуру. После этого примените режим быстрой маски (Quick Mask Mode) с градиентом, как на рисунке ниже:

Меню для сайта


10. Теперь вернитесь в стандартный режим. У нас останется выделенная область. Нажмите на кнопку Delete, чтобы очистить изображение в этой области.

Меню для сайта


11. Нажмите Ctrl + D, чтобы убрать выделение. Выберите слой с кнопкой и перейдите Выделение > Загрузить выделенную область (Select > Load Selection). Затем необходимо сжать выделение на 1px, для этого перейдите Выделение > Модификация > Сжать (Select > Modify > Contract).
Нажмите Ctrl + Shift + I, чтобы инвертировать выделение. Вернитесь на слой с бликом и нажмите на клавишу Delete. Снимите выделение при помощи клавиш Ctrl + D и установите уровень непрозрачности 60%.

Меню для сайта


12. Создайте дубликат слоя с бликом, нажав Ctrl + J. Возьмите инструмент Прямоугольная область (Rectangular Marquee Tool), установите растушевку (feather) 2px и создайте выделение как на исунке ниже.

Меню для сайта


13. Нажмите Delete для очистки выбранной области, снимите выделение (Ctrl + D), а затем переместите этот слой на 1px вниз.

Меню для сайта


14. Возьмите инструмент Карандаш (Pencil Tool) и зажав клавишу Shift, нарисуйте две серые линии снизу и сверху кнопки. Используйте #e5f3ff цвет.

Меню для сайта


15. Напечатайте текст белого цвета на кнопке, воспользовавшись инструментом Горизонтальный текст (Horizontal Type Tool).

Меню для сайта


16. Добавьте стиль тексту - Тень (Drop Shadow).


Меню для сайта


17. Добавьте кнопки для остальных разделов сайта. Вот и все! Надеюсь урок был Вам полезен. Спасибо за то что посетили psdtop.ru.

Меню для сайта


Поделиться ссылкой:
Твитнуть

Другие новости по теме:
  • Винтажная открытка
  • Знак авторских прав
  • Пластиковый текст
  • Текст в стиле Grunge
  • Абстрактные световые эффекты

  • Просмотров 8002
       Отзывов 0

    Информация


    ошибка

    Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

    Авторизация

    Войти на сайт..

    Ваш паспорт: пройдите авторизацию

    Авторизация

    Пароль есть, но Вы его забыли?
    Впервые на сайте? Зарегистрируйтесь!

     
     

    Видеокурсы по Фотошопу



     

     
    Copyright © 2009 - 2020. psdtop.ru Design by psdtop.ru