Меню для сайту
У цьому уроці Ви навчитеся робити навігацію для сайту з ефектом мерехтіння.
У процесі вивчення цього уроку ви навчитеся створювати стильне меню для сайту.
Створіть новий документ і залийте його сірим кольором. Створіть новий шар, використовуйте Rounded Rectangle Tool (Прямокутник з округленими краями) і залийте його цим #313131 кольором.
Змініть стиль цього шару:
Тінь
Внутрішня тінь
Накладення градієнта
Результат цього кроку
Створіть новий шар і за допомогою того ж інструмента Rounded Rectangle Tool (Прямокутник з округленими краями) зробіть виділення усередині першого прямокутника й залийте його кольором #313131
Стиль шаруючи також потрібно змінити.
Внутрішня тінь
Накладення градієнта
Обведений
Результат цього кроку:
Створіть новий шар і за допомогою Rectangular Marquee Tool (Прямокутна область) зробіть виділення для кнопки й залийте її #262626
Міняємо стиль шаруючи:
Накладення градієнта
Обведений
Створіть новий шар, знову використовуючи інструмент Rectangular Marquee Tool (Прямокутна область) зробіть виділення на половину кнопки, залийте його білим кольором і зміните Непрозорість (Opacity) на 10%
Результат цього кроку:
Створіть новий шар. Зробіть виділення нижче кнопки й залийте його за допомогою Радіального градієнта . Від центра, перехід чорного в біле, зміните непрозорість на 30 %
Результат цього кроку:
Продовжіть робити виділення:
Натисніть CTRL+J, щоб дублювати шар і в нас вийде:
Продовжуйте натискати Ctrl + J, щоб дублювати шар, потім перемістите його вище, як показано на малюнку нижче.
Нарешті злийте всі шари із цією "світною" лінією. Розмножите кнопки й цю лінію й зберіть меню. От кінцевий результат автора:
А от моя робота:
Джерело: photoweb.com.ua
