| Главная » Статьи » Фотошоп |
Елементы техдизайна Плэер
| Создайте документ с черным фоном размером примерно 700х400. Возьмите инструмент rounded rectangle tool , радиус скругления углов поставьте на 20px. Создайте новый слой и нарисуйте на нем прямоугольник с округленными краями размером width: 417 x height: 268, цветом #F6F5F3 Теперь применим к слою с прямоугольником следующие параметры Layer Style Inner Shadow ![]() Inner Glow: ![]() Color Overlay: ![]() Satin: ![]() Stroke: ![]() Результат: ![]() Нажимаем Select - > Load Select. Ставим foreground color на #FFFFFF. Берем инструмент brush tool с мягкой кистью, создаем новый слой и на новом слое закрашиваем небольшой участок как на картинке ниже: ![]() Создайте новый слой и назовите его Button. На это слое с помощью eclipse tool нарисуйте круг размером width: 95 x height: 95, цветом #323943 ![]() Снова создайте новый слой и нарисуйте круг размером width: 87 x height: 87, цветом #40454B Добавьте к нему следующие параметра layer styles Inner Shadow ![]() Inner Glow: ![]() Stroke: ![]() Результат: ![]() Опять создаем новый слой и рисуем круг размером (width: 27 x height: 27) цветом #40454B Применяем параметры Layer Style Inner Shadow ![]() Outer Glow: ![]() Inner Glow: ![]() Stroke: ![]() Результат: ![]() Берем pencil tool и рисуем стрелочки на новом слое. В layer styles ставим Stroke ![]() Слою со стрелочкой ставим прозрачность на 60%. ![]() Дорисовываем со всех сторон: ![]() Создайте новый слой и назовите его Screen. Выберите rounded rectangle tool с округлением углов 2px. Рисуем на этом слое прямоугольник с округленными краями размером (width: 259 x height: 195), #7B7A80. Добавляем следующие параметры Layer Style Inner Shadow ![]() Outer Glow: ![]() Gradient Overlay: ![]() Stroke: ![]() Результат: ![]() Создайте новый слой. Выберите rounded rectangle tool с округлением углов 2px. Рисуем на этом слое прямоугольник с округленными краями размером (width: 235 x height: 182), #2A242E Добавляем следующие параметры Layer Style Stroke ![]() Результат: ![]() Создайте новый слой Выберите rounded rectangle tool с округлением углов 20 px. Рисуем на этом слое прямоугольник с округленными краями размером (width: 96 x height: 25), #000000 Добавляем следующие параметры Layer Style Inner Shadow ![]() Inner Glow: ![]() Color Overlay: ![]() Gradient Overlay: ![]() Stroke: ![]() Результат: ![]() Добавляем текст Verdana, Regular, 14pt, Sharp and #FFFFF Добавьте стрелочку с помощью шрифта Webdings или сами нарисуйте с помощью Pencil Tool. ![]() Для удобства создайте новы Set перенесите туда кнопку, а далее дублируйте ее столько сколько вам нужно. ![]() ![]() Откройте любое понравившееся фото и добавте его в наш проект. Автор урока создал специальную картику. ![]() Получилось так: ![]() Рисуем отверстие от микрофона. Создадим новый слой. С помощью round rectangle tool нарисуем прямоугольник размером (width: 11 x height: 12), цветом #121921. И применим следующие параметры слоя Layer Style. Drop Shadow ![]() Inner Shadow: ![]() Outer Glow: ![]() Stroke: ![]() Результат: ![]() Создайте новы слой. На этом слое будет сетка динамика. Создайте pattern как на картинке ниже. И примените его любым удобным для вас методом на нашем плеере. ![]() Добавьте к плееру логотип. Автор урока воспользовался этим: ![]() Итог урока. Результат автора: ![]() Автор: John Перевод: insane-z --------------------------------------------------- --------------------------------------------------- Мой результат: ![]() Мой исходник, кому лень делать урок Источник: http://demiart.ru/forum/index.php?showtopic=45670 | |
| Просмотров: 1825 | |
| Всего комментариев: 0 | |














































