Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Cоздание винтажной иконки радио

Alex | 7.03.2014 | нет комментариев

В данном уроке вы научитесь, как создавать старое винтажное радио с помощью простых фигур, градиентов, узоров и текстур.

Необходимые материалы: • papertexture Wood pattern Spiderman pattern Начните с создания нового документа (Ctrl+N) размером 700×700 пикселей.

Примените к фону радиальный градиент из центра в угол от цвета #d2934c к #38240d с помощью Gradient tool.

Создайте новый слой (Ctrl+Shift+N). С помощью Rounded Rectangle Tool (U) с радиусом 10px нарисуйте прямоугольник с закругленными краями. Затем зайдите в Blending options (двойной щелчок по слою) и примените gradient overlay от #161616 к #3a3a3a.

Теперь воспользуйтесь текстурой бумаги. Скопируйте ее над всеми остальными слоями. Убедитесь, что она покрывает прямоугольник. Затем Ctrl+клик по иконке слоя с прямоугольником, чтобы загрузить выделение. Затем инвертируйте выделение (Ctrl+Shift+I) и нажмите delete. Измените blending mode на overlay. У вас получиться следующее.

Создайте новый слой. Снова с помощью Rounded Rectangle tool, но с радиусом 5px нарисуйте прямоугольник поменьше. В blending options примените линейный gradient overlay с цветами #563a1c; #61442b; #563a1c; #c18c5f.

Повторите действия по добавлению текстуры бумаги для маленького прямоугольника, но blending mode слоя с текстурой измените на Soft Light.

Создайте новый слой. Возьмите Rectangular Marquee Tool (M) и сделайте выделение на несколько пикселей меньше предыдущего прямоугольника. Используйте для нового прямоугольника градиент от #c18c5f к #563a1c.

Повторите действия по добавлению текстуры бумаги и установите blending mode слоя с текстурой на Soft Light.

Создайте новый слой. Нарисуйте прямоугольник на несколько пикселей меньше предыдущего. Зайдите в blending options и примените inner shadow и деревянный узор с настройками как на рисунке.

Давайте сделаем деревянную панель более светлой. Создайте новый слой. Ctrl+клик по слою с прямоугольником, который мы создали ранее (так чтобы вы выделили внутренний прямоугольник, к которому мы будем добавлять блик). Затем возьмите Elliptical Marquee tool и удерживая Shift+Alt, протяните выделение как на рисунке. Затем примените градиент от белого к прозрачному справа налево и измените opacity до 13%.

Создайте новый слой. Нарисуйте прямоугольник поменьше и примените стили слоя как на рисунке. Используйте узор из скачанных файлов. Цвета градиента #7b4f28 и #b27d52.

Создайте новый слой. С помощью pencil tool нарисуйте две линии в 1px цветом #120c04 темную и #67482c более светлую.

Давайте сделаем кнопки радио. Это в основном круги с различными градиентами и стилями слоя. Для каждого круга создайте отдельный слой. Затем сгруппируйте их (выделите слои и нажмите Ctrl+G) и дублируйте группу. Разместите их как на рисунке.

Теперь добавим некоторые детали. Создайте новый слой. Нарисуйте тонкий прямоугольник, залейте его цветом #3b260f, а над ним на новом слое прямоугольник поменьше цветом #d9a15b. Добавьте к ним обоим стиль слоя inner shadow.

Дублируйте предыдущие два слоя дважды и немного измените расположение меньшего прямоугольника.

Давайте добавим немного блика к радио. Создайте новый слой. С помощью pen tool нарисуйте фигуру как на рисунке. Затем щелкните правой кнопкой мышки по контуру и выберите make selection, залейте выделение белым цветом. Измените opacity до 35%. Дублируйте этот слой и сделайте его в два раза меньше (нажмите Ctrl+T и уменьшите размер). Далее дублируйте оба эти слоя и поместите на другую сторону радио.

Давайте добавим основу радио. Создайте новый слой. С помощью rounded rectangle tool с радиусом 10px нарисуйте прямоугольник и залейте его цветом #1e1209, поместите его ниже всех остальных слоев.

Далее добавим несколько деталей. Возьмите pencil tool и нарисуйте белую линию размером 1px вокруг радио. С помощью большой кисти с мягкими краями инструмента eraser tool сотрите края линий. Изменимте opacity до 27%

Давайте сделаем фон более интересным. Создайте новый слой над фоновым слоем и с помощью Rectangular Marquee Tool сделайте выделение немного больше, чем половина всего изображения и залейте его градиентом от черного к прозрачному. Уменьшите opacity до 31%.

Теперь завершающая часть, давайте сделаем красивое отражение. Склейте все слои радио кроме фона. Нажмите Ctrl+A, затем копируйте (Ctrl+C). Нажмите Alt+Ctrl+Z , чтобы отменить склеивания слоев и затем нажмите вставить (Ctrl+V). Отразите слой по вертикали и с помощью круглой кисти с мягкими краями сотрите нижнюю часть отражения. Уменьшите opacity до 20%.

С помощью этой простой технологии вы можете сделать замечательные иконки. Вот несколько примеров.

Cоздание винтажной иконки радио

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий
БАЗА ЗНАНИЙ
СЛУЧАЙНАЯ СТАТЬЯ
СЛУЧАЙНЫЙ БЛОГ
СЛУЧАЙНЫЙ МОД
СЛУЧАЙНЫЙ СКИН
НОВЫЕ МОДЫ
НОВЫЕ СКИНЫ
НАКОПЛЕННЫЙ ОПЫТ
Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2017 © BB3x.ru - русская поддержка форума phpBB