По линиям рисовать: 👩🏻‍🎨 Рисуем линии | Уроки рисования, учимся рисовать, рисуем карандашом, гуашью, маслом


06.02.1977 Facebook Twitter LinkedIn Google+ Разное


Содержание

👩🏻‍🎨 Рисуем линии | Уроки рисования, учимся рисовать, рисуем карандашом, гуашью, маслом

Инструменты:

 

Итак! Нам понадобятся все те же стандартные листы, НО! Не менее чем 100 гр. на кв.м А еще маркеры (ну не такие уж дорогие, кстати) как на скан-фото.

В моем случае это STABILO point 88 fine 0,4. Т.е. стержень толщиной 0,4 мм.

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

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

Начертили?!

А теперь аккуратно возьмите это «произведение» за уголочек двумя пальчиками и … злостно и беспощадно скомкайте его, выкиньте его и больше НИКОГДА так не делайте! Никакая искусственная симметрия вас не спасет! Ее просто нет! Захотите нарисовать человека – пожалуйста! Но не рисуйте его абсолютно симметричной куклой! Он человек! Причем с каждой стороны разный! И дело не в «левости» или в «правости»! Просто у живого нет циркуля и линейки, а потому и не повторяется оно детально!

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

У нас получилось два треугольника разделенных пополам. Разделим их еще надвое (рис.2).

Затем еще (рис. 3)

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

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

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

Перейдем к следующему шагу.

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

Заметили что лини стали ровнее?! У меня получилось ровнее, значит и вас получится! Пойдем дальше. Каждую из трех получившихся частей, разделите еще на три части (рис. 7)

Затем третью от края долю разделить пополам, а вторую и первую опять же на три части (рис. 8).

Процесс повторить. Т.е. третью долю пополам, вторую и первую на три части, ну и для полноты картины в последний раз самую крайнюю долю разделить еще раз пополам (рис. 9)

Можно конечно и по другому. Начертить диагональ, разделить каждый треугольник пополам, затем среднюю часть пополам, а крайние на три части (рис. 10)

а затем лишь продолжать деля вторую от края долю пополам, а первую на три части, пока на закончится терпение. (рис. 11-12)

 

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

Итак, следующий шаг!

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

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

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

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

Делим так: крайние части разделить пополам (все еще синим цветом), затем среднюю часть, и части вторые от края разделить на три части а первые от края пополам (красным цветом). Четвертую и третью части делим пополам, а вторую и первую на три части. А в заключение последнюю из полученный частей еще раз надвое (рис. 15)

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

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

 

  • Закон плавности
  • Закон гармоничности и законченности замысла
  • Закон красоты (как можно меньше мелкой корявости в линиях и линии могут касаться лишь сонаправленных линий и ни в коем случае не пересекать и не касаться линий поперечных)

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

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

Не буду вам желать удачи в этот раз. Вам нужна сейчас не она. Вам нужно приобрести вкус к подобным построениям. Ибо они … Ооооо! Они, эти линии, они могут дать многое!!! Сумейте лишь найти в себе терпение. Дайте им проникнуть в вас сквозь блоки и отрицания! Они отблагодарят! Будьте уверены! Вам откроется волшебный мир, пусть и первой ступени, но мир полный неожиданностей когда строгая геометрия не кажется вам уже квадратной и угловатой, когда вы проникаетесь красотой и гармонией и ваша рука непроизвольно стремится дальше, почти без вашего участия исполняя свой танец ровнее и неожиданно красивее! Это как раз тот момент, когда рушатся стены недоверия к самому себе и к своим рукам, а душа наполняется маленьким счастьем. Бессонных вам ночей, Творители вселенной!

Рисование линии

  1. Щелкните рисунок правой кнопкой мыши, откройте на перемещаемой панели инструментов список

    Средства рисования и выберите инструмент Линия или Карандаш.

    Когда инструмент «Линия» на этом этапе, указатель изменяется на .

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

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

  1. На вкладке Главная в группе Инструменты нажмите кнопку Средства рисования и выберите инструмент Линия.

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

Изменение линии

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

Кроме того, вы можете изменить вид линии.

  1. Щелкните линию правой кнопкой мыши и выберите пункт Формат фигуры.

  2. В области Формат фигуры выберите пункт Линия и внесите необходимые изменения, например измените толщину или цвет линии, тип стрелки или линии.

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

    Когда инструмент «Линия» на этом этапе, указатель изменяется на .

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

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

  1. На вкладке Главная в группе Инструменты нажмите кнопку Средства рисования и выберите инструмент Линия.

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

Изменение линии

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

Кроме того, вы можете изменить вид линии.

  1. Щелкните линию правой кнопкой мыши и выберите пункт Формат, а затем — Линия.

  2. В окне форматирования Линия внесите необходимые изменения, например измените толщину или цвет линии, тип стрелки или линии.

  1. На панели инструментов «Рисование» щелкните инструмент «Карандаш» или «Линия» .

    Примечание: Если панель инструментов «Рисование» не отображается, нажмите кнопку «Средства рисования на стандартной панели инструментов, чтобы отобразить ее.

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

    Примечания: 

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

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

Изменение линии

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

Кроме того, вы можете изменить вид линии.

  1. Щелкните линию правой кнопкой мыши и выберите пункт Формат, а затем — Линия.

  2. В окне форматирования Линия внесите необходимые изменения, например измените толщину или цвет линии, тип стрелки или линии.

Прямые линии. | Рисуем вместе

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

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

Школьники, с которыми мы начинали рисовать (начинали с кубика, как вы, может быть, догадываетесь), делали обычно так: брали карандашик как ручку и очень старательно вырисовывали контуры куба. Контуры получались кривоватыми, их стирали ластиком и рисовали снова. И снова стирали. И так далее. В результате, на рисунок, который можно сделать за час, тратилось невероятно много времени, не говоря о том, что выглядел он очень замученным… Это, если у человека оставались силы закончить.

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

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

Теперь можно попробовать на бумаге. Лист лучше закрепить вертикально, как на мольберте. Карандаш возьмите за хвостик, как на второй фотографии (держим карандаш). Когда вы берете карандаш таким образом, он как будто становится продолжением руки. И рисуем прямые линии тем же широким и быстрым движением от плеча. Не стремитесь к идеально ровным, как по линеечке, прямым. Важно закрепить правильное движение — чем увереннее будет двигаться рука, тем уверенней будут линии.

Точно так же можно штриховать, причем направление штриховки очень легко поменять.

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

Вернуться на главную страницу

Рисование линий произвольной толщины в Java2ME


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

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

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

Итак нам известны координаты (x1,y1) (x2,y2) и толщина линии l. Для определения координат точекA иC нам необходимо найти уравнения задающие прямую проходящую через точку с координатами (x1,y1) и перпендикулярную прямой соединяющей точки (x1,y1) (x2,y2). Для начала находим направляющий вектор, параллельный заданной прямой, проходящей через (x1,y1) (x2,y2)

    A=x2-x1  B=y2-y1  S(A,B)=S(x2-x1,y2-y1) 

а теперь записываем уравнение прямой проходящей через точку (x1,y1) и перпендикулярную векторуS(A,B) в параметрической форме

x=B*t x1  y=-A*t y1

теперь для получения координат точекA и C достаточно подставить в уравнение положительный и отрицательный параметрt, к несчастью, этот параметр ни к чему не привязан, поэтому выполним его нормирование. Так как уравнение линейное — достаточно получить всего одну точку на прямой, для этого подставим в уравнения прямой вместо параметра произвольное число (например единицу), определим координату точки и найдем расстояние от этой точки до точки (x1,y1). После преобразований получим расстояние

Теперь мы можем выполнить нормирование параметраt, определив какой длине отрезка соответствует единица параметра, разделив единицу на tl. Так как у нас задана толщина линии, то умножив ее на коэффициент нормирования мы получим значение параметра для данной толщины линии. Для нахождения координат точек A и C достаточно подставить в параметрическое уравнение прямой  положительный и отрицательный параметр. Координаты точекB иD находятся аналогично, только в параметрические уравнения вместоx1, y1 подставляютx2 иy2.

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

public intsqrt(int l)
{
int ret=l;int div=l;
if(l<=0)return0;
while(true)
{
div=(l/div div)/2;
if(ret>div)ret=div;elsereturn ret;
}
}

Теперь осталось реализовать готовый алгоритм. На вход процедуре подается контекст графического экранаg, две пары координат — начальная (x1,y1) и конечная (x2,y2) точки, ширина линии w. В первом приближении реализация выглядит так:

public void fillLine(Graphics g,int x1,int y1,int x2,int y2,int w)
{
int a,b,l;
a=(x2-x1);b=(y2-y1);
l=sqrt(b*b a*a);
a=a*w/l;b=b*w/l;
g.fillTriangle(b x1,y1-a,x1-b,a y1,b x2,y2-a);
g.fillTriangle(x2-b,a y2,x1-b,a y1,b x2,y2-a);
}

