[показать]

Довольно часто вы можете видеть во многих дизайнах колонки (сайдбары) в виде блоков.
Чаще всего они приобретают форму с закругленными краями.
В этом уроке я попробую вам показать как сделать свой симпатичный сайдбар всего за несколько минут.

И ТАК, НАЧНЕМ!!!

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. Теперь проведите градиентом от верхней части изображения к нижней, или наоборот, везде по разному. Но результат должен быть такой:
[показать]
Можно убрать белый фон и сохранить наш сайбар без фона, как у меня:
[показать]
Урок завершен.

Серия сообщений "Уроки фотошопа":

Часть 1 - Уроки фотошоп. Раскрываем секреты коллажа. Выход в новый мир.
Часть 2 - Урок №1: Красивый эффект для фото.
...
Часть 34 - Урок 70. Эффект c загнутыми уголками
Часть 35 - Видео урок Photoshop «Оживляем глазки»
Часть 36 - Создание сайдбара