Как рисовать с компьютера на бумаге

Обновлено: 03.07.2024

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

Нужно что-то спроектировать? Может возникнуть соблазн начать с компьютерного инструмента, например. программное обеспечение для создания каркасов, такое как Balsamiq, или инструменты для проектирования, такие как Photoshop или Figma. У них есть свое место, но я бы порекомендовал отступить и начать со скромной ручки и бумаги.

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

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

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

Возьмите лист бумаги и ручку, и начнем!

Зачем начинать с бумаги

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

Наброски на бумаге могут показаться чем-то, что связано исключительно с визуальным искусством или графическим дизайном (например, легендарный дизайнер логотипов Сол Басс хорошо известен своей пропагандой рисования), но даже самые ранние идеи компьютерных интерфейсов возникли с бумаги. Сьюзен Каре, дизайнер значков для графического пользовательского интерфейса Macintosh, использовала миллиметровую бумагу для разработки своих первоначальных идей для культовой ранней пиксельной графики.

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

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

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

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

А такие инструменты для создания каркасов, как Balsamiq? Они производят идеи, которые выглядят как наброски — волнистые линии, несовершенные прямоугольники — но они все же указывают нам направление работы над одной идеей и возиться с ней, пока она не станет идеальной, вместо того, чтобы сначала пробовать множество разных идей. Быстрее начать с ручкой и бумагой. Инструменты вайрфрейминга могут стать следующим шагом в этом процессе (а не первым).

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

Повторяйте про себя: свободно, быстро, не обязательно идеально

Мы все видели эти «дизайнерские» наброски, которые выглядят великолепно и детально. Это не стандарт, по которому можно мерить себя. Игнорируй их. Наши наброски должны быть быстрыми, без особых деталей.

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

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

Мы можем использовать эти небольшие наброски, чтобы опробовать несколько версий макета главной страницы:

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

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

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

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

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

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

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

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

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

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

Не забывайте практиковаться!

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

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

Давайте посмотрим, что мы рассмотрели:

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

Есть другие ресурсы для вдохновения? Как выглядят ваши эскизы? Буду рад услышать от вас в комментариях!

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

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

"Можно ли рисовать на моем текущем компьютере?"

"Программное обеспечение для рисования звучит дорого".

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

1. Компьютер

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

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

Что касается памяти, хотя вы можете рисовать, используя только 4 ГБ памяти, я рекомендую использовать 8 ГБ или больше, если вы хотите получить максимальную отдачу от своего нового устройства.
Многие рекомендуют компьютеры Mac для рисования, но вы можете абсолютно без проблем рисовать на устройстве Windows. Не стесняйтесь выбирать предпочитаемую операционную систему.

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

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

Обычные компьютеры с программным обеспечением для иллюстраций

К ноутбуку Galaxy Book Flex2 5G, доступному в Германии и Великобритании, прилагается 6-месячная лицензия на Clip Studio Paint PRO.

Это ПК 2-в-1 с вращающимся на 360 градусов дисплеем и пером S Pen, чувствительным к 4096 уровням давления, что позволяет рисовать так же плавно, как если бы вы рисовали на настоящей бумаге.< /p>

2. Программное обеспечение для иллюстраций

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

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

Большие имена в области программного обеспечения

Всемирно известная программа для работы с графикой. Благодаря своей долгой истории и расширенным функциям он привлек многих профессиональных дизайнеров. Его часто называют просто Photoshop.
7-дневная бесплатная пробная версия Adobe

Продуманное программное обеспечение для создания комиксов и иллюстраций. Программное обеспечение популярно среди многих профессиональных художников, особенно художников комиксов. Иногда его называют «Clip Studio» или «CSP».
30-дневная бесплатная пробная версия Clip Studio Paint

Интуитивно понятное и простое программное обеспечение для рисования. Программное обеспечение имеет меньше функций, но работает без сбоев даже с низкими характеристиками.
31-дневная бесплатная пробная версия SAI

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

Дополнительную информацию о последних сравнениях программ для рисования см. в этой статье.

3. Графический планшет

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

