Первым делом нужно включить беспроводную мышь. Курсором можно будет перемещать по экрану.
Посмотрите камеры и запомните номера тех камер, видео с которых нужно будет просматривать. Затем необходимо нажать ПРАВУЮ кнопку мыши на экране.

Внизу экрана появится панель, в которой нужно нажать уже ЛЕВОЙ кнопкой мыши на картинке с развернутым ежедневником.

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

Далее нажимаем кнопку "Архив":

Затем выбираем необходимые номера камер, с которых нужно посмотреть видео:

Также укажите время начала и время окончания:

Теперь нажимаем кнопку "Поиск":

На экране появится список видео отрезков. В колонке "Канал" указывается номер камеры, в соседних колонках время начала и время окончания видеоотрезка. Учтите, что если Вы указали достаточно длительный временной отрезок, то список видеоотрезков буджет представлен на нескольких страницах - в левом нижнем углу будет указан текущий номер страницы и через слэш (косая черта) общее количество страниц. В этой же строке справа будут активны 4 кнопки для пролистывания этих страниц.

Курская битва (5 июля — 23 августа 1943 года; также известна как Битва на Курской дуге) — совокупность стратегических оборонительно (5—23 июля) наступательных (12 июля — 23 августа) операций Красной армии в Великой Отечественной войне с целью сорвать крупное наступление сил вермахта и разгромить его стратегическую группировку]. По своим масштабам, задействованным силам и средствам, напряжённости, результатам и военно-политическим последствиям является одним из ключевых сражений Второй мировой войны и Великой Отечественной войны. В историографии считается самым крупным (величайшим) танковым сражением в истории]. В нём участвовали около 2 млн человек, 6 тысяч танков, 4 тысячи самолётов; сражение проложило «путь к великим советским наступательным действиям 1944-45 годов».

Сплошного фронта обороны противник на Вильнюсском направлении не имел и оказывал противодействие лишь отдельными подошедшими соединениями и остатками разбитых частей. Немецкое командование пыталось остановить продвижение советских войск на заранее подготовленном рубеже Даугавпилс - Вильнюс - Лида, где сосредоточивало отступавшие части 3-й танковой и 4-й полевой армии группы армий «Центр». 5 июля Третий Белорусский фронт начал наступление с ходу без перегруппировки сил. 7 июля соединения 5-й гвардейской танковой армии (командующий П. А. Ротмистров) и 3-го гвардейского механизированного корпуса (командующий В. Т. Обухов) подошли к городу и начали обходить его с юга и запада. 9 июля город был полностью окружен. Противник, усиленный воздушным десантом, безуспешно пытался прорвать кольцо окружения. 10 июля советские части освободили всю северную часть Вильнюса и вступили в Старый город. После штурма последних очагов сопротивления 13 июля 1944 года Вильнюс был полностью освобожден. В боях за город было уничтожено около 8000 и взято в плен около 5000 германских солдат и офицеров, захвачено 156 орудий, много танков, автомашин и другой военной техники, оружие и боеприпасы. Двадцать наиболее отличившихся в боях частей и соединений фронта удостоены почетного наименования «Виленский».

Минская операция началась 29 июня, когда войска 3-го Белорусского и 1-го Белорусских фронтов в сходящимся направлении нанесли удар по противнику. Далее совместно с войсками 2-го Белорусского фронта было завершено окружение Минска. Весомую помощь войскам оказали белорусские партизаны, устраивавшие засады на путях отступления немецких сил, громили штабы, уничтожали мосты и переправы. 29–30 июня войска 3-го Белорусского фронта вышли к Березине, форсировали ее и продолжили стремительное продвижение на Минск. 3 июля советские танкисты ворвались в город. Вскоре было завершено окружение основных сил 4-й германской армии, всего 105 тыс. чел. К 12 июля группировка была ликвидирована. За умелые и героические действия в ходе Минской операции 1944 года, 52 соединения и части были удостоены почетного наименования «Минские».

Императорский Военный орден Святого Великомученика и Победоносца Георгия (Орден Святого Георгия) — высшая военная награда Российской империи. В расширенном смысле — всеохватывающий комплекс отличий офицеров, нижних чинов и воинских подразделений.

Учреждён императрицей Екатериной II 26 ноября (7 декабря) 1769 в честь святого Георгия для отличия офицеров за заслуги на поле боя и выслугу в воинских чинах. Имел четыре степени отличия. Орденом награждено более 10 тысяч человек, первой, высшей степенью ордена — всего 23 человека, из них только четверо стали кавалерами всех 4 степеней. А также 2 возложения на себя знаков ордена 1-й степени: императрицей Екатериной II по случаю учреждения ордена и императором Александром II по случаю празднования 100-летнего юбилея ордена. Второй степени ордена были удостоены 125 человек.

75 лет назад, 6 июня 1944 года, состоялась масштабная высадка англо-американского морского и воздушного десанта, а также их союзников на берега Нормандии в северной Франции. Эта войсковая операция, получившая название «Оверлорд», открыла Второй фронт в Европе.

До сих пор эта операция является крупнейшей десантной операцией в истории — в ней приняли участие более 3 миллионов человек, которые пересекли пролив Ла-Манш из Англии в Нормандию.

При вызове методов необходимо помнить, что строки в Python относятся к категории неизменяемых последовательностей, то есть все функции и методы могут лишь создавать новую строку. Поэтому все строковые методы возвращают новую строку, которую потом следует присвоить переменной.

Основные методы строк, которые применяются в приложениях:

Таблица "Функции и методы строк"

Форматированный вывод. f-строки

name = "Александр"
age = 17
print(f"Меня зовут {name}. Мне {age} лет.")
# Меня зовут Александр. Мне 17 лет.

Можно задавать форматирование для чисел, например:

• указать необходимое количество знаков после запятой, спецификатор f отвечает за вывод чисел с плавающей точкой (тип float):

  print(f"Число Пи по Архимеду - {(22/7):.2f}")

• представить результата в двоичной системе счисления, используя спецификатор b:

  print(f"10 в двоичной системе счисления - {(10):b}")

Аналогично для шестнадцатеричной системы счисления используется спецификатор x, а для восьмеричной - o

Допустимые варианты форматирования описаны здесь: https://docs.python.org/3.6/library/string.html#format-examples

• F-Строки: Новый улучшенный способ форматирования строк в Python
• F-Строки в Python

Формат написания и формат вывода

print('2+', end='')
print('2=?')
print('Ответ: 4')

a, b, c, d = 5, 6, 7, 8
print ( "{:5d}{:5d}{:5d}".format (a, a*a, a*a*a) )

x = 123.456
print( x )
print("{:10.2f}".format(x))
print("{:10.2g}".format(x))

x = 1./30000
print("{:e}".format(x))
x = 12345678.
print("{:e}".format(x))

x = 123.456
print("{:e}".format(x))
print("{:10.2e}".format(x))

# принудительный перенос
a = (c + b*5*3 - 1) \
           / 2 * d

a = (c + b*5*3 # перенос внутри скобок разрешён
          - 1) / 2 * d

Python без установки

• Replit Python 3
• Online GDB Python
• Online Python
• Online IDE (Python)

Установка на компьютер

• Python - сама среда Python - её нужно ставить в первую очередь!
  https://www.python.org/getit/windows/
  
  python-3.10.4-amd64.exe [x64 windows 8.1 и выше]     python-3.10.4.exe [x32 windows 8.1 и выше]
  python-3.10.0-amd64.exe [x64 windows 8.1 и выше]     python-3.10.0.exe [x32 windows 8.1 и выше]
  python-3.9.7-amd64.exe [x64 windows 8.1 и выше]       python-3.9.7.exe [x32 windows 8.1 и выше]
  python-3.9.5-amd64.exe [x64 windows 8 и выше]          python-3.9.5.exe [x32 windows 8 и выше]
  python-3.9.2-amd64.exe [x64 windows 8 и выше]          python-3.9.2.exe [x32 windows 8 и выше]
  python-3.9.1-amd64.exe [x64 windows 8 и выше]          python-3.9.1.exe [x32 windows 8 и выше]
  python-3.8.10-amd64.exe [x64 windows 7 и выше]        python-3.8.10.exe [x32 windows 7 и выше]
  python-3.8.7-amd64.exe [x64 windows 7 и выше]          python-3.8.7.exe [x32 windows 7 и выше]
  python-3.7.8-amd64.exe [x64]                                         python-3.7.8.exe [x32]
  
  При установке Python нужно обязательно установить "галочку" в пустом квадратике напротив надписи "Add Python 3.10 to PATH":
  
  


• Wing 101 - интерпретатор, удобная оболочка для программирования на Python.
  https://wingware.com/pub/wing-101/8.3.1.0/wing-101-8.3.1.0.exe [Windows 10+]
  https://wingware.com/pub/wing-101/8.1.2.0/wing-101-8.1.2.0.exe [Windows 10+]
  https://wingware.com/pub/wing-101/8.1.0.0/wing-101-8.1.0.0.exe [Windows 10+]
  https://wingware.com/pub/wing-101/8.0.3.0/wing-101-8.0.3.0.exe [Windows 10+]
  https://wingware.com/pub/wing-101/8.0.2.0/wing-101-8.0.2.0.exe [Windows 8+]
  https://wingware.com/pub/wing-101/8.0.0.1/wing-101-8.0.0.1.exe [Windows 7+]
  https://wingware.com/pub/wing-101/7.2.7.0/wing-101-7.2.7.0.exe
  https://wingware.com/pub/wing-101/7.2.1.0/wing-101-7.2.1.0.exe
  https://wingware.com/pub/wing-101/7.1.1.0/wing-101-7.1.1.0.exe


• Thonny - лёгкая оболочка для программирования на Python.
  https://thonny.org/


• PyScripter - интерпретатор, лёгкая оболочка для программирования на Python.
  https://sourceforge.net/projects/pyscripter/files/
