Главная
Блог разработчиков 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
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB