Курсы рисования для начинающих взрослых в Москве
Мы верим, что способность творить дана каждому человеку с рождения также, как способность дышать, улыбаться и любить. Творчество очищает человека, приносит истинную радость и делает его более чутким к окружающему миру. В Школу Искусств Перотти приходят люди всех возрастов, и каждому мы помогаем раскрыть творческий потенциал и начать создавать нечто прекрасное.
Наша Школа — это большая, творческая и очень дружная семья, которая всегда рада встретить новых единомышленников.
Курсы рисования для начинающих взрослых — это уникальная возможность приобрести не только практические навыки, но и окунуться в увлекательный мир живописи: узнать секреты известных художников, получить ответы на вопросы о цветах и красках; познать основные законы живописи и рисунка, познакомиться с самыми разными техниками изобразительного искусства.
Обучение живописи маслом подвластно всем возрастам. Изобразительное искусство поможет по-новому взглянуть на окружающую действительность, проявить настойчивость и креативность.
Все секреты на курсах живописи для начинающих передаются от настоящих мастеров своего дела, которые вкладывают душу в любимое занятие. Каждый слушатель наших разнообразных программ и уроков будет вовлечен в удивительное путешествие в мир прекрасного.
Для взрослых, которые хотят научиться рисовать и заниматься живописью в Москве, наши мастера разработали специальные пошаговые обучающие системы. Они продуманы до мельчайших деталей и дают исчерпывающие ответы на все возникающие в ходе обучения вопросы.
Хотите научиться рисовать? Узнать все про волнующий мир цвета и света? Научиться писать маслом или стать поклонником графики? Создавать свои творческие миры и наполняться чистой радостью творчества? Знакомьтесь с нашими курсами рисования и живописи, приходите учиться, воплощайте творческие мечты и развивайте мастерство с нашими замечательными педагогами!
Ваша школа Перотти!
Академический рисунок и живопись. Обучение искусству.
Академический рисунок – это изображение различных предметов, это основа изобразительного искусства, это систематические знания по физике, геометрии, это жизнь, которая застыла на бумаге. Не зря в Художественных институтах на обучение академическому рисунку уходят годы. К счастью, сегодня арт-студии и художественные школы предлагают получить профессиональные знания в максимально короткие сроки.
Курсы академического рисунка рассчитаны на ценителей искусств разных возрастов, и что самое главное – совсем не обязательно иметь художественную одаренность или навыки рисования: большинство учеников начинают свой путь по стезе творчества не имея никаких представлений о рисовании, но желая научиться этому искусству. Другими словами, курсы графики и академического рисунка отлично подходят для начинающих.
Для чего нужны уроки академического рисунка и что они дают
Курс академического рисунка для начинающих рассчитан на интенсивное изучение основ художественной грамотности. Рисовать могут многие, а профессионально изображать предметы и сюжеты различной сложности – единицы. Именно по этой причине, педагоги нашей студии готовы предложить руку помощи в освоении технически сложной науки. По окончании курсов вы будете увереннее в своих художественных способностях, научитесь свободно ориентироваться в вопросах графики и техники рисунка, гарантировано станете грамотнее в правилах изобразительного искусства.
Чему учат на уроках академического рисунка
• Законам перспективы;
• Умению компоновать предметы на листе бумаги;
• Способности передавать конструктивное и пропорциональное построение;
• Правильно расставлять светотени и передавать бумаге фактуру предметов.
Материалы для работы:
- Простой карандаш НВ, 2В, 4В;
- Мягкий ластик и клячка;
- ВАТМАН формата А-2;
- Скотч малярный;
- Макетный нож.
Основы академического рисунка
1. Особое значение имеет конструктивность предмета, в тоже время, светотень должна четко прослеживаться и гармонично распределяться в композиции.
2. Каждую деталь изображаемого предмета, делят на различные геометрические формы, постепенно прорисовывая и придавая узнаваемый вид каждой форме.
3. Исходя из конструкции предметов, ученик должен находить границы полутонов, каждый из которых занимает свой участок плоскости.
4. Тени и конструкция предметов прорисовываются одновременно, поэтому картина на любой стадии проработки должна выглядеть как завершенное произведение.
5. От великого к малому. Изначально делается набросок и прорисовка крупных предметов, плавно переходя к деталям.
Академический рисунок карандашом
Эта техника подразумевает использование карандашей различной мягкости и твердости. В зависимости от стадии завершенности рисунка используют карандаши: Т, ТМ, М, 2М. Мягкие грифели рекомендуются для наброски изображений, а также для светотеневой прорисовки объемов предмета и заполнения фона. В работе над сложными проектами вначале рекомендуется использовать твердые грифели, которые также применяют для конечного моделирования рисунка.
Академический рисунок натюрморт
Академический рисунок натюрморт карандашом начинается с размещения композиции на листе бумаги. Прежде всего ученик должен найти наиболее выгодный ракурс, определиться с объемами и пропорциями, и лишь после этого приступать к легкому нанесению набросков.
Академический рисунок фигуры человека
Первой ступенью на пути к профессиональному изображению на бумаге человеческой фигуры является академический рисунок гипсовой головы или череп академический рисунок. Прежде всего необходимо зрительно отметить пропорции и характерные особенности объемной фигуры и найти наилучший ракурс.
Следующим шагом является равномерная компоновка рисунка относительно листа бумаги и легкая прорисовка наброска, методом, который называется обрубовка головы академический рисунок и представляет собой построение головы с обобщенных форм. Все пропорции должны быть вымерены и строго соблюдены.
Прорисовка мелких деталей и постановка светотеней – завершающий этап в рисунке гипсовой головы.
Академический рисунок ноги, руки, туловища человека также является важной составляющей всего изображения и требует грамотного подхода.
Курс «Академический рисунок и живопись» внесет яркие краски в Ваши серые будни, изменит в лучшую сторону скучную жизнь и откроет много новых талантов.
Узнать больше о курсах академического рисунка можно по тел. 8 (495) 162-24-15
Постигайте без труда основы изобразительного искусства и учитесь рисовать шаг за шагом
мы находимся в 7 минутах от метро Менделеевская
ул. Новослободская, д.48
Трекбэк с Вашего сайта.
Уроки рисования карандашом поэтапно для начинающих — Blog — Ghenadie Sontu Fine Art
По цвету резинки бывают однотонные и так называемые мраморные, состоящие из слоев разных цветов; по форме – прямоугольные, треугольные, ромбические, круглые и др.
Обычно резинку для удобства пользования с одной стороны срезают наискось, это удобно при протирании блика, прочистки штрихов, для удаления мелких неисправностей.
Фабричные резинки часто попадаются жесткие, они засаливаются и размазывают карандаш по бумаге. Для улучшения качества резинку опускают на 1–2 суток в бензин (или на 3–4 суток в керосин либо разбавитель № 2), где она разбухает и становится мягкой. Резинку вынимают, тщательно вытирают, затем кладут в горячую воду (некипящую) и выдерживают в воде 1–2 часа, пока не перестанет пахнуть бензином или керосином. Когда через некоторое время резинка вновь станет жесткой, ее следует заменить новой или снова проделать процедуру размягчения.
Кроме фабричных резинок часто пользуются так называемыми клячками, самостоятельно изготовляемыми из черной мягкой резины, которую обрабатывают ранее описанным образом. Используют также клячки из формопласта: перхлорвиниловая смола 23–27 м. ч. + стеарат кальция 2 м. ч. + дибутилфталат (температура плавления указанных материалов 130 °C).
Рисунки, выполненные графическими материалами (за исключением мокрого соуса и жирных карандашей), нуждаются в закреплении. Дело в том, что графические материалы держатся на поверхности бумаги (или других поверхностях) не с помощью связующего вещества, как краски в живописи, а совершенно иначе. Мелко раздробленные частички красочного материала глубоко и прочно внедряются в поры бумаги, грунта и т. п., и извлечение их оттуда сопряжено с большими затруднениями; с другой стороны, они тесно прилегают друг к другу и к той поверхности, на которой лежат, и, следовательно, удерживаются на ней, подчиняясь физическому закону сцепления, иначе говоря – взаимному притяжению частиц.
Рисунок в своем естественном виде не может быть прочным, так как не представляет большого труда нарушить сцепление частиц его красочного материала, с исчезновением которого исчезает и рисунок. Поэтому приходится прибегать к искусственному закреплению рисунка, к его фиксированию с помощью специальных составов, которые носят название фиксативов.
Согласно законам оптики цвет предметов зависит от способности поверхностей или масс так или иначе поглощать, отражать, рассеивать и преломлять падающие на них лучи света, которые затем воздействуют на сетчатку глаза. На этом основании и рисунок имеет тот или иной цвет. Рисунок, если он не закреплен, иначе отражает и рассеивает лучи света, чем зафиксированный, так как поверхность зафиксированного рисунка претерпевает существенные изменения. Изменение поверхности рисунка объясняется тем, что при фиксировании в пустые пространства между частичками красочного материала вводится связующее вещество, которое заполняет их и, следовательно, так или иначе изменяет строение его поверхности. Чем сильнее зафиксирован рисунок, тем в большей и значительной степени изменяется его внешний вид. Каким бы ни был по составу фиксатив, он изменяет поверхность рисунка, и вся разница лишь в том, что одни из фиксативов в большей мере, другие – в меньшей темнят рисунок.
Пастель при сильном закреплении фиксативом обращается в темперу и приобретает плотность и тон, не имеющие ничего общего с нефиксированной пастелью. Чем сильнее и крепче произошло закрепление рисунка или пастели, тем больше изменений претерпевают они. Спиртовые и другие фиксативы, включающие в свой состав спирт, меньше заполняют пространство, находящееся между частичками красочного материала и бумаги, и поэтому меньше изменяют поверхность рисунка или пастели, но зато они легче проникают в сами частички красочного вещества, в поры бумаги и таким образом оттеняют их. Нет такого фиксатива, который бы не изменял тона рисунка или пастели, – это противоречит физическим законам.
Фиксативы разделяются по своему составу на спиртовые (быстро улетучивающиеся) и водные (медленно улетучивающиеся).
Коровье молоко, представляющее собой в определенной части натуральный раствор казеина, качественно закрепляет рисунки. Перед употреблением его по возможности обезжиривают, это достигается обычным отстаиванием. Хорошо отстоявшееся молоко разводят небольшим количеством чистой воды, чтобы оно было менее плотным и легко распылялось пульверизатором. Этот фиксатив более пригоден для закрепления графитных рисунков.
Желатиновый фиксатив состоит из 2 %-ного раствора желатина, к которому прибавляют 10–30 % чистого винного спирта или денатурата (спирт в водном фиксативе способствует более мелкому раздроблению частив его при фиксировании). Для закрепления рисунков, выполненных углем, можно использовать и такой оригинальный способ. Бумагу перед выполнением рисунка покрывают раствором желатина и после его высыхания приступают к рисованию. Законченный рисунок держат для закрепления над парами кипящей воды, причем желатин размягчается, обволакивает частицы угля и таким образом фиксирует рисунок.
Казеиновый фиксатив (для пастели и рисунка). Сначала готовят водный раствор углекислого аммония, состоящий из 750 куб. см воды и 10 г углекислого аммония. Затем в раствор высыпают 15 г казеина в порошке, хорошо взбалтывают его и ставят в теплое место, периодически взбалтывая, пока казеин не растворится. В полученный раствор, имеющий желтоватый и мутный вид, понемногу вливают 550 куб. см чистого винного спирта или денатурата, каждый раз взбалтывая жидкость, чтобы казеин не выделялся из раствора. При долгом хранении на дне его образуется осадок, который не следует тревожить при сливании фиксатива для его использования.
Спиртовые фиксативы при распылении с помощью пульверизатора превращаются в очень мелкие капельки, что значительно облегчает процесс закрепления.
Спиртовые фиксативы пользуются наибольшей популярностью среди художников. Вот какие рецепты этих фиксативов приводятся в книге Н. В. Одноралова «Материалы в изобразительном искусстве»:
«Состав 1.
Для приготовления фиксатива растворяют 1 массовую часть шеллака в 10–20 частях этилового спирта в зависимости от степени концентрации фиксатива.
Состав 2.
Для приготовления фиксатива растворяют 2–3 м. ч. порошка канифоли в 100 мл этилового спирта.
Состав 3.
Фиксатив представляет собой трехпроцентный раствор смолы даммары в спирте. Приготовленный раствор фильтруют».
В настоящее время промышленностью производится лак-фиксатив, который представляет собой раствор карбинальной (синтетической) смолы в спирте. Пленка фиксативного лака прозрачна и не нарушает цветов рисунка и пастели. В последнее время широко стали использовать в качестве фиксатива лаки для волос, обладающие слегка клеящими свойствами и выпускаемые в виде аэрозолей.
Фиксирование рисунков производится из пульверизатора на расстоянии 1,5–1,8 м от рисунка, который должен быть расположен на горизонтальной плоскости. При фиксировании необходимо следить за тем, чтобы на бумаге не образовывались капельки; в случае возникновения капельки следует удалить промокательной бумагой. Повторное покрытие, если оно необходимо, рекомендуется производить не ранее, чем через 20–30 мин. после первого.
Ошибки начинающих художников и как их исправить • ARTshelter
Вы решили стать хорошим художником. Много практикуетесь, читаете учебные материалы, смотрите видеоролики, анализируете чужие работы… но совершенно не замечаете прогресса. Усердная работа не приносит желаемого развития. «Может быть, это просто не для меня», – подумаете вы. – «Возможно, я зря трачу свое время». Однако, я уверена, что этому может быть другое объяснение. Вполне возможно, что вы просто неправильно планируете учебный процесс. Ошибочные выводы, непродуктивная практика… Стоит только избавиться от этого, как все изменится, и вы начнете видеть прогресс. Давайте подробнее рассмотрим ошибки начинающих художников и способы борьбы с ними.
1. Завышенные ожидания
Всякий раз, когда мы чего-то хотим, наши желания основаны на представлении того удовлетворения, которое мы почувствуем, когда получим желаемое. Созерцая великолепное произведение искусства, мы думаем, как было бы прекрасно нарисовать что-то подобное. Именно с этого чувства и начинается процесс обучения рисованию.
Но проблема в том, что вы не сможете удовлетворить возникшее желание здесь и сейчас. У вас не получится за одну ночь достичь уровня великих художников, которые годами учились этому искусству. И что же мы получим в итоге? Плохой рисунок – доказательство недостаточно развитых навыков. По сути, каракули ребенка.
Из-за этого каждая попытка нарисовать что-то красивое приводит к неизбежному разочарованию. Вы ожидаете одни эмоции, а на деле получаете совсем другие. При этом вы можете прекрасно понимать, что на учебу требуется время, но это не мешает вам чувствовать себя неудачником.
Зачем вообще рисовать, если я не могу нарисовать что-то красиво
Меня всегда удивляло, почему от рисования ждут немедленных результатов. Впервые сев за пианино, вы не думаете, что сразу будете играть, как Моцарт. И впервые сидя за рулем автомобиля, вряд ли кто-то мечтает с первого же раза выиграть гонку. Да и в отношении кулинарии мы не ждем ресторанного уровня, когда готовим блюдо впервые.
Во всех этих случаях ожидание неудачи естественно. Для вас это не имеет значение, потому что вы заранее настроились. Более того, ошибки начинающих художников часто становятся поводом для шуток и хорошего настроения! Однако, это не работает с первым рисунком. Вам кажется, как будто все ждут от вас феноменальных результатов с первой же попытки. Как будто раньше вы уже умели рисовать, но вам только сейчас позволили этим заняться.
Смотри, он не умеет рисовать. Зачем этот неудачник вообще взял в руки карандаш?
Умение рисовать – это такой же навык, как и все остальные. Вы не знаете, что и как делать, поэтому первые попытки чаще всего будут неудачными. Вторая попытка не намного отличается от первой, потому что вы все еще расстроены после первого «поражения». С каждой новой пробой ваш рисунок становится чуть-чуть лучше, но вы по-прежнему будете выглядеть как ребенок по сравнению с кем-то более опытным. И это норма!
Желание быть лучшим и чувствовать удовлетворение от создания идеальной работы делают вас нетерпеливым. Вы хотите добраться до места назначения не путешествуя. И чем медленнее кажется путешествие, тем хуже вы себя чувствуете, потому что это не то, чего вы ожидали!
Я хочу быть там, но не хочу туда идти!
Чтобы стать хорошим художником, для начала нужно понизить свои ожидания. Мыслите продуктивно, уделяя меньше внимания вашим желаниям (цели) и больше самому процессу (пути). Я научу вас упражнению, которое поможет обнаружить завышенные ожидания и заменить их на более продуктивные мысли.
Напишите список своих ожиданий от рисования. Запишите все, даже если они звучат нелепо. Дальше мы их проанализируем! Например:
- Каждый следующий рисунок должен быть лучше предыдущего;
- Плохие рисунки бесполезны;
- Когда я плохо рисую, это значит, что я неудачник;
- Я должен хорошо рисовать;
- Я должен быстро учиться.
Просмотрите все пункты в списке. Вы уверены, что они относятся к вам? А вдруг это не так и вы ошиблись? Давайте проанализируем каждое утверждение по отдельности.
Каждый следующий рисунок должен быть лучше предыдущего. Я не учусь линейно и равномерно, как компьютер. Иногда я практикуюсь в одной теме, а иногда в другой. Я много экспериментирую, поэтому иногда результат получается лучше, а иногда – хуже. Кроме того, я могу забыть изученное и снова повторить старую ошибку. И это нормально, потому что я человек, а не машина.
Плохие рисунки бесполезны. Плохие рисунки являются стандартным побочным продуктом обучения. Я не стану лучше, если сначала не буду хуже. Плохие рисунки также позволят получить ценный опыт и не совершать ошибки в будущем. Не совершив ошибку, я не узнаю, в чем я плох.
Когда я плохо рисую, это значит, что я неудачник. Когда я плохо рисую, это означает, что я просто не умею рисовать (многие люди настолько боятся этого факта, что даже не пытаются рисовать!). Каждый из нас в чем-то плох, но это не значит, что все мы неудачники! Я работаю, чтобы стать лучше, и это то, чем можно гордиться.
Я должен хорошо рисовать. Никто не обязан быть хорошим в чем-то. Я хочу рисовать красивые вещи, но ни один из художников не давал обещание рисовать исключительно красивые и приятные работы. Если кто-то считает иначе, это их проблема, а не моя.
Я должен быстро учиться. Каждый по-своему склонен к обучению. Если я учусь медленно, это не значит, что я ленив или недостаточно хорош. Это мой личный ритм и неправильно сравнивать его с чужим, потому что мы все разные.
Разве теперь эти пункты не звучат лучше? И мы не пытаемся исказить реальность, чтобы чувствовать себя уверенно. Реальность именно такая, какой вы себе ее представляете. Если постоянно повторять себе, что я неудачник и мне никогда не стать талантливым художником, то так оно и будет.
Возможно, вам кажется, что, не имея завышенных ожиданий, вы будете недостаточно мотивированы и станете меньше заставлять себя работать. Может быть, это правда. Но зачем тогда работать, если вы постоянно себя заставляете и это делает вас несчастным? Меньше давите на себя, и вы сразу начнете получать удовольствие от процесса рисования. Не от результата, а именно от процесса! Возможно, вы никогда не достигнете цели, но сможете насладиться процессом здесь и сейчас. А это, пожалуй, куда лучше, чем рисовать только ради того, чтобы стать хорошим художником и получить признание.
Учиться можно бесконечно, поэтому расслабьтесь и получайте удовольствие от процесса
2. Нежелание учиться
До сих пор многие верят в миф о таланте, без которого невозможны любые начинания. Некоторые считают, что известные художники извлекают все исключительно из своего воображения, без каких-либо подручных средств. Они никогда не используют референсы, никогда не проходят уроки, потому что тогда – внимание! – воспользуются чужими наработками. Это ведь обман! Такое мнение усложняет жизнь многим начинающим художникам.
Если вы считаете, что искусство создано только для получения похвалы, то дело приобретает серьезный оборот. Представьте, что вы восхищаетесь чье-то работой, а потом узнаете, что ее кто-то перерисовал. Получается, кто-то бесплатно получил ваше восхищение за навыки, которыми не обладает. Вот грязный мошенник…
Основываясь на таком мышлении, можно сформировать шкалу:
- Рисунок, созданный из воображения, быстро и без лишней суеты.
- Рисунок, созданный из воображения, но с определенными усилиями.
- Рисунок, созданный по референсам.
- Рисунок, созданный по уроку.
- Перерисованный рисунок с фото/картины.
Конечно, данная шкала не предполагает качество рисунка. Данные пункты можно назвать уровнями сложности в рисовании. Легко быть успешным на самом последнем уровне, а отсутствие успеха можно оправдать, если вы находитесь на первом.
Да, я могу и лучше, просто не хотел облегчать себе задачу
Рисование по референсам, конечно, гораздо проще. Можно супер реалистично скопировать увиденное, даже не задумываясь о содержании. Рисуя из воображения, вам приходится самому представлять естественную позу, перспективу, правильную анатомию, детали, светотени… Естественно, такой подход к рисованию заслуживает большего признания.
Но за этим признанием стоят тысячи часов практики. Талантливые художники не родились со знанием «естественной позы, перспективы, правильной анатомии, деталей и светотени». Они годами нарабатывали эти знания, а использование референсов – наиболее быстрый и практичный способ.
Крайне непродуктивно продолжать рисовать одно и то же снова и снова, ожидая, что ошибки начинающих художников больше не будут преградой на пути к вашей цели. Найдите изображение того, что пытаетесь нарисовать, и сравните со своим рисунком, чтобы выявить ошибки. Это не похоже на использование шпаргалки во время экзамена, это больше похоже на использование учебника в процессе учебы!
Если вы пытаетесь нарисовать то, что никогда не рисовали, и надеетесь, что результат будет такой же красивый, как работы опытных художников, значит вы слишком высокомерны. Им пришлось учиться, а вы хотите стать крутым без обучения, потому что считаете, что учеба – это обман.
Зачем мне смотреть на собаку? Я и так должен знать, как она выглядит, иначе я не настоящий художник.
Рисунки, нарисованные из воображения, появляются не изнутри, а снаружи, только в прошлом. Десятки тысяч референсов хранятся у нас в голове – в памяти.
Умение рисовать – это такой же навык, как и все остальные. Он не возникает ниоткуда развитым на 100%. У вас не получается нарисовать кошку с правильными пропорциями? Проанализируйте фото этих животных, чтобы выявить основные черты. Все в вашем рисунке прекрасно, кроме головы? Найдите похожие снимки и выясните, что не так с рисунком. Со временем в вашей памяти соберется достаточное количество референсов и необходимость в них естественным образом отпадет. Отказ от референсов это как выбросить старую тетрадь с конспектами, потому что вы запомнили все их содержимое.
3. Отсутствие плана
Это еще одна проблема, возникающая непосредственно из-за мифа в талант и врожденные навыки. Вы учитесь рисовать… рисуя. Рисуя много и часто. Вы креативный человек и каждый раз пытаетесь создать что-то новое. Вам кажется, что чем больше усилий вложено в работу, тем круче будет результат.
Однако, так не работает. С таким подходом вы будете развиваться очень медленно. Другие люди продолжают улучшать свои навыки, а вы топчитесь на месте. Что же с вами не так?
Повторюсь, рисование – это навык, который вы развиваете. Он не скрыт внутри в ожидании, когда ему позволят проявить себя. Точно так же в людях не скрыта способность виртуозно играть «Лунную сонату». Не получится бездумно тыкать по клавишам, ожидая услышать музыку. Точно так же нельзя каждый раз рисовать случайные вещи и надеяться, что это приблизит вас к мечте стать профессиональным художником.
Если вы рисуете исключительно для публикации в сети и привлечения внимания, то вы прилагаете слишком много усилий для создания качественного рисунка, а не учебы. Ваша цель – стать профессиональным художником, правильно? Но этого не достичь, не нарисовав много неудачных эскизов. Пусть они будут корявые и некрасивые, их все равно никто не увидит.
При любом обучении вы должны думать и планировать. Не рисуйте хаотично, пытаясь в процессе развить свой навык. Решите, чему вы хотите научиться, и узнайте, как это изучить. После этого… учитесь. Рисуйте много, но целенаправленно. Анализируйте свои действия, а не просто наблюдайте за процессом. Найдите в Интернете и запомните полезные правила и секреты от известных мастеров, которые позже вам пригодятся. Протестируйте их на деле и при необходимости подкорректируйте.
Хаос и отсутствие четкого плана – первые враги обучения
Это не значит, что вы сейчас же должны перестать рисовать просто ради своего удовольствия. Просто не стоит каждый рисунок, эскиз или черновые наброски, дорабатывать до состояния публикации. Время от времени рисуйте полностью завершенные работы, которые не стыдно показать. Именно по таким работам вы увидите реальный прогресс.
4. Слишком много планирования
Вы начали серьезно заниматься рисованием. У вас много амбиций и упорства. Вы проходите уроки, тренируетесь в быстрых набросках, смотрите ролики других художников. Кроме того, регулярно читаете мотивационные материалы и смотрите лекции о рисовании. Ни дня не проходит без рисования.
И это отлично, но впереди вас ждет ловушка. Статьи и видео от опытных художников – отличный источник мотивации и опыта. Изучая подобные материалы, вы чувствуете, как ваши навыки пассивно улучшаются. Вы ищите что-то новое: «5 секретов хорошего рисунка», «10 привычек успешного художника», «Совет, который упростит рисование». Это похоже на обучение, но без каких-либо усилий с вашей стороны!
Не поймите меня неправильно, все-таки я тоже написала одну из таких статей. Но когда вы в очередной раз смотрите видео «10 привычек успешного художника», вместо того, чтобы заняться реальным делом, вы крайне непродуктивны. Вы не работаете над достижением своей цели. Создается иллюзия продуктивности, но статьи и видео ничего не стоят, если вы не будете применять полученную информацию на практике.
Сюда же можно отнести постоянный поиск советов, новаторских техник, о которых вы еще не слышали. Вместо того, чтобы просто взять карандаш и научиться рисовать, вы тратите время на поиски блестящей техники, которая позволит получить результат здесь и сейчас. При этом вам тоже кажется, что вы очень продуктивны. Однако, это не так.
Учебники и различные руководства полезны, но относитесь к ним, как к вспомогательным материалам. Не нужно заменять ими реальную практику. Любую, даже самую простую технику, следует отрабатывать на практике, чтобы усвоить. Прочтение толстой книги о рисовании не сделает из вас Айвазовского. Просмотр руководств и статей не исправит ошибки в рисунках.
Только рисование улучшит ваши навыки. И хотя это непродуктивно рисовать без какой-либо подготовки, слишком много подготовки так же плохо. Досмотрите ролик до конца, дочитайте статью. А потом… рисуйте!
5. Сравнение себя с лучшими
Большинство из нас начинает рисовать, вдохновившись работами других художников. Не только старых мастеров. В эпоху цифровых технологий больше не нужно посещать галереи, чтобы увидеть профессиональные картины. Кроме того, сейчас мы можем включить видеоролик с процессом рисования и увидеть, как талантливые художники из простых мазков создают свои шедевры. Это ваша цель и то, кем вы хотите стать.
Наблюдение за творчеством великих художников действительно вдохновляет, но иногда может убить веру в собственные силы. Их уровень кажется таким недостижимым, так зачем беспокоиться? Тем более, что вы и на 5% не нарисуете так же хорошо, как они. Ваши лучшие рисунки выглядят, как детские каракули, по сравнению с их шедеврами. Они могут за 20 секунд набросать из воображения эскиз, который вы не повторите и за 20 часов с референсами.
Да, эти художники, безусловно, кажутся богами искусства. Но они такие же люди, как мы с вами. Вы узнали о них после того, как они прошли свое путешествие и добрались до цели, но вы ничего не знаете о своем путешествии. Поэтому, сравнивая себя с другими художниками, вы, на самом деле, сравниваете свою текущую позицию в путешествии с их местом назначения, и это всегда будет приносить только разочарование.
Каждый художник с чего-то начинал. Каждый рисовал детские каракули, у каждого есть много плохих рисунков и первые удачные работы. И вот, спустя тысячи часов практики и упорного труда, они, наконец, достигают того состояния мастерства, которое вы видите их сейчас. Вы поработали всего 100 часов или даже меньше, а потом спрашиваете почему у вас не получается так же хорошо.
Вы не можете магическим образом телепортироваться в это состояние. Другие художники достигли этого часами упорной работы, и вы тоже должны через это пройти. Не игнорируйте их путь только потому, что не видите его. Не стоит приписывать их способности какому-то мистическому таланту. Это сделает ваше путешествие к цели сложным и лишит мотивации.
Как у него так хорошо получается, это несправедливо!
Вы не знаете, через что они прошли, с какими трудностями им пришлось столкнуться и насколько хороши они были в том или ином возрасте или через определенное количество часов. Ваше путешествие уникально и не имеет ничего общего с чужими. Ваше место назначения может быть таким же, но путь – другой. А попытка догнать кого-то, кто отправился в путешествие раньше вас, только высосет всю энергию и убьет мотивацию.
Единственный здравый и справедливый способ судить о своем прогрессе – сравнить себя… с самим собой. Вы можете понять, насколько продвинулись к цели, сравнивая свое текущее положение с предыдущим, а не сравнивая свое положение с положением того, кем вы восхищаетесь.
Точка, в которой вы находитесь сейчас, когда-то была вашим местом назначения
Не выбрасывайте свои рисунки, даже если они плохие. Оставьте их для сравнения в будущем. Всякий раз, когда вы чувствуете неуверенность в себе, сравните старые и плохие работы с нынешними. Поверьте, вас удивит то, насколько быстро вы принимаете свои новый уровень, как должное!
Не торопитесь, медленно, но уверенно продвигайтесь по своему пути. Нужны тысячи часов, чтобы стать мастером в любом деле. Одни уже прошли свой путь и сделали то, что предстоит вам. Любуйтесь их работами и пусть они будут напоминанием того, во что могут превратиться долгие часы практики. Уже состоявшиеся художники ничем не лучше вас, как и вы их. Они добились всего упорной работой, и вы должны.
6. Постоянная смена инструментов
Понятие «рисование» имеет очень широкое значение. Набор черточек на камне – это рисунок. Контур, сделанный шариковой ручкой, – это рисунок. Реалистичный портрет с тенями и бликами – это рисунок. Цветной пейзаж, нарисованный на графическом планшете в Photoshop, – это рисунок. Кроме того, вы можете объединить разные техники рисования, например, карандаш и акварель и получится тоже рисунок. Вариантов действительно много!
Но каждый вариант предполагает использование определенного набора инструментов. Возможно, вы считаете, что если не добились потрясающего результата с одним инструментом/техникой рисования, то пора переключиться на что-то новое.
Нет ничего плохого в экспериментах и поиске тех техник и инструментов, с которыми вам будет наиболее комфортно работать, но вы должны понимать, что каждый инструмент сперва нужно изучить. Вы не найдете магическую палочку, которая сразу же решит все проблемы. Если у вас не получается нарисовать правильную линию, это не означает, что карандаш слишком грубый или бумага слишком гладкая. Просто ваша рука недостаточно натренирована. И вы не научитесь работать с карандашом, если не посвятите этому достаточно времени.
Не существует идеального инструмента, единственного, который с первого мазка превратит вас в художника. Каждый инструмент и техника требуют практики
Подобные ошибки начинающих художников особенно актуальны среди тех, кто не может позволить себе графический планшет. Вдохновляясь четкими и яркими цифровыми рисунками, они обвиняют традиционные инструменты (карандаши, кисточки) в своих неудачах. Если бы в традиционном рисунке можно было сделать ход назад. Или трансформировать отдельную часть рисунка. Или без следа стереть неудачную линию. Это сделало бы все намного проще!
Но просто не значит лучше. Скрытие своих слабостей не делает вас сильнее. С ними нужно бороться. Изо всех сил пытаетесь провести прямую линию? Работайте над этой проблемой, пока не добьетесь успеха. Не нужно сразу бросаться на поиски инструмента, который упростит работу. Не переключайтесь резко на другой инструмент, после того, как увидели картину, нарисованную им. С помощью и карандаша, и кисточки, и графического планшета можно создавать потрясающие рисунки. Нужно только потратить свое время и овладеть этими инструментами.
7. Нерегулярная практика
Были дни, когда вы регулярно рисовали, проходили уроки, смотрели мотивационные ролики, создавали странички в соц. сетях для публикации своих рисунков. И вдруг вы увидели потрясающую картину, которую, как вам показалось, вы никогда не нарисуете. Затем кто-то пишет неприятный комментарий под вашей работой, и вы окончательно теряете веру в себя.
Затем на какое-то время вообще перестаете рисовать. Страницы в соц. сетях становятся пустыми, а фанаты забывают о вас. И тогда вы снова кем-то или чем-то вдохновляетесь и начинаете работать. Еще усерднее, чем в прошлый раз. Но это ненадолго, потому что ваши навыки остались на прежнем уровне.
А может вам нравится рисовать, но вы просто не можете уделять этому много времени. Сегодня вы что-то нарисовали, прошли урок, неделю попрактиковались… а затем в вашей жизни снова произошло что-то важное. Вы любите рисовать, но у вас попросту нет на это времени. Вам кажется, что это может подождать неделю-две. Но когда вы возвращаетесь, то понимаете, что весь предыдущий прогресс сошел на нет.
Наши мозги неидеальны. Наша память – это не жесткий диск компьютера, куда можно сохранить что-то важное до лучших времен. К каждому воспоминанию ведет своеобразная дорожка и чем дальше вы зайдете, тем легче будет добраться до цели. Но если остановиться, то дорожка зарастет кустами и вы, возможно, больше никогда не найдете ее.
Вот поэтому повторение – это ключ к обучению. Вы можете целый день практиковаться и надеяться, что усвоенные знания останутся навсегда. Но, если их не использовать вскоре после получения, то мозг решит, что эта информация не важна и забудет ее. Чтобы знания сохранялись дольше, их нужно практиковать. Обучение – это не круглосуточная разовая практика, а постоянные регулярные занятия.
Тысячи часов, которые нужно потратить на совершенствование навыков, не возникнут сразу из ниоткуда. Нужны перерывы, время, чтобы знания закрепились. Это происходит даже во время сна! Таким образом, получасовая практика каждый день даст вам гораздо больше, чем один день в неделю проведенный за рисованием.
Не ждите идеального времени, когда вам будет удобно практиковаться. Выделите в течение дня 15-30 минут на рисование и сделайте это ежедневным ритуалом, как приготовление пищи, просмотр фильмов или уборка. Полчаса каждый день лучше, чем 10 часов раз в сто лет.
8. Рисование для других
Любуясь чьим-либо произведением искусства, вы чувствуете не только восхищение. Рядом находится и зависть. Зависть не к навыкам мастера, а к восхищению, которое он получает за свое мастерство.
Очень приятно, когда вас хвалят за тяжелый труд. Когда окружающие признают ваши усилия, вы чувствуете гордость и уверенность! Но есть и другая сторона медали. Когда другие плохо отзываются о ваших рисунках, вы чувствуете себя униженным, никчемным, несмотря на то, что довольны выполненной работой.
Крайне нежелательно связывать свою самооценку с качеством ваших работ. Если вы чувствуете себя бесполезным до тех пор, пока не получите чьё-то признание и похвалу, то это непродуктивно.
Когда окружающие оценивают вашу работу, они судят не конкретно вас, а ваш навык. И только вы сами ставите знак равенства между этими понятиями. Это очень негативно отражается на вашей самооценке и вере в себя. Если вы начинаете верить, что чужая похвала – это доказательство вашей значимости, тогда вашей целью становится удовлетворение других людей, а не собственное саморазвитие. Вы не будете позволять себе экспериментировать, чтобы случайно никого не разочаровать. Вы, по сути, продаёте продукт, который нужен окружающим, чтобы они обратили на вас внимание.
Пожалуйста, похвалите меня!
Что плохого, если обе стороны – и создатель, и получатель продукта – счастливы? Зависит от того, с какой стороны посмотреть. Если вам действительно нравится снова и снова рисовать одних и тех же популярных персонажей в той технике, которая нравится вашей аудитории, тогда все хорошо. Но, если при этом вы чувствуете себя рабом их интересов и боитесь попробовать что-то новое, тогда пора отказаться от этого.
Вам кажется, что вы хотите нарисовать то, что понравится вашим поклонникам, но в действительности вам хочется, чтобы им понравилось то, что вы рисуете. Именно вы сами должны стать своим самым большим и преданным поклонником. Ваше мнение должно быть выше мнения окружающих. Даже если тысяча человек скажет, что им не нравятся ваши рисунки, это неважно, если они нравятся вам. Потому что это ваше и только вам лучше знать, как это должно выглядеть.
Если вы сами решили нарисовать это именно так, то критика окружающих – всего лишь дело вкуса, и не то, о чем стоит судить однозначно правильно или неправильно
Запомните: каждый человек имеет право на собственное мнение. Если окружающим не нравится то, что нравится вам, это не значит, что они неправы. Мнения не могут быть правильными или неправильными. Вы всего лишь можете им поделиться или оставить при себе. В ответ на неприятный комментарий просто улыбнитесь. Выслушайте любые советы и самостоятельно решить стоит ли к ним прислушиваться. В конце концов, вы не обязаны всем нравиться.
9. Перфекционизм
Обычно, перфекционизм считают просто частью личности человека. Однако, я считаю это расстройством личности. Если вы закоренелый перфекционист, то у вас искаженное представление о собственных достижениях. Независимо от того, насколько хорошо вы выполнили работу, вы никогда не будете удовлетворены, потому что знаете, что можете еще лучше. Похвала и восхищение других для вас не имеют значения. «Они просто хотят быть добрыми и боятся обидеть. Или просто не разбираются в искусстве», – подумаете вы.
Каких бы успехов вы не добились, для вас все незначительно. В сознании перфекциониста работа над собой похожа не на покорение горы, а на рытье ямы. Для перфекциониста лучшим является состояние по умолчанию, а источником стыда – фраза «недостаточно хорош».
Используя такой подход, вы все еще можете замечать свои успехи. Как правило, перфекционисты много работают, поэтому у них больше шансов достичь цели. Проблема в том, что перфекционист не испытывает удовлетворение от своих успехов. Он постоянно давит на себя, чтобы с каждым разом рисовать все лучше и лучше, при этом лишая себя награды за реальные достижения. Выражаясь метафорически, перфекционисты не зарабатывают деньги, они погашают долги.
Читайте также:
У меня нет лекарства от перфекционизма, но я могу дать вам ценный совет. Вы должны понимать, что все только в вашей голове. Это не значит, что вы можете это контролировать или в чем-то виноваты. Просто любая ваша неудача не имеет никаких внешних последствий. Только внутренние. Это ранит, но не убивает.
Вы сделали ошибку, и что? Никто на вас не давит, и вы не обязаны быть идеальны во всем и всегда!
Вы считаете, что любые ошибки начинающих художников сравнимы позору. Но попытайтесь посмотреть на это более рационально: «Я человек, а все люди ошибаются. Но я могу учиться на своих ошибках и становиться лучше». Поэтому ошибайтесь! Если вы боитесь заняться фотосъемкой, потому что не знаете с чего начать, тогда намеренно начните неправильно. Получайте от этого удовольствие и растите над собой!
Вы считаете, что все люди обязаны хорошо рисовать? Нет. Так почему к себе так относитесь? Что делает вас особенным? Вы единственный, кто ожидает от себя потрясающих результатов во всем. Прикажите этой личности заткнуться хотя бы на время. И с каждым разом увеличивайте это время. Вы такой же, как все. И каждый человек многие вещи делает плохо. Так будьте похожим на остальных!
10. Считать реализм единственно правильным стилем рисования
Искусство, в самой популярной трактовке, – это создание копии реальности при помощи каких-либо средств. В каждом мазке кисточки должен быть какой-то скрытый смысл, и задача зрителя его распознать. И чем проще его распознать, тем лучше. Нет ничего хуже реалистичного рисунка, который не выглядит реалистично.
Если вы поклонник реализма, то для вас не существует компромиссов. Реализм – единственный стиль, который имеет значение, это вершина творчества. Все остальное пустяки и несерьезно. Линейный набросок может выглядеть очень красиво, но он никогда не будет так же крут, как фотореалистичный портрет карандашом.
У настоящих котов голова не круглая, неудачник!
В давние времена живопись должна была как можно точнее запечатлеть реальность. Тогда не было фотоаппаратов и видеокамер. Поэтому идеальный реализм был целью большинства мастеров прошлого. Сегодня у нас есть камеры и они гораздо точнее передают реальность, чем любой художник. И быстрее. Если нам нужно скопировать фото, мы пользуемся копировальной машиной. Сегодня невероятно просто запечатлеть реальность со 100% схожестью.
Из-за этого реализм (или фотореализм) стал просто искусством ради искусства. Вы рисуете реалистично только потому, что хотите доказать себе/другим, что умеете это, и ничего больше. Хотя сегодня реалистичные рисунки ничем не лучше других стилей. Реализм можно назвать стилем по умолчанию, но не единственным.
Быть хорошим художником не означает, что вы можете со 100%-ной точностью нарисовать реалистичный рисунок. Быть хорошим художником – это знать, как правильно, но позволять себе намеренно делать ошибки. Вы играете с реальностью и то, как вы это делаете, формирует ваш собственный стиль рисования.
В эпоху копировальных машин, намеренные ошибки могут превратить рисунок в настоящее произведение искусства
Если бы вершиной искусства считался реализм, то все художники рисовали бы одинаково. Идеально, но все же одинаково. Стилизованный рисунок – это ваша визитная карточка, которая делает вас уникальным. А это гораздо круче, чем реализм. В такую работу вы вкладываете частичку души. И вместо того, чтобы показать поклонникам своего творчества то, что они могут увидеть в реальности, вы показываете им то, что они не могут увидеть без вас. Я считаю, что в этом и заключается настоящее искусство!
Но как отличить действительно персональный стиль от случайности? Все зависит от ваших намерений. Если в голове была идея с конкретным результатом, а получилось иначе, это ошибка. А если вы понимаете, как должно быть реалистично, но намеренно искажаете, например, пропорции, это не ошибка. Поэтому отклонение от реализма должно быть целью, а не случайностью.
Но также важно изучить реалистичный рисунок. Если вы хотите изобразить льва, то должны знать, как он выглядит, чтобы другие тоже могли узнать его в вашем рисунке. Как только вы поймете, что считается реалистичным, то намеренно сможете заменять любые детали рисунка. И тогда вы перестанете быть рабом реализма!
Завершение
Рисование, как и любой другой навык, прост на поверхности, но таит в себе много подводных камней, если в него углубиться. А поскольку многие по-прежнему считают, что с этим навыком можно только родиться, то человеку будет сложно научиться рисовать. Надеюсь, эта статья нашла отклик внутри вас и помогла стать увереннее в своих способностях. Также рекомендую вам посетить социальную сеть художников и иллюстраторов wearts.ru. Там вы найдете современные арт-работы, сможете показать свои и получить поддержку от людей, увлекающихся творчеством. Ошибки начинающих художников легко исправить, если знать их первопричину.
Оставляйте комментарии, подписывайтесь на обновления и делитесь статьей в соц. сетях. Приятного творчества!
Мы покажем как научиться рисовать в программе GIMP, уроки отсортированы по дате
Сложность уроков: Сбросить:Как нарисовать солдата
Метки: 9 мая, рисование.
В любой армии любой страны есть солдаты, их мы и будем рисовать. А так как мы патриоты, то и рисовать мы будет солдата Российской армии.
18299 1 2 мая 2015 Вера Смирнова
Как рисовать русалку
Метки: графический планшет, животное, рисование, рисунок.
Схема рисования русалки как в Гимп при помощи графического планшета, так и на листе бумаги с карандашом.
24396 1 31 марта 2014 Вера Смирнова
Как нарисовать птицу
Метки: графический планшет, животное, кисть, птица, рисунок, слои.
Способ рисования птиц в GIMP на примере сороки. Рисуем с помощью кисти на разных слоях.
28698 2 20 марта 2014 Вера Смирнова
Как нарисовать дракона
Метки: животное, кисть, рисование.
Перевод и адаптация урока по рисованию в GIMP. Учимся анализировать, придумывать и рисовать вымышленных персонажей.
30234 1 16 марта 2014 Андрей Сидоров
Создаем росу на паутине
Метки: Layer Effects, выделение, капли, кисть, контуры, паутина, режимы смешивания, рисование, фильтры, эффект.
Урок-адаптация. Учимся создавать капельки росы на нитях паутины при помощи GIMP и фильтра Layer Effects.
12489 4.50 4 4 марта 2014 Юлия Кулиш
Анимированная открытка ко Дню защитника Отечества
Метки: 9 мая, анимация, выделение, градиент, звезды, искажения, линии, направляющие, открытка, рисование, рисунок, слои, текст, фильтры, экспорт.
Создание поздравительной анимационной открытки ко Дню защитника Отечества.
22660 5.00 19 февраля 2014 Лариса Белозерова
Джинсовая валентинка
Метки: альфа-канал, быстрая маска, выделение, градиент, коллажирование, контуры, направляющие, открытка, рисование, свет и тень, сердце, слои, текст, текстура, тонирование, фильтры, цветокоррекция.
Создаем текстуру джинсовой ткани стандартными инструментами GIMP и превращаем её в красивую праздничную открытку.
14599 4.50 7 14 февраля 2014 Дмитрий Павлович
Акварельная валентинка
Метки: акварель, градиент, кисти, кисть, обработка фото, открытка, постер, режимы смешивания, стилизация, текст.
На основе фотографии создаём акварельную валентинку спомощью стандартных инструментов GIMP и акварельных кистей.
17300 4.50 4 14 февраля 2014 Дмитрий Павлович
Страницы ← предыдущая следующая →
1 2 3 …
Руководство по цифровому искусству для начинающих — лучшие уроки рисования для начинающих
Подробный пост со ссылками на другие полезные ресурсы и учебники по искусству с советами о том, как подойти к цифровому искусству для новичков — от оборудования до программного обеспечения и рабочего процесса. Научиться рисовать может быть непросто, но, надеюсь, это руководство упростит ваше обучение.
Аппаратное обеспечение Digital Art — планшет для рисования и клавиатура Цель этого руководства — помочь новичкам ориентироваться в просторах цифрового искусства (живописи).Ищете традиционное искусство? Я создал руководство по традиционному искусству для новичков.Оборудование для цифровых художников
Рекомендую вложиться в графический планшет. Вам не понадобится cintiq или что-то в этом роде, подойдет просто базовый без экрана. Если вы хотите приобрести Cintiq, дерзайте! В области графических мониторов также есть много достойных конкурентов! Ознакомьтесь с обзором планшета для рисования с графическим монитором: Artisul D13S, если вам интересно!
Вы также можете приобрести графический планшетный компьютер (Surface) или iPad Pro.Я попробовал дешевый планшетный ПК, но микро-USB сломался довольно быстро, поэтому я рекомендую пойти по-крупному или пойти домой с ними, или просто придерживаться безэкранного.
Это было бы неплохо, но это немного дороже, чем просто покупка недорогого Wacom или одной из его альтернатив. Обновление * новые iPad можно приобрести довольно дешево и поддержать замечательный яблочный карандаш.
Я использовал Bamboo Capture, и он мне понравился. Сейчас я использую XP-PEN Deco 03 и Artisul D13S.
У меня также есть несколько других рекомендаций по продуктам, связанным с цифровым искусством (и не только).
Вы, наверное, не хотите рисовать тачпадом или мышкой…
Программы и ПО для цифрового искусства
Есть несколько претендентов на звание лучшего программного обеспечения для цифрового искусства для начинающих, и каждый выбор требует определенного обучения. Однако, как только вы выучите один, другие в основном будут достаточно похожи, поэтому нетрудно переключиться на другой.Вам просто нужно узнать, что такое слои, какие эффекты вы можете с ними делать, и выучить такие слова, как непрозрачность и поток.
Если вы хотите начать без огромной предоплаты, я бы посоветовал выбрать Krita, который является прекрасным выбором в море программ для искусства.
- Adobe Photoshop — предлагается сейчас в рамках модели подписки, но вы можете получить CS6 или CS5 навсегда по высокой первоначальной цене.
- Плюсы: Часто считается отраслевым стандартом, имеет множество кистей, текстур и ресурсов для использования — сообщество огромно.
- Affinity Photo / Designer — отличные программы, хотя и довольно новые. Я их сейчас люблю. Оба они намного дешевле, чем предлагает Adobe.
- Designer может использовать растровые / векторные кисти, хотя AP может быть немного больше похож на PS для рисования, если вы к этому привыкли. Вы можете попробовать бесплатные пробные версии для обоих и принять решение.
- Krita — Free & Open Source — прекрасный пример убивающего ее бесплатного программного обеспечения с открытым исходным кодом. Отличное сообщество, кисти, текстуры, интерфейс, цена! Больше ориентирован на рисование, чем на такие альтернативы, как GIMP.
- MyPaint — имеет прекрасный бесконечный холст (растр) и красиво сделанный движок кистей. Бесплатный и открытый исходный код. Для установки на macOS могут потребоваться некоторые технические знания (используйте MacPorts).
- Corel PaintShop Pro — не использовал, но слышал о нем хорошие отзывы!
- ArtRage — известен своим естественным / традиционным внешним видом кисти; не пробовал, но отзывы хорошие.
- GIMP — бесплатный и открытый исходный код, немного глючный, но теперь намного лучше, сравним с PS, но с более сложным пользовательским интерфейсом.Хотя вы можете модифицировать его так, чтобы он выглядел как PS.
- FireAlpaca и MediBang Paint, которые представляют собой бесплатное программное обеспечение для цифровой живописи и создания манги, близкое к Paint Tool SAI.
- Что касается программ для создания эскизов, их можно найти в Autodesk Sketchbook, Mischief и других.
- На данный момент, я думаю, было бы проще начать изучение одного из вышеперечисленных в первую очередь.
Начало работы
Теперь, когда вы сделали выбор, я рекомендую прочитать руководство пользователя установленного вами программного обеспечения.Или, возможно, найдите видео, которое позволит вам быстро изучить основы.
Или, если вам не хочется этого делать, вот несколько важных вещей, которые нужно знать, когда, поскольку цифровая живопись для начинающих может показаться ошеломляющей.
- Узнайте, как создать документ и, возможно, установить значение DPI 200/300.
- Узнайте, как настроить параметры кисти — особенно включить давление пера
- Узнать непрозрачность
- Узнайте жесткость кисти — я рекомендую рисовать твердой кистью.Мягкие края выглядят неаккуратно, и смешивание не так хорошо с мягкой кистью, если вы не рисуете как небо. Даже тогда облака выглядят лучше с резкими краями, но смешанными.
- Примечание: не сходите с ума в поисках щеток. Стандартная жесткая кисть по умолчанию — отличная кисть, и люди делают с ней удивительные вещи. Замечательно научиться пользоваться этим, прежде чем двигаться дальше и экспериментировать со случайными кистями.
- Изучите слоев и режимы, начиная с нормального, умножения и наложения.Я написал это и рекомендую прочитать сообщения @drawmaevedraw.
- Научиться пользоваться масками тоже очень полезно
- Изучение сочетаний клавиш помогает ускорить рабочий процесс.
- Изучите основы искусства в целом, которые применимы ко всем средствам, например:
- Разочарованы попытками найти свой стиль? Попробуйте поэкспериментировать и просто позвольте себе открыть это, когда вы научитесь больше рисовать.
Пример рабочего процесса
Есть так много разных способов рисовать.Вот только пример того, как вы могли бы начать, если чувствуете себя подавленным, поскольку процесс создания цифрового искусства может показаться пугающим. [Для перехода от традиционного к цифровому прокрутите вниз. ]
- Начните с основного, грубого фона.
- На новом слое создайте грубый набросок объекта в
- Необязательно, уменьшите непрозрачность этого слоя, создайте поверх него слой для работы с линиями, затем скройте или удалите (если вы нервничаете) слой эскиза
- Когда вы довольны эскизом (или линейным слоем), уменьшите непрозрачность.
- На новом слое под эскизом нарисуйте основными цветами (без оттенков / бликов) формы вашего объекта
- На новом слое, настроенном на умножение, начните добавлять детали и тени. Оптимально использовать цветные оттенки, а не просто добавлять черный к основному цвету. Это будет выглядеть плохо и неестественно.
- На новом слое, установленном в режим наложения, добавьте несколько бликов. Не переусердствуйте и следите за тем, где находится ваш источник освещения, и поддерживайте его постоянство.
- На новом слое смешайте несколько цветов вместе с помощью пипетки и кисти, чтобы сделать переходы более плавными, но не смешивайте их слишком часто.
- На новом слое добавьте последние штрихи по своему усмотрению.
- Знак и экспорт
Рекомендуется периодически сохранять свою работу. Если ваш файл слишком большой, вы можете объединить слои, но будьте осторожны с этим.
Переход от традиционных к цифровым
Вы можете взять традиционные эскизы, изменить их, а затем закрасить. Совет о том, как это сделать, здесь и здесь.
Вы также можете начать прямо в цифровом формате. Это ваше личное предпочтение.Я рекомендую научиться делать и то, и другое, а затем делать то, что вам подходит в данный момент.
Например, возможно, вас поразит вдохновение, и вы будете рисовать по традиции. Теперь полезно узнать, как перенести этот набросок в цифровой формат, если хотите.
Ресурсы для отличных новичков
Я выбрал эти сайты, потому что на них есть отличные, исчерпывающие уроки рисования для начинающих. Эти ресурсы довольно хороши и содержат много исчерпывающей информации, которую, я думаю, вам следует проверить, прежде чем покупать курсы или оплачивать онлайн-уроки искусства.Благодаря прекрасным интернет-авторам, есть бесплатные уроки цифровой живописи. А поскольку они бесплатны, у вас будет больше мотивации научиться рисовать в цифровом формате уже сегодня.
Решения обычных разочарований
https://artres.xyz/post/how-to-draw-smoother-lines/
Рисование более плавных линий — настоящая проблема для многих из нас! Вот несколько быстрых советов, как рисовать более плавные линии.
Положение руки
- Чтобы линии были более плавными, старайтесь рисовать не пальцами, а локтем или плечом.Это может потребовать смены захвата.
- Это отличное сравнение положений рук для рисования.
- Попробуйте воспроизвести удар в воздухе, прежде чем совершить его.
- При отработке овалов, кругов и линий двигайтесь быстро. Вы также хотите делать линейные относительно быстро.
- Если вы делаете это традиционно, попробуйте использовать лайтбокс, чтобы не повредить эскиз при рисовании линий. Таким образом, вы сможете практиковать подкладку быстрее и ровнее с меньшим стрессом.
Цифровые опции / Программное обеспечение
- В цифровом виде все, что вам нужно, — это еще один слой.Многие программы для цифрового искусства также поставляются со стабилизатором кисти, который может быть очень полезен. Он встроен в Krita и Photoshop.
- Вы также можете установить такую программу, как Lazy Nezumi для Windows или Hej Stylus для Mac. Это оба платных, отточенных варианта от Indie Devs.
Надеюсь, это вам поможет! Если вам понравилось, поделитесь этим постом с друзьями, чтобы его увидело больше людей!
Руководство по цифровому искусству для начинающих — лучшие уроки рисования для начинающих
Подробный пост со ссылками на другие полезные ресурсы и учебники по искусству с советами о том, как подойти к цифровому искусству для новичков — от оборудования до программного обеспечения и рабочего процесса.Научиться рисовать может быть непросто, но, надеюсь, это руководство упростит ваше обучение.
Аппаратное обеспечение Digital Art — планшет для рисования и клавиатура Цель этого руководства — помочь новичкам ориентироваться в просторах цифрового искусства (живописи). Ищете традиционное искусство? Я создал руководство по традиционному искусству для новичков.Оборудование для цифровых художников
Рекомендую вложиться в графический планшет.Вам не понадобится cintiq или что-то в этом роде, подойдет просто базовый без экрана. Если вы хотите приобрести Cintiq, дерзайте! В области графических мониторов также есть много достойных конкурентов! Ознакомьтесь с обзором планшета для рисования с графическим монитором: Artisul D13S, если вам интересно!
Вы также можете приобрести графический планшетный компьютер (Surface) или iPad Pro. Я попробовал дешевый планшетный ПК, но микро-USB сломался довольно быстро, поэтому я рекомендую пойти по-крупному или пойти домой с ними, или просто придерживаться безэкранного.
Это было бы неплохо, но это немного дороже, чем просто покупка недорогого Wacom или одной из его альтернатив. Обновление * новые iPad можно приобрести довольно дешево и поддержать замечательный яблочный карандаш.
Я использовал Bamboo Capture, и он мне понравился. Сейчас я использую XP-PEN Deco 03 и Artisul D13S.
У меня также есть несколько других рекомендаций по продуктам, связанным с цифровым искусством (и не только).
Вы, наверное, не хотите рисовать тачпадом или мышкой…
Программы и ПО для цифрового искусства
Есть несколько претендентов на звание лучшего программного обеспечения для цифрового искусства для начинающих, и каждый выбор требует определенного обучения.Однако, как только вы выучите один, другие в основном будут достаточно похожи, поэтому нетрудно переключиться на другой. Вам просто нужно узнать, что такое слои, какие эффекты вы можете с ними делать, и выучить такие слова, как непрозрачность и поток.
Если вы хотите начать без огромной предоплаты, я бы посоветовал выбрать Krita, который является прекрасным выбором в море программ для искусства.
- Adobe Photoshop — предлагается сейчас в рамках модели подписки, но вы можете получить CS6 или CS5 навсегда по высокой первоначальной цене.
- Плюсы: Часто считается отраслевым стандартом, имеет множество кистей, текстур и ресурсов для использования — сообщество огромно.
- Affinity Photo / Designer — отличные программы, хотя и довольно новые. Я их сейчас люблю. Оба они намного дешевле, чем предлагает Adobe.
- Designer может использовать растровые / векторные кисти, хотя AP может быть немного больше похож на PS для рисования, если вы к этому привыкли. Вы можете попробовать бесплатные пробные версии для обоих и принять решение.
- Krita — Free & Open Source — прекрасный пример убивающего ее бесплатного программного обеспечения с открытым исходным кодом.Отличное сообщество, кисти, текстуры, интерфейс, цена! Больше ориентирован на рисование, чем на такие альтернативы, как GIMP.
- MyPaint — имеет прекрасный бесконечный холст (растр) и красиво сделанный движок кистей. Бесплатный и открытый исходный код. Для установки на macOS могут потребоваться некоторые технические знания (используйте MacPorts).
- Corel PaintShop Pro — не использовал, но слышал о нем хорошие отзывы!
- ArtRage — известен своим естественным / традиционным внешним видом кисти; не пробовал, но отзывы хорошие.
- GIMP — бесплатный и открытый исходный код, немного глючный, но теперь намного лучше, сравним с PS, но с более сложным пользовательским интерфейсом.Хотя вы можете модифицировать его так, чтобы он выглядел как PS.
- FireAlpaca и MediBang Paint, которые представляют собой бесплатное программное обеспечение для цифровой живописи и создания манги, близкое к Paint Tool SAI.
- Что касается программ для создания эскизов, их можно найти в Autodesk Sketchbook, Mischief и других.
- На данный момент, я думаю, было бы проще начать изучение одного из вышеперечисленных в первую очередь.
Начало работы
Теперь, когда вы сделали выбор, я рекомендую прочитать руководство пользователя установленного вами программного обеспечения.Или, возможно, найдите видео, которое позволит вам быстро изучить основы.
Или, если вам не хочется этого делать, вот несколько важных вещей, которые нужно знать, когда, поскольку цифровая живопись для начинающих может показаться ошеломляющей.
- Узнайте, как создать документ и, возможно, установить значение DPI 200/300.
- Узнайте, как настроить параметры кисти — особенно включить давление пера
- Узнать непрозрачность
- Узнайте жесткость кисти — я рекомендую рисовать твердой кистью.Мягкие края выглядят неаккуратно, и смешивание не так хорошо с мягкой кистью, если вы не рисуете как небо. Даже тогда облака выглядят лучше с резкими краями, но смешанными.
- Примечание: не сходите с ума в поисках щеток. Стандартная жесткая кисть по умолчанию — отличная кисть, и люди делают с ней удивительные вещи. Замечательно научиться пользоваться этим, прежде чем двигаться дальше и экспериментировать со случайными кистями.
- Изучите слоев и режимы, начиная с нормального, умножения и наложения.Я написал это и рекомендую прочитать сообщения @drawmaevedraw.
- Научиться пользоваться масками тоже очень полезно
- Изучение сочетаний клавиш помогает ускорить рабочий процесс.
- Изучите основы искусства в целом, которые применимы ко всем средствам, например:
- Разочарованы попытками найти свой стиль? Попробуйте поэкспериментировать и просто позвольте себе открыть это, когда вы научитесь больше рисовать.
Пример рабочего процесса
Есть так много разных способов рисовать.Вот только пример того, как вы могли бы начать, если чувствуете себя подавленным, поскольку процесс создания цифрового искусства может показаться пугающим. [Для перехода от традиционного к цифровому прокрутите вниз. ]
- Начните с основного, грубого фона.
- На новом слое создайте грубый набросок объекта в
- Необязательно, уменьшите непрозрачность этого слоя, создайте поверх него слой для работы с линиями, затем скройте или удалите (если вы нервничаете) слой эскиза
- Когда вы довольны эскизом (или линейным слоем), уменьшите непрозрачность.
- На новом слое под эскизом нарисуйте основными цветами (без оттенков / бликов) формы вашего объекта
- На новом слое, настроенном на умножение, начните добавлять детали и тени. Оптимально использовать цветные оттенки, а не просто добавлять черный к основному цвету. Это будет выглядеть плохо и неестественно.
- На новом слое, установленном в режим наложения, добавьте несколько бликов. Не переусердствуйте и следите за тем, где находится ваш источник освещения, и поддерживайте его постоянство.
- На новом слое смешайте несколько цветов вместе с помощью пипетки и кисти, чтобы сделать переходы более плавными, но не смешивайте их слишком часто.
- На новом слое добавьте последние штрихи по своему усмотрению.
- Знак и экспорт
Рекомендуется периодически сохранять свою работу. Если ваш файл слишком большой, вы можете объединить слои, но будьте осторожны с этим.
Переход от традиционных к цифровым
Вы можете взять традиционные эскизы, изменить их, а затем закрасить. Совет о том, как это сделать, здесь и здесь.
Вы также можете начать прямо в цифровом формате. Это ваше личное предпочтение.Я рекомендую научиться делать и то, и другое, а затем делать то, что вам подходит в данный момент.
Например, возможно, вас поразит вдохновение, и вы будете рисовать по традиции. Теперь полезно узнать, как перенести этот набросок в цифровой формат, если хотите.
Ресурсы для отличных новичков
Я выбрал эти сайты, потому что на них есть отличные, исчерпывающие уроки рисования для начинающих. Эти ресурсы довольно хороши и содержат много исчерпывающей информации, которую, я думаю, вам следует проверить, прежде чем покупать курсы или оплачивать онлайн-уроки искусства.Благодаря прекрасным интернет-авторам, есть бесплатные уроки цифровой живописи. А поскольку они бесплатны, у вас будет больше мотивации научиться рисовать в цифровом формате уже сегодня.
Решения обычных разочарований
https://artres.xyz/post/how-to-draw-smoother-lines/
Рисование более плавных линий — настоящая проблема для многих из нас! Вот несколько быстрых советов, как рисовать более плавные линии.
Положение руки
- Чтобы линии были более плавными, старайтесь рисовать не пальцами, а локтем или плечом.Это может потребовать смены захвата.
- Это отличное сравнение положений рук для рисования.
- Попробуйте воспроизвести удар в воздухе, прежде чем совершить его.
- При отработке овалов, кругов и линий двигайтесь быстро. Вы также хотите делать линейные относительно быстро.
- Если вы делаете это традиционно, попробуйте использовать лайтбокс, чтобы не повредить эскиз при рисовании линий. Таким образом, вы сможете практиковать подкладку быстрее и ровнее с меньшим стрессом.
Цифровые опции / Программное обеспечение
- В цифровом виде все, что вам нужно, — это еще один слой.Многие программы для цифрового искусства также поставляются со стабилизатором кисти, который может быть очень полезен. Он встроен в Krita и Photoshop.
- Вы также можете установить такую программу, как Lazy Nezumi для Windows или Hej Stylus для Mac. Это оба платных, отточенных варианта от Indie Devs.
Надеюсь, это вам поможет! Если вам понравилось, поделитесь этим постом с друзьями, чтобы его увидело больше людей!
Руководство по цифровому искусству для начинающих — лучшие уроки рисования для начинающих
Подробный пост со ссылками на другие полезные ресурсы и учебники по искусству с советами о том, как подойти к цифровому искусству для новичков — от оборудования до программного обеспечения и рабочего процесса.Научиться рисовать может быть непросто, но, надеюсь, это руководство упростит ваше обучение.
Аппаратное обеспечение Digital Art — планшет для рисования и клавиатура Цель этого руководства — помочь новичкам ориентироваться в просторах цифрового искусства (живописи). Ищете традиционное искусство? Я создал руководство по традиционному искусству для новичков.Оборудование для цифровых художников
Рекомендую вложиться в графический планшет.Вам не понадобится cintiq или что-то в этом роде, подойдет просто базовый без экрана. Если вы хотите приобрести Cintiq, дерзайте! В области графических мониторов также есть много достойных конкурентов! Ознакомьтесь с обзором планшета для рисования с графическим монитором: Artisul D13S, если вам интересно!
Вы также можете приобрести графический планшетный компьютер (Surface) или iPad Pro. Я попробовал дешевый планшетный ПК, но микро-USB сломался довольно быстро, поэтому я рекомендую пойти по-крупному или пойти домой с ними, или просто придерживаться безэкранного.
Это было бы неплохо, но это немного дороже, чем просто покупка недорогого Wacom или одной из его альтернатив. Обновление * новые iPad можно приобрести довольно дешево и поддержать замечательный яблочный карандаш.
Я использовал Bamboo Capture, и он мне понравился. Сейчас я использую XP-PEN Deco 03 и Artisul D13S.
У меня также есть несколько других рекомендаций по продуктам, связанным с цифровым искусством (и не только).
Вы, наверное, не хотите рисовать тачпадом или мышкой…
Программы и ПО для цифрового искусства
Есть несколько претендентов на звание лучшего программного обеспечения для цифрового искусства для начинающих, и каждый выбор требует определенного обучения.Однако, как только вы выучите один, другие в основном будут достаточно похожи, поэтому нетрудно переключиться на другой. Вам просто нужно узнать, что такое слои, какие эффекты вы можете с ними делать, и выучить такие слова, как непрозрачность и поток.
Если вы хотите начать без огромной предоплаты, я бы посоветовал выбрать Krita, который является прекрасным выбором в море программ для искусства.
- Adobe Photoshop — предлагается сейчас в рамках модели подписки, но вы можете получить CS6 или CS5 навсегда по высокой первоначальной цене.
- Плюсы: Часто считается отраслевым стандартом, имеет множество кистей, текстур и ресурсов для использования — сообщество огромно.
- Affinity Photo / Designer — отличные программы, хотя и довольно новые. Я их сейчас люблю. Оба они намного дешевле, чем предлагает Adobe.
- Designer может использовать растровые / векторные кисти, хотя AP может быть немного больше похож на PS для рисования, если вы к этому привыкли. Вы можете попробовать бесплатные пробные версии для обоих и принять решение.
- Krita — Free & Open Source — прекрасный пример убивающего ее бесплатного программного обеспечения с открытым исходным кодом.Отличное сообщество, кисти, текстуры, интерфейс, цена! Больше ориентирован на рисование, чем на такие альтернативы, как GIMP.
- MyPaint — имеет прекрасный бесконечный холст (растр) и красиво сделанный движок кистей. Бесплатный и открытый исходный код. Для установки на macOS могут потребоваться некоторые технические знания (используйте MacPorts).
- Corel PaintShop Pro — не использовал, но слышал о нем хорошие отзывы!
- ArtRage — известен своим естественным / традиционным внешним видом кисти; не пробовал, но отзывы хорошие.
- GIMP — бесплатный и открытый исходный код, немного глючный, но теперь намного лучше, сравним с PS, но с более сложным пользовательским интерфейсом.Хотя вы можете модифицировать его так, чтобы он выглядел как PS.
- FireAlpaca и MediBang Paint, которые представляют собой бесплатное программное обеспечение для цифровой живописи и создания манги, близкое к Paint Tool SAI.
- Что касается программ для создания эскизов, их можно найти в Autodesk Sketchbook, Mischief и других.
- На данный момент, я думаю, было бы проще начать изучение одного из вышеперечисленных в первую очередь.
Начало работы
Теперь, когда вы сделали выбор, я рекомендую прочитать руководство пользователя установленного вами программного обеспечения.Или, возможно, найдите видео, которое позволит вам быстро изучить основы.
Или, если вам не хочется этого делать, вот несколько важных вещей, которые нужно знать, когда, поскольку цифровая живопись для начинающих может показаться ошеломляющей.
- Узнайте, как создать документ и, возможно, установить значение DPI 200/300.
- Узнайте, как настроить параметры кисти — особенно включить давление пера
- Узнать непрозрачность
- Узнайте жесткость кисти — я рекомендую рисовать твердой кистью.Мягкие края выглядят неаккуратно, и смешивание не так хорошо с мягкой кистью, если вы не рисуете как небо. Даже тогда облака выглядят лучше с резкими краями, но смешанными.
- Примечание: не сходите с ума в поисках щеток. Стандартная жесткая кисть по умолчанию — отличная кисть, и люди делают с ней удивительные вещи. Замечательно научиться пользоваться этим, прежде чем двигаться дальше и экспериментировать со случайными кистями.
- Изучите слоев и режимы, начиная с нормального, умножения и наложения.Я написал это и рекомендую прочитать сообщения @drawmaevedraw.
- Научиться пользоваться масками тоже очень полезно
- Изучение сочетаний клавиш помогает ускорить рабочий процесс.
- Изучите основы искусства в целом, которые применимы ко всем средствам, например:
- Разочарованы попытками найти свой стиль? Попробуйте поэкспериментировать и просто позвольте себе открыть это, когда вы научитесь больше рисовать.
Пример рабочего процесса
Есть так много разных способов рисовать.Вот только пример того, как вы могли бы начать, если чувствуете себя подавленным, поскольку процесс создания цифрового искусства может показаться пугающим. [Для перехода от традиционного к цифровому прокрутите вниз. ]
- Начните с основного, грубого фона.
- На новом слое создайте грубый набросок объекта в
- Необязательно, уменьшите непрозрачность этого слоя, создайте поверх него слой для работы с линиями, затем скройте или удалите (если вы нервничаете) слой эскиза
- Когда вы довольны эскизом (или линейным слоем), уменьшите непрозрачность.
- На новом слое под эскизом нарисуйте основными цветами (без оттенков / бликов) формы вашего объекта
- На новом слое, настроенном на умножение, начните добавлять детали и тени. Оптимально использовать цветные оттенки, а не просто добавлять черный к основному цвету. Это будет выглядеть плохо и неестественно.
- На новом слое, установленном в режим наложения, добавьте несколько бликов. Не переусердствуйте и следите за тем, где находится ваш источник освещения, и поддерживайте его постоянство.
- На новом слое смешайте несколько цветов вместе с помощью пипетки и кисти, чтобы сделать переходы более плавными, но не смешивайте их слишком часто.
- На новом слое добавьте последние штрихи по своему усмотрению.
- Знак и экспорт
Рекомендуется периодически сохранять свою работу. Если ваш файл слишком большой, вы можете объединить слои, но будьте осторожны с этим.
Переход от традиционных к цифровым
Вы можете взять традиционные эскизы, изменить их, а затем закрасить. Совет о том, как это сделать, здесь и здесь.
Вы также можете начать прямо в цифровом формате. Это ваше личное предпочтение.Я рекомендую научиться делать и то, и другое, а затем делать то, что вам подходит в данный момент.
Например, возможно, вас поразит вдохновение, и вы будете рисовать по традиции. Теперь полезно узнать, как перенести этот набросок в цифровой формат, если хотите.
Ресурсы для отличных новичков
Я выбрал эти сайты, потому что на них есть отличные, исчерпывающие уроки рисования для начинающих. Эти ресурсы довольно хороши и содержат много исчерпывающей информации, которую, я думаю, вам следует проверить, прежде чем покупать курсы или оплачивать онлайн-уроки искусства.Благодаря прекрасным интернет-авторам, есть бесплатные уроки цифровой живописи. А поскольку они бесплатны, у вас будет больше мотивации научиться рисовать в цифровом формате уже сегодня.
Решения обычных разочарований
https://artres.xyz/post/how-to-draw-smoother-lines/
Рисование более плавных линий — настоящая проблема для многих из нас! Вот несколько быстрых советов, как рисовать более плавные линии.
Положение руки
- Чтобы линии были более плавными, старайтесь рисовать не пальцами, а локтем или плечом.Это может потребовать смены захвата.
- Это отличное сравнение положений рук для рисования.
- Попробуйте воспроизвести удар в воздухе, прежде чем совершить его.
- При отработке овалов, кругов и линий двигайтесь быстро. Вы также хотите делать линейные относительно быстро.
- Если вы делаете это традиционно, попробуйте использовать лайтбокс, чтобы не повредить эскиз при рисовании линий. Таким образом, вы сможете практиковать подкладку быстрее и ровнее с меньшим стрессом.
Цифровые опции / Программное обеспечение
- В цифровом виде все, что вам нужно, — это еще один слой.Многие программы для цифрового искусства также поставляются со стабилизатором кисти, который может быть очень полезен. Он встроен в Krita и Photoshop.
- Вы также можете установить такую программу, как Lazy Nezumi для Windows или Hej Stylus для Mac. Это оба платных, отточенных варианта от Indie Devs.
Надеюсь, это вам поможет! Если вам понравилось, поделитесь этим постом с друзьями, чтобы его увидело больше людей!
Руководство по цифровому искусству для начинающих — лучшие уроки рисования для начинающих
Подробный пост со ссылками на другие полезные ресурсы и учебники по искусству с советами о том, как подойти к цифровому искусству для новичков — от оборудования до программного обеспечения и рабочего процесса.Научиться рисовать может быть непросто, но, надеюсь, это руководство упростит ваше обучение.
Аппаратное обеспечение Digital Art — планшет для рисования и клавиатура Цель этого руководства — помочь новичкам ориентироваться в просторах цифрового искусства (живописи). Ищете традиционное искусство? Я создал руководство по традиционному искусству для новичков.Оборудование для цифровых художников
Рекомендую вложиться в графический планшет.Вам не понадобится cintiq или что-то в этом роде, подойдет просто базовый без экрана. Если вы хотите приобрести Cintiq, дерзайте! В области графических мониторов также есть много достойных конкурентов! Ознакомьтесь с обзором планшета для рисования с графическим монитором: Artisul D13S, если вам интересно!
Вы также можете приобрести графический планшетный компьютер (Surface) или iPad Pro. Я попробовал дешевый планшетный ПК, но микро-USB сломался довольно быстро, поэтому я рекомендую пойти по-крупному или пойти домой с ними, или просто придерживаться безэкранного.
Это было бы неплохо, но это немного дороже, чем просто покупка недорогого Wacom или одной из его альтернатив. Обновление * новые iPad можно приобрести довольно дешево и поддержать замечательный яблочный карандаш.
Я использовал Bamboo Capture, и он мне понравился. Сейчас я использую XP-PEN Deco 03 и Artisul D13S.
У меня также есть несколько других рекомендаций по продуктам, связанным с цифровым искусством (и не только).
Вы, наверное, не хотите рисовать тачпадом или мышкой…
Программы и ПО для цифрового искусства
Есть несколько претендентов на звание лучшего программного обеспечения для цифрового искусства для начинающих, и каждый выбор требует определенного обучения.Однако, как только вы выучите один, другие в основном будут достаточно похожи, поэтому нетрудно переключиться на другой. Вам просто нужно узнать, что такое слои, какие эффекты вы можете с ними делать, и выучить такие слова, как непрозрачность и поток.
Если вы хотите начать без огромной предоплаты, я бы посоветовал выбрать Krita, который является прекрасным выбором в море программ для искусства.
- Adobe Photoshop — предлагается сейчас в рамках модели подписки, но вы можете получить CS6 или CS5 навсегда по высокой первоначальной цене.
- Плюсы: Часто считается отраслевым стандартом, имеет множество кистей, текстур и ресурсов для использования — сообщество огромно.
- Affinity Photo / Designer — отличные программы, хотя и довольно новые. Я их сейчас люблю. Оба они намного дешевле, чем предлагает Adobe.
- Designer может использовать растровые / векторные кисти, хотя AP может быть немного больше похож на PS для рисования, если вы к этому привыкли. Вы можете попробовать бесплатные пробные версии для обоих и принять решение.
- Krita — Free & Open Source — прекрасный пример убивающего ее бесплатного программного обеспечения с открытым исходным кодом.Отличное сообщество, кисти, текстуры, интерфейс, цена! Больше ориентирован на рисование, чем на такие альтернативы, как GIMP.
- MyPaint — имеет прекрасный бесконечный холст (растр) и красиво сделанный движок кистей. Бесплатный и открытый исходный код. Для установки на macOS могут потребоваться некоторые технические знания (используйте MacPorts).
- Corel PaintShop Pro — не использовал, но слышал о нем хорошие отзывы!
- ArtRage — известен своим естественным / традиционным внешним видом кисти; не пробовал, но отзывы хорошие.
- GIMP — бесплатный и открытый исходный код, немного глючный, но теперь намного лучше, сравним с PS, но с более сложным пользовательским интерфейсом.Хотя вы можете модифицировать его так, чтобы он выглядел как PS.
- FireAlpaca и MediBang Paint, которые представляют собой бесплатное программное обеспечение для цифровой живописи и создания манги, близкое к Paint Tool SAI.
- Что касается программ для создания эскизов, их можно найти в Autodesk Sketchbook, Mischief и других.
- На данный момент, я думаю, было бы проще начать изучение одного из вышеперечисленных в первую очередь.
Начало работы
Теперь, когда вы сделали выбор, я рекомендую прочитать руководство пользователя установленного вами программного обеспечения.Или, возможно, найдите видео, которое позволит вам быстро изучить основы.
Или, если вам не хочется этого делать, вот несколько важных вещей, которые нужно знать, когда, поскольку цифровая живопись для начинающих может показаться ошеломляющей.
- Узнайте, как создать документ и, возможно, установить значение DPI 200/300.
- Узнайте, как настроить параметры кисти — особенно включить давление пера
- Узнать непрозрачность
- Узнайте жесткость кисти — я рекомендую рисовать твердой кистью.Мягкие края выглядят неаккуратно, и смешивание не так хорошо с мягкой кистью, если вы не рисуете как небо. Даже тогда облака выглядят лучше с резкими краями, но смешанными.
- Примечание: не сходите с ума в поисках щеток. Стандартная жесткая кисть по умолчанию — отличная кисть, и люди делают с ней удивительные вещи. Замечательно научиться пользоваться этим, прежде чем двигаться дальше и экспериментировать со случайными кистями.
- Изучите слоев и режимы, начиная с нормального, умножения и наложения.Я написал это и рекомендую прочитать сообщения @drawmaevedraw.
- Научиться пользоваться масками тоже очень полезно
- Изучение сочетаний клавиш помогает ускорить рабочий процесс.
- Изучите основы искусства в целом, которые применимы ко всем средствам, например:
- Разочарованы попытками найти свой стиль? Попробуйте поэкспериментировать и просто позвольте себе открыть это, когда вы научитесь больше рисовать.
Пример рабочего процесса
Есть так много разных способов рисовать.Вот только пример того, как вы могли бы начать, если чувствуете себя подавленным, поскольку процесс создания цифрового искусства может показаться пугающим. [Для перехода от традиционного к цифровому прокрутите вниз. ]
- Начните с основного, грубого фона.
- На новом слое создайте грубый набросок объекта в
- Необязательно, уменьшите непрозрачность этого слоя, создайте поверх него слой для работы с линиями, затем скройте или удалите (если вы нервничаете) слой эскиза
- Когда вы довольны эскизом (или линейным слоем), уменьшите непрозрачность.
- На новом слое под эскизом нарисуйте основными цветами (без оттенков / бликов) формы вашего объекта
- На новом слое, настроенном на умножение, начните добавлять детали и тени. Оптимально использовать цветные оттенки, а не просто добавлять черный к основному цвету. Это будет выглядеть плохо и неестественно.
- На новом слое, установленном в режим наложения, добавьте несколько бликов. Не переусердствуйте и следите за тем, где находится ваш источник освещения, и поддерживайте его постоянство.
- На новом слое смешайте несколько цветов вместе с помощью пипетки и кисти, чтобы сделать переходы более плавными, но не смешивайте их слишком часто.
- На новом слое добавьте последние штрихи по своему усмотрению.
- Знак и экспорт
Рекомендуется периодически сохранять свою работу. Если ваш файл слишком большой, вы можете объединить слои, но будьте осторожны с этим.
Переход от традиционных к цифровым
Вы можете взять традиционные эскизы, изменить их, а затем закрасить. Совет о том, как это сделать, здесь и здесь.
Вы также можете начать прямо в цифровом формате. Это ваше личное предпочтение.Я рекомендую научиться делать и то, и другое, а затем делать то, что вам подходит в данный момент.
Например, возможно, вас поразит вдохновение, и вы будете рисовать по традиции. Теперь полезно узнать, как перенести этот набросок в цифровой формат, если хотите.
Ресурсы для отличных новичков
Я выбрал эти сайты, потому что на них есть отличные, исчерпывающие уроки рисования для начинающих. Эти ресурсы довольно хороши и содержат много исчерпывающей информации, которую, я думаю, вам следует проверить, прежде чем покупать курсы или оплачивать онлайн-уроки искусства.Благодаря прекрасным интернет-авторам, есть бесплатные уроки цифровой живописи. А поскольку они бесплатны, у вас будет больше мотивации научиться рисовать в цифровом формате уже сегодня.
Решения обычных разочарований
https://artres.xyz/post/how-to-draw-smoother-lines/
Рисование более плавных линий — настоящая проблема для многих из нас! Вот несколько быстрых советов, как рисовать более плавные линии.
Положение руки
- Чтобы линии были более плавными, старайтесь рисовать не пальцами, а локтем или плечом.Это может потребовать смены захвата.
- Это отличное сравнение положений рук для рисования.
- Попробуйте воспроизвести удар в воздухе, прежде чем совершить его.
- При отработке овалов, кругов и линий двигайтесь быстро. Вы также хотите делать линейные относительно быстро.
- Если вы делаете это традиционно, попробуйте использовать лайтбокс, чтобы не повредить эскиз при рисовании линий. Таким образом, вы сможете практиковать подкладку быстрее и ровнее с меньшим стрессом.
Цифровые опции / Программное обеспечение
- В цифровом виде все, что вам нужно, — это еще один слой.Многие программы для цифрового искусства также поставляются со стабилизатором кисти, который может быть очень полезен. Он встроен в Krita и Photoshop.
- Вы также можете установить такую программу, как Lazy Nezumi для Windows или Hej Stylus для Mac. Это оба платных, отточенных варианта от Indie Devs.
Надеюсь, это вам поможет! Если вам понравилось, поделитесь этим постом с друзьями, чтобы его увидело больше людей!
9 простых вещей для начинающих
Установите правила для себя.
Ограничения могут помочь вам развить свои навыки. Например, когда вы заполняете свой альбом для рисования, начните с ограниченной цветовой палитры, чтобы не отвлекаться на все возможности. «Выбор цвета, который мне нравится, и выбор еще двух цветов, которые с ним хорошо смотрятся, действительно улучшили мое восприятие цвета», — говорит Стэнтон. Он добавляет, что не стоит слишком долго связывать себя этим правилом. Когда он больше не служит вам, начните его ломать.
Следуй за своей страстью.
Рисование — это весело, если вам нравится то, что вы рисуете. Если вас интересуют фрукты, нарисуйте натюрморт с фруктами в миске. Если вас интересуют космические корабли или герои мультфильмов, нарисуйте их. «На самом деле обратите внимание на то, как они нарисованы, — говорит Эллиотт. «Если вы рисуете с чужого рисунка, сосредоточьтесь на том, как они строят свои линии. Если вы рисуете из реальной жизни, обращайте пристальное внимание на предметы и пространство вокруг них ».
Для больших композиций сделайте сетку.
Если вы хотите воссоздать фотографию или нарисовать картинку с несколькими различными элементами, линии сетки могут помочь вам определить, где все находится. «Если у вас есть фотография или иллюстрация, разбитая на квадранты, вы можете начать с одного небольшого раздела и сначала выполнить этот раздел, а затем перейти к следующему. Просто убедитесь, что вы все еще подключаете его к предыдущему разделу, чтобы они по-прежнему связаны друг с другом », — говорит Эллиотт.
Практикуйтесь с этими простыми идеями рисования.Получите практические советы от профессиональных художников и следуйте этим простым пошаговым инструкциям. После того, как вы попрактикуетесь, объедините несколько в одну картинку.
Как нарисовать птицу : Поскольку птицы бывают всех форм, цветов и размеров, начните со справочных фотографий того типа, который вы хотите нарисовать. Затем нарисуйте основные формы, из которых состоит птица: овал или капля для тела, круг для головы, треугольник для клюва и, возможно, тонкий прямоугольник для перьев хвоста.Не забывайте о лапах, если птица на чем-то сидит. Затем нужно просто добавить несколько слоев деталей и использовать линии, чтобы обозначить перья. Чтобы добавить цвета, попробуйте использовать акварельные кисти в Adobe Fresco.
Как нарисовать собаку : Есть много разных пород и много вариаций внутри пород, поэтому внимательно изучите справочные фотографии. Независимо от того, рисуете ли вы симпатичную собаку или свирепую, первые шаги одинаковы: ощутите формы всех различных частей тела, а затем попытайтесь запечатлеть их и их отношения друг к другу.Обратите внимание на глаза, в которых заложена большая часть индивидуальности собаки.
Какой планшет для рисования для начинающих художников выбрать?
Я помню, как в один прекрасный летний день согласился встретиться с другом в кафе. Поскольку я планировщик типа А, я решил приехать очень рано без какой-либо особой причины, кроме как вовремя. Когда я попал туда, я был, конечно, первым, но было еще кое-что.
Возле камина женщина рисовала на своих произведениях искусства.Похоже на фильм, не так ли? Интересно то, что это был один из первых случаев, когда я видел человека, серьезного художника, который трудился над планшетом, а не с блокнотом.
Я был невероятно впечатлен. Это исходил от парня, который, когда скучал, создавал картинки ужасного качества, используя версию MS Paint для Windows XP. Художница, сидящая у камина, рисовала фигуры, наполняя свою «страницу» искусными рисунками, экономя много бумаги
Это мне так понравилось.Одним движением пальца вы можете стереть ошибку, вместо того, чтобы использовать настоящий ластик, в результате чего на странице появится призрак ваших прошлых ошибок.
К счастью для любого художника, живопись и рисунок не ограничиваются красками, холстами, ручками и блокнотами для рисования. Могу гарантировать, что Леонардо да Винчи и Рембрандт будут чрезвычайно ревновать.
Связано: Заработайте степень в области искусства в ИнтернетеЧто делает хороший планшет для рисования?
Хорошо, теперь, когда мы установили, что рисование на планшетах, откровенно говоря, предпочтительнее, чем рисование чернилами и грязными зарисовками, что именно делает хороший планшет для рисования? Сможете ли вы взять стилусом любой старый планшет и приступить к работе?
Ну, конечно, возможно.Это то, что вам следует делать, если вы пытаетесь отточить свои навыки рисования и искусства? Возможно нет. Для этого я настоятельно рекомендую хороший планшет, желательно тот, который создан для творческих начинаний.
Палец о двух концах заключается в том, что существует невероятно огромное количество таблеток, которые вы можете использовать, и, с сожалением вынужден сказать, что «хорошие» планшеты могут отличаться от человека к человеку.
Тем не менее, существуют некоторые фантастические планшеты для рисования, которые просто превосходят все остальные и должны быть рассмотрены каждым, независимо от того, начинаете ли вы свое творческое путешествие или являетесь ветераном рисования.
Связано: Плюсы и минусы мини-ПКОбщие сведения о планшетах для рисования
Планшеты для рисования имеют множество аспектов, которые делают многие из них уникальными для каждого пользователя. Некоторые из них объективно хороши, в то время как другие могут быть адаптированы под конкретного художника.
Планшеты для рисования предлагают фантастическую альтернативу покупке дорогих красок, чернил, принадлежностей для рисования и бумаги для их использования. Также огромный плюс — возможность нажимать «отменить» одним касанием пальца вместо беспорядочного стирания.
Давайте взглянем на некоторые функции, которые могут вас заинтересовать.
Характеристики хорошего планшета для рисования
Размер
Это должно быть понятно, но давайте все равно исследуем.
В идеале, что художник должен был бы искать с точки зрения размера, так это относительный размер «холста» или экрана. Вы же не хотите, чтобы у огромного планшета область вокруг экрана была массивной и занимала ненужное место.
Пространство, которое занимает экран, называется активным пространством .’ Вы хотите, чтобы это активное пространство было достаточно большим, чтобы на нем можно было выполнить все, что вам нужно.
Опять же, это зависит от художника и его целей. Большое активное пространство позволяет художнику работать на экране, не выполняя таких действий, как масштабирование, панорамирование и другие действия, которые могут раздражать некоторых людей. Если вы, в прямом и переносном смысле, являетесь человеком, имеющим «большую картину», вам нужно больше активного пространства.
Еще один аспект, который следует учитывать, — это ваша художественная среда.Что я имею в виду под тем, где вы рисуете? Это в домашней студии? Или вам больше нравится рисовать в одиночку в кофейне?
Размер планшета может варьироваться в зависимости от вашего ответа на этот вопрос. Если вы в первую очередь используете его дома, я бы порекомендовал большой и компактный планшет для рисования на ходу.
Стилус
Моим личным «изюминкой» для планшетов для рисования являются стилусы; удобные модные «ручки», которыми вы взаимодействуете с планшетом. Способ изготовления и дизайна стилуса может означать огромную разницу для разных художников, их предпочтений и художественных стилей.Вы же не хотите зацикливаться на стилусе, который просто не соответствует вашему стилю рисования.
Вы бы использовали ручку, из-за которой вам неудобно писать в руке?
Некоторые планшеты поставляются со своим стилусом, но я бы рекомендовал изучить другие варианты, если вы не нажимаете с помощью данного инструмента.
Помимо уникального дизайна стилусов, существует несколько различных типов стилусов с точки зрения простоты использования и возможности перезарядки. Давайте посмотрим:
Основные типы стилусов
- Аккумуляторный стилус
- Это стилус, который можно подключить к порту подзарядки или найти другой источник энергии, из которого он «умрет».’ Если вы относитесь к категории людей, которые не увлекаются беспроводной связью или питанием от батареек, вам стоит подумать о перезаряжаемых стилусах. Имейте в виду, что перезаряжаемые стилусы обычно тоньше из-за того, что по своей конструкции они не должны соответствовать массивной батарее.
- с питанием от батареи
- Эти стилусы питаются, как вы уже догадались, от аккумулятора. В отличие от своих перезаряжаемых аналогов, стилусы с батарейным питанием имеют более толстую конструкцию, чтобы приспособиться к наличию батареи. Если вы любите беспроводное рисование и хотите более толстый стилус, этот вариант для вас.
- ЭМИ
- Вот этот нарядный. Если вы хоть немного знакомы с такими вещами, как калькулятор на солнечной энергии, вы должны быть знакомы со стилусами EMR. Эти стилусы не требуют заряда и батарей для их питания. Они используют электромагнитную частоту от движений художника до активного пространства. Это золотая середина для людей, которые любят беспроводные аксессуары и не хотят постоянно менять батареи.
Хотя они могут показаться дорогими, они различаются по цене от доступного диапазона около 20 долларов до более дорогих, около 100 долларов.
Ламинированные и неламинированные дисплеи
Хорошо, во-первых, что такое ламинированный экран?
Многие технологические устройства, представленные на рынке, включая планшеты для рисования, могут иметь ламинированный экран. Многослойный экран содержит сенсорное стекло, сенсорный датчик и дисплей. Все это объединено вместе, чтобы создать ламинированный экран, в котором, конечно же, большую часть времени реализована технология защиты от царапин.
В ламинированных дисплеях, где три слоя объединены, слои неламинированного дисплея разделены. Сенсорный слой и, в частности, дисплей создают воздушный зазор, снижая качество изображения. Это происходит из-за того, что воздушный зазор влияет на воздух, попадающий в слои.
В целом, это означает, что ламинированные экраны выходят на первое место.В этом нет недостатков, так как производство ламинированных экранов является бесшовным, а это означает, что в процессе использования вашего устройства ничего не происходит в ущерб качеству.
Ламинированные экраны также обычно обеспечивают гладкий внешний вид, отсутствие параллакса и, что наиболее важно, лучшее качество изображения. Если вы сидите в парке и рисуете на планшете для рисования, ламинированный экран предоставляет вам отличные возможности подсветки, повышая производительность на открытом воздухе, поэтому вы можете рисовать где угодно, не жертвуя качеством.
Последнее, что вам нужно сделать, это бросить деньги на высококлассный беспроводной планшет для рисования, только для того, чтобы он работал на улице, полностью сводя на нет вашу работу.
Параллакс
Другой аспект, проблема параллакса, может быть неприятным дополнением к вашим проблемам, которых вы можете избежать.
При использовании параллакса при рисовании линии или объекта на экране будет четкое разделение кончика стилуса. Это может дезориентировать и сильно повлиять на вашу работу.Вы хотите использовать догадки при рисовании и рисовании? Нет, вы хотите, чтобы он был максимально точным. Это еще одно ключевое преимущество инвестиций в планшет для рисования с ламинированным экраном.
Для планшета это абсолютно необходимо. Всегда следите за тем, чтобы на выбранном вами планшете для рисования был ламинированный экран наилучшего качества.
Проводные и беспроводные планшеты для рисования
С появлением широко распространенных беспроводных технологий неудивительно, что значительная часть населения предпочитает беспроводные формы выбранных ими гаджетов.Планшеты для рисования также бывают в беспроводной форме для всех, кто чувствует, что их технологии притесняют их и мешают исследовать, в прямом и переносном смысле, свое окружение для художественного влияния и творчества.
Wireless также отличается сокращением беспорядка на столе; то, с чем я борюсь. Извините, я все еще проводник насквозь!
Помимо личных предпочтений между проводными и беспроводными планшетами для рисования, есть ли какое-то превосходство одной формы планшета над другой? То, что беспроводные сети могут быть чрезвычайно удобными, не обязательно означает, что они лучше по качеству.
Проводные планшеты, как и другие проводные гаджеты, скорее всего, будут иметь более стабильную производительность, поскольку прямое подключение к системе или подключение к Интернету обеспечивает большую стабильность.
Связано: Скорость игрового интернета: пакеты и пингНаряду с этой стабильностью, поскольку проводному планшету не нужно беспокоиться о привязке к ручке, бюджет компании сэкономлен на улучшении функций, и они, возможно, не смогут срезать углы.
Так какой планшет лично вам больше нравится? Планшет для рисования с проводным или беспроводным подключением? Готовы ли вы пожертвовать производительностью ради большей портативности? Или вы пожертвуете портативностью ради возможного беспорядка на столе? Прежде всего, это зависит от ваших предпочтений.
О антибликовых стеклах и защитных пленках для экрана
Возвращаясь к работе на открытом воздухе, антибликовое стекло очень важно для планшетов для рисования .
Сколько раз вам приходилось корректировать свое положение или положение планшета, чтобы солнечные лучи не полностью закрывали вашу работу? Это может сильно расстроить, а также может случиться и в помещении.
Конечно, вы можете регулировать яркость, перемещаться по комнате, располагаться так, чтобы экран не попадал на путь солнца.Но что, если вы устали все это делать? Решение? Антибликовые стекла и защитные пленки.
Стекло с антибликовым покрытием— это фантастическая инновация, в которой стекло всего, что вы используете, будь то очки или планшет для рисования, покрыто дважды с обеих сторон поверхности стекла, чтобы уменьшить блики и уменьшить отражения. Производители добиваются этого путем кислотного травления поверхностей стекла.
К счастью для тех, кто выдергивает волосы из-за надоедливых бликов от солнца, антибликовые защитные пленки доступны в большом количестве, а цена невысока.Вы можете получить множество планшетов для рисования и других устройств, оснащенных антибликовой пленкой для экрана, у производителя или в магазине, в котором вы покупаете свое устройство.
Матовая поверхность этих антибликовых защитных пленок обеспечивает не только защиту от бликов, но и защиту от врагов всех пользователей технологических гаджетов: ОТПЕЧАТКИ ПАЛЬЦЕВ!
Верно, имеющиеся на рынке защитные пленки могут легко уменьшить количество пятен, неприглядных отметин и других вещей, которые обычно загрязняют ваш дорогой экран.
Экран или нет экрана?
Хотя планшеты для рисования могут выглядеть как другие планшеты, есть некоторые планшеты для рисования, которые не имеют экрана. Это означает, что они выглядят как настольные и представляют собой пустой лист бумаги . Подключив его удаленно или через проводное соединение с монитором, вы можете рисовать сколько душе угодно.
Тем не менее, планшеты без экрана не так просто использовать для мобильного рисования в местной кофейне или парке. Это не невозможно, но не совсем эффективно.Я бы порекомендовал кому-то купить планшет без экрана, если они планируют подключить планшет для рисования у себя дома.
Итог: лучше ли рисовать планшеты с экранами?
Консенсус у разных художников разный. Как я уже сказал, в зависимости от среды, в которой вы создаете искусство, вас может больше привлечь планшет без экрана, чем планшет с экраном. Я считаю, что обычно планшеты без экрана впечатляют больше, чем планшеты с экраном.
Срок службы батареи
Чрезвычайно важным аспектом планшетов является то, как долго они работают без подзарядки.Как и любое электронное устройство, которое требует подзарядки после выхода из дома, планшеты обычно могут прожить несколько часов после отключения от зарядного устройства.
Дело в том, можно ли взять где-нибудь порисовать без разрядки батареи через 45 минут? Продолжительное время автономной работы — универсальная потребность и потребность планшетов, и это должно быть одной из главных задач, на которые стоит обратить внимание, если вы любите рисовать в дороге.
Нет ничего хуже, чем вложить кучу тяжелой работы в проект только для того, чтобы ваша технология умерла на вас, а вы забыли сохранить свою работу.Я содрогаюсь даже при мысли об этом.
Убедитесь, что в обзорах планшета для рисования, который вы ищете, время автономной работы от приличного до фантастического! Это могло бы сэкономить вам массу хлопот, а также избавить вас от тяжелой работы.
Гарантия
Честно говоря, я обычно игнорирую гарантии на продукты, которые покупаю. Дело не в том, что мне не нужна какая-то страховка, просто я никогда не думаю о том, что в будущем случится что-то плохое с моим ноутбуком или телефоном. Не будь таким, как я!
Я усвоил урок.Я купил дорогой ноутбук с гарантией менее года, и вы не знаете, он умер навсегда по истечении гарантийного срока. Я был в ярости. Я не проводил исследования, и позже это меня укусило. Опять же, не делай того, что я сделал!
Связано: 10 рекомендуемых ноутбуков для разработчиков игр Таблеткимогут быть довольно дорогими, и сокращение или игнорирование гарантии может обойтись вам в приличную сумму. Меньше всего вам хотелось бы, чтобы ваш дорогой планшет сломался после нескольких попыток.Обязательно читайте мелкий шрифт там, где вы покупаете планшет! Это очень важно для хорошего рисования на планшетах.
Остерегайтесь планшетов, на которые обычно не действует гарантия менее года. Иногда вы можете определить, прилично ли оборудование, по гарантии от производителя.
Чувствительность к силе нажатия
Чувствительность к касанию — это, откровенно говоря, что-то в планшете, от которого зависит ваше общее впечатление. Даже если у вас лучший стилус, лучшее доступное активное пространство, если чувствительность к касанию слишком высокая или недостаточно отзывчивая, вы можете почувствовать разочарование при рисовании.
Вам не нужен экран, на котором нужно сильно давить, чтобы показать простую линию. Вот почему так важно получать всю информацию на переднем плане, чтобы вы знали, имеете ли вы дело с экраном, на который требуется огромное давление, чтобы отреагировать. Это могло бы вызвать настоящую судорогу в вашем художественном стиле.
Связано: Лучшие материнские платы для игровой производительностиСколько стоит планшет для рисования?
Стоимость может сильно варьироваться в зависимости от марки, количества функций и качества программного и аппаратного обеспечения.
За некоторые из лучших планшетов для рисования линий вы могли бы заплатить более 1500 долларов или более разумную сумму в 80 долларов. Имейте в виду, что это передовые технологии, а также впечатляющие и современные инструменты для художников, поэтому они обходятся дороже, чем нет.
Связанные: Книги для графических дизайнеров, которые необходимо прочитатьИмея это в виду, какой самый лучший дешевый планшет для рисования?
Графический планшет для рисования Huion H610 Pro — лучший и самый экономичный вариант графического планшета для начинающих.Помимо того, что это выбор Amazon, это всего лишь 50 долларов. При такой цене вопрос превращается не в «Что дешевле?» В «Что вы теряете при 50 долларах?»
Я не говорю, что 50 долларов считаются небольшим изменением, но по сравнению с планшетами повышенной мощности, стоимость которых намного превышает 1000 долларов, планшет за 50 долларов, откровенно говоря, является находкой.
Какой планшет для рисования лучше купить?
Ненавижу казаться нерешительным, но это во многом будет зависеть от ваших личных предпочтений. Помимо этого, я могу порекомендовать некоторые из более качественных планшетов, представленных на рынке прямо сейчас, их соответствующие плюсы и минусы, а также то, что о них говорят люди, чтобы вы могли лучше понять, что выбрать для покупки.
Многие планшеты производятся Wacom и Huion.
Что лучше: Wacom или Huion?
Хотя Wacom производит качественные планшеты, их выбор зачастую может быть дороже, чем у Huion. Huion также производит качественные планшеты, поэтому для художников с ограниченным бюджетом вы можете изучить варианты Huion вместо Wacom.
Какой планшет для рисования лучше всего подходит для начинающих?
Графический планшет для рисования Wacom CTL4100 Intuos
Графический планшет для рисования Wacom CTL4100 Intuos — отличный вариант для начинающих.Как я уже сказал, Wacom иногда может быть довольно дорогим, но графический планшет для рисования Wacom CTL4100 Intuos — один из недорогих вариантов от компании, предоставляющий новичкам более доступный вариант качественного планшета.
Wacom имеет свои преимущества перед Huion. Более широкая поддержка сообщества и производителей, а также более качественные функции, такие как дисплеи и стилусы.
Если вы ищете планшет впервые, Wacom может оказаться слишком большим, в то время как вы можете легко изучить все тонкости работы планшета со многими продуктами Huion.
Связанный: Создание великого графического дизайнераПланшет для рисования Top Pick
XP-PEN Artist12
В целом, лучший выбор для планшетов для рисования, который могут получить как новички, так и ветераны рисования, — XP-PEN Artist12.
- XP-PEN Artist12 имеет фантастическое разрешение и размер экрана, включая 1920 x 1080 HD и 11,6-дюймовый FHD-монитор для рисования, графический монитор с перьевым дисплеем, соответственно.
- Для тех из вас, кто пользуется клавишами быстрого доступа и т.п., XP-PEN Artist12 поможет вам полностью.Он имеет сенсорную панель, которая помогает с настройкой и простотой использования.
- Он совместим со всеми самыми современными художественными программами.
- Photoshop
- Иллюстратор
- OneNote
- PowerPoint
- Стилус с отличным крепким захватом для удобного рисования. Для тех, кто хорошо чувствует ваши стилусы, вы не ошибетесь с этим.
- Работает со многими различными версиями Windows и Mac
- И, конечно же, эффективный держатель для ручек.
Лучшие дешевые планшеты для рисования для начинающих
Пожалуй, самый важный вариант в списке, предпочтительный планшет для новичков:
1. Графический планшет HUION New 1060 Plus для рисования
Как я уже сказал, Huion может создать отличные варианты для тех художников, которые не хотят тратить свои сбережения на покупку планшета, и имеет много общих черт с другими их конкурентами.
В настоящее время он стоит около 90 долларов и является желанным выбором Amazon.Huion 1060 Plus — это планшет для рисования без экрана, который идеально подходит для художников, которым нужно немного места, чтобы рисовать свои шедевры.
Хотя программное обеспечение Wacom и его реакция на стилус могут быть немного лучше настроены, чем Huion 1060 Plus, планшет — идеальный, серьезный планшет для тех, кто не уверен в рисовании на планшетах. Вложения относительно невелики, особенно по сравнению с продуктами Wacom.
Для начинающих это идеальный пакет для планшета для рисования. Он изящный, простой, дешевый и поможет вам лучше познакомиться с тонкостями планшетов для рисования.
Связано: Наше любимое программное обеспечение для графического дизайнаЕще один отличный вариант для новичков, которые не в восторге от некоторых цен:
2. Графический планшет для рисования Huion H610 Pro
Еще один замечательный и дешевый вариант от сотрудников Huion, этот планшет с экраном имеет следующее:
- 16,3 x 9,8 x 1,7 дюйма
- Область рисования 10 x 6,25 дюйма
- Программное обеспечение: Mac и Windows
- 8192 уровня чувствительности к давлению
Уровень давления работает хорошо, что позволяет лучше чувствовать точность мазков кистью и карандашом.У вас есть 16 настраиваемых ярлыков, обеспечивающих быстрый и легкий в работе простой интерфейс и рабочий процесс.
Однако есть и минусы.
- Конструкция может мешать комфортно держать руку
- Huion H610 не обеспечивает беспроводное соединение для тех, кто его предпочитает.
- Стилус, входящий в комплект поставки планшета, разделил сообщество планшетов для рисования, поскольку некоторые не удовлетворены им.
Лучший планшет для рисования для художников
GAOMON PD1560
Хотя довольно сложно придумать планшет для рисования, который подошел бы опытным художникам, поскольку они могут быть настолько разнообразными, я считаю, что GAOMON PD1560 — один из лучших вариантов для выбора.GAOMON PD1560 включает такие функции, как:
- 15,6 дюймов
- 8192 Уровни
- Перьевой дисплей с подставкой для рук
- 1920 x 1080 HD
- Экран IPS
- 10 горячих клавиш
Для опытного художника, который зарабатывает себе на жизнь как художник, когда планшет служит продолжением работы его жизни, вкладывать деньги здесь не должно быть проблемой. На данный момент цена составляет около 350 долларов. И, что самое главное, GAOMON PD1560 считается выбором Amazon.
Некоторые минусы GAOMON PD1560 включают:
- На обратной стороне стилуса нет ластика
- Защитная пленка, входящая в комплект GAOMON PD1560, немного тусклая. Однако вы можете решить эту проблему, купив довольно недорогую сменную защитную пленку для экрана.
Лучший планшет для рисования в 2021 году
1. Планшет для рисования Wacom Cintiq 22
Лучший планшет для рисования в 2021 году — это планшет для рисования Wacom Cintiq 22.Wacom Cintiq 22 идеально подходит как для ветеранов искусства.
Хотя, несомненно, можно использовать для новичков, я бы порекомендовал что-нибудь попроще. У Wacom снова есть ответ в виде простого, но эффективного:
2. Wacom One
Wacom One — это планшет с экраном, который отличается простотой использования и портативностью. Вы можете упаковать его в рюкзак, отправиться с ним куда угодно и сразу же начать рисовать.
Итог: стоит ли рисовать планшеты?
Да.Независимо от того, являетесь ли вы начинающим иллюстратором или самым продвинутым художником-ветераном, планшеты предлагают художникам всех мастей принять участие в фантастическом, оптимизированном и простом процессе рисования и рисования, который открывает новые возможности и творчество.
Развитие технологий для художников, несомненно, впечатляет, и простота, с которой любой художник может взять, пойти и сразу начать рисовать (не говоря уже о том, чтобы сэкономить немалую копейку на чертежах и принадлежностях для рисования), планшеты — это стоящее вложение.
От художника, который любит просто дурачиться и поиграть творческими мускулами, до сверхсерьезного графического дизайнера, планшеты — это настоящая удача.
Приговор
Итак, каков вердикт? Какие таблетки лучше всего получить? В зависимости от вашего стиля, предпочтений по различным аспектам, таким как беспроводное соединение и другие аспекты, они могут сильно различаться.
В целом, лучший планшет для рисования — это XP-PEN Artist12.
По общему качеству этот планшет превосходит конкурентов.Хотя это, возможно, и не идеально для начинающих, для начинающего художника вполне возможно освоить основы XP-PEN Artist12.
Лучшие школы дизайна в США:
Рисование графики — Изучение веб-разработки
Браузер содержит несколько очень мощных инструментов программирования графики, от языка масштабируемой векторной графики (SVG) до API-интерфейсов для рисования на элементах HTML (см. Canvas API и WebGL). Эта статья представляет собой введение в Canvas и дополнительные ресурсы, которые позволят вам узнать больше.
Как мы уже говорили в нашем модуле HTML-мультимедиа и встраивания, Интернет изначально был просто текстом, что было очень скучно, поэтому были введены изображения — сначала через элемент
, а затем через свойства CSS, такие как background-image
и SVG.
Однако этого было недостаточно. Хотя вы могли использовать CSS и JavaScript для анимации (и иного управления) векторных изображений SVG — поскольку они представлены разметкой — по-прежнему не было возможности сделать то же самое для растровых изображений, а доступные инструменты были довольно ограничены.В Интернете по-прежнему не было возможности эффективно создавать анимацию, игры, 3D-сцены и другие требования, которые обычно выполняются языками более низкого уровня, такими как C ++ или Java.
Ситуация начала улучшаться, когда браузеры начали поддерживать элемент и связанный с ним Canvas API — Apple изобрела его примерно в 2004 году, а в последующие годы последовала его реализация в других браузерах. Как вы увидите ниже, холст предоставляет множество полезных инструментов для создания 2D-анимации, игр, визуализации данных и других типов приложений, особенно в сочетании с некоторыми другими API-интерфейсами, предоставляемыми веб-платформой.
В приведенном ниже примере показана простая 2D-анимация прыгающих мячей на основе холста, которую мы изначально встречали в нашем модуле «Введение в объекты JavaScript»:
Примерно в 2006–2007 годах Mozilla начала работу над экспериментальной реализацией трехмерного холста. Им стал WebGL, завоевавший популярность среди поставщиков браузеров и стандартизованный примерно в 2009–2010 годах. WebGL позволяет создавать настоящую трехмерную графику внутри вашего веб-браузера; в приведенном ниже примере показан простой вращающийся куб WebGL:
В этой статье основное внимание будет уделено 2D-холсту, поскольку исходный код WebGL очень сложен.Однако мы покажем, как использовать библиотеку WebGL для более простого создания 3D-сцены, и вы можете найти учебное пособие, посвященное необработанному WebGL, в другом месте — см. Начало работы с WebGL.
Примечание : Базовая функциональность холста хорошо поддерживается во всех браузерах, за исключением IE 8 и ниже для 2D-холста и IE 11 и ниже для WebGL.
Если вы хотите создать 2D-сцену или 3D на веб-странице, вам нужно начать с элемента HTML .Этот элемент используется для определения области на странице, в которой будет нарисовано изображение. Это так же просто, как добавить на страницу элемент:
Это создаст на странице холст размером 320 на 240 пикселей.
Внутри тегов холста можно поместить резервный контент, который отображается, если браузер пользователя не поддерживает холст.
<холст>
Ваш браузер не поддерживает холст.Бу-у-у!
Конечно, это сообщение бесполезно! В реальном примере вам нужно связать резервное содержимое с содержимым холста. Например, если вы визуализируете постоянно обновляемый график цен акций, запасным содержимым может быть статическое изображение последнего графика акций с альтернативным текстом, указывающим цены в тексте.
Создание и изменение размера нашего холста
Давайте начнем с создания нашего собственного холста, на котором мы будем проводить будущие эксперименты.
Сначала создайте локальную копию нашего файла 0_canvas_start.html и откройте ее в текстовом редакторе.
Добавьте в него следующий код сразу под открывающим тегом
<холст>
Добавьте сюда подходящий запасной вариант.
Мы добавили
класс
к элементу, чтобы было легче выбрать, если у нас есть несколько холстов на странице, но на данный момент мы удалили атрибуты
ширины
ивысоты
(вы могли добавьте их обратно, если хотите, но мы установим их с помощью JavaScript в разделе ниже).Холсты без явной ширины и высоты по умолчанию составляют 300 пикселей в ширину на 150 пикселей в высоту.Теперь добавьте следующие строки JavaScript в элемент
const canvas=document.querySelector('. MyCanvas');const width=canvas.width=window.innerWidth;const height=canvas.height=window.innerHeight;
Здесь мы сохранили ссылку на холст в константе
холста
.Во второй строке мы устанавливаем как новую постоянную ширинуширину
,так и свойство шириныхолста
равнымWindow.innerWidth
(который дает нам ширину области просмотра).В третьей строке мы устанавливаем как новую константуheight
,так и свойство холстаheight
равнымWindow.innerHeight
(что дает нам высоту области просмотра).Итак,теперь у нас есть холст,занимающий всю ширину и высоту окна браузера!Вы также увидите,что мы связываем назначения вместе с несколькими знаками равенства-это разрешено в JavaScript,и это хороший метод,если вы хотите сделать несколько переменных равными одному и тому же значению.Мы хотели сделать ширину и высоту холста легко доступными в переменных ширины/высоты,поскольку они являются полезными значениями,которые можно будет использовать позже(например,если вы хотите нарисовать что-то ровно посередине ширины холста).
Если вы сохраните и загрузите свой пример в браузере сейчас,вы ничего не увидите,и это нормально,но вы также увидите полосы прокрутки-это проблема для нас,потому что элемент
имеет
,поле
,которое,добавленное к нашему холсту во весь размер окна,дает документ,который шире,чем окно.Чтобы избавиться от полос прокрутки,нам нужно удалить поле,а также установить
переполнение
наскрытое
.Добавьте в свой документ:
<стиль>тело{маржа:0;переполнение:скрыто;}
Полосы прокрутки должны исчезнуть.
Примечание:Обычно размер изображения следует устанавливать с помощью атрибутов HTML или свойств DOM,как описано выше.Вы можете использовать CSS,но проблема в том,что размер выполняется после рендеринга холста,и,как и любое другое изображение(визуализированный холст-это просто изображение),изображение может стать пиксельным/искаженным.
Получение контекста холста и окончательная настройка
Нам нужно сделать одну последнюю вещь,прежде чем мы сможем считать наш шаблон холста готовым.Чтобы рисовать на холсте,нам нужно получить специальную ссылку на область рисования,называемую контекстом.Это делается с помощьюHTMLCanvasElement.getContext()
,который для базового использования принимает одну строку в качестве параметра,представляющего тип контекста,который вы хотите получить.
В данном случае нам нужен двухмерный холст,поэтому добавьте следующую строку JavaScript под другими внутри элемента:
const ctx=canvas.getContext('2d');
Примечание:другие значения контекста,которые вы можете выбрать,включаютwebgl
для WebGL,webgl2
для WebGL 2 и т.Д.,но в этой статье они нам не понадобятся.
Вот и все-наш холст загрунтован и готов к рисованию!Переменнаяctx
теперь содержит объектCanvasRenderingContext2D
,и все операции рисования на холсте будут включать манипулирование этим объектом.
Давайте сделаем еще одно,прежде чем двигаться дальше.Мы окрасим фон холста в черный цвет,чтобы вы впервые почувствовали API холста.Добавьте следующие строки внизу вашего JavaScript:
CTX.fillStyle='rgb (0, 0, 0)';ctx.fillRect(0,0,ширина,высота);
Здесь мы устанавливаем цвет заливки,используя свойствоfillStyle
холста(оно принимает значения цвета,как и свойства CSS),затем рисуем прямоугольник,который покрывает всю область холста с помощью методаfillRect
(первые два параметры-это координаты верхнего левого угла прямоугольника;последние два-это ширина и высота,на которых вы хотите нарисовать прямоугольник-мы сказали вам,что эти переменныеширина
ивысота
будут полезны)!
Хорошо,наш шаблон готов,и пора двигаться дальше.
Как было сказано выше,все операции рисования выполняются путем манипулирования объектомCanvasRenderingContext2D
(в нашем случаеctx
).Многим операциям необходимо указать координаты,чтобы точно указать,где что-то рисовать-верхний левый угол холста-это точка(0,0),горизонтальная ось(x)проходит слева направо,а вертикальная ось(y)проходит от сверху донизу.
Рисование фигур обычно выполняется с использованием примитива прямоугольной формы или путем обведения линии вдоль определенного пути с последующим заполнением формы.Ниже мы покажем,как это сделать.
Простые прямоугольники
Начнем с простых прямоугольников.
Прежде всего,сделайте копию вашего недавно закодированного шаблона холста(или сделайте локальную копию 1_canvas_template.html,если вы не выполнили вышеуказанные шаги).
Затем добавьте следующие строки в конец вашего JavaScript:
ctx.fillStyle='rgb (255, 0, 0)';ctx.fillRect(50,50,100,150);
Если вы сохраните и обновите,вы должны увидеть красный прямоугольник,появившийся на вашем холсте.Его верхний левый угол находится на расстоянии 50 пикселей от верхнего и левого края холста(как определено первыми двумя параметрами),и он имеет ширину 100 пикселей и высоту 150 пикселей(как определено третьим и четвертым параметрами).
Давайте добавим еще один прямоугольник в микс,на этот раз зеленый.Добавьте следующее внизу вашего JavaScript:
ctx.fillStyle='rgb (0, 255, 0)';ctx.fillRect(75,75,100,100);
Сохраните и обновите,и вы увидите новый прямоугольник.Это поднимает важный момент:графические операции,такие как рисование прямоугольников,линий и т.Д.,Выполняются в том порядке,в котором они происходят.Думайте об этом,как о росписи стены,где каждый слой краски накладывается друг на друга и может даже скрыть то,что находится под ним.Вы не можете ничего сделать,чтобы это изменить,поэтому вам нужно тщательно продумать порядок,в котором вы рисуете графику.
Обратите внимание,что вы можете рисовать полупрозрачную графику,задав полупрозрачный цвет,например,используя
rgba()
.Значениеи
определяет так называемый «альфа-канал» или степень прозрачности цвета.Чем выше его значение,тем больше он будет скрывать то,что стоит за ним.Добавьте в свой код следующее:ctx.fillStyle='rgba (255, 0, 255, 0,75)';ctx.fillRect(25,100,175,50);
Теперь попробуйте нарисовать еще несколько собственных прямоугольников;веселиться!
Обводки и ширина линий
До сих пор мы рассматривали рисование закрашенных прямоугольников,но вы также можете рисовать прямоугольники,которые представляют собой просто контуры(в графическом дизайне они называютсяштрихами).Чтобы установить желаемый цвет обводки,используйте свойствоstrokeStyle
;рисование прямоугольника обводки выполняется с помощьюstrokeRect
.
Добавьте следующее к предыдущему примеру,снова под предыдущими строками JavaScript:
ctx.strokeStyle='rgb (255, 255, 255)';ctx.strokeRect(25,25,175,200);
Ширина штрихов по умолчанию-1 пиксель;вы можете настроить значение свойства
lineWidth
,чтобы изменить это(требуется число,представляющее ширину штриха в пикселях).Добавьте следующую строку между двумя предыдущими строками:ctx.lineWidth=5;
Теперь вы должны увидеть,что ваш белый контур стал намного толще!На этом пока все.На данный момент ваш пример должен выглядеть так:
Рисование контуров
Если вы хотите нарисовать что-нибудь более сложное,чем прямоугольник,вам нужно нарисовать контур.По сути,это включает в себя написание кода,чтобы точно указать,по какому пути должно двигаться перо на вашем холсте,чтобы проследить фигуру,которую вы хотите нарисовать.Canvas включает функции для рисования прямых линий,окружностей,кривых Безье и т.Д.
Давайте начнем с раздела,сделав новую копию нашего шаблона холста(1_canvas_template.html),в которой будем рисовать новый пример.
Мы будем использовать некоторые общие методы и свойства во всех следующих разделах:
beginPath()
-начните рисовать путь в точке,где перо в данный момент находится на холсте.На новом холсте перо начинается с(0,0).moveTo()
-переместить перо в другую точку холста,не записывая и не отслеживая линию;перо"перескакивает"в новое положение.fill()
-нарисуйте форму с заливкой,заполнив путь,который вы уже проследили.stroke()
-нарисуйте контурную фигуру,проведя обводку вдоль уже нарисованного пути.- Вы также можете использовать такие функции,как
lineWidth
иfillStyle
/strokeStyle
,с контурами и прямоугольниками.
Типичная простая операция рисования пути будет выглядеть примерно так:
ctx.fillStyle='rgb (255, 0, 0)';ctx.beginPath();ctx.moveTo(50,50);ctx.fill();
Рисование линий
Нарисуем на холсте равносторонний треугольник.
Прежде всего,добавьте следующую вспомогательную функцию в конец вашего кода.Это преобразует значения градусов в радианы,что полезно,потому что всякий раз,когда вам нужно указать значение угла в JavaScript,оно почти всегда будет в радианах,но люди обычно думают в градусах.
функция degToRad(градусы){вернуть градусы*Math.PI/180;};
Затем начните свой путь,добавив следующее ниже вашего предыдущего добавления;здесь мы устанавливаем цвет для нашего треугольника,начинаем рисовать путь,а затем перемещаем перо на(50,50),ничего не рисуя.Здесь мы начнем рисовать наш треугольник.
ctx.fillStyle='rgb (255, 0, 0)';ctx.beginPath();ctx.moveTo(50,50);
Теперь добавьте следующие строки внизу вашего скрипта:
CTX.lineTo(150,50);пусть triHeight=50*Math.tan(degToRad(60));ctx.lineTo(100,50+triHeight);ctx.lineTo(50,50);ctx.fill();
Давайте рассмотрим это по порядку:
Сначала мы рисуем линию до(150,50)-теперь наш путь проходит на 100 пикселей вправо по оси x.
Во-вторых,мы вычисляем высоту нашего равностороннего треугольника,используя небольшую простую тригонометрию.По сути,мы рисуем треугольник,направленный вниз.Углы в равностороннем треугольнике всегда равны 60 градусам;чтобы вычислить высоту,мы можем разделить ее посередине на два прямоугольных треугольника,каждый из которых будет иметь углы 90,60 и 30 градусов.По сторонам:
- Самая длинная сторона называется гипотенузой
- Сторона,расположенная рядом с углом 60 градусов,называетсясмежным,что,как мы знаем,составляет 50 пикселей,так как это половина линии,которую мы только что нарисовали.
- Сторона,противоположная углу 60 градусов,называетсянапротив,что соответствует высоте треугольника,который мы хотим вычислить.
Одна из основных тригонометрических формул гласит,что длина смежного элемента,умноженная на тангенс угла,равна противоположному,поэтому мы получаем
50*Math.загар(degToRad(60))
.Мы используем нашу функциюdegToRad()
для преобразования 60 градусов в радианы,посколькуMath.tan()
ожидает входное значение в радианах.Рассчитав высоту,проведем еще одну линию до
(100,50+triHeight)
.Координата X проста;он должен быть посередине между двумя предыдущими значениями X,которые мы установили.С другой стороны,значение Y должно быть 50 плюс высота треугольника,поскольку мы знаем,что вершина треугольника находится на расстоянии 50 пикселей от вершины холста.Следующая линия возвращает линию к начальной точке треугольника.
Наконец,мы запускаем
ctx.fill()
,чтобы завершить путь и заполнить форму.
Круги для рисования
Теперь давайте посмотрим,как нарисовать круг на холсте.Это достигается с помощью методаarc()
,который рисует весь круг или его часть в указанной точке.
Давайте добавим дугу к нашему холсту-добавьте в конец кода следующее:
CTX.fillStyle='rgb (0, 0, 255)';ctx.beginPath();ctx.arc(150,106,50,degToRad(0),degToRad(360),ложь);ctx.fill();
arc()
принимает шесть параметров.Первые два определяют положение центра дуги(X и Y соответственно).Третий-радиус круга,четвертый и пятый-начальный и конечный углы,под которыми следует рисовать круг(поэтому указание 0 и 360 градусов дает нам полный круг),а шестой параметр определяет,следует ли рисовать круг против часовой стрелки(против часовой стрелки)или по часовой стрелке(ложно,
-по часовой стрелке).Примечание:0 градусов по горизонтали вправо.
Попробуем добавить еще одну дугу:
ctx.fillStyle='желтый';ctx.beginPath();ctx.arc(200,106,50,degToRad(-45),degToRad(45),истина);ctx.lineTo(200,106);ctx.fill();
Схема здесь очень похожа,но с двумя отличиями:
- Мы установили последний параметр
arc()
наtrue
,что означает,что дуга рисуется против часовой стрелки,что означает,что даже если дуга задана как начинающаяся с-45 градусов и заканчивающаяся под углом 45 градусов,мы рисуем дуга вокруг 270 градусов не внутри этой части.Если вы изменитеtrue
наfalse
,а затем повторно запустите код,будет нарисован только 90-градусный срез круга. - Перед вызовом
fill()
мы проводим линию к центру круга.Это означает,что мы получаем довольно красивый вырез в стиле Pac-Man.Если вы удалите эту строку(попробуйте!),А затем повторно запустите код,вы получите только край круга,отрезанный между начальной и конечной точкой дуги.Это иллюстрирует еще один важный момент холста-если вы попытаетесь заполнить неполный путь(т.е.тот,который не закрыт),браузер заполняет прямую линию между начальной и конечной точкой,а затем заполняет ее.
- Мы установили последний параметр
Это пока что;ваш последний пример должен выглядеть так:
Примечание:Чтобы узнать больше о расширенных функциях рисования контуров,таких как кривые Безье,ознакомьтесь с нашим руководством по рисованию фигур с помощью холста.
Текст
Canvas также имеет функции для рисования текста.Давайте кратко рассмотрим их.Начните с создания еще одной новой копии нашего шаблона холста(1_canvas_template.html),в котором нужно нарисовать новый пример.
Текст рисуется двумя способами:
Оба они принимают три свойства в их основном использовании:текстовую строку для рисования и координаты X и Y точки,в которой начинается рисование текста.Это работает как нижний левый уголтекстового поля(буквально,поле,окружающее текст,который вы рисуете),что может сбить вас с толку,поскольку другие операции рисования,как правило,начинаются с верхнего левого угла-имейте это в виду.
Существует также ряд свойств,помогающих управлять отрисовкой текста,например,шрифт
,который позволяет указать семейство шрифтов,размер и т.Д.Он принимает в качестве своего значения тот же синтаксис,что и свойство CSSfont
.
Попробуйте добавить следующий блок в конец вашего JavaScript:
ctx.strokeStyle='белый';ctx.lineWidth=1;ctx.font='36px arial';ctx.strokeText('Текст холста',50,50);ctx.fillStyle='красный';ctx.font='48px грузия';ctx.fillText('Текст холста',50,150);
Здесь мы рисуем две строки текста,одну контурную и другую обводку.Последний пример должен выглядеть так:
Поиграйте и посмотрите,что вы можете придумать!Дополнительную информацию о параметрах,доступных для текста на холсте,можно найти в разделе «Рисование текста».
Нанесение изображений на холст
Можно визуализировать внешние изображения на вашем холсте.Это могут быть простые изображения,кадры из видеороликов или содержимое других полотен.На данный момент мы просто рассмотрим случай использования нескольких простых изображений на нашем холсте.
Как и раньше,сделайте еще одну новую копию нашего шаблона холста(1_canvas_template.html),в которой будет рисовать новый пример.В этом случае вам также необходимо сохранить копию нашего образца изображения-firefox.png-в том же каталоге.
Изображения выводятся на холст с помощью метода
drawImage()
.Самая простая версия принимает три параметра-ссылку на изображение,которое вы хотите визуализировать,и координаты X и Y левого верхнего угла изображения.Давайте начнем с создания источника изображения для встраивания в наш холст.Добавьте следующие строки в конец вашего JavaScript:
пусть изображение=новое изображение();image.src='firefox.png';
Здесь мы создаем новый объект
HTMLImageElement
,используя конструкторImage()
.Возвращаемый объект имеет тот же тип,что и тот,который возвращается при захвате ссылки на существующий элемент).Затем мы устанавливаем его атрибут
src
равным нашему изображению логотипа Firefox.На этом этапе браузер начинает загрузку изображения.Теперь мы можем попытаться встроить изображение с помощью
drawImage()
,но нам нужно сначала убедиться,что файл изображения был загружен,иначе код не будет выполнен.Этого можно добиться с помощью обработчика событийonload
,который будет вызываться только после завершения загрузки изображения.Добавьте следующий блок под предыдущим:image.onload=function(){ctx.drawImage(изображение,50,50);}
Если вы сейчас загрузите свой пример в браузер,вы должны увидеть изображение,встроенное в холст.
Но это еще не все!Что,если мы хотим отобразить только часть изображения или изменить его размер?Мы можем сделать и то,и другое с более сложной версией
drawImage()
.Обновите строкуctx.drawImage()
следующим образом:ctx.drawImage(изображение,20,20,185,175,50,50,185,175);
- Первым параметром,как и раньше,является ссылка на изображение.
- Параметры 2 и 3 определяют координаты верхнего левого угла области,которую вы хотите вырезать из загруженного изображения,относительно верхнего левого угла самого изображения.Ничего слева от первого параметра или выше второго не отображается.
- Параметры 4 и 5 определяют ширину и высоту области,которую мы хотим вырезать из исходного загруженного изображения.
- Параметры 6 и 7 определяют координаты,в которых вы хотите нарисовать верхний левый угол вырезанной части изображения относительно верхнего левого угла холста.
- Параметры 8 и 9 определяют ширину и высоту для рисования вырезанной области изображения.В этом случае мы указали те же размеры,что и исходный фрагмент,но вы можете изменить его размер,указав другие значения.
Последний пример должен выглядеть так:
До сих пор мы рассмотрели некоторые очень простые способы использования 2D-холста,но на самом деле вы не ощутите всю мощь холста,если не обновите или не оживите его каким-либо образом.В конце концов,холст действительно предоставляет изображения со сценариями!Если вы не собираетесь ничего менять,то можете просто использовать статические изображения и сэкономить себе всю работу.
Создание цикла
Играть с циклами на холсте довольно весело-вы можете запускать команды холста внутри цикладля
(или другого типа)точно так же,как любой другой код JavaScript.
Построим простой пример.
Сделайте еще одну новую копию нашего шаблона холста(1_canvas_template.html)и откройте ее в редакторе кода.
Добавьте следующую строку в конец вашего JavaScript.Он содержит новый метод
translate()
,который перемещает исходную точку холста:ctx.translate(ширина/2,высота/2);
Это приводит к перемещению начала координат(0,0)в центр холста,а не в верхний левый угол.Это очень полезно во многих ситуациях,например,в этой,когда мы хотим,чтобы наш дизайн рисовался относительно центра холста.
Теперь добавьте следующий код в конец JavaScript:
функция degToRad(градусы){вернуть градусы*Math.PI/180;};function rand(min,max){вернуть Math.floor(Math.random()*(max-min+1))+(min);} пусть длина=250;пусть moveOffset=20;for(var i=0;i
Здесь мы реализуем ту же функцию
degToRad()
,которую мы видели в примере с треугольником выше,функциюrand()
,которая возвращает случайное число между заданными нижними и верхними границами,переменныедлины
иmoveOffset
(которые мы узнаем больше об этом позже),и пустой циклдля
.Идея здесь в том,что мы нарисуем что-нибудь на холсте внутри цикла
для
и будем повторять его каждый раз,чтобы создать что-нибудь интересное.Добавьте следующий код в свойдля цикла
:ctx.fillStyle='rgba ('+(длина 255)+', 0,'+(длина 255)+', 0,9)';ctx.beginPath();ctx.moveTo(moveOffset,moveOffset);ctx.lineTo(moveOffset+length,moveOffset);пусть triHeight=length/2*Math.tan(degToRad(60));ctx.lineTo(moveOffset+(длина/2),moveOffset+triHeight);ctx.lineTo(moveOffset,moveOffset);ctx.fill();длина--;moveOffset+=0,7;ctx.rotate(degToRad(5));
Итак,на каждой итерации мы:
- Задайте для
fillStyle
оттенок слегка прозрачного пурпурного,который меняется каждый раз в зависимости от значения длины.Как вы увидите позже,длина становится меньше каждый раз,когда цикл запускается,поэтому эффект здесь заключается в том,что цвет становится ярче с каждым последующим нарисованным треугольником.
- Начать путь.
- Переместите перо на координату
(moveOffset,moveOffset)
;Эта переменная определяет,как далеко мы хотим двигаться каждый раз,когда рисуем новый треугольник. - Нарисуйте линию с координатой
(moveOffset+length,moveOffset)
.Это рисует линию длинойи длиной
,параллельную оси X. - Рассчитайте высоту треугольника,как и раньше.
- Проведите линию до направленного вниз угла треугольника,затем проведите линию до начала треугольника.
- Позвоните по номеру
fill()
,чтобы заполнить треугольник. - Обновите переменные,описывающие последовательность треугольников,чтобы мы могли быть готовы нарисовать следующий.Мы уменьшаем значение
length
на 1,поэтому треугольники с каждым разом становятся меньше;увеличьтеmoveOffset
на небольшую величину,чтобы каждый последующий треугольник находился немного дальше,и используйте другую новую функцию,rotate()
,которая позволяет нам вращать весь холст!Поворачиваем его на 5 градусов перед тем,как нарисовать следующий треугольник.
- Задайте для
Вот и все!Последний пример должен выглядеть так:
На этом этапе мы хотели бы предложить вам поиграть с примером и сделать его своим!Например:
- Нарисуйте прямоугольники или дуги вместо треугольников или даже вставьте изображения.
- Поиграйте со значениямидлины
и
moveOffset
. - Введите несколько случайных чисел,используя функцию
rand()
,которую мы включили выше,но не использовали.
Анимации
Пример цикла,который мы построили выше,был забавным,но на самом деле вам нужен постоянный цикл,который продолжает работать и продолжается для любых серьезных приложений холста(таких как игры и визуализации в реальном времени).Если вы думаете о своем холсте как о фильме,вы действительно хотите,чтобы отображение обновлялось на каждом кадре,чтобы отображать обновленный вид с идеальной частотой обновления 60 кадров в секунду,чтобы движение казалось красивым и плавным для человеческого глаза.
Есть несколько функций JavaScript,которые позволят вам запускать функции несколько раз в секунду,лучшая из которых для наших целей-это окно.requestAnimationFrame()
.Требуется один параметр-имя функции,которую вы хотите запускать для каждого кадра.В следующий раз,когда браузер будет готов обновить экран,будет вызвана ваша функция.Если эта функция рисует новое обновление вашей анимации,а затем снова вызываетrequestAnimationFrame()
непосредственно перед завершением функции,цикл анимации будет продолжать выполняться.Цикл заканчивается,когда вы прекращаете вызыватьrequestAnimationFrame()
или вызываетеwindow.cancelAnimationFrame()
после вызоваrequestAnimationFrame()
,но до вызова кадра.
Примечание.Рекомендуется вызыватьcancelAnimationFrame()
из основного кода,когда вы закончите использовать анимацию,чтобы гарантировать,что никакие обновления не ожидают запуска.
Браузер прорабатывает сложные детали,например,заставляет анимацию работать с постоянной скоростью и не тратит ресурсы на анимацию невидимых вещей.
Чтобы увидеть,как это работает,давайте еще раз посмотрим на наш пример Bouncing Balls(посмотрите его вживую,а также посмотрите исходный код).Код цикла,в котором все движется,выглядит так:
function loop(){ctx.fillStyle='rgba (0, 0, 0, 0,25)';ctx.fillRect(0,0,ширина,высота);for(let i=0;i
Мы запускаем функциюloop()
один раз в конце кода,чтобы запустить цикл,отрисовывая первый кадр анимации;затем функцияloop()
берет на себя ответственность за вызовrequestAnimationFrame(loop)
для запуска следующего кадра анимации снова и снова.
Обратите внимание,что на каждом кадре мы полностью очищаем холст и все перерисовываем.Для каждого имеющегося шара мы рисуем его,обновляем его положение и проверяем,не сталкивается ли он с другими шарами.После того,как вы нарисовали графику на холсте,вы не сможете управлять этим графиком индивидуально,как с элементами DOM.Вы не можете перемещать каждый шар на холсте,потому что,когда он нарисован,он является частью холста,а не отдельным доступным элементом или объектом.Вместо этого вам нужно стирать и перерисовывать,либо стирая весь кадр и перерисовывая все,либо имея код,который точно знает,какие части нужно стереть,и стирает и перерисовывает только минимальную необходимую площадь холста.
Оптимизация анимации графики-это целая специальность программирования с множеством доступных умных приемов.Однако это выходит за рамки того,что нам нужно для нашего примера!
Обычно процесс создания анимации холста включает следующие шаги:
- Очистите содержимое холста(например,с помощью
fillRect()
илиclearRect()
). - Сохранить состояние(при необходимости)с помощью
save()
-это необходимо,когда вы хотите сохранить обновленные настройки на холсте перед продолжением,что полезно для более сложных приложений. - Нарисуйте графику,которую вы анимируете.
- Восстановите настройки,сохраненные на шаге 2,используя
restore()
- Вызовите
requestAnimationFrame()
,чтобы запланировать рисование следующего кадра анимации.
Примечание:Мы не будем рассматривать здесьsave()
иrestore()
,но они хорошо объяснены в нашем руководстве по преобразованиям(и последующих).
Простая анимация персонажа
Теперь давайте создадим нашу собственную простую анимацию-мы заставим персонажа из одной довольно классной компьютерной игры в стиле ретро ходить по экрану.
Сделайте еще одну новую копию нашего шаблона холста(1_canvas_template.html)и откройте ее в редакторе кода.Сделайте копию walk-right.png в том же каталоге.
В нижней части JavaScript добавьте следующую строку,чтобы снова установить начало координат в середине холста:
ctx.translate(ширина/2,высота/2);
Теперь давайте создадим новый объект
HTMLImageElement
,установим егоsrc
на изображение,которое мы хотим загрузить,и добавим обработчик событияonload
,который вызовет срабатывание функцииdraw()
при загрузке изображения:пусть изображение=новое изображение();изображение.src='walk-right.png';image.onload=рисовать;
Теперь мы добавим несколько переменных,чтобы отслеживать положение,в котором спрайт должен отображаться на экране,и номер спрайта,который мы хотим отобразить.
пусть спрайт=0;пусть posX=0;
Давайте объясним изображение таблицы спрайтов(которое мы почтительно позаимствовали из книги Майка Томаса «Создать цикл обхода таблицы спрайтов с использованием CSS-анимации»).Изображение выглядит так:
Он содержит шесть спрайтов,составляющих всю последовательность ходьбы-каждый имеет ширину 102 пикселя и высоту 148 пикселей.Чтобы правильно отобразить каждый спрайт,нам нужно будет использовать
drawImage()
,чтобы вырезать одно изображение спрайта из таблицы спрайтов и отображать только его часть,как мы сделали выше с логотипом Firefox.Координата X среза должна быть кратна 102,а координата Y всегда будет равна 0.Размер среза всегда будет 102 на 148 пикселей.Теперь давайте вставим пустую функцию
draw()
в нижнюю часть кода,готовую для заполнения некоторым кодом:function draw(){};
остальной код в этом разделе находится внутри
draw()
.Сначала добавьте следующую строку,которая очищает холст для подготовки к рисованию каждого кадра.Обратите внимание,что мы должны указать верхний левый угол прямоугольника как-(ширина/2),-(высота/2)
,потому что ранее мы указали исходную позицию какширина/2,высота/2
.ctx.fillRect(-(ширина/2),-(высота/2),ширина,высота);
Затем мы нарисуем наше изображение с помощью drawImage-9-параметрической версии.Добавьте следующее:
CTX.drawImage(изображение,(спрайт*102),0,102,148,0+posX,-74,102,148);
Как видите:
- Мы указываем
изображение
как изображение для встраивания. - Параметры 2 и 3 указывают верхний левый угол фрагмента,который нужно вырезать из исходного изображения,со значением X как
спрайт
,умноженным на 102(гдеспрайт
-это номер спрайта от 0 до 5)и Y значение всегда 0. - Параметры 4 и 5 определяют размер вырезанного фрагмента-102 на 148 пикселей.
- Параметры 6 и 7 определяют верхний левый угол поля,в котором нужно нарисовать срез на холсте-позиция X равна 0+
posX
,что означает,что мы можем изменить позицию рисования,изменив значениеposX
. - Параметры 8 и 9 определяют размер изображения на холсте.Мы просто хотим сохранить его исходный размер,поэтому указываем 102 и 148 как ширину и высоту.
- Мы указываем
Теперь мы изменим значениеспрайта
после каждого рисования-ну,в любом случае,после некоторых из них.Добавьте следующий блок в конец функции
draw()
:if(posX%13===0){if(sprite===5){спрайт=0;}еще{спрайт++;}}
Мы оборачиваем весь блок в
if(posX%13===0){...}
.Мы используем оператор по модулю(%
)(также известный как оператор остатка),чтобы проверить,можно ли точно разделить значениеposX
на 13 без остатка.Если это так,мы переходим к следующему спрайту,увеличиваяспрайт
(оборачиваясь на 0 после того,как мы закончили со спрайтом № 5).Фактически это означает,что мы обновляем спрайт только в каждом 13-м кадре,или примерно 5 кадров в секунду(requestAnimationFrame()
вызывает нас со скоростью до 60 кадров в секунду,если это возможно).Мы намеренно снижаем частоту кадров,потому что у нас есть только шесть спрайтов для работы,и если мы будем отображать один каждые 60 секунд,наш персонаж будет двигаться слишком быстро!Внутри внешнего блока мы используем оператор
if...else
,чтобы проверить,соответствует ли значениеспрайта5(последний спрайт,учитывая,что номера спрайтов идут от 0 до 5).Если мы уже показываем последний спрайт,мы сбрасываем
спрайт
обратно на 0;в противном случае мы просто увеличиваем его на 1.Далее нам нужно решить,как изменить значение
posX
в каждом кадре-добавьте следующий блок кода чуть ниже вашего последнего.if(posX>width/2){newStartPos=-((ширина/2)+102);posX=Math.ceil(newStartPos);console.log(posX);}еще{posX+=2;}
Мы используем еще один
,если...else
,чтобы увидеть,стало ли значениеposX
больше,чемwidth/2
,что означает,что наш персонаж ушел за правый край экрана.Если это так,мы вычисляем позицию,при которой персонаж помещается слева от левой части экрана.Если наш персонаж еще не отошел от края экрана,мы увеличиваем
posX
на 2.Это заставит его сдвинуться немного вправо в следующий раз,когда мы его нарисуем.Наконец,нам нужно создать цикл анимации,вызвав
requestAnimationFrame()
в нижней части функцииdraw()
:окно.requestAnimationFrame(рисовать);
Вот и все!Последний пример должен выглядеть так:
Простое приложение для рисования
В качестве последнего примера анимации мы хотели бы показать вам очень простое приложение для рисования,чтобы проиллюстрировать,как цикл анимации может быть объединен с пользовательским вводом(например,движением мыши в данном случае).Мы не заставим вас пройти и построить эту;мы просто исследуем самые интересные части кода.
Пример можно найти на GitHub как 8_canvas_drawing_app.html,и вы можете поиграть с ним вживую ниже:
Давайте рассмотрим самые интересные детали.Прежде всего,мы отслеживаем координаты X и Y мыши,а также то,нажимается ли она или нет,с тремя переменными:curX
,curY
инажатием
.Когда мышь перемещается,мы запускаем функцию,заданную как обработчик событийonmousemove
,которая фиксирует текущие значения X и Y.Мы также используем обработчики событийonmousedown
иonmouseup
,чтобы изменить значениеloaded
наtrue
при нажатии кнопки мыши и снова наfalse
при отпускании.
let curX;let curY;пусть нажата=ложь;document.onmousemove=function(e){curX=(window.Event)?e.pageX:e.clientX+(document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft);curY=(window.Event)?e.pageY:e.clientY+(document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop);}
canvas.onmousedown=function(){нажата=правда;};canvas.onmouseup=function(){нажата=ложь;}
Когда нажата кнопка «Очистить холст»,мы запускаем простую функцию,которая очищает весь холст обратно до черного,так же,как мы видели раньше:
clearBtn.onclick=function(){ctx.fillStyle='rgb (0, 0, 0)';ctx.fillRect(0,0,ширина,высота);}
Цикл рисования на этот раз довольно прост-если нажатьtrue
,мы рисуем круг со стилем заливки,равным значению в палитре цветов,и радиусом,равным значению,установленному во входном диапазоне.Нам нужно нарисовать круг на 85 пикселей выше того места,откуда мы его измерили,потому что вертикальное измерение берется из верхней части области просмотра,но мы рисуем круг относительно верхней части холста,который начинается ниже 85 пикселей в высоту.панель инструментов.Если бы мы нарисовали его только сcurY
в качестве координаты y,он оказался бы на 85 пикселей ниже,чем позиция мыши.
function draw(){if(нажато){ctx.fillStyle=colorPicker.value;ctx.beginPath();ctx.arc(curX,curY-85,sizePicker.value,degToRad(0),degToRad(360),false);ctx.fill();}
requestAnimationFrame(рисовать);}
рисовать();
Примечание:диапазон
ицвета Типы
достаточно хорошо поддерживаются во всех браузерах,за исключением версий Internet Explorer менее 10;также Safari еще не поддерживаетцвет
.Если ваш браузер не поддерживает эти поля ввода,они вернутся к простым текстовым полям,и вам просто нужно будет самостоятельно ввести допустимые значения цвета/числа.
Пришло время оставить 2D позади и взглянуть на 3D-холст.Содержимое 3D-холста задается с помощью API WebGL,который является полностью отдельным API от API-интерфейса 2D-холста,даже если они оба отображаются в элементах.
WebGL основан на OpenGL(открытая графическая библиотека)и позволяет напрямую взаимодействовать с графическим процессором компьютера.Таким образом,написание необработанного WebGL ближе к языкам низкого уровня,таким как C++,чем к обычному JavaScript;это довольно сложно,но невероятно мощно.
Использование библиотеки
Из-за ее сложности большинство людей пишут код трехмерной графики с использованием сторонней библиотеки JavaScript,такой как Three.js,PlayCanvas или Babylon.js.Большинство из них работают аналогичным образом,предоставляя функциональные возможности для создания примитивных и нестандартных форм,расположения камер наблюдения и освещения,покрытия поверхностей текстурами и многого другого.Они обрабатывают WebGL за вас,позволяя вам работать на более высоком уровне.
Да,использование одного из них означает изучение другого нового API(в данном случае стороннего),но они намного проще,чем кодирование необработанного WebGL.
Воссоздание нашего куба
Давайте рассмотрим простой пример того,как создать что-то с помощью библиотеки WebGL.Мы выберем Three.js,так как он один из самых популярных.В этом уроке мы создадим трехмерный вращающийся куб,который мы видели ранее.
Для начала создайте локальную копию index.html в новой папке,затем сохраните копию metal003.png в той же папке.Это изображение мы будем использовать в качестве текстуры поверхности для куба позже.
Затем создайте новый файл с именем
main.js
снова в той же папке,что и раньше.Если вы откроете
index.html
в редакторе кода,вы увидите,что он содержит два элемента-первый прикрепляет
three.min.js
к странице,а второй прикрепляет нашосновной.js
на страницу.Вам необходимо загрузить библиотеку three.min.js и сохранить ее в том же каталоге,что и раньше.Теперь у нас есть
three.js
,прикрепленный к нашей странице,мы можем начать писать JavaScript,который использует его вmain.js
.Начнем с создания новой сцены-добавьте в файл main.js следующее:const scene=new THREE.Scene();
Конструктор
Scene()
создает новую сцену,которая представляет весь трехмерный мир,который мы пытаемся отобразить.Далее нам понадобится камера,чтобы мы могли видеть сцену.С точки зрения трехмерных изображений камера представляет положение зрителя в мире.Чтобы создать камеру,добавьте следующие строки:
const camera=new THREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,0,1,1000);camera.position.z=5;
Конструктор
PerspectiveCamera()
принимает четыре аргумента:- Поле зрения:насколько широкая область перед камерой,которая должна быть видна на экране,в градусах.
- Соотношение сторон:обычно это отношение ширины сцены к ее высоте.Использование другого значения исказит сцену(что может быть тем,что вы хотите,но обычно это не так).
- Ближайшая плоскость:насколько близко могут быть объекты камеры до того,как мы перестанем их отображать на экране.Подумайте о том,как,когда вы перемещаете кончик пальца все ближе и ближе к пространству между глазами,в конечном итоге вы больше не видите его.
- Дальняя плоскость:насколько далеко объекты находятся от камеры до того,как они перестанут отображаться.
Мы также установили положение камеры на 5 единиц расстояния от оси Z,которая,как и в CSS,находится за пределами экрана по направлению к вам,зрителю.
Третий жизненно важный компонент-это средство визуализации.Это объект,который визуализирует данную сцену с точки зрения данной камеры.Сейчас мы создадим его с помощью конструктора
WebGLRenderer()
,но мы не будем использовать его позже.Добавьте следующие строки:const renderer=новый ТРИ.WebGLRenderer();renderer.setSize(window.innerWidth,window.innerHeight);document.body.appendChild(renderer.domElement);
Первая строка создает новое средство визуализации,вторая строка устанавливает размер,при котором средство визуализации будет рисовать вид камеры,а третья строка добавляет элемент
,созданный средством визуализации,к
документа.Теперь все,что рисует рендерер,будет отображаться в нашем окне.
Затем мы хотим создать куб,который мы будем отображать на холсте.Добавьте следующий фрагмент кода в конец вашего JavaScript:
пусть кубик;let loader=new THREE.TextureLoader();loader.load('metal003.png',function(texture){texture.wrapS=THREE.RepeatWrapping;texture.wrapT=THREE.RepeatWrapping;texture.repeat.set(2,2);let geometry=new THREE.BoxGeometry(2.4,2.4,2.4);let material=new THREE.MeshLambertMaterial({карта:текстура,затенение:THREE.FlatShading});cube=new THREE.Mesh(геометрия,материал);сцена.добавить(куб);рисовать();});
Здесь есть еще кое-что,поэтому давайте рассмотрим это поэтапно:
- Сначала мы создаем глобальную переменную
куба
,чтобы мы могли получить доступ к нашему кубу из любой точки кода. - Затем мы создаем новый объект
TextureLoader
,затем вызываем для негоload()
.load()
в этом случае принимает два параметра(хотя может потребоваться и больше):текстура,которую мы хотим загрузить(наш PNG),и функция,которая будет запускаться после загрузки текстуры. - Внутри этой функции мы используем свойства объектатекстуры
,чтобы указать,что мы хотим,чтобы изображение повторялось 2 x 2,обернутое вокруг всех сторон куба.Затем мы создаем новый объект
BoxGeometry
и новый объектMeshLambertMaterial
и объединяем их в сеткуMesh
для создания нашего куба.Для объекта обычно требуется геометрия(какой он формы)и материал(как выглядит его поверхность). - Наконец,мы добавляем наш куб в сцену,затем вызываем нашу функцию
draw()
,чтобы запустить анимацию.
- Сначала мы создаем глобальную переменную
Прежде чем мы перейдем к определению
draw()
,мы добавим в сцену пару источников света,чтобы немного оживить ситуацию;добавьте следующие блоки:let light=new THREE.AmbientLight('rgb (255, 255, 255)');scene.add(свет);пусть spotLight=new THREE.SpotLight('rgb (255, 255, 255)');spotLight.position.set(100,1000,1000);spotLight.castShadow=true;scene.add(spotLight);
Объект
AmbientLight
-это своего рода мягкий свет,который немного освещает всю сцену,как солнце,когда вы находитесь на улице.С другой стороны,объектSpotLight
представляет собой направленный луч света,больше похожий на фонарик/фонарик(или,по сути,прожектор).Наконец,давайте добавим нашу функцию
draw()
в конец кода:function draw(){cube.rotation.x+=0,01;cube.rotation.y+=0,01;renderer.render(сцена,камера);requestAnimationFrame(рисовать);}
Это довольно интуитивно понятно;на каждом кадре мы слегка поворачиваем наш куб по осям X и Y,затем визуализируем сцену так,как она просматривается нашей камерой,а затем,наконец,вызываем
requestAnimationFrame()
,чтобы запланировать рисование нашего следующего кадра.
Давайте еще раз посмотрим,как должен выглядеть готовый продукт:
Готовый код можно найти на GitHub.