{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://openarts.ru/#website","url":"https://openarts.ru/","name":"OpenArts","publisher":{"@id":"https://openarts.ru/#person"},"potentialAction":{"@type":"SearchAction","target":"https://openarts.ru/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://openarts.ru/inkscape-folder/#webpage","url":"https://openarts.ru/inkscape-folder/","inLanguage":"ru-RU","name":"\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043f\u0430\u043f\u043a\u0438 \u0432 Inkscape | OpenArts","isPartOf":{"@id":"https://openarts.ru/#website"},"image":{"@type":"ImageObject","@id":"https://openarts.ru/inkscape-folder/#primaryimage","url":"https://openarts.ru/media/inkscape-folder-00.png","caption":""},"primaryImageOfPage":{"@id":"https://openarts.ru/inkscape-folder/#primaryimage"},"datePublished":"2010-09-11T09:09:27+00:00","dateModified":"2016-04-19T15:58:50+00:00","description":"\u0412 \u044d\u0442\u043e\u043c \u0443\u0440\u043e\u043a\u0435 \u043c\u044b \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043f\u0430\u043f\u043a\u0438 \u0432 Inkscape. \u0423\u0440\u043e\u043a \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0432 \u0441\u0435\u0431\u044f \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u044b\u0435 \u0448\u0430\u0433\u0438, \u043d\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0432\u043f\u043e\u043b\u043d\u0435 \u0434\u043e\u0441\u0442\u043e\u0439\u043d\u044b\u0439.","breadcrumb":{"@id":"https://openarts.ru/inkscape-folder/#breadcrumb"}},{"@type":"BreadcrumbList","@id":"https://openarts.ru/inkscape-folder/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"WebPage","@id":"https://openarts.ru/","url":"https://openarts.ru/","name":""}},{"@type":"ListItem","position":2,"item":{"@type":"WebPage","@id":"https://openarts.ru/tutorials/","url":"https://openarts.ru/tutorials/","name":"\u0423\u0440\u043e\u043a\u0438"}},{"@type":"ListItem","position":3,"item":{"@type":"WebPage","@id":"https://openarts.ru/tutorials/inkscape/","url":"https://openarts.ru/tutorials/inkscape/","name":"\u0423\u0440\u043e\u043a\u0438 Inkscape"}},{"@type":"ListItem","position":4,"item":{"@type":"WebPage","@id":"https://openarts.ru/inkscape-folder/","url":"https://openarts.ru/inkscape-folder/","name":"\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043f\u0430\u043f\u043a\u0438 \u0432 Inkscape"}}]},{"@type":"Article","@id":"https://openarts.ru/inkscape-folder/#article","isPartOf":{"@id":"https://openarts.ru/inkscape-folder/#webpage"},"author":{"@id":"https://openarts.ru/author/zhart/#author","name":"zhart"},"publisher":{"@id":"https://openarts.ru/#person"},"headline":"\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043f\u0430\u043f\u043a\u0438 \u0432 Inkscape","datePublished":"2010-09-11T09:09:27+00:00","dateModified":"2016-04-19T15:58:50+00:00","commentCount":"7","mainEntityOfPage":"https://openarts.ru/inkscape-folder/#webpage","image":{"@id":"https://openarts.ru/inkscape-folder/#primaryimage"},"keywords":"inkscape,\u0438\u043a\u043e\u043d\u043a\u0438","articleSection":"\u0423\u0440\u043e\u043a\u0438 Inkscape"},{"@type":"Person","@id":"https://openarts.ru/author/zhart/#author","name":"zhart","image":{"@type":"ImageObject","@id":"https://openarts.ru/#personlogo","url":"https://secure.gravatar.com/avatar/48486e993558dbe6edce1f9dd6d1687e?s=96&d=wavatar&r=g","caption":"zhart"},"sameAs":[]}]}

Изображение папки в Inkscape

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

Базовые приемы работы с текстом в Blender 2.5
1

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

Создание прямоугольника в Inkscape
2

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

Выравнивание объектов в Inkscape
3

Поднимите верхний прямоугольник (тот, который с закругленными углами) немного вверх.

Перемещение объектов в Inkscape
4

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

Перемещение дубликатов в Inkscape
5

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

Создание суммы контуров в Inkscape
6

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

Создание язычка для папки в Inkscape
7

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

Выравнивание прямоугольника и контура в Inkscape
8

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

Создание перспективы в Inkscape
9

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

Создание белого листа в Inkscape
10

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

Изменение цвета элементов в Inkscape
11

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

Создание тени в Inkscape
12

Не снимая выделения, при помощи клавиши End поместите ее на самый задний план.

Перемещение тени в Inkscape на задний план
13

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

Перемещение второй тени в Inkscape на задний план
14

При желании напоследок можно выделить все объекты (Ctrl+A) и объединить их в группу (Ctrl+G). Это поможет не путаться среди объектов, если вы заходите включить эту папку в более сложное изображение.


Оставить комментарий

7 комментариев на «“Изображение папки в Inkscape”»

  1. 😥 Я часами над этим уроком сижу. Вы не написали как у вас получились округлённые углы. Даже просматривая каждую кнопку в каждом меню не могу найти. И что значит задайте дубликату величину горизонтального и вертикального радиуса в 10 px? Когда я это делаю, он просто перемещается на другое место на экране.

    • Я думал, что эти вещи будут очевидны даже новичкам, но видимо ошибался.

      Создайте новый прямоугольник.
      Создали? Видите маленький белый кружочек в правом верхнем углу этого прямоугольника? Попробуйте потянуть его… Вуаля 🙂

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

  2. Только начал осваивать Inkscape, и лишь сегодня обнаружил этот замечательный сайт, где можно читать по-русски 🙂 Спасибо! Только такая куча вопросов… Вот, например, создал я тень под этой папкой, и она мне не нравится, хочется размытие поменьше сделать. А как мне теперь до этого размытого прямоугольника добраться? Приходится сдвигать расположенный выше. Но, мне думается, есть способ и получше ))

    • Спасибо за хороший отзыв 🙂

      По поводу вашего вопроса — конечно, есть способы и получше.

      Для переключения между объектами в пределах текущего слоя можно использовать клавишу Tab (для переключения от нижнего к верхнему) или комбинацию Shift+Tab (для переключения от верхнего к нижнему).

      Еще один способ — использование для выделения объекта, находящегося под текущим, клика мышкой с зажатой клавишей Alt (или Ctrl+Alt, в зависимости от версии).

      Цитата из официального туториала:

      Для начала щелкните объект, зажимая при этом клавишу Alt. В результате будет выбран тот объект, что сверху, как и при обычном выделении. Но при повторном нажатии Alt+клик в этом же месте выделенным станет нижний объект, ещё нажатие — и выделение сместится на объект уровнем ниже и т.д. Таким образом, несколько нажатий Alt+клик на стопке объектов будут перемещать выделение от верхнего объекта к нижнему на оси Z. Добравшись до самого нижнего объекта, нажатие Alt+клик выберет самый верхний объект.

      • Да, именно то, что нужно. Ещё вчера в письме глянул краем глаза про Alt, и стало продуктивнее работаться )

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *