Как сделать график в Word. Как сделать график: пошаговая инструкция, советы и рекомендации

Я работал, делая инструментарий и движки для художников, создающих игры и визуальные эффекты более десяти лет, и я всегда недоумевал, что люди делают различия между «программным артом» и «настоящим игровым артом». Я также заметил, что люди, которые дают вам свободно пропустить плохую графику, это в основном другие программисты. Не зависимо от того, как забавна ваша игра или как удивительна технически демоверсия, ‘непрограммисты’, которым вы показываете такой нарисованный персонаж, начинают думать: «Это у него реактивный ранец или может что-то другое?». Зачастую, вы можете найти способ создать хорошую графику без необходимости рисовать ее с чистого листа. Но иногда вам нужно создать графику «на лету». Ограничения в бюджете или правила в игровом соревновании, или просто сжатые сроки для прототипа, могут потребовать от вас взять линейку и кисть в руки.

Я не умею рисовать, правда… Хочу сказать, посмотрите на это:

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

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

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

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

Некоторое из описанного также адресовано участникам соревнования LudumDare и участникам других подобных соревнований, где цель — создать игру «на лету» за 48 часов. Мои игры имеют склонность достигать хорошего результата в графической категории (увы, убийца геймплея продолжает ускользать от меня), учитывая даже то, что я не считаю себя особенно хорошим игровым художником. Множество этих примеров исходят из моих LD записей, а большая часть этого опыта — это вещи, которые я изучил, участвуя в этих соревнованиях и будучи вынужденным создавать арт в предельные сжатые сроки. Более того, они должны быть бесценны для любого, кто пытается создать качественную графику (или что-то приближенное к ней) при коротком расписании времени или ограниченном бюджете.

Наиболее частая ошибка, которую я вижу и которую легче всего избежать. Палитра, использующаяся по умолчанию для большинства программ компьютерного рисования, возвращает во времена DOS’а (можете ли вы обнаружить связь между цветами в этой палитре и четырехбайтовыми двоичными значениями от 00 до 15? Конечно — да. Если бы вы не смогли это увидеть, вы бы были настоящим художником.).

Я не подразумеваю под палитрой палитру из 16-ти или 256-ти цветов времен VGA. Просто имею в виду скоординированную систему для вашей игры. Если вы начнете с хорошо выбранной палитры, то ваши «каракули» будут казаться эстетически приятными и даже предварительно имеющими «графический дизайн».

Но где мне найти палитру? Я даже не могу подобрать цвета, когда одеваюсь утром!

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

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

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

Ресурсы:

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

Я не умею рисовать!..

Возможно, Вы просто слишком крутой человек, чтобы уметь рисовать. Возможно это все преднамеренно. Так и есть. Вместо того, чтобы делать хороший арт, выберите тему, которая требует плохой арт. Это сработало для «SketchFighter» и «Crayon Physics» , нарисованных на бумаге.

Используйте то, что вам доступно. Получили какую-нибудь ерунду у себя на столе? Вы, возможно, сделали одну из самых популярных игр всех времен «Desktop Tower Defense» .

Люди начинают понимать смысл этого трюка, но у него есть немного лет для существования. Будьте криативными… возможно ваши персонажи — печенья, и вы буквально можете испечь их. Или какой-нибудь зомби-бекон атакует вашу кухню. Или даже волосатая грудь, которой нужно, чтобы ее побрили .

Подсказка Третья: простые формы и силуэты

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

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

Одно замечание: не пытайтесь разбираться с этим во время соревнования по написанию игры. Протестируйте сначала все перед его проведением, чтобы точно знать как что делать. Вы потратите много времени, но во время соревнования это может занять всего 15-20 минут и будет иметь большое значение.

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

Подсказка одиннадцатая: приобретите планшет

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

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

В панели управления планшета увеличьте показатель чувствительности пера на более твёрдый. Это обеспечит наилучший контроль при рисовании.
Рисование с использованием чистого листа бумаги полностью изменить ощущение. Различные типы бумаги: офисная, страницы журналов, плотная бумага и тд. — помогут полностью ощутить рисование на планшете. Попробуйте.
Практикуйтесь. Знаю, что до этого я говорил, что ни один из моих советов не требует практики — я лгал. Попробуйте эти упражнения:

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

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

Урок 1

Создание рисунков в графическом редакторе.

Графический редактор – программа для создания, сохранения и печати рисунков. Редакторы бывают растровые и векторные. В растровых редакторах рисунки состоят из пикселей – отдельных точек, а в векторных редакторах рисунки состоят из геометрических фигур.

Графический редактор Paint предназначен для работы с растровыми изображениями. Он запускается командой Пуск è Все программы è Стандартные è Paint . Основную часть окна составляет рабочая область. Слева от рабочей области – Панель инструментов, под ней – окно свойств каждого инструмента, ниже рабочей области – палитра цветов, наверху – меню.

https://pandia.ru/text/78/555/images/image004_136.gif" alt="Скругленная прямоугольная выноска: Палитра" width="181" height="39">.gif" alt="Скругленная прямоугольная выноска: Цвет фона (правая кнопка мыши)" width="369" height="39">200" height="279" style="vertical-align:top"> Освоение инструментов рисования.

Свободное рисование.

Запусти Paint. Установи размер страницы 900 на 600 пикселей (РИСУНОК è АТРИБУТЫ ) Залей страницу голубым цветом. Используя инструмент Карандаш, который рисует линии в один пиксель толщиной, нарисуй облака и волны. Используя залитый эллипс и линии в три пикселя толщиной, нарисуй солнце. Закрашенным многоугольником нарисуй лодку и парус. Лишние детали можно стирать ластиком или выделять и удалять кнопкой Delete.

https://pandia.ru/text/78/555/images/image014_25.jpg" align="left" width="49" height="72 src=">Существует два режима совмещения объектов – с фоновым цветом и прозрачным фоном. При конструировании рисунка из нескольких объектов надо пользоваться вторым вариантом – прозрачным фоном.

Если линия создаётся при нажатой кнопке Shift, то она получается строго горизонтальной или вертикальной, а фигура – правильной.

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

https://pandia.ru/text/78/555/images/image016_46.gif" width="15" height="67 src="> Нарисуй снеговика, собрав его из отдельных деталей. Вторую руку – скопируй. Глаза нарисуй большой круглой кистью.

Сохрани рисунок в своей папке в формате bmp и jpg. Сравни объем и качество изображения.

https://pandia.ru/text/78/555/images/image031_24.gif" alt="Пятно 1: 3" align="left" width="71" height="67 src=">Нарисуй одну черную окружность в 3 пикселя толщиной. Скопируй её 4 раза и залей в синий, зеленый, красный и жёлтый цвета. Собери их вместе, чтобы получились олимпийские кольца.

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

Таким же наложение кругов друг на друга построй разноцветную мишень.

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

Круглой кистью и распылителем нарисуй дерево. Распылителем, карандашом и белой заливкой – траву. Эллипсами и диагональной кистью - и вишни . Совмести все объекты вместе.

Урок 3

Использование кривой.

DIV_ADBLOCK102">

https://pandia.ru/text/78/555/images/image045_5.jpg" align="left" width="410" height="336">

Нарисуй рисунки, используя копирование с помощью кнопки Ctrl . Нарисуй сначала только оду ягоду. А затем копируй её, начиная с самой нижней и постепенно продвигаясь вверх. При рисовании второго листа используй отражение копии сверху вниз и слева направо (РИСУНОК è Отразить/Повернуть ).

https://pandia.ru/text/78/555/images/image050_15.gif" alt="Пятно 1: 9" align="left" width="70" height="67">Нарисуй змею. Сначала нарисуй окружность тёмного цвета и залей её внутри светлым тоном. Затем, выдели окружность рамкой с прозрачным фоном и перетаскивай её левой кнопкой мыши при нажатой клавише Shift . Будет происходить многократное копирование объекта. Затем, нарисуй змее черты лица.

Урок 4

Конструирование объёмных фигур.

Используя объёмные фигуры, например кубики, можно получать интересные объемные изображения.

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

Складывать конструкцию нужно начинать всегда с нижнего заднего ряда и слева направо.

Например:

Построй из кубиков следующие конструкции:

https://pandia.ru/text/78/555/images/image057_0.jpg" width="483" height="205 src=">

Урок 5

Выполнение наклонов.

Чтобы наклонить любой объект на некоторое количество градусов влево или вправо надо выделить объект прямоугольной рамкой, затем открыть в меню пункт РИСУНОК è Растянуть/Наклонить и во второй рамке НАКЛОНИТЬ написать количество градусов по горизонтали или по вертикали.

Например: 45о по горизонтали и 20о по горизонтали.

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

Практика.

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

Иногда можно рисовать объекты, которые кажутся наклонёнными, но при их создании наклоны не использовались. Например:

https://pandia.ru/text/78/555/images/image067_8.gif" width="50" height="58 src=">

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

Урок 6

Исполнение надписей.

