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

Рисуем кубик с картинками

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

В этом уроке мы попробуем нарисуем кубик с картинками.

Рисуем кубик с картинками

Начнем урок с создания нового документа размером 369×236 пикселей, затем выберите «Pen Tool». Нарисуйте фигуру как на рисунке цветом e5e5e5.

Снова воспользуйтесь «Pen Tool», чтобы нарисовать верхнюю грань куба как на рисунке цветом f2f2f2.

Дублируйте новый слой, затем идите в Edit>Free Transform и уменьшите параметры ширина и высота до 87%.

Правый щелчок мышкой по уменьшенному слою и выберите «Blending Options…». Щелкните «Drop Shadow».

Нажмите OK. У вас получиться следующее.

Найдите картинку, которую будете использовать, и разместите ее над всеми слоями в палитре слоев. Выделите ранее найденную картинку в палитре слоев, перейдите в Layer>Create Clipping Mask.

Далее примените Edit>Free Transform. Используя «Ctrl», вы можете тянуть за любой угол так, чтобы они оказались внутри представленной фигуры.

У вас получиться следующее.

Правый щелчок мышкой по слою с картинкой и выберите «Blending Options…». Щелкните «Inner Shadow».

Нажмите OK. У вас получиться следующее.

Снова воспользуйтесь «Pen Tool», чтобы нарисовать правую грань куба как на рисунке цветом f2f2f2.

Затем измените ее, как делали это с верхней гранью.

Правый щелчок мышкой по уменьшенному слою и выберите «Blending Options…». Щелкните «Drop Shadow».

Нажмите OK. У вас получиться следующее.

Найдите другую картинку и разместите ее над все слоями в палитре слоев. Выделите ранее найденную картинку в палитре слоев, перейдите в Layer>Create Clipping Mask.

Измените снова размеры картинке, чтобы вместить ее в куб как на рисунке.

Правый щелчок мышкой по слою с картинкой и выберите «Blending Options…». Щелкните «Inner Shadow».

Нажмите OK. Снова используя «Pen Tool», нарисуйте левую грань цветом f2f2f2 и измените ее размера как на рисунке.

Правый щелчок мышкой по уменьшенному слою и выберите «Blending Options…». Щелкните «Drop Shadow».

Нажмите OK. У вас получиться следующее.

Найдите другую картинку и разместите ее над все слоями в палитре слоев. Выделите ранее найденную картинку в палитре слоев, перейдите в Layer>Create Clipping Mask.

Снова измените размеры картинки, чтобы вместить ее в куб как на рисунке.

Правый щелчок мышкой по слою с картинкой и выберите «Blending Options…». Щелкните «Inner Shadow».

Нажмите OK. У вас получиться следующее.

Теперь выберите «Line Tool» и нарисуйте белые линии шириной в 1 пиксель. Затем еще одну вверху справа и последнюю по центру куба. Выберите все 3 слоя с линиями и склейте их с помощью Layer>Merge Layers.

Зайдите в Filter>Blur>Gaussian Blur и установите радиус на 0,3 пикселя. У вас получиться следующее.

Вот результат!!!

Рисуем кубик с картинками

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