СОЗДАНИЕ САЙДБАРА

Четверг, 29 Мая 2014 г. 06:23 + в цитатник

Цитата сообщения FlorMary

Прочитать целиком В свой цитатник или сообщество!

Создание сайдбара

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

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

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 - Без заголовка
...
Часть 7 - ОРИГИНАЛЬНЫЕ ИДЕИ ИЗГОТОВЛЕНИЯ БРЕЛОКОВ ДЛЯ КЛЮЧЕЙ СВОИМИ РУКАМИ
Часть 8 - Без заголовка
Часть 9 - СОЗДАНИЕ САЙДБАРА
Часть 10 - БЕСШОВНЫЙ ФОН В Ф.Ш.
Часть 11 - ДЕЛАЕМ СВЕТЯЩИХСЯ БАБОЧЕК НА СТЕНЕ
...
Часть 22 - НОВОГОДНИЕ СТИХИ для детей 2-3 ЛЕТ +Детям 3-4-5 лет
Часть 23 - СТОЛ-КОМОД для вязальной машины
Часть 24 - Небольшой раскладной столик своими руками. МК.