Графический редактор Paint позволяет создавать рисунки, содержащие надписи. Они являются частью рисунка и не редактируются. Чтобы создать надпись нужно использовать инструмент Надпись . Сначала растягивается текстовая рамка, внутри которой есть текстовый курсор. Чтобы изменить вид, размер или начертание шрифта нужна Панель атрибутов текста. Если она не появляется автоматически, то её можно вызвать ВИД è Панель атрибутов текста .

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

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

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

Но давайте обо всем по порядку.

Как строить графики

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

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

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

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

Сначала нужно выбрать правильный диапазон значений в Excel. У меня будет 5 строк (верхняя строка и 4 сотрудника), и 8 столбцов (имена сотрудников и месяцы). Возьмите за правый нижний угол, и выберите нужное Вам количество строк и столбцов.

Когда будете их менять, обратите внимание, что и сам график изменяется.

После того, как все в Excel, будет изменено, закройте это окно.

У меня получился вот такой результат.

Если кликнуть два раза левой кнопкой мыши по вертикальной (0, 10, 20, 30…), горизонтальной (Катя, Маша…) оси, легенде (Январь, Февраль…) или любому из рядов данных (цветные кривые), откроется окно с настройками.

Например, нажмем на кривую со значениями за Апрель, открывается окно «Формат ряда данных» . Здесь можно поменять цвет, тип линий и прочее.

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

Если кликнуть правой кнопкой мышки по самому графику, откроется контекстное меню. В нем можно «Изменить данные» – появится лист Excel с созданной таблицей, который мы закрыли, и другое.

Кликнув по созданному графику, вверху появится вкладка . В ней Вы увидите еще три дополнительные вкладки: «Конструктор» , «Макет» и «Формат» . Поклацайте по ним, и посмотрите, как еще можно поменять вид. Например, добавьте название к диаграмме.

Как создается график функций

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

В Интернете также можно найти различные программы, с помощью которых получится сделать график функции в Word. Расскажу про одну из них – «Построитель графиков 1.50» .

Это макрос, который нужно установить на компьютер. Затем открываете Ворд и запускаете программу в «Надстройках» .

Я скачала файл установки из Интернета. Затем запустила мастер установки.

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

Для того чтобы макрос заработал, нужно немного изменить настройки Word. Перейдите на вкладку «Файл» и кликните по пункту .

В следующем окне перейдите на вкладку «Центр управления безопасностью» и нажмите на кнопку .

На вкладке «Параметры макросов» поставьте маркер в поле «Включить все макросы» . Нажмите «Ок» в этом окне и в предыдущем.

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

Если на момент установки программы у Вас был открыт документ Word, тогда закройте его и откройте заново.

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

Интерфейс программы на русском языке. Вводите свои значения и рисуйте нужную функцию.

Любой фрилансер сталкивался с ситуацией, когда ему нужно было быстро решить какую-либо проблему, но нужных инструментов у него не было. Сегодня, имея доступ к интернету, многие из поставленных задач можно решить прямо в браузере – в сети имеется множество сервисов для корректировки изображений, работы с аудио и видеофайлами, текстом, таблицами и так далее. Помимо этого нередко возникает необходимость проиллюстрировать созданный контент графиками и диаграммами. Графики очень информативны и позволяют отобразить соотношение между различными типами данных, без них трудно обойтись при создании презентаций или обзоров и их нужно обязательно использовать, если есть такая возможность. FreelanceToday представляет вашему вниманию 10 инструментов для создания графиков и диаграмм.

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

Сервис Chart Maker является простым и интуитивно понятным инструментом для создания диаграмм. Работая с Chart Maker, пользователь может создать пять типов диаграмм: линейные, круговые, гистограммы, диаграммы Венна и точечные диаграммы. По окончании работы можно указать точный размер диаграммы в пикселях и либо сохранить ее на жестком диске компьютера, либо опубликовать в интернете – сервис генерирует ссылку на изображение.

Инструмент ChartGo позволяет создавать красочные и информативные диаграммы. Работать можно с различными типами диаграмм, включая гистограммы, линейные графики, круговые диаграммы и графики областей. Используя настройки, можно регулировать цвет и размер изображения, менять стиль шрифта (курсив и болд), а также упомянуть источник информации. С помощью сервиса можно создавать собственные инвестиционные и биржевые диаграммы, диаграммы Форекс, а также иллюстрировать любые данные, касающиеся финансов.

Одной из особенностей ChartGo является возможность редактирования сохраненного графика или диаграммы. Изображение хранится на сервере ChartGo и в него можно вносить изменения. Сервер генерирует ссылку на график, поэтому, когда исходное изображение меняется, то меняется и диаграмма, опубликованная на странице сайта или блога.