• Anaconda 3 - среда, служащая основой для работы PyCharm. Со страницы Anaconda скачиваем файл под свою операционную систему:
  Anaconda 3 - 64 битная версия (Anaconda3-2020.02-Windows-x86_64.exe)
  Anaconda 3 - 32 битная версия (Anaconda3-2020.02-Windows-x86.exe)
• PyCharm - профессиональная среда программирования на языке python.
  PyCharm 64-битная версия (последняя)
  PyCharm 64-битная версия (pycharm-community-2020.3.2.exe)
  PyCharm 32-битная версия (pycharm-community-2018.3.7.exe)
• Установка и настройка PyCharm для начинающих

• EGOROFF_CHANNEL - Видео-Уроки по программированию на Python
• ПитонТьютор - курсы программирования на Python
• Python: коллекции (habr)
• Python: работа со временем (модуль time)
• Python: работа со временем (модуль datetime)
• Работа с файлами MS Word в Python
• Tkinter. Программирование GUI на Python. Курс.
• Tkinter - создание графического интерфейса в Python.
• Tkinter. Рисование в Tkinter [Урок №6].
• Tkinter. Обучение Python GUI (уроки по Tkinter).
• Рисование в PyQt5.
• Online-проверка кода на языке Python стандарту PEP8

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

Жизнь жуков - пример оформления текста

В этом уроке inkscape подробно рассмотрена возможность создания сложных контуров с помощью разницы или вычитания двух более простых контуров. Так же в этом уроке можно узнать, как сделать форму листа с дерева, используя базовую форму овал.

1 Для начала используя инструмент текст напишем какую-нибудь надпись, желательно с круглыми буквами. Выберите понравившийся вам цвет для текста. В принципе, потом его можно будет легко изменить, так что не переживайте очень сильно из-за выбора. Обводку теста отключите.

Когда текст готов, выполните в главном меню "Контур" - "Оконтурить объект" или Shift+Ctrl+C, так вы переведете буквы в контур. А потом отмените группировку букв в главном меню "Объект" - "Разгруппировать" или Shift+Ctrl+G, так вы сделаете каждую букву отдельным элементом.

Теперь, если активировать контур буквы с помощью инструмента управления контурами должно получиться так:

Текст мы подготовили. Займемся лапками жуков. Нарисуйте где-нибудь в стороне основу для будущей лапки жука - линию инструментом перо. Я сделал в соответствии с масштабом моих букв толщину обводки 5 пикселей, цвет черный для контрастности и стиль обводки закругленные кончики. Как вы увидите дальше, цвет обводки никакой роли не играет, поэтому можете делать его любым.

Заготовка для лапки готова. Сделайте ее копию Ctrl+D и перенесите ее на букву. Изогните эту ножку с помощью инструмента управления контурами. Просто нажмите этим инструментом на линию и перемещайте ее так, что бы она стала похожа на изогнутую ножку жука. После того, как вы будете удовлетворены результатом, переведите ножку в контуры. Поскольку ножка у нас состоит из обводки, а не контура, то примените к выделенной ножке в главном меню "Контур" - "Оконтурить обводку" или Ctrl+Alt+C.

Выделите одновременно ножку и букву. Чтобы выделить два предмета, можно использовать выделение рамкой или удерживать нажатой при выделении клавишу Shift.

Выполните в главном меню "Контур" - "Разность" или Ctrl+-.

Таким образом можно сделать целого жука на букве "b".

Точно так же делаются остальные буквы. Для усиков жука на букве "u" использовались линии с толщиной обводки 1 пиксель и окружности, точно также переведенные в контур.

2 Нарисуем лист. В качестве базовой формы используем овал. Нарисуйте овал перекрывающий буквы. Сделайте его без обводки и пока с полупрозрачной заливкой, что бы буквы через него просвечивали, так будет удобнее ориентироваться.

Переведите овал в контуры в главном меню "Контур" - "Оконтурить объект" или Shift+Ctrl+C. Сделайте боковые узлы острыми. Дважды нажмите на соответствующую кнопку в верхнем контекстном меню инструмента для управления узлами.

Теперь с помощью инструмента управления узлами переместите контуры так, что бы конструкция стала похожа на лист. Если необходимо, добавить дополнительный узел можно по двойному щелчку мыши тем же инструментом.

Теперь займемся уже настоящей заливкой листа. Установите заливку непрозрачным цветом, например зеленым. Или установите тип заливки градиентом, так будет еще интереснее.

Чтобы стали видны буквы, переместите лист на задний план клавиша End.

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

Можно добавить блик или еще что-нибудь.

Здесь собраны ссылки на программное обеспечение, которое можно скачать и использовать для изучения и работы.

• Blender

  • blender-2.79b-windows32.msi для 32-битных Windows-систем
  • blender-2.79b-windows64.msi для 64-битных Windows-систем
  • Релиз Blender2.79 для любых операционных систем

• Gimp

  • gimp-2.10.10-setup.exe
  • Скачать последнюю версию Gimp

• Inkscape

  • Скачать последнюю версию Inkscape
  • inkscape-0.92.4-x86.exe для 32-битных Windows-систем
  • inkscape-0.92.4-x64.exe для 64-битных Windows-систем
  • inkscape-0.92.4-x86.msi для 32-битных Windows-систем
  • inkscape-0.92.4-x64.msi для 64-битных Windows-систем

Векторный пейзаж "Грустный камень"

Этот несложный урок inkscape имеет целью показать, как можно рисовать в векторном редакторе inkscape оригинальные и симпатичные картинки, например, вот такой векторный пейзаж, используя простейшие фигуры прямоугольники, овалы и линии.

Исходный рисунок представляет собой обычный прямоугольник, без обводки с заливкой линейным градиентом. Окно настройки заливки и обводки для фигур в inkscape доступно по комбинации клавиш Shift+Ctrl+F.

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

Как нарисовать векторное дерево? Само по себе векторное дерево без тени в этом пейзаже представляет собой комбинацию обычных фигур овал или эллипс в inkscape. Каждый овал кроны состоит из двух овалов без обводки. Овал, который побольше, темнее, овал поменьше - светлее. Светлый овал поменьше находится над более темным овалом. Когда один кружок кроны векторного дерева состоящий из двух овалов готов. Можно сгруппировать составляющие его два овала Ctrl+G и потом, сделав их дубль Ctrl+D, сделать крону дерева из нескольких двух цветных кружков. На рисунке ниже крона состоит из трех таких кружков.

Сделаем тень для кроны векторного дерева. Выделите все кружки кроны векторного дерева. Сделайте их дубль Ctrl+D. Если вы сгруппировывали входящие в крону элементы, разгруппируйте элементы в дубле, пока они выделены Ctrl+U. Сгруппируем все шарики дубля кроны в один контур. Для этого выделяйте попарно по два элемента и соединяйте их контуры по комбинации клавиш Ctrl++ или меню Контуры - Сумма. Обратите внимание, что соединить контуры можно, если выделено два элемента. Если выделить три или больше фигуры, то ничего не произойдет.

Когда контур кроны дерева готов, установите для него обводку черного цвета с размытием и переместите его на один или несколько уровней ниже, что бы он оказался ниже исходных шариков кроны.

Аналогичным образом можно сделать облако. Сама фигура облака состоит из нескольких разных кружочков. Для того, что бы показать это, на рисунке ниже входящие в состав облака кружочки изображены разным цветом. Естественно, что делать все кружочки разноцветными не обязательно. Когда вы расставили кружочки так, чтобы они составили форму облака, их надо объединить в единый контур. Как это сделать, мы уже знаем на примере векторного дерева.

Далее все несложно за исключением второго контура обводки. Чтобы сделать второй контур надо сделать копию облака с обводкой. Для копии выполните функцию из меню Контур - оконтурить обводку или Ctrl+Alt+C. Теперь копия представляет собой просто контур, для которого можно сделать новую обводку. Эту фигуру надо будет поместить ниже первого облака.

Следующая схема представляет собой составляющие фигуры для того что бы нарисовать векторный камень. Так рот камня представляет собой обычные линии, а глаза камня состоят из нескольких овалов. Сам камень так же состоит из овалов, только их контуры немного изменены и не являются круглыми.

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

Для готового пейзажа можно спрятать вылезающие за края элементы. Для этого сделайте копию самого первого главного светло-синего прямоугольника Ctrl+D. Копия будет расположено непосредственно над рисунком. Выделите все элементы рисунка, включая эту копию Ctrl+A. Используя меню Объект - Обтравочный контур - Установить, установите обтравочный контур. Векторный пейзаж "грустный камень" готов.

Cтеклянный стакан с соком

Как нарисовать стеклянный стакан с апельсиновым соком в inkscape

На этом уроке inkscape мы научимся рисовать вот такой стеклянный стакан с соком, используя возможности векторного редактора inkscape.

Базовая форма стеклянного стакана с соком

Вначале создадим основные элементы стакана с соком, без каких либо стеклянных эффектов. Поскольку некоторые элементы будут белого цвета, нарисуйте временный прямоугольник для фона, например, серого цвета. Можно конечно и изменить цвет холста в настройках inkscape, но мне кажется, что с прямоугольником проще.

Нарисуйте эллипс без заливки с обводкой зеленого цвета #629A61.

Нарисуйте еще один эллипс. Поместите его на уровень ниже зеленого клавишей Page Down. Цвет обводки #FFF56B, заливка линейным градиентом от темного #D59707 к светлому #F9B50A.

Нарисуем сам будущий стакан. Проще всего это сделать из прямоугольника. Т.е. нарисовать прямоугольник, перевести его в контуры Ctrl+Shift+C и инструментом управления контурами изменить нижний контур вытянув его вниз. А так же немного сдвинуть нижние узлы, что бы получилась фигура такая, как на рисунке ниже. Обводки нет. Заливка линейным градиентом левый цвет #DD9907, правый цвет #F7E805.

Все вместе выглядит примерно так. Для точного совмещения фигур может быть полезна кнопка в боковой панели прилипания "прилипать к контурам". Так при нажатой этой кнопке при перемещении отдельных узлов, они будут стремиться "прилипнуть" к ближайшему контуру.

Нарисуем еще одну окружность - это будет дно стакана. Переведем ее в контуры и немного вытянем дно. Обводка у окружности бело цвета. Заливка линейным градиентом. Нижний цвет #CD8F06, а верхний #FCF2BE.

Все вместе выглядит примерно так.

Еще один эллипс, что бы подчеркнуть белую обводку внизу стакана. Этот эллипс можно сделать копированием из предыдущей фигуры Ctrl+D. Эллипс имеет тонкую обводку с цветом #7d7556 и заливку из сплошного цвета #a57e28.

В стакане последний эллипс чуть-чуть вылезает из под предыдущего.

Стеклянные хитрости

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

Во-первых, блики по краю стакана. Это две линии нарисованные пером, без заливки, обводка которых представляет собой радиальный градиент из трех точек. Крайние точки градиента абсолютно прозрачный белый цвет, а точка посередине просто белая. Пример линии с контурами и градиентом показан на рисунке ниже в центре. А результат без узлов виден на зеленом круге.

Большой блик на стакане

Большой блик представляет собой вот такой контур. Проще всего сделать его из оконтуренной окружности, добавив в нее несколько новых узлов.

Так теперь должен выглядеть наш стакан. Непрозрачность фигуры блика 25%. Изменять непрозрачность можно в диалоге "заливка и обводка" Shift+Ctrl+F.

И еще один блик для стакана из окружности, даже без добавления узлов. Непрозрачность фигуры блика 25%. Схема фигуры блика на рисунке слева, расположение блика на стакане справа.

Пузырьки воздуха

Сам по себе пузырек представляет собой несложную конструкцию. Это окружность с заливкой #C1890D и обводкой #FFF29F, а также двух кривых фигурок белого цвета, которые несложно сделать из окружностей.

Поместите на свободное место на холсте пузырек и форму пятна. Выделите пузырек.

Заполнить пятно пузырьками можно, конечно, вручную, но это долго и трудоемко. Поэтому воспользуемся возможностью inkscape "Создать узор из клонов", которая находится в меню "Правка" - "Клоны".

Inkscape запоминает последние настройки, поэтому, на всякий случай, нажмите кнопку "Сбросить", что бы отменить старые настройки.

Когда настройки установлены по умолчанию на закладке "Обводка" установите вот такие параметры, как на рисунке ниже.

А на закладке "Масштаб" параметры случайности 100%.

Теперь нажмите кнопку "Создать" и если результат примерно соответствует вашим ожиданиям, то придайте некий хаос, нажимая кнопку "Разровнять". Если получилось совсем не то, что вы ожидали, поэкспериментировав с размером исходного пузырька и ли настройками узора. Для того что бы отменить неправильный узор, нажмите кнопку "Удалить".

Если все готово, в меню "Правка" - "Клоны" при выделенном исходном пузырьке нажмите пункт - отсоединить клон. Сам исходный пузырек можно теперь либо удалить, либо поместить вручную, куда-нибудь на нашу конструкцию. Выделите пятно с пузырьками и сгруппируйте объекты Ctrl+G. Переместите пятно на стакан.

Тень от стакана

Сделаем тень. Основная тень представляет собой вот такой контур. С плавным переходом градиента из прозрачного белого цвета в непрозрачный черный. Тень надо разместить в самом низу, на самом нижнем уровне, клавиша End. Вспомогательный серый прямоугольник, нам, пожалуй, больше не нужен, можно его удалить.

Тень получилась скучновата. Можно сделать еще одну вспомогательную фигуру для тени. Ведь стекло прозрачное и тень от него редко бывает равномерной. Заливка вспомогательной фигуры линейный градиент. Слева белый цвет с непрозрачностью 50%, справа абсолютно прозрачный белый цвет. Вспомогательную фигуру тени нужно разместить ниже стакана, но выше тени.

Соломинка

Соломинка это обычная прямая линия, нарисованная пером и залитая линейным градиентом с цветами #048904 и #28AE29.

Ну, вот и все. Все остальное. Что мы делали с соломинкой: добавление тени, белый блик, овал на верхушке, всё это мы уже неоднократно делали в этом уроке. Готовый стакан выглядит так:

Шарик из пазлов

Этот урок inkscape подойдет, например, как идея для логотипа, а так же как пример симбиоза, т.е. совместного использования векторной и растровой графики. В этом уроке мы будем работать с inkscape и paint.net для обработки растрового изображения.

Безусловно, все что мы будем делать в этом уроке можно было бы сделать и только пользуясь векторной графикой или только в растровом редакторе. Но! Как вы увидите из описания этого урока, предложенный вариант работы в двух программах, позволяет сократить процесс всего до нескольких простых шагов.

Вот, что мы будем делать в этом уроке - логотип - шарик из пазлов.

Обработка растра в paint.net

1 Нам понадобится текстура пазла, которую можно найти в интернете, но участник нашего форума Lynx любезно сделала для нас подборку, которой мы и воспользуемся. Скачать полноразмерные текстуры пазлов можно здесь. Ниже приведен вид одной из предложенных Lynx и использованной в этом уроке текстуры.

Откроем эту текстуру в paint.net. Сначала сделаем линии потолще. Для этого я использовал эффект Outline Object со стандартными настройками и подложил под нее белый фон.

Теперь применяем эффект paint.net Shape-3D для того что бы сделать из пазла трехмерную сферу. Лучше всего отключить галочку освещения Lighting, остальные параметры можно оставить по умолчанию или повыбирать тип сферы, который более удачно подойдет для вашего пазла.

Когда сфера готова, в paint.net и инвертируем ее цвета, сделав пазлы черными. А для увеличения контрастности применим стандартную коррекцию paint.net "яркость и контрастность", оба параметра в максимальных значениях.

Выделим все на слое со сферой и скопируем изображение в буфер обмена.

Практика работы в inkscape

2 Откроем новый документ и вставим из буфера обмена рисунок сферы из пазлов. Он должен быть сразу выделен. Применим к нему функцию из главного меню "Контур" - "Векторизировать растр" или Shift+Alt+B. Для тех кому интересно, как работает эта функция у нас на сайте есть специальная статья "как перевести растр в контуры". В ней подробно описывается назначение параметров в открывшемся диалоговом окне. Однако в нашем случае, сфера из пазлов уже достаточно подготовлена, поэтому оставьте все по умолчанию, просто нажмите кнопку "ОК" и закройте диалоговое окно.

Может показаться, что ничего не произошло. Но это не так. Сверху появилась сфера из контуров. Переместите ее в сторону инструментом выделения и перемещения, а, находящуюся под ней растровую сферу, можно теперь удалить Del.

Выделите векторную сферу. Она представляет собой единый объект и контур. Разбейте контур на отдельные элементы пазла. Для этого примените к выделенной сфере функцию из главного меню "Контур" - "Разбить" или Shift+Ctrl+K. Теперь мы можем работать с отдельными элементами пазлов. Выберите один из них, который вам больше нравится и переместите его в сторону.

Оставшиеся пазлы представляющие сферу теперь нужны нам вместе, так удобнее работать и что бы они случайно не расползлись, снова соединим их. Выделим все элементы пазлов в сфере, кроме того, который отложен в сторону, и выполним обратную предыдущему шагу операцию в меню "Контур" - "Объединить" или Ctrl+K.

Теперь можно работать со сферой как с одним контуром. Откройте окно заливки и обводки Shift+Ctrl+F и установите тип заливки как радиальный градиент. Цвета точек: центральная 00c7ffff, крайняя 00006eff, средняя 3678d0ff. Но вы можете выбрать другие.

Теперь вернемся к отдельному элементу пазла, отложенному в сторону. Сделайте его заливку обычную, сплошным цветом ff6600ff. Создайте копию этого элемента Ctrl+D. Копия будет находиться точно над оригиналом. Переместите копию чуть-чуть в сторону и вниз. Сделайте ее заливку черной, непрозрачность 55 и размытие 5. Это будет тень. Переместите тень на уровень ниже элемента пазла Page Down.

Можно нарисовать на пазле блик. Для этого используя инструмент перо, или кому проще инструмент эллипс, нарисуйте замкнутый контур и с помощью инструмента управления узлами придайте ему нужную форму. Например, как на рисунке ниже. Сделайте его заливку линейным градиентом. Один цвет белый непрозрачный, второй белый и абсолютно прозрачный.

Придадим объем. выделите только оранжевый элемент пазла тень и блик к нему не выделяйте и примените к нему фильтр из главного меню "Фильтры" - "Фаска" - "Элемент пазла".

Теперь можно выделить блик, оранжевый пазл и тень и сгруппировать их вместе в главном меню "Объект" - "Сгруппировать" или Ctrl+G.

Теперь примените эффект из главного меню "Фильтры" - "Фаска" - "Элемент пазла" к синей сфере. Поместите пазл с тенью над сферой так, как вам покажется наиболее удачным. Если пазл "подлезает" под сферой, то поднимите его на самый верхний уровень клавишей Home. Вот и все.

Карандашное сердечко

На этом уроке inkscape мы научимся рисовать вот такое сердечко, как бы нарисованное фломастером или карандашом.

Сердечко, нарисованное карандашом или фломастером

В уроке как нарисовать сердечко в inkscape мы уже учились рисовать правильное симметричное сердечко, используя контуры. В этот раз мы рассмотрим еще один способ, как сделать сердечко из базовой формы круг. Сделать таким способом сердечко, на мой взгляд, проще, но оно может получиться не таким симметричным, как сердечко по технологии из указанного выше урока. Однако, для этого урока - это даже хорошо.

1 Итак, используя инструмент inkscape эллипс, нарисуем овал или круг. Подробнее про работу этого инструмента см. в разделе инструкция inkscape. Заливка фигуры отключена, оставлена только обводка черного цвета. Цвет обводки не имеет принципиального значения.