Wacom предлагает огромный выбор планшетов различных размеров и характеристик, но если вы новичок, Wacom Intuos S станет хорошим бюджетным выбором менее чем за 100 долларов. Однако он поставляется только в небольшом размере 200 × 160 мм.
Несмотря на то, что Wacom Intuos с Bluetooth немного дороже, он доступен в малом и среднем размерах (264×200 мм). Кроме того, этот продукт поставляется с двухлетней лицензией на Clip Studio Paint, поэтому он идеально подходит для художников, у которых нет программного обеспечения для рисования.

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

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

4. Монитор

Вам не нужно покупать новый дисплей, если вы уверены в своем текущем.
Однако, если вы планируете купить новый монитор, выберите большой, потому что это снизит усталость. 20 дюймов или больше — это хорошо!

5. Другое

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

Если вы хотите начать цифровое рисование, начальные затраты могут сильно различаться в зависимости от того, что вы покупаете:

Компьютер (включая монитор)… От 450 до 2800 долларов США.
Планшетный планшет… От 100 до 2000 долларов США и выше
Программное обеспечение… Бесплатно или до 300 иен (или даже больше, в зависимости от того, что вы покупаете!)
Сканер… от 100 долларов США

С другой стороны, если вы решите не покупать компьютер и использовать бесплатное программное обеспечение с небольшим графическим планшетом, вы можете начать примерно со 100 долларов США.

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

См. следующие статьи, чтобы узнать больше о создании иллюстраций и манги в цифровой среде!

(Создатель: Nyle Inc.)
(Автор: Вакако Исида)
(Иллюстрация: Энди♂)

< бр />

Алекс — увлеченный графический дизайнер из Техаса. Она росла, очарованная миром цвета, типографики и полиграфического дизайна.

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

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

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

5 важных советов, которые нужно знать перед оцифровкой

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

Совет 1. Всегда используйте чистую белую бумагу

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

Начните заново с чистого листа бумаги. Изображение через барбарис.

Совет 2. Усовершенствуйте и очистите свой эскиз

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

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

Совет 3. Используйте кальку, чтобы просмотреть свои рисунки

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

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

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

Включите кальку в свой рабочий процесс. Изображение предоставлено Леной Л.

Совет 4. Поэкспериментируйте со сканированием рисунка с помощью смартфона

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

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

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

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

Совет 5. Сканируйте документ с высоким разрешением

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

Сканирование с более высоким значением PPI, как правило, имеет более высокое качество из-за большей плотности пикселей. Отдельные пиксели в изображении 300 PPI значительно меньше, чем в изображении 72 PPI. Меньшие пиксели обеспечивают более плавное смешение цвета и формы.

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

После того как вы отсканировали рисунок, перенесите его на флэш-накопитель, чтобы легко перенести его на компьютер.

Оцифровка эскиза в Illustrator

Превращение рисунка в вектор — один из моих любимых приемов оживления рисунка. Обширная библиотека инструментов, цветов и эффектов Adobe Illustrator упрощает оцифровку.

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

Шаг 1. Загрузите отсканированное изображение в Illustrator

После того как вы отсканировали изображение и перенесли его на рабочий стол, создайте новый документ в Adobe Illustrator, нажав Command + N. Импортируйте отсканированное изображение, нажав Shift + Command + P, затем нажмите «Поместить» и щелкните монтажную область. чтобы ваш рисунок появился в Illustrator.

Импортируйте отсканированное изображение в Illustrator.

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

Проделайте то же самое для нового слоя и назовите его, например, «Вектор». Это поможет различать два слоя и поможет вам отслеживать прогресс в набросках позже.

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

Шаг 2. Используйте инструмент «Перо» для обводки рисунка

На верхнем слое начните рисовать контур вашего эскиза с помощью удобного инструмента «Перо» (P). Вы можете либо редактировать кривые Безье по мере продвижения по рисунку, либо наметить линию, а затем вернуться и настроить кривые с помощью инструмента «Опорная точка» (Shift + C).

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

Управление кривой Безье.

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

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

Теперь добавим немного цвета.

Шаг 3. Залейте цветом

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

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

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

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

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

Оцифровка вашего рисунка в Photoshop