В этом случае линия рисуется симметрично исходным координатам, но ее реальная толщина будет равна удвоенному параметру плюс единица, в результате, при параметре толщины 1 пиксель будет нарисована линия толщиной 3 пикселя, а при заданной толщине 2 рисуется линия толщиной 5 пикселей. Теперь достаточно принять решение как будут рисоваться линии с шириной кратной двум. Так как мы имеем дело с пикселями — единственный метод — это рисовать одну из симметричных сторон на единицу меньшей толщины. Линии при этом получаются не симметричные относительно заданных координат, но другого способа растеризовать прямую нет ;(. В алгоритм придется внести несколько изменений. Так как у нас все расчеты идут в целочисленной форме, одна половинка (от точки x1,y1 до точкиC) будет иметь длину l1=bold/2, а вторая (от точки x1,y1 до точкиA), с учетом того, что линия x1,y1-x2,y2 имеет толщину в один пиксель l2=bold-bold/2-1. Реализация от этого изменится не намного:

public void fillLine(Graphics g,int x1,int y1,int x2,int y2,int w)
{
int a,b,l;
a=(x2-x1);b=(y2-y1);
l=sqrt(b*b a*a);
g.fillTriangle(b*w/2/l x1,y1-a*w/2/l,x1-b*(w-(w/2)-1)/l,a*(w-(w/2)-1)/l y1,b*w/2/l x2,y2-a*w/2/l);
g.fillTriangle(x2-b*(w-(w/2)-1)/l,a*(w-(w/2)-1)/l y2,x1-b*(w-(w/2)-1)/l,a*(w-(w/2)-1)/l y1,b*w/2/l x2,y2-a*w/2/l);
}

Данный алгоритм работает достаточно хорошо, но не без недостатков, в первую очередь это связано с тем что при рисовании залитых треугольников небольшой толщины их край рисуется пунктиром, поэтому линии с толщиной в одну-две точки будут выводиться пунктиром. Решается эта проблема легко — введением проверки на заданную толщину линии.   Так как все расчеты ведутся в целых числах, то для повышения точности расчетов введем округление вида. y=(5 x*10)/10, кроме того увеличим точность расчета квадратного корня, умножив его аргумент на 100 и разделив в итоге результат на 10. Так как расчет каждой координаты все удлиняется введем новые переменные lx1,lx2,lx3,lx4,ly1,ly2,ly3,ly4, представляющие собой координаты точекA, B, C, D — потеряв в памяти но выиграв в скорости. Результат приведен ниже:

public void fillLine(Graphics g,int x1,int y1,int x2,int y2,int w)
{
if(w==1)g.drawLine(x1,y1,x2,y2);else{
int a,b,l,lx1,lx2,lx3,lx4,ly1,ly2,ly3,ly4;
a=(x2-x1);b=(y2-y1);
l=sqrt(100*(b*b a*a));
lx1=(5 b*100*w/2/l x1*10)/10;
ly1=(5 y1*10-a*100*w/2/l)/10;
lx2=(5 b*100*w/2/l x2*10)/10;
ly2=(5 y2*10-a*100*w/2/l)/10;
lx3=(5 x1*10-b*100*(w-(w/2)-1)/l)/10;
ly3=(5 a*100*(w-(w/2)-1)/l y1*10)/10;
lx4=(5 x2*10-b*100*(w-(w/2)-1)/l)/10;
ly4=(5 a*100*(w-(w/2)-1)/l y2*10)/10;
g.fillTriangle(lx1,ly1,lx3,ly3,lx2,ly2);
g.fillTriangle(lx4,ly4,lx3,ly3,lx2,ly2);
}}

Добавив округление ко всем координатам, мы опять столкнемся с особенностью прорисовки края залитого треугольника в J2ME, когда при малой толщине треугольника, его край рисуется не полностью, уменьшая его видимую ширину. Простейший способ это устранить — добавить рисование линий по контуру толстой прямой, соединив точкиABCD. После этого проявится другой эффект, когда линии с наклоном близким к вертикали рисуются толще на один пиксель. Поэтому линии соединяющие точки ABCD будем рисовать только при наклоне до 45 градусов по вертикали, для этого используем проверку (Math.abs(a)>Math.abs(b)). Добавим в конец предыдущего примера рисование граничных линий:

if(Math.abs(a)>Math.abs(b)){
g.drawLine(lx1,ly1,lx2,ly2);
g.drawLine(lx3,ly3,lx4,ly4);
g.drawLine(lx4,ly4,lx2,ly2);
g.drawLine(lx1,ly1,lx3,ly3);
}

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

if(y1==y2){if(x1>x2)g.fillRect(x2,y1-w/2,1 x1-x2,w);
else g.fillRect(x1,y2-w/2,1 x2-x1,w);return;}
if(x1==x2){if(y1<y2)g.fillRect(x1-w/2,y1,w,1 y2-y1);
else g.fillRect(x1-w/2,y2,w,1 y1-y2);return;}

Осталось ввести обработку исключительных ситуаций — это возможность деления на ноль при нулевомl и случай когда ширина линии задана нулевая или отрицательная. Обе эти проверки обьединяются в одно условие вывода линии (l>0 && w>0). Полностью работающая функция готова:

public void fillLine(Graphics g,int x1,int y1,int x2,int y2,int w)
{
if(w==1)g.drawLine(x1,y1,x2,y2);else{
if(y1==y2){if(x1>x2)g.fillRect(x2,y1-w/2,1 x1-x2,w);
else g.fillRect(x1,y2-w/2,1 x2-x1,w);return;}
if(x1==x2){if(y1<y2)g.fillRect(x1-w/2,y1,w,1 y2-y1);
else g.fillRect(x1-w/2,y2,w,1 y1-y2);return;}
int a,b,l,lx1,lx2,lx3,lx4,ly1,ly2,ly3,ly4;
a=(x2-x1);b=(y2-y1);
l=sqrt(100*(b*b a*a));
if(l>0&amp;&amp; w>0){
lx1=(5 b*100*w/2/l x1*10)/10;
ly1=(5 y1*10-a*100*w/2/l)/10;
lx2=(5 b*100*w/2/l x2*10)/10;
ly2=(5 y2*10-a*100*w/2/l)/10;
lx3=(5 x1*10-b*100*(w-(w/2)-1)/l)/10;
ly3=(5 a*100*(w-(w/2)-1)/l y1*10)/10;
lx4=(5 x2*10-b*100*(w-(w/2)-1)/l)/10;
ly4=(5 a*100*(w-(w/2)-1)/l y2*10)/10;
g. fillTriangle(lx1,ly1,lx3,ly3,lx2,ly2);
g.fillTriangle(lx4,ly4,lx3,ly3,lx2,ly2);
if(Math.abs(a)>Math.abs(b)){
g.drawLine(lx1,ly1,lx2,ly2);
g.drawLine(lx3,ly3,lx4,ly4);
}}}}

Линия рисуется текущим цветом, который задается стандартным оператором setColor(). Не забываем, что в приведенной процедуре используется функция sqrt, поэтому для тех кто не любит таскать за собой отдельные функции в примере приведена процедура fillLineI() в которую вычисление квадратного корня интегрировано.  Вархиве приведены два готовых примера BoldLineTest и BoldLineDemo. Первый использует интегрированный вариант процедуры fillLineI() и рисует набор статичных линий, такой как на рисунке ниже. Красные черточки показывают, где проходит середина линии.

Второй пример поинтересней, он интерактивен, и выводит на экран линию, толщиной, наклоном и длиной которой можно  управлять. Пример называется BoldLineDemo и использует fillLine(), позволяя посмотреть на получившуюся линию в динамике.

Управляется это чудо цифровыми кнопками или стилусом, при этом решетка три на три на экране соответствует цифровому полю телефона от 1 до 9, тоже три на три. К примеру для поворота линии нужно нажать клавишу 4 или щелкнуть пером в квадрате где изображена стрелка вверх, кресты позволяют выйти из мидлета, плюсы и минусы управляют длиной и толщиной линии. Клавиша 5 или центр экрана возвращает параметры к стандартным. Этот пример позволяет выявить некоторые недостатки реализации предложенного алгоритма, если угол наклона линии близок к 45 градусам при некоторых приращениях толщины визуально толщина линии не изменяется. В принципе устранить этот недостаток возможно — увеличив точность вычислений, но на практике такая потеря точности никому не важна, к примеру в том же PaintNET линии нарисованные под углом 45 градусов с толщиной 6 и 7 визуально не отличаются ;(, как и с толщиной 10 и 11 ;).

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


Автор:Shadowsshot


Как рисовать линии в Фотошопе


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

Сегодняшняя статья будет полностью посвящена тому, каким образом можно создавать линии в Фотошопе.

Создание линий

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

Прямая

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

Урок: Рисуем прямую линию в Фотошопе

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

Ломаная

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

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

    Урок: Инструмент Перо в Фотошопе — теория и практика

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

    А затем обвести полученный контур одним из инструментов (читайте урок про Перо).

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

    после чего, путем копирования слоев (CTRL+J) и опции «Свободное трансформирование», включаемой нажатием клавиш CTRL+T, создать необходимую фигуру.

  • Замкнутая ломаная
  • Как мы уже говорили ранее, такая линия представляет собой многоугольник. Способов построения многоугольников два – используя соответствующий инструмент из группы «Фигура», либо путем создания выделения произвольной формы с последующей обводкой.

    • Фигура.

      Урок: Инструменты для создания фигур в Фотошопе

      При применении данного метода мы получим геометрическую фигуру с равными углами и сторонами.

      Для получения непосредственно линии (контура) необходимо настроить обводку, именуемую «Штрихом». В нашем случае это будет сплошной штрих заданного размера и цвета.

      После отключения заливки

      мы получим требуемый результат.

      Такую фигуру можно деформировать и вращать при помощи все того же «Свободного трансформирования».

    • Прямолинейное лассо.

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

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

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

      Для сохранения остроты углов положение рекомендуется делать «Внутри».

    Кривая

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

    1. Незамкнутая
    2. Такую линию можно изобразить исключительно «Пером» (с обводкой контура), либо «от руки». В первом случае нам поможет урок, ссылка на который есть выше, а во втором только твердая рука.

    3. Замкнутая
    • Лассо.

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

    • Овальная область.

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

      Для ее деформации достаточно вызвать «Свободное трансформирование» (CTRL+T) и, после нажатия ПКМ, выбрать соответствующую дополнительную функцию.

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

      Стоит заметить, что в данном случае воздействие распространяется и на толщину линии.

      Следующий способ позволит нам сохранить все параметры.

    • Фигура.

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

      После деформирования получим следующий результат:

      Как видим, толщина линии осталась неизмененной.

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

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

    Мы рады, что смогли помочь Вам в решении проблемы.
    Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
    Помогла ли вам эта статья?
    ДА НЕТ

    Как научиться рисовать ровные линии. Рисование линии в Photoshop. Рисуем линии под углом

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

    Сегодняшняя статья будет полностью посвящена тому, каким образом можно создавать линии в Фотошопе.

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

    Прямая

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

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

    Ломаная

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

    1. Незамкнутая ломаная

  • Замкнутая ломаная
  • Как мы уже говорили ранее, такая линия представляет собой многоугольник. Способов построения многоугольников два – используя соответствующий инструмент из группы «Фигура» , либо путем создания выделения произвольной формы с последующей обводкой.

    • Фигура.

      При применении данного метода мы получим геометрическую фигуру с равными углами и сторонами.

      Для получения непосредственно линии (контура) необходимо настроить обводку, именуемую «Штрихом» . В нашем случае это будет сплошной штрих заданного размера и цвета.

      После отключения заливки

      мы получим требуемый результат.

      Такую фигуру можно деформировать и вращать при помощи все того же «Свободного трансформирования» .

    • Прямолинейное лассо.

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

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

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

    Кривая

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

    1. Незамкнутая
    2. Такую линию можно изобразить исключительно «Пером» (с обводкой контура), либо «от руки». В первом случае нам поможет урок, ссылка на который есть выше, а во втором только твердая рука.

    3. Замкнутая
    • Лассо.

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

    • Овальная область.

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

      Для ее деформации достаточно вызвать «Свободное трансформирование» (CTRL+T ) и, после нажатия ПКМ , выбрать соответствующую дополнительную функцию.

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

      Стоит заметить, что в данном случае воздействие распространяется и на толщину линии.

    • Фигура.

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

      После деформирования получим следующий результат:

      Как видим, толщина линии осталась неизмененной.

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

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

    Другой способом рисования является использование инструмента «Линия» (Line Tool), доступного на инструментальной панели Photoshop:

    Эта линия является векторной формой (Vector Shape), так что в последствии Вы можете легко изменить её форму, цвет и размер без потери качества. Вы также можете использовать клавишу Shift для построения горизонтальных, вертикальных и направленных под углом 45° линий:

    Ломаная, прямая и кривая линия с помощью «Пера» (Pen Tool)

    Третий иp распространённых способов создания лини — использование универсального инструмента «Перо» (Pen Tool):

    Сначала необходимо переключить «Перо» на режим «Контур» (Paths), этот переключатель находится на панели параметров в верхнем левом углу окна программы. Затем кликните в том месте, где должна начинаться линия, это будет начальная точка, потом добавьте вторую точку и т.д.
    То же самое правило действует и при нажатии клавиши Shift:

    Давайте выполним несложную практическую работу. Сначала выберите инструмент «Кисть», задайте диаметр 3 пикселя,жёсткость 100%, цвет — чёрный.
    Затем возьмите «Перо», выберите режим «Контур» и нарисуйте линию с помощью двух точек. Вы можете увидеть созданный контур на панели слоёв во вкладке «Контур» (Path), там наша линия будет добавлена в качестве рабочего контура (Work Path).

    Но контур, созданный «Пером», это всего-лишь вспомогательный объект, и при сохранении картинки отображён не будет. Для того, чтобы визуализировать контур, нам следует выполнить его обводку.
    При активном инструменте «Перо», кликните правой клавишей мыши по контуру в документе. Откроется контекстное меню, где нажмите на строку «Выполнить обводку контура» (Stroke Path):

    Откроется новое окно, где выберите пункт «Кисть» (Brush) и нажмите ОК. Обводка толщиной в 3 пикселя появится:

    Эту операцию лучше всего производить на новом прозрачном слое.

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

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

    Способ № 1: Стрелка с синими тенями

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

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

    С помощью жидкой черной подводки проведи стрелку, желательно тонкую.

    Используй синие блестящие тени — нанеси их на стрелку, пока подводка не высохла.

    Добавь немного таких же теней на нижнее веко. Готово!

    Способ № 2: Рисуй стрелку в два слоя

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


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


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


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


    По желанию ты можешь выделить кайал черным карандашом.


    Вот и все!

    Способ № 3: Сначала нарисуй контур стрелки

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

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

    У тебя получился контур стрелки — осталось лишь закрасить свободное пространство. Это правда очень легко!

    Способ № 4: Нарисуй стрелку в несколько штрихов

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

    Для начала выдели внешний уголок глаза и нижнее веко бежевыми тенями.

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

    25.01.2017 28.01.2018

    Привет всем любителям программы фотошоп!

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

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

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

    Рисуем прямую линию инструментом Кисть (Brush Tool)

    Проще всего нарисовать линию инструментом Кисть (Brush Tool). Создаем в фотошопе документ (Ctrl + N ) с произвольным размером, у меня это 800х600 пикселей :

    Активируем инструмент Кисть (Brush Tool). Горячая клавиша вызова инструмента — B .


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

    Проводим линию:

    Какая-то она не совсем ровная, резонно заметите вы, так ведь?

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

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

    Рисуем прямую линию при помощи инструмента Карандаш (Pencil Tool)

    Инструмент Карандаш (Pencil Tool) находится в той же группе инструментов, что и инструмент Кисть , горячая клавиша вызова инструмента — B .


    Рисование линии при помощи инструмента Карандаш (Pencil Tool) аналогично рисованию Кистью — делаем клик мышью у начала линии, зажимаем клавишу Shift и проводим линию.

    Рисуем линию инструментом Перо (Pen Tool)

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

    Активируйте инструмент Перо (Pen Tool), горячая клавиша вызова инструментаP .


    Не забудьте убедиться, что инструмент Перо находится в режиме «контур». Посмотреть это можно в верхней панели настроек инструмента:

    Создаем новый слой, нажимаем на иконку создания слоя в панели слоев :

    Рисуем прямую линию — просто поставьте две точки. Чтобы нарисовать горизонтальную или вертикальную линию, снова зажимаем клавишу Shift :

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

    Рисуем произвольные кривые линии и в конце зажимаем клавишу Ctrl с кликом мышью по холсту, чтобы завершить линии.

    Линии готовы, но, к сожалению, они видны только в фотошопе во вкладке Контуры (Окно-Контуры (Window-Paths) ), если сохранить изображение, к примеру, в формате jpg*, линии не будут отображаться.

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

    Выбираем цвет:

    Активируем инструмент Перо , щелкаем ПКМ по холсту и выбираем пункт «Выполнить обводку контура» (Stroke Path):


    Откроется следующее окно, в котором в качестве источника нужно выбрать «Кисть», а галочку у «Имитировать нажим» (Simulate Pressure) желательно снять чтобы получились ровные линии:

    Результат:

    Если оставить галочку «Имитировать нажим» (Simulate Pressure) , линии к концам будут становиться тоньше:

    Рисуем линию инструментом Линия (Line tool)

    Один из самый распространённых способов нарисовать прямую линию в фотошопе это инструмент Линия . Находится в левой панели:

    Прекрасно то, что можно легко настроить цвет и толщину линии:

    С зажатым SHIFT я провожу прямые линии. Они создаются средством фигуры из вектора. Можно запросто нарисовать вертикальную, горизонтальную и под углом 45 градусов прямую линию.

    Прямая линия с помощью выделения в фотошопе

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

    Есть в фотошопе инструмент Прямоугольное выделение:

    Например, нам нужна длинная и толстая линия в фотошопе. Выделяем нужную область:

    Выбираем инструмент Заливка и устанавливаем цвет для будущей линии.

    Заливаем цветом выделенную область и снимаем выделение CTRL+D . У нас получилась прямая линия.

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

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

    Самый простой способ

    Для начала разберем наипростейшие методы рисования.

    Рисуем линии по горизонтали и вертикали

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

    Рисуем линии под углом

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

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

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

    Рисование прямых линий при помощи направляющих

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

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

    Фигуры

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

    Прежде чем начать рисовать, зайдите в настройки инструмента сверх и посмотрите, что здесь вы сможете настроить под себя:


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

    Рисование линий с помощью инструмента «Перо»

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


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

    Инструмент «Прямоугольное выделение»

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


    В итоге у нас получилась черная полоска, которую вы сможете превратить в линию. Для этого достаточно перейти в режим трансформирования (CTRL+T ) и просто увеличивать или уменьшать длину и ширину, путем зажатия левой кнопкой мыши на краях.

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

    Как нарисовать линию в фотошопе онлайн

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

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

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

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

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

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

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

    С уважением, Дмитрий Костин.

    Урок по рисованию: Линии и их характер. Что такое графика? | Творческий Краснодар

    Считаю, что научиться рисовать может любой — главное, постоянно осваивать новые знания и улучшать навык)

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

    Будет что-то похожее на библиотеку-запоминалку для моих учеников и всех желающих.

    Начнем?

    Начнем с самого простого)

    Начнем с самого простого)

    Любой рисунок создаётся помощью линий и цветов. Сегодня поговорим о линиях и их видах.

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

    Все это помогают передать линии.

    Как и у людей, у линий есть характер. Они бывают мягкими и твёрдыми, жёсткими.

    Жёсткие линии — это линии, у которых есть уголки. Посмотрите на рисунок ниже. Вы без труда узнаете их.

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

    Мягкие линии, напротив, подчёркивают плавность и неспешность, мягкость, гармонию и доброту.

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

    Начнем с бумаги

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

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

    Вам могут понадобиться:

    • Простые карандаши разной мягкости
    • Линнер (ручка такая, похожая на гелевую) разной толщины
    • Гелевые ручки
    • Тушь и перо
    • Краски 1-3 цветов и кисть
    • Угольный карандаш
    • Фломастер или маркер черного цвета

    Ну и про ластик не забудьте — на рисунке я показала, какой выбрать)

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

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

    Если разбивать вашу работу на этапы, то это будет выглядеть так:

    1. Продумываете свой будущий рисунок в общем виде.
    2. Располагаете лист перед собой максимально удобно, можно закрепить уголки скотчем.
    3. Простым карандашом слегка намечаете контур. Набросок должен быть примерным и не детальным.
    4. Когда лишние детали вытерты, начинаете прорисовывать свою картину, используя сначала линии средней толщины. Более крупные и темные места прокрашиваем широкими линиями, а детали — тонкими.

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

    Посмотрите на образцы линий и узоров.

    Самое интересное в том, что вы их рисуете сразу маркером или ручкой или тушью.

    Никакого карандаша, никакого наброска, только экспромт)

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

    А вот сейчас то, что все мы очень любим, но не все знают, как это называется🙂

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

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

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

    Непрерывное рисование линий

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

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

    Зачем создавать непрерывные линейные чертежи

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

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

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

    «Правила» непрерывного рисования линий

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

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

    Хорошо, теперь к «правилам»…

    1. После того, как вы поместите ручку или карандаш на поверхность, не убирайте его, пока рисунок не будет завершен. Ваша цель — описать предмет одной единственной линией. Он может становиться толще и тоньше местами, но никогда не должен ломаться.
    2. Попробуйте двигать рукой с той же скоростью, с которой вы наблюдаете за объектом глазами. Это поможет создать более точные пропорции и формы. Но помните, совершенство недостижимо.
    3. Не стирать. Оставьте несовершенства и позвольте им быть человеческим элементом в вашей работе. (Нас, как людей, привлекают артефакты, явно созданные другими людьми.)
    4. Повторить. Сделайте несколько рисунков за один присест и попробуйте разные инструменты. Вы можете обнаружить, что вам удобнее выполнять упражнение графитным карандашом, а не чернильной ручкой, или наоборот.

    *Рисование сплошной линией немного отличается от рисования слепой контурной линии. Слепой контурный рисунок — это рисунок сплошной линией, но художник смотрит не на поверхность рисунка, а только на предмет.

    Предлагаемое упражнение

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

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

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

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

    Почему важна практика

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

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

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

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

    Инструмент «Линия» — самый простой способ создания прямых линий в Photoshop. Доступ к нему можно получить в инструментах формы (U), и его легко настроить с помощью настроек обводки и заливки цветом. Выбрав инструмент «Линия», просто перетащите его на холст, чтобы создать новую линию.

    Теперь это только верхушка айсберга с инструментом «Линия» и созданием линий в Photoshop. Давайте более подробно рассмотрим этот инструмент, а также другие варианты, которые у вас есть в вашем распоряжении.

    3 способа рисования линий в Photoshop

    1.Инструмент «Линия»

    Инструмент «Линия» — это один из инструментов формы, доступных в Photoshop. Он работает, создавая очень тонкий прямоугольник, а затем используя настройку обводки, чтобы утолщать ширину. Он очень прост в использовании и является одним из лучших способов создания прямых линий в Photoshop.

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

    Давайте рассмотрим различные способы использования инструмента «Линия» в Photoshop.

    Как пользоваться инструментом «Линия»

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

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

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

    Затем установите ширину обводки, чтобы определить, насколько толстой будет ваша линия. Если вы не уверены, начните с обводки между 15-25px. Это всегда можно исправить позже!

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

    Если вы счастливы, отпустите, и ваша линия будет добавлена ​​к слою с собственной фигурой. Успех!

    Настройка толщины инструмента линии

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

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

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

    Изменение цвета инструмента «Линия»

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

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

    Щелкните поле цвета обводки и выберите новый цвет линии.

    Как создавать пунктирные или пунктирные линии с помощью инструмента «Линия»

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

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

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

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

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

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

    Промежуток задает, насколько далеко каждая черточка разнесена.

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

    Когда все выглядит хорошо, нажмите OK, и ваша работа завершена!

    Как сделать изогнутые линии с помощью инструмента «Линия»

    Поскольку инструмент «Линия» создает тонкий прямоугольник, невозможно изогнуть инструмент «Линия» во время рисования линии. Вместо этого вы должны использовать настройку деформации.

    Выбрав линейный слой, нажмите Command + T (Mac) или Control + T (ПК), чтобы получить доступ к настройкам преобразования.Затем нажмите на значок Warp Mode на верхней панели настроек.

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

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

    Инструмент «Линия» — один из самых простых способов рисования линий в Photoshop.Поскольку он делает большую часть работы за вас, вам не нужно беспокоиться о том, чтобы сделать его прямым или иметь идеальные настройки. Все можно быстро исправить постфактум, что делает его одним из лучших способов сделать линии!

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

    2. Инструмент «Перо»

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

    Как рисовать линии с помощью инструмента «Перо»

    Инструмент «Перо» можно найти на панели инструментов или нажав P на клавиатуре.

    Убедитесь, что режим пера установлен на «Форма» , чтобы превратить путь пера в линию.

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

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

    Установите размер обводки в соответствии с толщиной линии, которую вы хотите. Если вы не уверены, начните примерно с 25px — это безопасная ставка.

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

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

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

    Как рисовать прямые линии с помощью инструмента «Перо»

    Рисовать прямые линии с помощью инструмента «Перо» довольно просто, поскольку Photoshop автоматически создает прямые линии между каждой опорной точкой.

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

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

    Сделайте более толстые линии с помощью инструмента «Перо»

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

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

    Теперь ваша линия будет толще!

    Как сделать пунктирные линии с помощью инструмента «Перо»

    Как и в случае с инструментом «Линия», вы можете создать пунктирную линию с помощью инструмента «Перо» с помощью параметра «Тип штриха».

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

    Чтобы дополнительно настроить внешний вид пунктирных линий, перейдите на панель «Дополнительные параметры», как мы это делали на первом шаге.

    Инструмент «Перо» — еще один простой способ создания линий в Photoshop. Изменяя его режим с пути на фигуру, вы можете легко настроить параметры обводки вашей линии. Подобно инструменту линии, это упрощает настройку. Все необходимое можно найти в верхней панели настроек. Никаких дополнительных кнопок или обходных путей не требуется!

    3.Инструмент «Кисть»

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

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

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

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

    Подойдя к настройкам кисти, выберите размер (толщину мазка) и жесткость кисти.Чтобы создать сплошную линию, убедитесь, что жесткость установлена ​​на 100%. Это создаст красивый острый край мазков кисти.

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

    Чтобы получить максимально четкие линии, увеличьте кисть Smoothing до 100% . Сглаживание поможет сгладить любые неровности мазков кисти. Таким образом, вы каждый раз будете получать безупречные мазки и линии!

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

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

    Рисование прямых линий с помощью инструмента «Кисть»

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

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

    Рисование пунктирных линий с помощью инструмента «Кисть»

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

    Откройте панель настроек кисти и выберите вкладку формы кончика кисти .

    Если вы не видите эту панель, перейдите в Окно > Настройки кисти.

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

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

    Вы можете рисовать линии от руки или использовать клавишу Shift для создания прямых пунктирных линий!

    Изменение цвета линии с помощью инструмента «Кисть»

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

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

    Теперь начните создавать линии с помощью кисти, но теперь с обновленным цветом!

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

    Для общего использования использование инструмента «Линия» — это самый быстрый и простой способ создания линий в Photoshop. Поскольку вы просто нажимаете и перетаскиваете, проще не бывает! Более того, вы можете настроить все аспекты своей линии в любой момент после ее создания.

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

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

    Удачного редактирования!

    — Брендан 🙂

    Нарисуйте фигуру — Collector for ArcGIS (Classic)

    Доступно новое приложение Collector. Справку по новому приложению см. в разделе Изменить местоположение.

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

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

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

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

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

    Чтобы обновить форму, выберите существующую точку, чтобы сделать ее активной точкой.

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

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

    Вы также можете выбрать среднюю точку линии, чтобы вставить точку вдоль этой линии.

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

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

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

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


    Отзыв по этой теме?

    Пятнадцать способов провести линию · Sighack

    Весь код обработки для этой статьи вместе с изображениями можно найти на Github

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

    Ограничения

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

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

      пустая строка(плавающая x1, плавающая y1, плавающая x2, плавающая y2,
              плавающий вес, плавающее значение) {
      /*
       * Проведите линию от (x1, y1) до (x2, y2) с заданным
       * вес и темнота (значение)
       */
    }
      

    Таким образом, я могу легко использовать их позже для других работ. Выше вы увидите, что я указать два дополнительных параметра: толщину обводки и значение (или яркость/темнота).

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

    Хватит болтать. Вот результаты! Наслаждаться!

    Пятнадцать строк

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

    #1

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

    #2

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

    #3

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

    #4

    Я решил немного переключиться и, сгенерировав несколько случайных точек внутри линии, создал диаграмму Делоне (используя фантастическую библиотеку Mesh Ли Байрона для обработки.Значение определялось по легкости. строк:

    #5

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

    #6

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

    #7

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

    #8

    В следующем я удалил заливку и использовал только тонкую обводку контура. Совет: можно укажите дробные веса штрихов в Обработке, чтобы получить более тонкие линии (например, strokeWeight(0.5) )

    #9

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

    #10

    На этот раз я перешел с версии только с обводкой на версию с заполнением, потому что я только что сделал этот вариант между #8 и #9:

    #11

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

    #12

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

    .

    #13

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

    #14

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

    #15

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

    Рисование с помощниками — Krita Manual 5.

    0.0 документация

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

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

    Типы

    В Крите есть несколько типов. Вы можете выбрать тип помощника через докер параметров инструмента.

    Эллипс

    Помощник для рисования эллипсов и окружностей.

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

    Концентрический эллипс

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

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

    Перспектива

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

    Эту сетку можно использовать с датчиком «перспективы», который может влиять на кисти.

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

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

    Линейка

    В этой группе три помощника:

    Линейка

    Помогает провести прямую линию между двумя точками.

    Бесконечная линейка

    Экстраполирует прямую линию за пределы двух видимых точек на холсте.

    Параллельная линейка

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

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

    Сплайн

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

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

    Точка схода

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

    Это одна точка с четырьмя вспомогательными точками для выравнивания ее с ранее созданными линиями перспективы.

    Они создаются и управляются с помощью Assistant Tool.

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

    Изменено в версии 4.1: помощник точки схода также показывает несколько общих линий.

    Когда вы только что создали или только что переместили помощник точки схода, он будет выбран. Это означает, что вы можете изменить количество линий, отображаемых в параметрах инструмента Assistant Tool.

    Наконечник «Рыбий глаз»

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

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

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

    2 точки перспективы

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

    Плотность

    Дополнительный параметр в параметрах инструмента, который определяет плотность сетки.

    Включить вертикальную линейку

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

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

    Учебники

    Ознакомьтесь с этим подробным обсуждением и учебным пособием по https://www.youtube.com/watch?v=OhEv2pw3EuI

    Настройка Krita для технических чертежных перспектив

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

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

    Если вы хотите вместо этого сделать истинную проекцию, проверьте категорию проекции.

    Орфографический

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

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

    Аксонометрический

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

    Косая

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

    Диметрическая и изометрическая

    Технически в изометрической перспективе все три линейки расположены под углом 120° друг к другу.За исключением случаев, когда это изометрическая игра, это тип диметрической проекции, где диагональные значения составляют 116,565 ° от основного. Последнее можно легко настроить, привязав помощников к сетке.

    Триметрический

    Это когда все углы немного разные. Часто выглядит как слегка наклоненная изометрия.

    Линейная перспектива

    1-точечная перспектива

    1-точечная перспектива настраивается с использованием 1 точки схода и двух пересекающихся перпендикулярных параллельных линеек.

    Перспектива по 2 точкам

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

    Перспектива по 3 точкам

    Перспектива по 3 точкам настраивается с помощью 3 линеек точек схода.

    Логика точки схода

    Есть небольшой секрет, который не всегда раскрывается в учебниках по перспективе. Точка схода — это точка, где встречаются любые две параллельные линии.Это означает, что 1-точечная перспектива и 2-точечная перспектива практически одинаковы.

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

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

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

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

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

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

    Перспектива «Рыбий глаз»

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

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

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

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

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

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

    Этот учебник основан на тексте и изображениях. Copyright © 2002 Seth Burgess. Оригинал учебника можно найти в Интернете [ TUT01 ].

    Рисунок 3.45. Пример прямых линий

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

    1. Препараты

      Рис 3.46. ​​Знакомство с клавишей Shift

      Изобретение, названное пишущей машинкой, представило Смена Ключ. У вас обычно есть 2 из них на вашей клавиатуре. Они выглядят что-то вроде рисунка выше. Клавиши расположены слева и правой стороны клавиатуры. Мышь был изобретен Дугласом С. Энгельбартом в 1970 году. разных сортов, но всегда иметь хотя бы одну пуговицу.

    2. Создание пустого рисунка

      Сначала создайте новый образ. Подойдет любой размер. Использовать → для создания нового образа.

    3. Выберите инструмент

      Рис 3.48. Инструменты для рисования в ящике для инструментов

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

    4. Создать начальную точку

      Рисунок 3.49. Начальная точка

      Нажмите на кисть на панели инструментов.Нажмите на изображение, где вы хотите, чтобы линия начиналась или заканчивалась. А на экране появится одна точка. Размер этой точки представляет текущий размер кисти, который можно изменить в окне «Кисть». Диалоговое окно (см. Раздел 3.2, «Диалоговое окно кистей»). Теперь давайте начнем. рисование линии. Удерживайте нажатой клавишу Shift и держать его вниз.

    5. Рисование линии

      Рис 3. 50. Рисование линии

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

    6. Финал

      Рис 3.51. Окончательное изображение

      Это мощная функция. Вы можете рисовать прямые линии любым из инструменты рисования. Вы даже можете нарисовать больше линий в конце этого. Наш последний шаг — отпустить клавишу Shift . А также там у вас есть это. Еще несколько примеров показаны ниже. Счастливый GIMPing!

    Рисование основных линий | Справка по SketchUp

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

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

    Совет: Инструмент «Линия» также создает более гладкие кривые, чем те, которые можно нарисовать с помощью инструмента «От руки». Дополнительные сведения о создании кривых с помощью инструмента «Линия» см. в разделе «Сгибание линий и фигур с помощью путей и точек». Кроме того, хотя вы можете создавать замкнутые фигуры с помощью инструмента «Линия» или «От руки», создание фигуры и заполнение ее цветом или узором часто дает лучший результат.
    Содержание
    1. Рисование прямых линий
    2. Рисование линий от руки

    Рисование прямых линий

    Как и ожидалось, вы рисуете линии с помощью инструмента «Линия» (), который находится на панели инструментов по умолчанию или в меню «Инструменты».

    Чтобы нарисовать линию или линии, выполните следующие действия:

    1. Выберите инструмент Line .
    2. Чтобы разместить начальную точку линии, щелкните в области рисования или задайте точное местоположение в поле «Измерения».Дополнительные сведения об использовании поля «Измерения» для рисования линий см. в следующей таблице. Чтобы привязать линию к красной или зеленой оси, удерживайте нажатой клавишу Shift . (См. раздел Рисование линий и фигур для ознакомления с механизмом логических выводов LayOut.)
    3. Чтобы разместить конечную точку линии, дважды щелкните в области рисования. (Кроме того, вы можете выбрать новый инструмент.)

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

    Нарисовать линию, используя координаты

    При выборе инструмента «Линия» поле «Измерение» готово для ввода точных точек или координат для определения линии. Вот как использовать поле «Измерения»:

    1. Щелкните в области рисования или введите значение абсолютной координаты, чтобы установить начальную точку. Абсолютные координаты отсчитываются от левого верхнего угла области рисования.Например, чтобы установить начальную точку, показанную на следующем рисунке, введите абсолютную координату [2“,3”] и нажмите Введите (Microsoft Windows) или Верните (Mac OS X).
    2. После определения первой координаты можно задать вторую координату или конечную точку с одним из трех типов координат: абсолютным, относительным или полярным. На следующем рисунке конечная точка была создана с абсолютными координатами [5“,8“] .
    3. После ввода координат конечной точки нажмите Введите или Верните , и ваша линия появится именно так, как вы указали.

    Тип координат Как это работает Пример
    Абсолют Значения отсчитываются от левого верхнего угла области рисования. Первое значение — это ось X или красная ось. Второе значение — это ось Y, или зеленая ось. [5",8"]
    Родственник Значения относятся к начальной точке линии. 3,0
    Полярный Первое значение представляет собой угол, измеренный против часовой стрелки от положительной оси X.45,2″

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

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

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

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

    Переключить функцию автоматического соединения

    Когда вы устанавливаете начальную точку линии в конце существующей линии, по умолчанию новая линия соединяется с существующими линиями.В результате, после того как вы закончите рисовать и выберете одну из линий, как существующие, так и новые линии имеют общий контекст. (См. выноску 1 на следующем рисунке.)

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

    Чтобы отключить автоматическое соединение, щелкните контекстным щелчком, когда инструмент «Линия» активен. В контекстном меню снимите флажок рядом с параметром Auto Join Lines .После отключения автоматического соединения линии, которые вы рисуете, начиная с существующей конечной точки, не соединяются с существующими линиями. Вы можете увидеть результат на следующем рисунке. (Выноска 2)

    Рисование линий от руки

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

    Чтобы выбрать инструмент «От руки», щелкните стрелку вниз рядом с инструментом «Линия» на панели инструментов по умолчанию или выберите «Инструменты» > «Линии» > «От руки» в строке меню.

    Чтобы рисовать с помощью инструмента Freehand, выполните следующие действия:

    1. Выберите инструмент Freehand .
    2. Нажмите и перетащите курсор, чтобы нарисовать кривую линию или неправильную форму. Рисование от руки может потребовать терпения и практики. Медленное перемещение мыши поможет вам нарисовать плавную линию.
    3. Отпустите курсор мыши, чтобы остановить рисование. Если вы закончите линию от руки в начальной точке, вы создадите замкнутую форму.
    Совет: Если добавить цвет заливки к линии или фигуре, нарисованной от руки, она будет заполняться цветом по мере рисования (как показано на правом изображении).Дополнительные сведения о добавлении или изменении цвета заливки см. в разделе Заливка фигур цветами и узорами. .
    Comments