| Главная » Статьи » Веб-дизайн |
Урок Фотошопа: Шапка для сайта с отражениями
Создаем новый документ 500 на 250 пикселей.
Далее рисуем прямоугольник с помощью любого известного вам метода, заливаем его черным цветом, нажимаем Ctrl+T и с помощью трансформации приводим его к такому же виду как и на рисунке:  Затем добавляем маску, кликнув на кнопку расположенной на палитре слоев add vector mask, выбираем инструмент градиент (от черного к белому) и заливаем с верху в низ. Должен получиться следующий результат:  Переходим в свойства слоя:    В результате получается вот это:  В следующем шаге мы будем делать заголовок. Выбираем стандартный шрифт Myriad Pro и набираем любой текст.  В свойствах слоя выставляем gradient overlay:  Далее выделяем половину надписи  Нажимаем Ctrl+Alt+Shift, не отпуская клавиши тыкаем на пиктограмму стоя с текстом И получаем следующий результат:  Создаем новый слой и заливаем выделение от серого (# cdcdcd) к белому, ставим прозрачность слоя 33% и получаем  Затем, дублируйте слой текста. Идем Edit>Transform>Flip Vertical. Поворачиваем на 180 градусов, создаем маску слоя и проводим черно-белым градиентом из середины слоя на верх. Лишние детали убираем ластиком  Далее берем какой либо логотип, помещаем его в удобное для вас место и делаем отражение как и в предыдущем шаге с текстм.  Добавляем тень под логотипом. С помошью Ellipse Tool создаем небольшой эллипс черного цвета под Лого, идем в Filters>Blur>Gaussian Blur высталяем радиус 2,1 и вставляем прозрачность слоя на 70%.  По аналогии вы можете сюда поместить и другие объекты – все упирается только в вашу фантазию.  В следующем щаге мы будем добавлять навигационное меню, для этого с помощью Rounded Rectangle Tool с радиусом 7 пикселей создаем прямоугольник.  Идем в свойства стиля и вставляем следующие параметры:   Получаем вот такую закладку  Дублируем слой и получаем готовое меню  | |
| Просмотров: 561 | Рейтинг: 0.0/0 |
| Всего комментариев: 0 | |