Диаграмма является отличным способом для визуальной подачи информации. Используя бесплатный инструмент Online Charts можно создавать самые разные графики и диаграммы: линейные, круговые, радарные, пирамидальные, диаграммы областей и многие другие. Имеется возможность работы с цветом и типом шрифта. Также можно выбрать внешний вид диаграммы: 2D или 3D. Готовый график можно сохранить в форматах PNG, JPG, PDF и CSV. Ссылка на график также предоставляется. Диаграмму можно разместить на сайте или в блоге или расшарить ее в социальных сетях Facebook, Twitter и Google+.

Очень простой в использовании генератор диаграмм, созданный Джоном Винстенли. Упоминание Google в названии инструмента объясняется просто – генератор использует API Google. С помощью сервиса можно создавать точные, яркие и информативные графики и диаграммы. Готовый результат можно сохранить на своем компьютере или опубликовать в интернете. Также сервис генерирует HTML-тег изображения. В распоряжении пользователя сравнительно немного инструментов, но есть все необходимые типы диаграмм и графиков. Можно создавать диаграммы с несколькими наборами данных, сгруппированные гистограммы (вертикальные и горизонтальные) и выбрать внешний вид – 2D или 3D.

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

Инструмент RAW является мощной платформой для создания красочных графиков и диаграмм. Инструмент дает возможность отобразить информацию 16 различными способами. Создатели сервиса хорошо поработали над функционалом, платформу можно использовать в серьезных исследованиях, так как Raw является промежуточным вариантом между профессиональными табличными редакторами и векторными графическими редакторами. Любой человек, работающий с конфиденциальной информацией, будет рад узнать, что Raw обрабатывает данные только через браузер и не хранит их на своих серверах. Платформа не позволяет создавать простые линейные графики и гистограммы, создатели сервиса предлагают воспользоваться для этого другими доступными инструментами. Но если нужно создать аллювиальную диаграмму, круговую дендрограмму или еще что-нибудь сложное и необычное, то можно воспользоваться Raw.

Сервис amCharts предназначен для создания современных и стильных шаблонов диаграмм, которые могут быть использованы в презентациях, на конференциях, а также для иллюстрации контента. Есть несколько исходных диаграмм, поностью интерфейс платформы настраивается за пару минут. Основное достоинство сервиса заключается в возможности создания интерактивных графиков и диаграмм, однако это потребует от пользователя хотя бы начальных знаний HTML, так как придется работать с сгенерированным HTML-кодом, который взаимодействует с библиотеками JavaScript.

Если нужен простой в использовании инструмент для создания графиков, то стоит обратить внимание на онлайн-сервис Plotvar. Инструмент идеально подходит для иллюстрации финансового анализа, презентаций, сообщений на форуме или в социальных сетях. Можно создавать линейные графики, гистограммы и круговые диаграммы. Также есть возможность создания динамических графиков. «Живой» график позволит представить информацию в динамике, что по достоинству оценят те пользователи, которые работают с постоянно меняющимися данными.

Infogram известен как одно из ведущих приложений для создания инфографики. Но в нем также есть инструменты для создания диаграмм и графиков, причем в более чем 30 вариациях. Infogram – инструмент премиум-класса, он платный, так что создавать в нем диаграммы нужно в случае крайней необходимости. В крайнем случае можно подписаться на 30-дневный пробный период. Сервис обладает очень широким функционалом, возможности платформы позволяют Infogram составить конкуренцию даже таким профессиональным графическим редакторам, как Photoshop.

В онлайн-сервисе Google Charts можно создать практически любой график или диаграмму. Инструмент также поддерживает интерактивные динамические диаграмм. Все графики создаются с помощью связки HTML5/SVG, так что никаких дополнительных плагинов для корректного отображения информации не требуется. Нет более простого и удобного инструмента, если нужно создать интерактивную и масштабируемую диаграмму.

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

Итак, мы продолжаем, если вы уже открыли фотографию в photoshop. Мы будем работать с фотографией альпиниста.

1. В меню Image выберите Adjustments>Desaturate .
Рисунок станет черно-белым. Так?

2. Теперь в меню Filter выберите Stylize>Find Edges .
У вас должно получиться что-то подобное:

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

3. В меню Layer перейдите на New Adjustment Layer>Levels , чтобы добавить изображению черного цвета. Поиграйте с ползунками Input Levels (передвиньте черный ползунок вправо)

Вот что получаем в результате.

А если вы хотите получить рисунок с инвертированными цветами, то читайте дальше.

4. Дублируйте слой с рисунком (Layer>Duplicate Layer ).
А затем поменяйте режим смешивания слоев на Exclusion .
Посмотрите на палитру слоев, у вас также?