Главная › Кормление › Уроки цифрового рисования в фотошопе для начинающих. Вопрос о рисовании мышью

Уроки цифрового рисования в фотошопе для начинающих. Вопрос о рисовании мышью

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

Создайте новый файл для тренировки.

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

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

Для любой фигуры можно выбрать:

режим рисования:
- Слой-фигура . Фигура создается в отдельном слое. Слой-фигура состоит из слоя-заливки, определяющего цвет фигуры, и связанной с ним векторной маски, задающей границы фигуры. Границы фигуры представляют собой контур, который появляется на вкладке "Контуры" панели "Слои".
- Контуры . Этот режим позволяет рисовать контуры фигур, которые можно заливать или обводить произвольным цветом. Контуры отображаются на вкладке "Контуры" панели "Слои".
- Заливка пикселов . При работе в этом режиме создаются не векторные, а растровые изображения, которые можно обрабатывать так же, как и любое растровое изображение
стиль и цвет фигуры

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

Рисуем прямоугольники

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

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

Теперь можно задать геометрические параметры:

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

Теперь выберите -произвольно- и растяните мышкой ваш прямоугольник на холсте. Вот, например, что получилось у меня при использовании стилей Button, Glass Buttons и Web Styles.

Достаточно полезный инструмент для создания кнопочек и менюшек для ваших web-страниц, не правда ли?

Рисуем прямоугольники со скругленными углами

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

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

Чем не блоки новостей и кнопочки меню?

Рисуем окружности

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

Вот, что получилось у меня:

Рисуем многоугольники

Выберем фигуру - многоугольник. На панели выберем режим - слой-фигура, количество сторон в диапазоне от 3 до 100 (например, 3 - для треугольника, 6 - для шестиугольника), цвет и стиль. Рассмотрим геометрические параметры:

Радиус - радиус многоугольника.
Сгладить внешние углы
Звезда - со снятой галочкой многоугольник выпуклый, с поставленной галочкой многоугольник вогнутый.
Глубина лучей - если многоугольник вогнутый, то его вершины как бы образуют лучи. Этот параметр показывает какая часть радиуса многоугольника будет занята лучами. Чем больше %, тем длиннее и острее лучи.
Сгладить внешние углы - со снятой галочкой углы острые, с поставленной галочкой углы округлые.

Например:

Первый девятиугольник имеет радиус 3см, остальные галочки сняты.

Второй девятиугольник имеет радиус 3см, галочка у -звезда-, глубина лучей - 25%, остальные галочки сняты.

Третий девятиугольник имеет радиус 3см, глубина лучей - 50%, стоят все галочки.

Ко всем применен стиль.

Рисуем линии

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

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

Начало - стрелка в начале линии.
Конец - стрелка в конце линии.
Ширина - пропорции стрелки в процентном отношении к толщине линии (от 10% до 1000%).
Длина - пропорции стрелки в процентном отношении к толщине линии (от 10% до 5000%).
Кривизна - определяет степень изогнутости самой широкой части стрелки в месте, где она встречается с линией (от -50% до +50%).

Например:

У первой линии все галочки сняты, ширина - 500%, длина - 1000%, толщина - 2 пиксела.

У второй линии все тоже самое, но стоит галочка у -начало- и кривизна - 5%.

У третьей линии все тоже самое, но стоит галочка у -конец- и снята галочка у -начало-.

У четвертой линии стоят обе галочки, ширина - 500%, длина - 1000%, кривизна - 15%, толщина - 5 пикселов.

Ко всем применен стиль.

Рисуем произвольные фигуры

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

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

Рисуем несколько фигур в одном слое

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

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

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

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

Сохраняем фигуры

Предположим нам понравилась последняя фигура, которую мы создали и мы хотим использовать ее в дальнейшем. Для этого ее нужно сохранить. Для этого меню Редактирование -> Определить произвольную фигуру. Задайте имя для новой фигуры.

Теперь наша фигура появилась в раскрывающейся панели выбора произвольных фигур.

На этом урок закончен. В следующей раз займемся контурами и растровыми изображениями.

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

База

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

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

Рисуем в фотошопе мышью или планшетом?

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

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

Учимся рисовать в фотошопе

Есть три возможных пути для обучения рисованию в фотошопе

Очные курсы по рисованию в Adobe Photoshop. Главным его плюсом является помощь учителя, а минусом – цена.
Онлайн-курсы. Хотя их минус тоже высокая стоимость,они не заставят вас жить по строгому графику от учебы до учебы
Обучение по видео-урокам. Интернет полнится недорогими и бесплатными видеоураками, вы сможете подобрать любой на свой вкус, а также можете посмотреть некоторые из них в конце этой статьи.

Основные инструменты Adobe Photoshop

Основные четыре инструмента это Кисть, Ластик, Заливка и Градиент

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

Учимся рисовать прямую линию в фотошопе

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

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

Учимся рисовать кривую линию

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

Видео уроки

Инструкция

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

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

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

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

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

Сегодня я расскажу об инструментах группы . Всего их четыре.

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

Теперь разберём подробнее. Создайте новый документ Photoshop с белым фоном и экспериментируйте с инструментами: рисование - процесс полезный, интересный и никому не повредит. Чтобы отобразить инструменты, щёлкните на значке два раза левой или один раз правой кнопкой мыши.

Кисть

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

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

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

Но в полной мере насладиться настройками можно, выполнив команду Окно -> Кисть главного меню Photoshop.

В левой части окна расположены вкладки-флажки, позволяющие настраивать, включать и отключать те или иные свойства кисти.

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

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

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

Настройки изменения цвета с течением времени: цветовой тон, насыщенность, яркость, чистота.

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

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

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

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

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

Карандаш

Выбрав этот инструмент, вы можете создавать резкие, чёткие, тонкие линии, как будто рисуете обычным карандашом. Параметры инструмента совпадают с параметрами кисти, даже окно настроек будет тем же (Окно -> Кисть).

На панели параметров помимо значка, открывающего окно набора шаблонов, есть ещё несколько элементов.

Замена цвета

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

Микс-кисть

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

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

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

Я использую Photoshop CS5 и мышь Logitech mx518.

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

Главной сложностью все-таки является отсутствие знаний и опыта.

Попробую обозначить главные особенности рисования мышью:

Намного удобнее рисовать стандартной мягкой кистью. Hardness (Жесткость) колеблется от 20 до 70% . Flow (нажим) 40% . Opacity (Непрозрачность) тоже, как правило, низкая, но это зависит от ситуации. Боюсь, что этот пункт может вызвать негативные эмоции, ведь почти все использование мягкой кисти не одобряют, но рисовать мышью с помощью неё намного удобнее. Регулировать степень нажатия нет возможности, а следовательно, если взять твердую кисть, мазки будут получаться очень грубыми. Так что нужно быть осторожнее.

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

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

Теперь, собственно, о самом рисунке.

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

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

Через год мне представилась немного другая картина, я подумала, что это непременно должен быть водопад, а не просто поток. Поэтому я изменила скетч уже в фотошопе, если есть основа, то это не представляет большого труда. Разрешение работы - 3773x5500 .

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

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

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

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

А теперь вернусь, собственно, ко всей картинке.

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

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

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