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

Рисуем иконку “Папка”

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

В данном уроке показано, как можно нарисовать иконку папки. Вот, что у нас получилось.

Начните с создания нового документа размером 500 x 500 пикселей. Установите цвет #ebe4ac в качестве цвета переднего плана и выберите Rounded Rectangle Tool. Установите радиус 10px. В центре изображения нарисуйте прямоугольник как на рисунке:

Назовите это слой «Front». Дублируйте прямоугольник (Ctrl+J) и переместите слой с дубликатом за слой с оригиналом. Назовите слой с дубликатом «Back» и измените цвет на #ccc591. Зайдите в Edit > Transform Path > Skew и измените фигуру как на рисунке:

Затем перейдите в Edit > Free Transform и уменьшите немного высоту для придания перспективы:

Теперь у нас есть папка. Вернитесь к слою «Front» и зайдите в Edit > Transform Path > Warp. Попробуйте сделать так же, как на рисунке:

Будьте аккуратны, убедитесь, что линии выглядят хорошо и только тогда применяйте изменения. После этого вернитесь к слою «Back» и создайте подобный изгиб:

Поздравляю, самая сложная часть урока кончилась, осталось только добавить теней и градиента. Вернитесь к слою «Front», щелкните правой кнопкой мышки и выберите Blending Options. Примените следующие настройки:

Примените такой же Gradient Overlay к слою «Back» и получите:

Давайте добавим бумагу в иконку. Выберите Rectangle Tool и нарисуйте прямоугольник. Убедитесь, что слой с прямоугольником находится между слоями «Front» и «Back». Примените трансформацию Skew и добавьте стиль слоя Drop Shadow.

Наконец, я добавил цвет фона и еще один листик бумаги. Иконка папки готова.

АВТОРСКИЕ ПРАВА
Источник: 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