Хотя процесс оцифровки иллюстраций в Photoshop похож на Illustrator, он существенно отличается. Работа в растровой программе означает, что ваша иллюстрация будет состоять из пикселей и иметь ограничения по масштабируемости. Вместо того, чтобы обводить рисунок кривыми Безье, вы можете пройтись по эскизу кистями, если у вас есть планшет, или заполнить эти контуры с помощью меню «Цветовой диапазон».

Шаг 1. Загрузите отсканированное изображение в Photoshop

Начните с перетаскивания отсканированного рисунка в программу Photoshop. Вы можете щелкнуть изображение правой кнопкой мыши и выбрать «Открыть с помощью» > «Adobe Photoshop» или перетащить изображение поверх значка Photoshop на рабочем столе или панели инструментов. Откроется новый документ с отсканированным изображением.

Перетащите отсканированное изображение в Photoshop.

Вы можете изменить размер или повернуть отсканированное изображение с помощью команды «Свободное преобразование» (Command + T). Нажмите и перетащите углы, чтобы изменить размер, или поместите курсор за пределы углов, чтобы повернуть их.

Шаг 2. Настройте контрастность и уровни

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

На панели «Слои» эти корректирующие слои можно вызвать, щелкнув значок полузаполненного круга и выбрав «Уровни» или «Кривые». Переместите ползунки, чтобы увеличить интенсивность белого и черного на отсканированном рисунке.

Внесите необходимые коррективы.

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

После того как вы настроили рисунок по своему вкусу, уплотните слои, удерживая клавишу Shift, щелкая слой 1 и каждый корректирующий слой, а затем нажимая Command + E.

Шаг 3. Добавьте цвет линиям

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

Прежде чем мы добавим цвет в вашу иллюстрацию, добавьте новый слой, нажав значок свернутого квадрата на панели «Слои». Отсюда вы можете активировать инструмент «Кисть» (B) и точно настроить внешний вид кисти в меню «Настройки кисти» (F5).

Теперь добавим немного цвета.

Чтобы перейти к маршруту «Цветовой диапазон», вернитесь к исходному слою эскиза, затем выберите «Выделение» > «Цветовой диапазон» и щелкните пипеткой на белом фоне. Это выделяет все области вашего дизайна белым цветом. Снизьте Fuzziness до 12, затем нажмите OK.

Инвертируйте активное выделение с помощью Shift + Command + I, затем активируйте только что созданный новый слой. Инструментом «Кисть» (B) прокрасьте контур цветом по вашему выбору. При необходимости измените размер кисти с помощью [/].

Добавление цвета линиям.

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

Шаг 4. Залейте остальные цвета

Вернитесь к исходному слою с рисунком и активируйте инструмент Magic Wand Tool (W). Щелкните оставшиеся части эскиза и закрасьте их Инструментом "Кисть" (B) на слое над исходным слоем эскиза. Это гарантирует, что вы не будете раскрашивать непосредственно исходный рисунок. Вместо этого вы добавляете цвет в отдельный слой.

Продолжайте добавлять цвет, пока не заполните весь эскиз.

Заполните цветом эскиз.

Совет по выделению. При одновременном выделении нескольких элементов удерживайте нажатой клавишу Shift. Чтобы удалить выделение, удерживайте нажатой клавишу Option.

Работа с эскизами в Procreate

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

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

Чтобы получить более подробную информацию о приложении Procreate, ознакомьтесь с этим удобным руководством.

Шаг 1. Импорт чертежа в Procreate

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

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

Импортируйте свой эскиз в Procreate.

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

Шаг 2. Используйте кисти для обводки

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

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

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

Не забудьте назвать каждый слой.

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

Нажмите на круглую форму в верхней части программы, чтобы получить доступ к своим цветам. Существуют различные способы изменения цвета в приложении Procreate. Вы можете просматривать оттенки на вкладках «Диск», «Классический», «Значение» и «Палитры».

Шаг 3. Залейте остальные цвета

Способ заполнения цветом в Procreate основан на технике ColorDrop. Просто активируйте слой, к которому вы хотите применить активный цвет, затем щелкните и перетащите кружок в замкнутое пространство.

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

Красиво!

Промойте и повторите для остальных фигур.Чтобы добавить некоторые текстурные элементы, активируйте команду Alpha Lock на миниатюре слоя и нарисуйте угольной или другой текстурированной кистью.

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