Не снимая выделения с овала, применим к нему функцию inkscape из главного меню "Контур" - "Оконтурить объект" или Shift+Ctrl+C. Щелкните по контуру инструментом управления узлами и вы увидите их. Теперь наша фигура превратилась в контур из 4-х узлов. Сделаем верхний и нижний узлы острыми. Нижний узел переместите немного вниз, и вы увидите, что фигура становится похожа на сердечко.

Теперь все тем же инструментом управления узлами придайте сердечку более правильную форму. Сделать это можно изменяя положения направляющих или перемещая прямо контур этим самым инструментом. Схема расположения направляющих и результирующего контура для моего варианта приведена на рисунке ниже.

2 Теперь, когда сердечко готово, сделайте его копию Ctrl+D. Дальше будет самое интересное. К выделенной копии сердечка мы применим контурный эффект. Он находится в главном меню "Контур" - "Редактор контурных эффектов" или Shift+Ctrl+7. Выберите эффект "Внутренняя штриховка" и нажмите кнопку "добавить". Результат вы увидите сразу. Дубль контура, к которому мы применяли контурный эффект, исчез и превратился в штриховку, то сердечко, которое вы видете - это исходное сердечко.

Если теперь выделить штриховку инструментом управления узлами, то вы увидите несколько управляющих маркеров. С помощью этих маркеров и параметров эффекта можно управлять свойствами штриховки.

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

3 Последний штрих. Теперь выделите исходный контур. Исходный контур находится внизу под штриховкой. Чтобы выделить контуры находящиеся ниже используйте инструмент выделения и трансформации с нажатой клавишей Alt. Когда контур выделен, примените к нему контурный эффект "карандашный набросок".

Поэкспериментируйте с параметрами эффекта. Можно получить очень интересные результаты. Изменить цвет сердечка очень просто. Выделите оба объекта штриховку и контур и измените цвет обводки. Вот и все.

• Работа с персональными данными (ПДн) - МБОУ "СШ № 61" в списке реестра РосКомНадзора (rkn.gov.ru).

Как нарисовать пингвина в inkscape

Это очень простой урок inkscape. Он сделан с очень большим количеством скриншотов, что бы поменьше писать банального текста: "нарисуйте овал", "нарисуйте квадрат" и т.д. Тем не менее, к некоторым иллюстрациям сделаны комментарии.

Начните рисование пингвина с двух окружностей черного цвета. Подробнее про использование инструментов можно узнать в разделе инструкция inkscape

Нарисуйте еще одну окружность и заполните ее градиентом. Один цвет белый, другой 353535ff.

Нарисуйте еще один белый круг, это будет живот.

Два эллипса с заливкой цвета E6E6E6FF будут глазами пингвина.

Нарисуйте еще два аналогичных овала поменьше, белого цвета. Можно просто скопировать предыдущий овал по комбинации клавиш Ctrl+D, уменьшить размер и изменить цвет заливки.

Теперь будем делать бровь. Нарисуйте два овала, можно рядом с пингвином. Я их специально для наглядности сделал разного цвета.

Выделите оба овала и примените к ним операцию "Разность" из главного меню "Контур" или Ctrl + -.

Сделайте цвет заливки брови BFBFBFFF. Более точно настроить форму брови можно инструментом управления узлами.

Теперь нарисуем блик на голове пингвина. Для этого потребуется более сложная конструкция, которую можно сделать из пересечения трех эллипсов. На рисунке ниже для наглядности они нарисованы красным и двумя синими.

Inkscape умеет находить разность между двумя контурами, поэтому выделим красный эллипс и один синий. Примените к ним операцию "Разность" из главного меню "Контур" или Ctrl + -.

Теперь тоже самое со вторым синим эллипсом.

Сделайте заливку фигуры линейным градиентом. Один цвет белый, другой прозрачный.

Теперь будем делать нос. Нарисуйте квадрат без обводки с заливкой цвета 7F8000FF.

Удалите один из улов. Для этого выделите его и нажмите кнопку удалить узлы в верхней контекстной панели инструментов.

Используя направляющие узлов, сделайте примерно такую форму как на рисунке ниже.

С помощью копии этой формы Ctrl+D сделайте блик.

Сделайте заливку блика линейным градиентом. Один цвет белый, другой прозрачный.

С помощью инструмента перо, нарисуйте линию.

Сделайте более толстой обводку линии.

Оконтурите получившийся объект в главном меню "Контур" выберите "Оконтурить обводку" или Ctrl+Alt+C.

Сделайте заливку фигуры линейным градиентом. Один цвет белый, другой прозрачный.

Разметите нос так, как нужно.

Для того что бы сделать крыло используйте базовую форму овал без обводки. Оконтурите объект Shift+Ctrl+C, что бы появились четыре узла.

Изменяя положение узлов и их направляющих сделайте таку форму крыла, как показана на рисунке ниже.

Сделаем блик на крыле, используя инструмент перо. Если включить кнопку "показывать абрис контура", которая доступна в контекстном меню для инструмента управления узлами то форма кривой будет выделена красной линией, которую можно изменять. Линия, как уже говорилось, нарисована пером с параметром "затухание".

Сделайте заливку фигуры линейным градиентом. Один цвет белый, другой прозрачный.

Сгруппируйте крыло и блик Ctrl+G. Установите крыло с бликом на его место.

Сделайте копию крыла Ctrl+D. Отразите ее горизонтально. Кнопка отразить горизонтально есть в верхнем контекстном меню для инструмента выделения и перемещения.

Для того чтобы нарисовать лапки пингвину, воспользуемся инструментом эллипс с цветом заливки 7C7C02FF. Оконтурим эллипс Shift+Ctrl+C, и он будет определен четырьмя узлами.

Измените положение нижнего узла, как показано на рисунке ниже.

Установите для фигуры толстую обводку цвета 5E5E18FF.

Блик - это еще один эллипс. Сделайте заливку фигуры блика линейным градиентом. Один цвет белый, другой прозрачный.

Объедините лапку и блик, сгруппировав их Ctrl+G. Вторую лапку сделайте путем копирования первой Ctrl+D.

Вот и готовый результат - векторный пингвин в inkscape:

Граффити на кирпичной стене

Этот урок inkscape посвящен созданию узоров из фигур, на примере кирпичной стенки. Создание узоров рассмотрено в уроке подробно, в то время как другие очевидные вещи, которым были посвящены предыдущие уроки данны с сылками на инструкцию inkscape.

1 Сначала мы создадим будущую кирпичную стену. Начнем с того, что нарисуем основу маленький кирпичик. Я нарисовал кирпич - прямоугольник размером 25 на 20 пикселей. Размер прямоугольника можно задавать просто в соответствующих полях параметров верхнего контекстного меню. Для прямоугольника я отменил обводку и сделал заливку цвета aa4400ff.

Создадим копию кирпича. Пока прямоугольник выделен, нажмите Ctrl+D. Копия будет находиться на самом верху. Переместите ее с помощью стрелок вниз. Для прямоугольника моего размера я нажал стрелочку вниз тринадцать раз, т.е. кирпичик переместился на 26 пикселей. Еще я увеличил его ширину до 41.

Сделайте последовательно еще по одной копии верхнего и нижнего кирпичика. Сдвиньте их так, что бы расстояния между кирпичиками были 3 нажатия клавиши стрелочки или 6 пикселей. Ширину кирпичиков мы установили так, как схематично показано на рисунке ниже.

Если кирпичики готовы, сгруппируйте их. Для этого выделите их все и нажмите Ctrl+G. Теперь создадим кирпичную Стену. Проще всего это сделать с помощью специального механизма узора из клонов. Эта команда доступна в меню "Правка" - "Клоны" - "Узор из клонов".

Советы при использовании механизма "узор их клонов". Как и все остальные инструменты inkscape, этот алгоритм запоминает последние настройки. Поэтому, если вы когда-нибудь этим инструментом пользовались, то прежде сбросьте все настройки по умолчанию. Для этого в левом нижнем углу есть кнопка "сбросить". В нашем случае будет использоваться самый простой узор, нам надо просто совместить наши кирпичики по горизонтали и вертикали. Начните сначала с маленького размера, например, 5 строк и 5 столбцов, как на скриншоте ниже.

Проверьте на первой закладке "симметрия" должно быть установлено "Р1: простое смещение". Остальные параметры настраиваются на закладке "смещение".

Основной объект должен быть выделен. Для того что бы посмотреть какой узор получается при изменении параметров, нажмите кнопку "Создать". Если не понравился результат, нажмите кнопку "Удалить" или в главном меню "Правка" - "отменить". После этого измените параметры, и создайте узор заново.

Если узор вас устраивает, то отсоедините клон. Сделать это можно в главном меню "Правка" - "Клоны" - "Отсоединить клон" или Shift+Alt+D. И удалите исходный объект. Останется сделанная нами стенка. Выделите все объекты и сгруппируйте их Ctrl+G.

2 Поэкспериментируйте с эффектами фильтрами inkscape для того что бы сделать текстуру кирпичной стены интереснее. Ниже приведен результат последовательного применения эффектов "Фильтры" - "Фаска" - "Элемент пазла" и "Фильтры" - "Свет и тень" - "Отбрасываемая тень".

3 Давайте теперь приступим к граффити. Данный урок это просто демонстрация идеи, если у вас родилась фантазия нарисовать что-то другое, то вы не обязаны повторять наши действия. Тем не менее, ниже приведен вариант нарисованного нами завода.

Нарисовать эту фигуру можно с помощью инструмента перо. Узлы фигуры показаны на рисунке ниже. Чтобы рисовать прямые линии, удерживайте при рисовании нажатой клавишу Ctrl. Завод представляет собой замкнутый контур.

Заливка выполнена в виде линейного градиента сверху вниз. Узлы градиента также можно увидеть на рисунке ниже. Цвета градиента 00ff00ff и 008000ff, но вы можете использовать любые, которые нравятся вам. Еще раз обращаем внимание на то, что описанное ниже в этом уроке идет как пример. Уровень непрозрачности заливки установлен как 70%, а толщина обводки черного цвета 3 пикселя.

Таким же образом можно нарисовать теперь жилой домик. Здесь нет ничего сложного относительно предыдущего рисунка, разве что линию по центру придется нарисовать отдельно.

Теперь, умея создавать узоры из клонов, вы, наверное, несложно догадаться, как сделать окошки к домику. Изначально одно окошко мы нарисовали с помощью инструмента прямоугольник. Затем немного согнули его. Как сделать это, можно прочитать в разделе инструкция inkscape - инструмент прямоугольник. Настройки параметров узора из клонов приведена на рисунке ниже.

Ну и какое же граффити без текста. Напишите какой-нибудь текст. Для граффити очень хорошо подходит шрифт Planet Benson 2. Скачать шрифт для граффити Planet Benson 2 можно на сайте в разделе шрифты. О том, как изменять положение отдельных букв в надписи, можно прочитать в уроке простой векторный текст или в описании к инструменту текст в разделе инструкция inkscape.

Когда надпись готова, можно раскрасить ее с помощью инструмента заливка. Маленькая хитрость, для того что бы проще покрасить внутренности текста, переместите сначала текст в сторону на белый фон холста и залейте внутренности заливкой. Обратите внимание, что каждая закрашенная внутренность - это отдельный объект со своей заливкой и обводкой, т.е. можно назначить отдельный цвет каждой букве, если есть такое желание. Когда надпись готова, объедините текст и заливку в одну группу и разместите всю надпись так, как посчитаете нужным на рисунке.

Открытка или векторные обои Валентинка

Этот урок inkscape создан на основе оригинального урока на английском языке, который можно найти здесь. Итак, в этом уроке мы будем рисовать абстрактные обои в стиле валентинки и в результате у нас должно получиться следующее:

В качестве основы для создания основного контура мы будем использовать кривую Безье, которую можно нарисовать с помощью инструмента перо. Inkscape запоминает последние настройки использованных вами инструментов, если вы раньше работали пером с кривыми Спиро или использовали разные стили, то придется переключиться назад в кривые Безье. Вспомнить принципы работы и параметры инструмента перо можно в соответствующем пункте раздела инструкция inkscape. Тем не менее, для новичков некоторые принципы работы с инструментом перо, мы напомним ниже.

Конфигурация кривой, которую вы нарисуете с помощью инструмента перо, определяется узлами. Узлы бывают острыми и сглаженным. При рисовании кривой Безье острые узлы создаются автоматически. Если при создании узла инструментом перо сразу не отпускать мышку, а перетащить ее в сторону направляющей будущего узла, то можно создать сглаженный узел. В принципе свойство узлов можно изменить позже, используя инструмент управления узлами и его параметры в контекстной панели инструментов. Изменить острый узел на сглаженный также можно, щелкнув по нему инструментом управления узлами при нажатой клавише Ctrl.

Если вы новичок, нарисуйте вот такую конструкцию, используя просто прямые узлы.

Если вы нарисовали все узлы острые, то измените свойства узлов, как показано на схеме ниже. Обратите внимание, что если вам тяжело управлять направляющими, на схеме это синие палочки, торчащие из узлов, то вы можете просто тянуть инструментом управления узлами сам контур, и он будет меняться. Так же можно перемещать и сами узлы.

Не забывайте почаще сохранять промежуточные этапы работы. Теперь нам предстоит сделать форму сердца, для того что бы потом можно было оформить его заливкой. Глупо рисовать отдельно сердце, если у нас есть уже готовый контур.

Сделайте копию дубль нарисованного нами контура. Сделать это можно в меню "Объект" или по комбинации клавиш Ctrl+D.

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

Теперь разорвем контур в этих узлах. Сделать это можно по соответствующей кнопке "разорвать контур в выделенном узле" в контекстном меню инструмента управления узлами. Вид кнопки и сами узлы приведены на рисунке ниже.

Теперь в строке состояния указано, что наш контур состоит из 12 узлов, а не десяти как было раньше. Тем не менее, сам контур так и остался целым, состоящим из трех субконтуров. В этом можно убедиться, если нажать кнопку показать "абрис контура".

Теперь разделим контуры. Сделать это можно в главном меню "Контуры" - "Разбить" или комбинация клавиш Shift+Ctrl+K. Как видите на рисунке ниже теперь контуров три.

Обратите внимание, что все это мы делали на дубле контура. Нижний исходный контур все это время оставался как есть. Выберите два нижних контура, последовательно щелкнув по ним инструментом выделения и трансформации, удерживая клавишу Shift. Удалите их, нажав клавишу Del.

Еще раз обратите внимание, что мы работаем с верхним дублем контура, и после удаления будут видны кусочки оригинального контура, так может показаться, что ничего не изменилось. Но это не так. Так выделив оставшийся верхний контур и нажав уже известную нам клавишу "абрис контура", мы увидим, что остался только верхний фрагмент.

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

Теперь у нас есть контур сердечка, который вы можете заполнить цветом. Выберите любой понравившийся оттенок, например красного цвета и установите его в качестве цвета заливки в диалоговом окне заливки и обводки Ctrl+Shift+F. В зависимости от настроек заливки она может выглядеть с дырочкой посередине или нет, как показано на рисунке ниже.

Выделите закрашенное сердечко и отмените заливку обводки объекта. Сделать это можно в том же диалоге заливки и обводки на закладке "Обводка".

Сделайте копию сердечка, используя уже известную нам комбинацию клавиш Ctrl+D. И переместите копию куда-нибудь в сторону. Сейчас она нам не нужна, но потом понадобится. То, что у нас получилось без убранной в сторону копии, выглядит как-то так.

Теперь сделаем фон будущей открытки или будущих обоев рабочего стола. Поскольку дальше мы будем работать с белыми линиями, то разумно сделать временно фон каким-нибудь другим цветом, ну например серым. Все равно мы потом его будем менять. Для этого мы нарисуем соответствующий прямоугольник. Конечно, мы могли бы просто поменять цвет фона самого документа. Сделать это можно было бы на закладке настроек документа "страница" клавиши Ctrl+Shift+D, однако прямоугольник нам потом все равно понадобится, так что давайте нарисуем прямоугольник.

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

Обратите внимание на то, что мы рисуем в векторной программе, а это значит, что изменять размеры изображения мы сможем как угодно без потери качества: если это не касается изменения пропорций. Ведь если мы будем менять пропорции, то и рисунок неизбежно "поедет".

Наиболее популярные соотношения сторон и их соответствия размерам монитора.

• 4x3
  • 640x480
  • 800x600
  • 1024x768
  • 1152x864
  • 1280x960
• 16х9
  • 852x480
  • 1280x720
  • 1365x768
  • 1600x900
• 16х10
  • 1440x900
  • 1680x1050
  • 1920x1200

Я использовал прямоугольник с соотношением 4х3 размером 640х480.

Для того чтобы прямоугольник не перекрывал объект, а находился за ним, переместите его на задний план - клавиша End.

Теперь создадим абстрактную картину. Есть много способов, как сделать абстрактные фигуры. В этом уроки мы будем использовать интерполяцию.

Для начала выделите наш исходный контур - линию.

Сделайте его копию Ctrl+D.

Поверните его немного, градусов на 20-25. Эта информация отображается при повороте в нижней информационной строке. Как поворачивать объекты с помощью инструмента трансформации и перемещения можно прочитать в разделе инструкция inkscape.

Установите цвет обводки основного контура цветом сердечка, а цвет повернутого контура белым. В результате должно получиться так:

Теперь выберите оба контура. Для тех кто забыл, сделать это можно инструментом выделения и трансформации последовательно щелкнув по каждому контуру с нажатой клавишей Shift.

Перейдите в главное меню "Расширения" - "Создание из контура" - "Интерполяция".

Поставьте галочку предпросмотра, и вы сразу будете видеть на холсте результаты интерполяции. Поэкспериментируйте с настройками и посмотрите, как меняется результат. Галочка интерполировать стиль, обеспечит вам плавный переход цветов. Галочка продублировать оконечные контуры пригодилась бы для того что бы продублировать исходные контуры для дальнейшего использования их копий. Но поскольку нам они больше не нужны, эта галочка снята.

Выделите результат интерполяции и наше красное сердечко и сгруппируйте все эти объекты. Клавиши Ctrl+G.

Теперь выберите оба объекта группа и серый прямоугольник, последовательно щелкнув по ним инструментом выделения с нажатой клавишей Shift. Откройте окно "выровнять и расставить" из главного меню "Объект" или по клавишам Ctrl+Shift+A. Установите ориентир "Последний выделенный", если последним вы выбирали прямоугольник и нажмите кнопки "центрировать по горизонтальной оси" и "центрировать по вертикальной оси". Теперь сердечко с линиями должно у вас быть в центре прямоугольника.

Создайте пару копий сердечек.

Уменьшите их размер. Уменьшить размер можно инструментом выделения. Удерживайте при этом клавишу Ctrl, что бы при изменении размера сохранялись пропорции.

Немного повернув уменьшенные копии, переместите их так, что бы они расположились примерно так, как на рисунке ниже.

Давайте зальем серый скучный фон градиентом. Выбрать способ заливки градиентом можно при выделенном прямоугольнике в окне заливки и обводки Ctrl+Shift+F.

Если направляющие градиента не появились, щелкните по инструменту градиент, что бы активировать его, и они появятся.

Выберите какие-нибудь красивые цвета. Я использовал цвет сердечка для крайних точек и белый цвет для центральной точки.

Изменять цвета точек можно прямо в окне заливки и обводки, если точка выделена. Выделять точку просто, надо щелкнуть по ней один раз инструментом градиент.

Чтобы поменять направление градиента наоборот используйте комбинацию клавиш Shift+R.

Пришло время использовать отложенное в сторону сердечко и украсить им нашу открытку. Найдите его где-то в стороне холста, куда вы его переместили. Переместите его над нашей открыткой.

Сделайте его заливку белого цвета, а обводку отключите. Прозрачность заливки сделайте, например 15%.

Увеличьте размер сердца, что бы оно было больше, чем прямоугольник.

Это большое белое прозрачное сердечко должно быть выше прямоугольника, но ниже всех остальных фигур. Опустите его совсем на задний план клавишей End, а поскольку ранее на самом заднем плане у нас был прямоугольник, то поднимите сердце, не снимая выделения, клавишей Page Up на один уровень выше. Теперь оно станет выше прямоугольника, но ниже всех остальных фигур.

Создайте еще одну копию большого белого полупрозрачного сердца.

Уменьшите его размер, удерживая нажатыми одновременно Ctrl+Shift. Так изменение размера будет происходить относительно центральной точки.

Установите прозрачность его заливки 30% а размытие 5%.

Это белое размытое сердечко должно быть выше прямоугольника и большого белого сердца, т.е. третьим снизу. Если вы не уверены, что это так, то опустите его совсем на задний план клавишей End, а потом поднимите размытое сердце, не снимая выделения, клавишей Page Up два раза.

Наша открытка или обои практически готовы. Но если вдруг вы решили, что цвет центрального сердечка не подходит. Слишком уж оно сливается с остальными. Что делать?! Все не так ужасно. Не смотря на то, что самое первое сердечко сгруппировано в группу с линиями, inkscape позволяет легко редактировать отдельные объекты группы, не разгруппировывая их.

Щелкните инструментом выделения по самому первому созданному сердечку. Будет выделена группа. Щелкните еще раз дважды, и будет выделен отдельный объект - сердечко. Убедиться в этом можно в нижней информационной строке. Объекты групп отмечаются символом #.

Теперь можно легко поменять его цвет. Тоже самое можно проделать и для маленьких сердец.

Поскольку мы научились выделять отдельные элементы в группе, то мы можем не только поменять цвет первого сердца, но и применить к нему какой-нибудь эффект или фильтр.

Вот так будет выглядеть рисунок с применением к первому сердцу эффекта из меню "Фильтры" - "Морфология" - "Пустота вдоль краев".

А давайте и к большому белому сердцу тоже применим какой-нибудь фильтр. Например, главное меню "Фильтры" - "Рассеивание" - "Кубики".

Попробуйте поэкспериментировать и с другими эффектами.

Если вы удовлетворены результатом, то можно заканчивать работу. Осталось только обрезать все ненужные выступающие края. Пусть размером будет наш прямоугольник, не зря же мы подбирали для него пропорции.

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

В меню "Объект" выберите пункт "Обтравочный контур" - "Установить".

Все наша работа готова! Скачать файл к уроку в формате SVG можно ниже.

Вложения:

валентинка.svg

[ ]

0 Кб

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

Для начала нарисуйте прямоугольник - основу будущей таблички. Нарисовать прямоугольник просто, на этом останавливаться подробно мы не будем. Теперь сделайте надпись, воспользовавшись инструментом текст.

Как мы делали в уроке простой векторный текст, можно повеселее расставить буквы. Попробуйте, удерживая клавишу Alt, нажать на клавиатуре стрелочки в стороны. Буквы раздвигаются. А если удерживать на клавиатуре комбинацию клавиш Alt+Shift, то раздвигаться буквы будут в десять раз быстрее. Если поставить курсор между буквами текста, удерживая клавишу Alt, нажимать на клавиатуре стрелочки верх и вниз, то буква текста будет подниматься или опускаться. Комбинация клавиш Alt+[ и Alt+] поворачивает букву теста. Естественно клавиша Shift вместе с Alt ускоряет и этот процесс тоже.

Теперь выделите оба объекта прямоугольник и текст и нажмите в главном меню "Контур" пункт "Оконтурить объект" или Shift+Ctrl+C. Так мы превратим прямоугольник и буквы теста в контуры. Теперь у нас это больше не объекты текст и прямоугольник, а набор контуров. Теперь больше описанные выше хитрости текста не будут действовать на наши буквы.

Несмотря на то, что буквы теперь стали отдельными контурами, в целом они продолжают оставаться объединенными в одну группу. Давайте разгруппируем их. Сделать это можно в меню "Объект" - "Разгруппировать" или Shift+Ctrl+G. При этом группа букв должна быть предварительно выделенной, как вы догадались. Теперь каждая буква будет представлять собой отдельный объект.

Теперь осталась самая малость. Выделите для примера одну букву и прямоугольник.

И в главном меню "Контур" посмотрите на режимы объединения контуров. Нам будет интересен режим "Исключающее ИЛИ". В результате место пересечения буквы и прямоугольника должно стать вырезанным.

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

На самом деле это теперь просто один контур. В этом легко убедиться, если выделить его и активировать инструмент управления узлами. Видите сколько узлов.

Поставленная нами цель в уроке достигнута. Табличка с вырезанными буквами готова. Теперь можно развлечь себя украшательствами. Вот как будет выглядеть та же табличка с применением эффекта из меню "Фильтры" - "Выпуклости" - "Выпуклости HSL" ("HSL Bumps Alpha").

А вот та же исходная табличка в inkscape с применением эффекта из меню "Фильтры" - "Выпуклости" - "Густая краска".

А вот та же исходная табличка с применением эффекта из меню "Фильтры" - "Выпуклости" - "Выпуклости HSL" ("HSL Bumps Alpha") и "Фильтры" - "Свет и тень" - "Отбрасываемая тень".

Как нарисовать стрелку в inkscape

На этом уроке inkscape мы научимся рисовать вот такую стрелку. Этот урок полезен для закрепления навыков работы с фигурами и узлами, а также из этого урока inkscape можно узнать, как рисовать треугольники. Итак, в конце урока у нас должна получиться вот такая стрелка.

1 Для начала, используя инструмент прямоугольник, нарисуем вот такой квадрат. Ровный квадрат удобнее рисовать в inkscape, удерживая при этом нажатой клавишу Ctrl.

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

Теперь будем делать треугольник. Сначала в главном меню inkscape выберите пункт "Контур" - "Оконтурить объект" или Shift + Ctrl + C. При этом квадрат должен был быть у вас выделен. Если все прошло нормально, то по углам квадрата вы увидите, как на рисунке ниже, маленькие беленькие квадратики - это узлы. При этом инструмент будет автоматически переключен на инструмент управления узлами. Выделите им нижний узел. Он станет красным.

Теперь удалите выделенный узел. Сделать это можно по кнопке "удалить выделенные узлы" в контекстной панели инструментов. Внешний вид кнопки показан в правом верхнем углу рисунка в синем кружочке. После удаления выделенный узел пропадет, и станут видны направляющие двух соседних узлов. С их помощью можно управлять нижней кривой.

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

Теперь точно таким образом надо повернуть вторую направляющую. Треугольник готов.

2 Теперь можно приступить ко в торой части стрелки - к её ножке. Нарисуйте прямоугольник. Делать это мы уже умеем.

Совместим обе фигуры треугольник и прямоугольник ровненько. Для этого отцентрируем их по вертикали. Сделать это можно в пункте главного меню "Объект" - "Выровнять и расставить" или Shift + Ctrl + A. Нужная кнопка отмечена на рисунке ниже синей стрелочкой. Оба объекта, естественно должны быть выделены.

3 Теперь если объекты все еще выделены, объединим их. Сделать это можно в меню "Контур" - "Сумма" или Ctrl + +.

Вот и готова стрелка. Можно теперь применить к ней фильтры (эффекты). Например, если применить к ней "Фильтры" - "Выпуклости" - "Выпуклости HSL" ("HSL Bumps Alpha") и два раза "Фильтры" - "Свет и тень" - "Отбрасываемая тень", то получится вот такая стрелка.

Как сделать контуры из растрового изображения

С помощью inkscape можно превратить в вектор растровое изображение, то есть превратить его в SVG-элемент контур.

В настоящее время для векторизации в inkscape использует код программы Potrace Питера Селинджера (potrace.sourceforge.net). Возможно в будущем будут добавлены и другие программы, но даже на данном этапе имеющихся возможностей вполне достаточно.

Обратите внимание на то, что целью векторизации (перевода растра в контуры) не является создание точной копии исходного изображения или готового рисунка. Ни одному существующему алгоритму это пока не под силу. Все, что может сделать алгоритм векторизации - это превратить растровое изображение, например, фотографию в набор контуров, которые вы можете использовать в своих работах.

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

Для того чтобы сделать из растрового изображения векторные контуры загрузите или импортируйте растровое изображение. Выберите объект растровое изображение, которые будете переводить в контуры и в главном меню выберите команду "Контуры" - "Векторизовать растр...", либо используйте комбинацию клавиш Shift+Alt+B.

Вы увидите три фильтра. Первый из них "сокращение яркости". Этот фильтр просто использует сумму красного, зелёного и синего компонентов пикселя (иначе говоря, оттенки серого) в качестве индикатора, и решает, воспринимать ли его, как чёрный или как белый. Значение порога яркости может быть задано в диапазоне от 0,0 (чёрный) до 1,0 (белый). Чем выше значение, тем меньше пикселей будет воспринято как "белые" и тем больше черного станет на изображении.

Вариант второй - "Определение краев". Этот фильтр использует алгоритм определения краев, придуманный Дж. Канни (J. Canny). Этот алгоритм векторизации представляет собой способ быстрого поиска изоклин (изоклина - линия, на всём протяжении которой наклон, определяемый уравнением, сохраняет постоянное значение) и подобных контрастов. Этот фильтр создает картинку, меньше похожую на оригинал, чем результат первого фильтра, но предоставляет информацию о кривых, которая при использовании других фильтров была бы проигнорирована. Значение порога здесь (от 0,0 до 1,0) регулирует порог яркости между смежными пикселями, в зависимости от которого смежные пиксели будут или не будут становиться частью контрастного края и, соответственно, попадать в контур. Фактически, этот параметр определяет темноту или толщину края.

Третий вариант "Квантование цветов". Результатом работы этого фильтра является изображение, которое заметно отличается от результата работы двух предыдущих фильтров, но при этом тоже может оказаться полезным. Вместо того чтобы показывать изоклины яркости или контраста, этот фильтр ищет края, где меняется цвет, даже если смежные пиксели имеют одинаковую яркость и контраст. Параметр этого фильтра (количество цветов) определяет количество цветов на выходе, как если бы растровое изображение было цветным. После этого фильтр определяет чёрный это пиксель или белый в зависимости от чётности индекса цвета.

Обращаем внимание начинающих пользователей, что результат работы векторизатора хоть и расположен поверх исходного растрового рисунка, но представляет собой отдельный объект контуров. Этот объект сразу является выделенным и можно переместить его мышкой или стрелочками клавиатуры, что бы убедиться в его самостоятельности. Узлы объекта можно редактировать с помощью инструмента управления узлами (подробнее см. в разделе инструкция inkscape). Стоит попробовать все три фильтра и внимательно рассмотреть различия в результатах обработки разных изображений. Все изображения индивидуальны. Обязательно найдётся такой рисунок, на котором один фильтр работает лучше, а другие хуже.

После векторизации рекомендуется воспользоваться функцией упрощения контуров, чтобы уменьшить количество узлов. Эта функция находится в главном меню "Контуры" - "Упростить" или комбинация клавиш Ctrl+L. C уменьшением узлов результат работы после векторизации более лёгким для редактирования.

На рисунке ниже слева показан результат последнего фильтра с отображением узлов контура сразу после векторизации. Справа тот же объект но после упрощения контуров. Этот рисунок показывает результат упрощения достаточно наглядно.

Возможно, что изображение станет немного грубее, но зато теперь его значительно проще редактировать. Еще раз обратите внимание на то, что векторизация дает не точную векторную копию, а набор кривых, с которыми можно работать дальше.

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

Эти методы не удаляют частей своих объектов, они просто сообщают, что их не следует отображать. Неразрушающее редактирование делает доступными объекты в их ограниченных областях.

Используйте это при работе с обтравочными контурами или масками в сочетании с отдельными объектами и их группами.

Использование текстур рассматривается отдельно.

Обтравочный контур в inkscape

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

Самый простой способ понять работу обтравочного контура - это увидеть его в действии. Возьмем следующую группу объектов:

Теперь поместим еще один объект поверх всех остальных. Мы его используем в качестве обтравочного контура. Заметим, что Z-порядок объектов важен, так как по умолчанию в inkscape самый верхний объект будет использоваться в качестве обтравочного контура. Также отметим, что стиль объекта (заполнение, штрих, непрозрачность и т.д.) не имеют значения, все, что используется для обтравочного контура - это форма объекта.

Следующим шагом выделяем обтравочный контур и все объекты, которые хотим обрезать. Затем в главном меню "Объект" выбираем "Обтравочный контур" - "Установить". Вот результат:

Так как это - неразрушающее редактирование, это означает, что мы можем также освободить объекты из обтравочного контура. Для этого выберите объект, который вы хотите освободить, и в главном меню "Объект" перейдите к "Обтравочный контур" - "Снять". В следующем примере был выбран голубой объект - звезда, и обтравочный контур был снят:

Теперь фиолетовый объект, используемый для обтравки, снова появился, а голубая звезда больше не обрезается. Отметим, что два других объекта по-прежнему обрезаются, а обтравка была применена к трем отдельным объектам. Эти обтравки по-прежнему применяются и могут быть сняты, если необходимо. Так как обрезка контуров может быть применена к любому объекту, если вы хотите обтравить три объекта в целом, вы должны сгруппировать их, а затем применить обтравочный контур к группе.

Отсечения могут быть применены к любому объекту, даже к объектам, к которым были уже применены фильтры. Ниже приведен пример использования отсечения для создания пузыря:

Обрезка может быть применена и к растровым изображениям:

Наложение маски

Подобно обтравочному контуру, маски позволяют визуально обрезать объект или группу объектов. Разница в том, что черные или прозрачные области маски становятся полностью прозрачными в маскируемых объектах; непрозрачные и белые районы маски становится полностью непрозрачными, а все промежуточные цвета переходят в промежуточные уровни непрозрачности в масках объекта. Это позволяет применять, например, произвольные градиенты для установления прозрачности объектов.

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

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

Как использовать инструмент пипетка в inkscape

Пипетка - это очень простой и вместе с тем мощный инструмент inkscape. Выделите объект, цвет которого вы хотите поменять, и нажмите F7 или D для переключения на Пипетку. Всё, что вам нужно сделать - это просто щелкнуть по области, содержащей нужный цвет. После этого цвет будет применен к заливке выделенного объекта, либо с нажатой клавишей Shift, чтобы цвет был применен к обводке выделенного объекта.

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

В некоторых случаях вам может понадобиться поменять параметры определения цвета в контекстной панели параметров инструмента пипетка:

Кнопка слева отвечает за определение альфа-канала пипеткой. Кнопка справа - за установку альфа-канала.

Предположим, вы выделили объект и теперь щелкаете Пипеткой по другому объекту с голубой прозрачной заливкой (#389bff7f).

Если параметр "Снимать альфа-канал" не используется, выделенный объект получит непрозрачную заливку #9ccdffff:

Если параметр "Снимать альфа-канал" используется, но кнопка "Назначить альфа-канал" не нажата, выделенный объект получит непрозрачную заливку #389bffff (ярко-голубого цвета):

Если обе кнопки "Снимать альфа-канал" и "Назначить альфа-канал" используются, выделенный объект получит полупрозрачную заливку с цветом #389bff7f (бледно-голубой), т.е. его стиль будет полностью соответствовать стилю объекта, цвет которого был определен пипеткой:

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

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

Вот что вы получите:

То же самое можно проделать с обводкой:

И вот что вы получите:

Комбинации клавиш

Нажатая клавиша Alt вместе с щелчком пипеткой определяет инвертированный цвет точки под курсором. Это также работает с перетаскиванием для усреднения и вместе с клавишей Shift.

Вы можете использовать пипетку и для перекрашивания объекта из себя самого. Например, когда вы хотите определить усредненный цвет градиентной заливки этого же объекта. Этот трюк можно использовать и для применения к обводке усредненного цвета градиентной заливки этого же объекта.

Как работает инструмент ластик inkscape

Инструмент ластик в inkscape доступен в боковом окне инструментов или по комбинации клавиш Shift+E. Инструмент ластик может работать в двух режимах: в режиме удаления объектов и в режиме вырезания из объектов.

Ластик inkscape в режиме удаления

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

На рисунке выше показана комбинация объектов, по которой провели ластиком, оставив красную линию. Как только кнопка мыши была отпущена, объекты на линии были удалены.

Ластик inkscape в режиме вырезания

В режиме вырезания ластиком необходимо точно также провести красную линию. Этот путь будет вычитаться из любого контура, который она пересекает. Фигуры в этом случае сначала преобразуются в контуры. Этот режим не работает на растровых изображениях и на группах объектов. Если объекты пересекаются, то расчет областей вычитания может потребовать некоторого времени, в зависимости от количества пересекающихся объектов. Чтобы включить режим вырезания соответствующий значок в контекстной панели инструмента должен быть нажат. В той же панели можно настроить толщину ластика, т.е. толщину вырезающей линии.

На рисунке выше приведен пример использования ластика в режиме вырезания. На рисунке слева путь ластика, на рисунке справа результат работы.

Как работает инструмент заливка inkscape

Инструмент заливка в inkscape доступен в боковом окне инструментов или по комбинации клавиш Shift+F7. Если инструмент активен и цвет на палитре выбран, то вы можете щелкнуть этим инструментом по какой-нибудь замкнутой области для заливки ее нужным цветом.

Позиция курсора в точке, по которой вы щелкнули инструментом заливка, определяет начальную точку заполнения цветом. Цветом будут заполнены все области в пределах замкнутого контура в пределах параметра "порог", который можно изменять в настройках инструмента в контекстной панели.

Для демонстрации использования параметра "порог", предположим, что у нас был вот такой разноцветный прямоугольник. Следующие области на нем были заполнены серым цветом с помощью инструмента заливка с разными значениями порогового параметра. Слева направо, пороговый параметр был установлен в 5, 10, 20 и 40.

Еще один параметр заполнения управляет тем, какое значение цвета используется для определения соответствия цветов. Возможные варианты значения: видимые цвета (по умолчанию), красный, синий, зеленый, тон, насыщенность, яркость и Alpha-канал (прозрачность).

Для демонстрации этого примера изначально на красном фоне был нарисован круг из переходящих цветов: синий в зеленый. Серый цвет означает то, что получилось после использования инструмента "заливка", после нажатия на центры кругов. В обоих случаях параметр порога был один и тот же, он был установлен на 10. Почему же результат получился разный?! Результат слева получился при заполнении с параметром "видимые цвета", а результат справа с параметром "красный". При значении втором варианте, когда параметр был установлен "красный", синие и зеленые цвета внутри круга были проигнорированы. Таким образом, площадь заливки была ограничена краями круга, где есть существенное изменение в красного канала.

Заливка сразу нескольких областей

Если, удерживая нажатой левую клавишу мыши и нажатой клавишу Alt, перетащить инструмент "заливка", то все попавшие в путь инструмента (он отображается красной линией) замкнутые области должны будут быть заполнены. Если не удерживать клавишу Alt, то не только сами области, но и обводка областей тоже будет заполнена.

На примере на рисунке ниже инструмент "заливка" был перемещен с нажатой клавишей Alt по объекту слева, согласно красной линии. Это привело к результату, показанному на нижнем рисунке

Как пользоваться инструментом "текст" в inkscape

Инструмент "текст" позволяет делать текстовые надписи. Для того что бы активировать этот инструмент, воспользуйтесь соответствующим инструментом в боковом окне инструментов или воспользуйтесь главным меню и откройте окно настроек теста - "текст и шрифт" или комбинация клавиш Ctrl+Shift+T.

Существует два способа как пользоваться инструментом текст. Можно просто поставить курсор на холст и начинать писать текст.

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

При работе с текстом вам могут оказаться полезными следующие возможности:

Ctrl+пробел - позволяет вставить в текст неразрывный пробел

Ctrl+U - позволяет вставить в текст символы Unicode. позволяет использовать кодировки Юникода в пределах документа. В этом случае в строке состояния вы увидите фразу "Юникод нажмите ввод для завершения". Т.е. после нажатия этой комбинации необходимо будет ввести шестнадцатеричный код символа в Юникод и нажать Enter. Так, например, комбинация клавиш Ctrl+U 2 0 1 4 Enter вставит в текст длинное тире, а CTRL+U A 9 Enter вставит символ знака авторского права - ©. Чтобы выйти из этого режима нажмите Esc или снова Ctrl+U.

Если вы не можете прочитать написанный вами текст или возникают какие-то другие трудности, попробуйте воспользоваться окном настроек теста - "текст и шрифт" или комбинацией клавиш Ctrl+Shift+T.

Кернинг текста в inkscape

Вы можете управлять кернингом текста, расстоянием букв, их размещением по высоте и их наклоном. Что бы сделать нужное вам расстояние между отдельными буквами или выделенным фрагментом, поставьте курсор между буквами текста. Попробуйте, удерживая клавишу Alt, нажать на клавиатуре стрелочки в стороны. Буквы раздвигаются. А если удерживать на клавиатуре комбинацию клавиш Alt+Shift, то раздвигаться буквы будут в десять раз быстрее.

Если поставить курсор между буквами текста, удерживая клавишу Alt, нажимать на клавиатуре стрелочки верх и вниз, то буква текста будет подниматься или опускаться.

Комбинация клавиш Alt+[ и Alt+] поворачивает букву теста. Естественно клавиша Shift вместе с Alt ускоряет и этот процесс тоже.

Убрать ручной кернинг можно в главном меню "Текст", по соответствующей команде.

Для практики работы с инструментом текст можно пройти урок простой векторный текст.

Инструментом Карандаш в inkscape - P или F6 вы можете создавать свободные контуры, как будто действительно рисуете карандашом на холсте. Inkscape оценивает кривую или путь, проведенные пользователем, и автоматически формирует узлы. После отрисовки пути его узлы могут редактироваться инструментом редактирования узлов inkscape, точно также как и любые другие кривые.

Как пользоваться инструментом карандаш в inkscape

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

Для того чтобы получить закрытый контур, достаточно вернуться к первой точке. Когда мышь приближается к этой точке, она меняет цвет на красный, в этот момент следует отпустить кнопку мыши.

Инструмент Карандаш в inkscape может создавать отдельные точки, для этого нажмите кнопку Ctrl и щелкните по холсту. Это действие создаст маленький круг, заполненный текущим цветом обводки. Радиус его может быть установлен в главном меню "Файл" - "Настройки inkscape" как число, кратное текущей толщине обводки. Комбинация клавиш Shift + Ctrl вместе с щелчком мыши создает точку двойного размера, а комбинация клавиш Alt + Ctrl с щелчком мыши создает точки случайного размера.

Настройки этого инструмента inkscape можно вызвать двойным щелчком по его пиктограмме на панели инструментов.

Как нарисовать параллелепипед в inkscape

Inkscape предназначен для создания векторных изображений в двух измерениях. Тем не менее, часто возникает необходимость нарисовать объект в перспективе. В этом может помочь инструмент рисования параллелепипедов inkscape. Он помогает выполнять такие рисунки, автоматизируя одну из наиболее популярных операций: создание параллелепипеда в заданной перспективе.

Как пользоваться инструментом рисования параллелепипедов inkscape

Для имитации трехмерного пространства Inkscape использует оси (XYZ), плоскости (XY, XZ, YZ), параллельные линии, сходящиеся линии и точки схождения.

Каждое измерение может лежать на параллельных или сходящихся линиях. У каждой из этих линий свой цвет, помогающий визуально отличить одну от другой:

• красные линии соответствуют оси X (ширина);
• синие линии соответствуют оси Y (высота);
• желтые линии соответствуют оси Z (глубина).

Если линии сходящиеся, то у них есть точка схождения, т.е. точка, в которой они пересекаются. Ниже приведена иллюстрация:

При помощи инструмента параллелепипед вы можете делать следующее:

• рисовать параллелепипед простым перемещением курсора мыши по холсту; с нажатой клавишей Shift перемещение сразу устанавливает объект по оси.
• менять размер параллелепипеда в любом измерении простым перетаскиванием узлов и их маркеров на холсте: 4 маркера спереди меняют размер, 4 маркера сзади расширяют или уменьшают параллелепипед по оси Z. При нажатии клавиши Shift функции маркеров сторон на переднем и заднем планах меняются местами. При нажатии клавиши Ctrl маркеры, меняющие размер объекта, прилипают к осям координатам или диагоналям.
• перемещать параллелепипед в перспективе, перетаскивая его за крестообразную метку центра; без клавиш-модификаторов перемещение происходит только в плоскости XY (удерживайте нажатой клавишу Ctrl для ограничения перемещения по диагоналям или по осям координат), с нажатой клавишей Shift параллелепипед движется параллельно оси Z.
• корректировать точки схода перетаскиванием по холсту и переключать их состояние; эти изменения коснутся всех параллелепипедов, разделяющих эти точки схода.

Когда выделено несколько параллелепипедов, на холсте показываются все их точки схождения. Если точки схождения разных перспектив совпадают, то они объединяются под одним управляющим маркером. Перемещение этого маркера изменит положение всех этих точек схождения и внешний вид соответствующих параллелепипедов. Если какие-то из объектов, разделяющих те же точки схода, в этот момент не выделены, они все равно будут перерисованы. Перемещение управляющих маркеров с нажатой клавишей Shift разделяет ранее общие перспективы выделенных и невыделенных параллелепипедов. С другой стороны, если одну точку схождения подтащить очень близко к другой, они будут автоматически объединены.

В SVG параллелепипед представлен группой (svg:g) с дополнительным атрибутом в пространстве имен inkscape; эта группа содержит 6 четырехсторонних контуров, представляющих стороны параллелепипеда. Только инструмент рисования параллелепипедов воспринимает их как целостный объект. Для других редакторов это будет лишь группа контуров. Любой из этих контуров можно выбрать по отдельности щелчком с нажатой клавишей Ctrl, изменить его стиль, удалить и т.д. Разумеется, весь параллелепипед или любую его сторону можно изменять инструментом для выделения и правки узлов.

Комбинации клавиш инструмента параллелепипед

• X или Shift+F4 активирует инструмент рисования параллелепипедов;
• разнообразные скобки, а именно [ ], ( ), { } для вращения параллельных направляющих линий, лежащих на осях X, Y и Z соответственно; закрывающие скобки вращают по часовой стрелке, открывающие - против часовой. При нажатой клавише Alt вращение происходит с шагом в один экранный пиксель;
• если инструмент рисования параллелепипедов уже активен, то комбинации клавиш Shift+X, Shift+Y и Shift+Z переключают тип соответствующих линий перспективы между параллельными и сходящимися.

Инструмент перо для рисования кривых и прямых линий

Инструмент "Перо" используется для рисования контуров из кривых Безье. Кривые Безье могут образовывать незамкнутые контуры или фигуры с замкнутыми контурами. Инструмент "Перо" используется для рисования фигур, с гладкими контурами и особенно эффективен для обводки изображений inkscape.

Активировать инструмент "Перо" можно в боковом окне инструментов. Значок инструмента расположен девятым по счету снизу. Для активации инструмента "перо" можно использовать клавишу b или Shift + F6.

Щелкните левой кнопкой мыши на холсте для создания первого узла.

Как нарисовать прямую линию

Чтобы нарисовать прямой сегмент линии в inkscape, выберите снова место начала и место окончания линии. Прямая линия будет проходить между этими точками. Если на этом линия должна закончиться, щелкните мышью два раза. Если вы хотите продолжить работу со следующим сегментом, то один раз, что бы зафиксировать узел и продолжайте дальше.

Как нарисовать кривую линию

Чтобы нарисовать сегмент кривой линии, нарисуйте первый сегмент аналогично способу рисования прямых линий. После того как вы укажете щелчком мыши узел окончания первого сегмента, не отпускайте кнопку мыши и отведите курсор в сторону, так вы создадите направляющую для этого узла. После этого можно приступить к рисованию следующего сегмента. Если вы сразу не сделали направляющую, то вы можете сделать это после, используя клавишу Shift, подробнее об этом написано в разделе управление узлами настоящей инструкции.

Что бы продолжить рисование уже готовой линии или добавить несколько новых сегментов к существующей фигуре, активизируйте узлы фигуры (об этом написано в разделе инструкции - управление узлами), активируйте инструмент перо и начните рисование из нужного вам узла уже существующей фигуры. Чтобы удалить последний добавленный сегмент или узел, нажмите кнопку Del.

Полезные советы

Линия сделанная инструментом "Перо" может быть продолжена с помощью Инструмента "Карандаш" - инструмент для рисования произвольных контуров.

Любая кривая может быть отредактирована инструментом "Перо" путем добавления дополнительных сегментов.

Кривые Безье

Большинство контуров в inkscape может быть сделано с использованием кривых. По умолчанию инструмент "перо" рисует кривые Безье. Кривые Безье определяются четырьмя точками, две из которых называются конечными точками или узлами кривой. Две другие контрольные точки являются направляющими маркерами, каждый направляющий маркер относится к одной из конечных точек. Сама кривая располагается по касательной к направляющей линии. Это позволяет легко соединять присоединение нескольких кривых Безье для формирования произвольного контура.

Две кривых Безье можно соединить в одну. Соединить кривые в одну можно путем сглаживания узлов. В этом случае получится гладкий контур, такой как на рисунке ниже.

А можно соединить две кривые Безье угловым узлом. В этом случае резкого изменения направления не происходит. Пример углового узла приведен на рисунке ниже.

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