В этом уроке мы рассмотрим, как создать изображение папки в Inkscape. Урок включает в себя очень простые шаги и потребует на выполнение совсем немного времени. В то же время полученное изображение будет вполне достойным того, чтобы использовать его, к примеру, в качестве значка папки в файловых менеджерах. Итак, приступим…

Первым делом поменяйте ориентацию страницы на горизонтальную (сделать это можно в диалоге свойств страницы, вызываемом по комбинации Ctrl+Shift+D).
Затем нарисуйте по центру холста прямоугольник (F4) размером около 650x400px. Продублируйте этот прямоугольник (Ctrl+D) и задайте дубликату величину горизонтального и вертикального радиуса в 10px.

Выровняйте оба прямоугольника друг относительно друга при помощи диалога выравнивания (Shift+Ctrl+A).

Продублируйте оба прямоугольника и уберите пока дубликаты в сторону. Они понадобятся нам немного позже.

Выделите первые два прямоугольника и объедините их в один объект при помощи операции Контур → Сумма (Ctrl++). Теперь объект, находящийся по центру листа — это уже не прямоугольник, а контур.

Теперь создайте ярлычок для нашей будущей папки. Здесь нам понадобится один из созданных ранее прямоугольников. Выделите прямоугольник с закругленными углами, уменьшите его размер как на рисунке ниже и переместите в верхнюю часть будущей папки (как на рисунке). После этого выделите оба объекта и выполните уже знакомую нам операцию Контур → Сумма (Ctrl++).

Пришло время заняться оставшимся прямоугольником. Чтобы не путать его с центральным объектом, измените цвет прямоугольника (например, на красный). После этого при помощи диалога выравнивания (Ctrl+A) выровняйте объекты друг относительно друга как на рисунке ниже. После этого выделите прямоугольник и преобразуйте его в контур при помощи операции Контр → Оконтурить объект (Shift+Ctrl+C). Переключитесь на инструмент редактирования узлов контура (F2).

Потяните за верхние углы бывшего прямоугольника и сделайте из него параллелепипед, чтобы создать иллюзию перспективы (см. рисунок ниже). Для того, чтобы узлы перемещались четко по горизонтали, на время перемещения зажмите клавишу Ctrl.

Чтобы было понятней, что на нашей иллюстрации изображена папка, вложим в нее белый листик. Для этого снова воспользуйтесь инструментом рисования прямоугольников (F4) и нарисуйте поверх нашей папки белый прямоугольник чуть меньшего размера, чем сама папка.

Не снимая выделения с белого прямоугольника, при помощи клавиши Page Down переместите его ниже верхней части папки. Измените цвета верхнего и нижнего элемента папки на более реалистичный, например на желтый. Цвет нижнего (заднего) элемента можно сделать чуть темнее.

Папка готова, но в ней нехватает некоторой живости, например теней. Исправим это. Продублируйте нижнюю часть папки и измените ее цвет на черный. При помощи диалога Заливка и обводка (Shift+Ctrl+F) установите значение параметра Размывание около 3-х.

Ту же самую операцию проделайте и для передней части папки, на этот раз переместив полученную тень на самый задний план, а расположив ее над белым листом (при помощи однократного нажатия клавиши Page Down).
Затем то же самое сделайте и для белого листа (только для него значение размывания установите около 2-х). Переместите полученную тень под белый лист, несколько раз нажав клавишу Page Down.

При желании напоследок можно выделить все объекты (Ctrl+A) и объединить их в группу (Ctrl+G). Это поможет не путаться среди объектов, если вы заходите включить эту папку в более сложное изображение.
😥 Я часами над этим уроком сижу. Вы не написали как у вас получились округлённые углы. Даже просматривая каждую кнопку в каждом меню не могу найти. И что значит
? Когда я это делаю, он просто перемещается на другое место на экране.Я думал, что эти вещи будут очевидны даже новичкам, но видимо ошибался.
Создайте новый прямоугольник.
Создали? Видите маленький белый кружочек в правом верхнем углу этого прямоугольника? Попробуйте потянуть его… Вуаля 🙂
В то же самое время на панели свойств объекта (прямо под панелью инструментов с кнопочками) можно вручную задать значения радиусов закругления (при этом прямоугольник должен быть выделен), посмотрите внимательно.
Спасибо, zhart.
У Вас интересные уроки и Вы хорошо всё объясняете. И всё по доброму. Я разобралась и сделала папку. 🙂
Спасибо и вам на добром слове 🙂
Только начал осваивать Inkscape, и лишь сегодня обнаружил этот замечательный сайт, где можно читать по-русски 🙂 Спасибо! Только такая куча вопросов… Вот, например, создал я тень под этой папкой, и она мне не нравится, хочется размытие поменьше сделать. А как мне теперь до этого размытого прямоугольника добраться? Приходится сдвигать расположенный выше. Но, мне думается, есть способ и получше ))
Спасибо за хороший отзыв 🙂
По поводу вашего вопроса — конечно, есть способы и получше.
Для переключения между объектами в пределах текущего слоя можно использовать клавишу Tab (для переключения от нижнего к верхнему) или комбинацию Shift+Tab (для переключения от верхнего к нижнему).
Еще один способ — использование для выделения объекта, находящегося под текущим, клика мышкой с зажатой клавишей Alt (или Ctrl+Alt, в зависимости от версии).
Цитата из официального туториала:
Да, именно то, что нужно. Ещё вчера в письме глянул краем глаза про Alt, и стало продуктивнее работаться )