Несмотря на то, что Illustrator, Photoshop и Procreate — это инструменты и программное обеспечение, которые я часто использую при оцифровке своих рисунков, существуют также дополнительные инструменты, которые помогут вам перенести свои рисунки с бумаги на экран.

1. InkScape

InkScape, бесплатная программа для редактирования векторной графики, является хорошим вариантом, когда Adobe Illustrator недоступен. Так как это программа, основанная на работе с векторной графикой, ваши проекты с трассировкой не ограничены растровыми пикселями.

2. CorelDRAW

CorelDRAW является более доступным вариантом, чем Adobe Creative Cloud. Программное обеспечение может похвастаться инструментами векторной иллюстрации в дополнение к инструментам редактирования растровых фотографий, очень похожим на Photoshop.

3. Векторнатор

Еще одна профессиональная программа для векторной графики — Vectornator. Благодаря бесконечным инструментам и функциям вы можете легко вывести отсканированный эскиз на новый уровень с помощью инструментов Vectornator Pen Tool, Shapes Tool, Brush Tool и других инструментов.

Хотите получить больше от Документов Google для работы или учебы? Подпишитесь на бесплатную пробную версию Google Workspace.

Вы можете создавать, вставлять и редактировать рисунки с помощью Google Drawings.

Создать рисунок в Документах Google

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

Создать рисунок на Google Диске

Откройте документ на компьютере.
В левом верхнем углу нажмите "Файл нового чертежа".
Вставляйте фигуры, линии или текст с помощью инструментов редактирования.

Вставить рисунок с Google Диска

Откройте документ на компьютере.
В левом верхнем углу нажмите "Вставить рисунок с диска".
Нажмите на рисунок, который хотите вставить.
Нажмите "Выбрать".

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

Обновить рисунок. Щелкните рисунок. В правом верхнем углу нажмите "Обновить".
Отменить связь с рисунком. Щелкните рисунок. В правом верхнем углу нажмите Отменить связь .

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

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

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

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

В верхней части страницы нажмите «Вставить».
- Чтобы разместить текст прямо на холсте в виде фигуры, нажмите WordArt.
- Чтобы поместить текст в рамку или ограниченную область, нажмите "Текстовое поле" и щелкните там, где хотите его поместить.
Введите текст и нажмите Enter.
Вы можете выбирать, изменять размер и форматировать текстовое поле или текстовое поле, а также применять к тексту такие стили, как полужирный или курсив.

В верхней части страницы найдите и нажмите Изображение.
Следуйте инструкциям, чтобы выбрать или загрузить изображение.
Вы можете перемещать и форматировать изображение, как и любую другую фигуру.
- Перемещение изображения. Перетащите его на холст.
- Измените размер изображения. Перетащите синие прямоугольники по углам.
- Поворот изображения. Перетащите синюю точку за пределами фигуры. Удерживайте клавишу Shift, чтобы повернуть на 15° за раз.
- Изменить цвет границы, толщину линии или стиль границы/линии. Используйте кнопки над холстом.

Выберите и отформатируйте фигуры

На компьютере откройте рисунок на Google Диске.
В верхней части страницы найдите и нажмите "Выбрать".
На холсте щелкните фигуру, линию или текстовое поле, которое нужно изменить.
- Перемещение фигуры. Перетащите ее на холст.
- Изменение размера фигуры. Перетащите синие прямоугольники в углах.
- Поворот линии. Перетащите синие точки в углах. Линии можно поворачивать таким образом.
- Поворот фигуры. Перетащите синюю точку за пределами фигуры. Удерживайте клавишу Shift, чтобы повернуть на 15° за раз.
- Изменить цвет заливки, цвет линии, толщину линии или стиль границы/линии. Используйте кнопки над холстом.
- Поместите текст внутрь фигуры. Дважды щелкните заключенную фигуру и начните вводить текст.

Копировать фигуру

Чтобы скопировать фигуру, удерживайте клавишу Option (на Mac) или Ctrl (в Windows) и перетащите копию в новое место.

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

Чтобы рисовать и делать наброски на обычном компьютере

Перейдите на вкладку "Рисование".

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

