Меня зовут : Вера
Репутация : 0
 |  Тема: Создаем сайдбар Сб Апр 06, 2013 9:35 pm | |
|
Довольно часто вы можете видеть во многих дизайнах колонки (сайдбары) в виде блоков.
Чаще всего они приобретают форму с закругленными краями.
В этом уроке я попробую вам показать как сделать свой симпатичный сайдбар всего за несколько минут.
И ТАК, НАЧНЕМ!!!
1. Создайте новый документ. Я выбрала 282*350. Залейте его белым цветом. Это базовый фон, потом вы сможете его изменить.
2. Создайте новый слой (Ctrl+Shift+N).
3. Активируйте Инструмент «Прямоугольник со скругленными углами» / «Rounded Rectangle Tool». Установите радиус на 25 пикселей:
 
4. Выделите фигуру в виде прямоугольника:
5. Кликните правой кнопкой мыши в центре фигуры и выберете «Образовать выделенную область». Залейте выделенную часть любым цветом. Я выбрала цвет #CAA7E4:
 
6. Снимите выделение: Ctrl+D.
7.Выберите Слой --> Стиль слоя --> Внешнее свечение. В появившемся окне ставим значения как на скриншоте:
8. Вкладка --> Внутреннее свечение:
9. Вкладка --> Обводка:
10. Сохрание изменения, нажав OK. Результат:
На этом этапе сайдбар уже выглядит неплохо, но можно его немного улучшить.
11. Откройте изображение
и перетащите на свой сайдбар:
12. Изображение --> Коррекция --> Обесцветить.
13 Стоя на верхнем слое и нажимая на Ctrl, кликаем по слою с нашим сайдбаром, чтобы выделить его.
 
14. Далее инвертируем это выделение Выделение --> Инверсия.
Должно получится так:
15. После чего жмем Delete, удалив всю лишнюю часть изображения и снимаем выделение: Ctrl+D.
16.В режиме смешивания этого слоя ставим Осветление:
Должно получится так:
17. Добавляем к этому же слою маску, нажав на кнопку в нижней части палитры слоёв:
18. Нажмите на клавишу D. Поставив цветом переднего плана белый цвет, а заднего черный. И активируйте инструмент «Градиент».
19. Теперь проведите градиентом от верхней части изображения к нижней, или наоборот, везде по разному. Но результат должен быть такой:
Можно убрать белый фон и сохранить наш сайбар без фона, как у меня:
|
|
Распечатать
Календарь
