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

Иконка дорожного конуса

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

В этом уроке мы попробуем нарисовать иконку дорожного конуса. Вот что у нас получилось.

Открываем фотошоп, создаем новый документ и заливаем задний фон светло-оранжевым (#EABE94). Выбираем Rounded Rectangle Tool и рисуем базу конуса цветом #CC622E.

Вращаем ее на 45 градусов (Ctrl + T).

Снова с помощью свободной трансформации уменьшаем примерно вполовину его высоту.

Дублируем слой (Ctrl + J), и меняем цвет на более темный (#8A3300) и перемещаем его под исходный слой. Это и будет база конус. К сожалению, с боков остались пробелы.

Поэтому мы заполняем эти пробелы с помощью двух прямоугольников.

Берем пентул и создаем шейп треугольной формы.

После этого добавляем две точки, посередине верхнего и нижнего оснований.

Берем Direct Selection Tool (A) и двигаем верхнюю точку наверх, нижнюю вниз, примерно как на картинке.

Для создания белых полос мы создадим дополнительные формы. Для начала тянем эллипс на всю ширину трапеции, затем с зажатой клавишей Shift создаем прямоугольник и затем еще один эллипс с зажатой клавишей Alt. Цвет берем #E6E6E6. У вас должно получиться примерно это:

Далее дублируем получившуюся фигуру и увеличиваем размер с помощью свободной трансформации. Далее добавляем обрывочную маску Ctrl+Alt+G, дабы полосы не выходили за пределы трапеции.

Далее начнем окрашивать базы. Цвета, которые мы будем использовать – это темно-оранжевый для оттенков (#6B3719), оранжевый оттенки для базы (#D25200, #F07E00) и светлые тона для отражения (#E6E6E6). Убираем видимость со всех слоев кроме нижнего, и создаем новый слой, добавляем маску обрыва. Затем создаем выделение, разделяющее базу на две части и окрашиваем градиентом темным цветом.

Вновь раскрашиваем верхнюю базу темно-оранжевым цветом.

Затем раскрашиваем сам конус цветом (#6C3819), на это раз экспериментируя с режимами смешивания. Я выставил режим смешивания multiply, а прозрачность 50%.

Далее мы создадим текстуру, для имитации осветления белых линий. Для этого рисуем карандашом, узор, показанный на картинке и создаем из этого узор Edit > Define pattern.

Загружаем выделение белых линий, создаем новый слой, и из белых линий создаем маску слоя. Идем в маску слоя (Alt+клик по маске) и заливаем ее нашим узором. В качестве режима смешивания используем Multiply. Делаем это в диалоге Fill меню Edit. Далее рисуем большой мягкой кистью, для того, что бы по бокам оставалось темно, ну как бы объем.

Активируем нашу маску слоя, созданную в предыдущем шаге и заливаем ее черно-белым градиентом, как показано на картинке. Непрозрачность ставим 80%.

Затем загружаем выделение конуса и сжимаем (Contract) его на два пикселя.

С помощью Polygonal Lasso Tool отрезаем часть выделения конус (для этого при создании выделения зажимаем Alt), а затем повторяем туже операцию с верхушкой конуса, с помощью Elliptical Marquee Tool.

Заливаем полученное выделение на новом слое бело-прозрачным градиентом.

По такому же принципу создаем отражение на базе конуса.

Удостоверьтесь, что вы добавили отражение к нижней части базы (для этого можно использовать прямоугольное выделение).

Конус без отражения на вершине выглядит немного странно, поэтому создаем его и там.

С помощью пентула дорисовываем яркие части отражения (которые мы специально пропустили ранее).

Так как мы создаем глянцевый конус, то и основа должна иметь отражение конуса. Копируем отражение конуса, переворачиваем его (оно должно быть поверх слоя с базой) и добавляем маску слоя, как на картинке.

Так же надо добавить отражения фона. Загружаем полное выделение конуса, сжимаем его (выделение) на 1 пиксель.

Создаем отражение большой мягкой кистью. Я для него использовал фиолетовый слой.

Результат:

Иконка дорожного конуса

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