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

Ваш 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