Чтобы выйти из режима рисования, нажмите клавишу Esc на клавиатуре или нажмите кнопку "Текст" на вкладке "Рисование".

Чтобы рисовать и делать наброски на компьютере или устройстве с сенсорным экраном

Нажмите на вкладку "Рисование".

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

Если ваше сенсорное устройство имеет небольшой экран, нажмите или коснитесь кнопки «Режим сенсорного ввода/мыши» на панели быстрого доступа, а затем нажмите «Касание». Это увеличивает пространство между командами, поэтому их легче нажимать пальцем. Вы можете отключить этот режим, когда закончите рисовать.

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

Чтобы нарисовать фигуру

Нажмите или коснитесь вкладки "Рисование", выберите элемент в галерее "Фигуры", а затем перетащите указатель мыши или палец по странице, чтобы нарисовать фигуру.

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

Чтобы просмотреть дополнительные варианты рисования, нажмите или коснитесь стрелки "Дополнительно" в правом нижнем углу галереи "Фигуры", а затем выберите фигуру в появившемся меню.

Чтобы нарисовать несколько фигур подряд

Нажмите или коснитесь вкладки "Рисование", а затем нажмите стрелку "Дополнительно" в правом нижнем углу галереи "Фигуры".

В появившемся меню нажмите «Заблокировать режим рисования».

OneNote останется в режиме рисования, из которого вы выходите.

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

Чтобы удалить фигуры или заметки, которые вы нарисовали

Нажмите «Рисование» > «Ластик» и сотрите заметки.

Вы также можете выбрать заметки или фигуры и нажать клавишу Delete на клавиатуре.

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

В этой статье

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

В меню "Вид" выберите "Панели инструментов" и выполните одно из следующих действий:

Нажмите Инструменты рисования.

Нажмите Мои ручки.

Нажмите Инструменты для письма.

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

Пишите или рисуйте заметки

Чтобы выбрать определенную толщину и цвет пера, на панели инструментов "Средства письма" нажмите "Перо" или нажмите стрелку рядом с "Перо" .

С помощью пера планшетного ПК или мыши рисуйте или пишите заметки прямо на поверхности страницы.

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

Чтобы удалить рукописные штрихи, нажмите «Ластик» на панели инструментов «Средства письма», а затем перетащите указатель по рукописному тексту. Чтобы остановить стирание рукописного ввода, еще раз нажмите «Ластик». Ластик мазка может удалить весь мазок пера одним нажатием или щелчком мыши. Это особенно полезно для удаления или исправления рукописных штрихов.

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

Настроить перо

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

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

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

В диалоговом окне "Настройка текущего пера" выполните одно из следующих действий:

В поле Имя пера введите новое имя для текущего пера.

В списке Цвет пера выберите новый цвет для текущего пера.

В списке Толщина пера (мм) введите новый размер штриха (в миллиметрах) для текущего пера.

Преобразование рукописного текста в текст

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

Выберите страницу, блок заметок или слово, которое вы хотите преобразовать, выполнив одно из следующих действий:

Чтобы выбрать страницу рукописных заметок, коснитесь или щелкните вкладку активной страницы.

Чтобы выбрать контейнер для заметок, коснитесь или щелкните верхний край контейнера.

Чтобы выделить отдельные слова, коснитесь или щелкните Инструмент «Текст/Выделение» на панели инструментов «Средства письма», а затем перетащите курсор на слово или дважды коснитесь слова.

В меню "Инструменты" коснитесь или щелкните Преобразовать рукописный текст в текст.

Если слово преобразовано неправильно, коснитесь или щелкните инструмент «Текст/Выделение» на панели инструментов «Средства письма», коснитесь или щелкните неправильно преобразованное слово, а затем выполните одно из следующих действий:

Если на планшетном ПК установлена ОС Microsoft Windows XP Tablet PC Edition, коснитесь или щелкните стрелку рядом с символом альтернативного списка , а затем в контекстном меню коснитесь или щелкните альтернативное слово.

Если на планшетном ПК установлена ОС Windows XP Tablet PC Edition 2005, щелкните правой кнопкой мыши преобразованное слово, а затем в контекстном меню коснитесь или щелкните альтернативное слово.

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

Читайте также: