Skip to content
Increase font size Decrease font size Default font size default color orange color green color
Путь: Главная Уроки по Inkscape Техники Создание изображения папки

Техники

Создание изображения папки

11.09.2010 15:09

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

1

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

Создание прямоугольника в 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 на задний план

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

Понравилась статья? Подпишитесь на
новые уроки и статьи по RSS или E-mail:


 
Комментарии 
 
+2 # Соня 20.01.2011 21:45
:'( Я часами над этим уроком сижу. Вы не написали как у вас получились округлённые углы. Даже просматривая каждую кнопку в каждом меню не могу найти. И что значит "задайте дубликату величину горизонтального и вертикального радиуса в 10 px."?Когда я это делаю он просто перемещается на другое место на экране. Где скачать версию на Английском языке?
Ответить | Ответить с цитатой | Цитировать
 
 
+1 # zhart 20.01.2011 22:17
Я думал, что эти вещи будут очевидны даже новичкам, но видимо ошибался.

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

В то же самое время на панели свойств объекта (прямо под панелью инструментов с кнопочками) можно вручную задать значения радиусов закругления (при этом прямоугольник должен быть выделен), посмотрите внимательно.
Ответить | Ответить с цитатой | Цитировать
 
 
0 # Соня 21.01.2011 21:52
Спасибо zhart
У Вас интересные уроки и Вы хорошо всё объясняете. И всё по доброму. ;-D Я разобралась и сделала папку. :)
Соня
Ответить | Ответить с цитатой | Цитировать
 
 
+2 # zhart 21.01.2011 22:22
Спасибо и вам на добром слове :)
Ответить | Ответить с цитатой | Цитировать
 
 
+1 # Светлана 26.01.2011 12:55
Спасибо! я первая папочка готова) всё оч понятно!
Ответить | Ответить с цитатой | Цитировать
 
 
-4 # Светлана 26.01.2011 12:56
ой! тоесть "моя папочка")))
Ответить | Ответить с цитатой | Цитировать
 
 
0 # Лимон 07.03.2011 13:07
По больше уроков_
гранит учебы_
Ответить | Ответить с цитатой | Цитировать
 
 
0 # Александр 12.03.2011 08:15
Только начал осваивать Inkscape, и лишь сегодня обнаружил этот замечательный сайт, где можно читать по-русски :) Спасибо! Только такая куча вопросов... Вот, например, создал я тень под этой папкой, и она мне не нравится, хочется размытие поменьше сделать. А как мне теперь до этого размытого прямоугольника добраться? Приходится сдвигать расположенный выше. Но, мне думается, есть способ и получше ))
Ответить | Ответить с цитатой | Цитировать
 
 
+5 # zhart 12.03.2011 12:09
Спасибо за хороший отзыв :)

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

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

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

Цитата из официального туториала:
Цитата:
Для начала щелкните объект, зажимая при этом клавишу Alt. В результате будет выбран тот объект, что сверху, как и при обычном выделении. Но при повторном нажатии Alt+щелчок в этом же месте выделенным станет нижний объект, ещё нажатие — и выделение сместится на объект уровнем ниже и т.д. Таким образом, несколько нажатий Alt+щелчок на стопке объектов будут перемещать выделение от верхнего объекта к нижнему на оси Z. Добравшись до самого нижнего объекта, нажатие Alt+щелчок выберет самый верхний объект.
Ответить | Ответить с цитатой | Цитировать
 
 
+1 # Александр 13.03.2011 13:17
Да, именно то, что нужно. Ещё вчера в письме глянул краем глаза про Alt, и стало продуктивнее работаться )
Ответить | Ответить с цитатой | Цитировать
 
 
+1 # риточка17 12.06.2011 12:26
суперская вишла папка
Ответить | Ответить с цитатой | Цитировать
 
Добавить комментарий


Защитный код
Обновить