Как научиться рисовать в Фотошопе (бесплатно). Инструкция для новичков!!

Этот пост тоже давно зрел, потому что многие спрашивают. Расскажу, что я думаю по этому поводу, и как это делала я!

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

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

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

Если вы — любитель, вам вполне подойдет планшет Bamboo.
Если — профессионал, то берите лучше Intuos. У меня — Intuos 4 М — среднего размера (примерно А4), и я на нее нарадоваться не могу! Во-первых — это действительно превосходное качество и удобство в обращении, во-вторых, они очень прочные и надежные. Я свою эксплуатирую нещадно, а ей хоть бы хны…. (тьфу….тьфу…).

Ну и теперь по делу:

Остальное под катом!
Попробую рассказать пошагово:

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

2. — Накалякались? Теперь закройте документ не сохраняя, откройте новый и покалякайте еще! Если вам этот процесс начинает нравиться, значит будет толк! Закройте и это не сохраняя….. Дело в том, что если новичек сразу кидается изучать программу целиком — он очень быстренько свихнется так ничего и не поняв! Даже я знаю наверное только 10% всего, что умеет делать фотошоп и все время учусь чему-то новому. Это очень могучая программа, которая может практически все!!!! Разве что сама кофе не заваривает… Так что не кидайтесь в омут с головой, а то захлебнетесь…. Просто помочите ножки для начала!

Фотошоп — это прежде всего программа, созданная для обработки фотографий, по-этому, далеко не все, что есть в Фотошопе, вам понадобится для рисования! Вот здесь я вычеркнула все, чем я практически никогда не пользуюсь:

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

3. — Теперь азы. Когда вы окончательно накалякаетесь — попробуйте нарисовать что-то осознанное. Цветочек например, или солнышко! Что вам для этого надо знать? Первым делом — СЛОИ (на скриншоте -обозначены — 4)! Я тут пособие по слоям не буду писать. Гуглите «слои в фотошопе» — там все есть. Рисуйте свое солнышко на новом слое. Еще вам нужно иметь кисточку, которой вы хотите рисовать и стирательную резинку. И вот на одном слое, не залезая в дебри — рисуем солнышко…. А потом на другом слое его раскрашиваем.

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

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

6. — Если хотите, можете купить книгу о том, как пользоваться Фотошопом. Их куча! Старайтесь выбрать такую, где больше картинок и меньше текста. Теперь, во всяком случае, вы знаете хотя-бы азы и эта книга будет для вас носить хоть какую-то смысловую нагрузку. Я вам гарантирую, что если вы кинетесь ее читать сразу, не покопавшись в программе — она для вас будет все-равно, что на китайском. Сразу предупреждаю, я купила несколько книг и даже пыталась их читать — у меня ничего не получилось….. Лично мне они не помогли…  там слишком много всего…. мозги вспухли….

7. — Я изучала программу методом научного тыка…. Т.е., я рисовала что-то простенькое. В процессе рисования у меня возникали определенные вопросы. Я эти вопросы гуглила, находила на них ответы и шла дальше. Я не пыталась обьять необьятное и сразу все знать и все уметь…. Вот хотела я понять, как смешивать краски, чтоб получался плавный переход, я лезла в интернет, и узнавала. (Я в конце напишу, куда именно я лезла, так что не паникуйте). Или, допустим, как вставлять текстуру, или как менять цветовую гамму, или как сохранять новые, мною созданные кисточки…

9. — ПОСТЕПЕННО усложняйте себе задания, рисуйте что-то посложней…. по-больше… У меня ушел примерно год на то, чтоб понять как оно все работает.

Теперь ресурсы! Сразу предупреждаю — все на английском!

1. — Про книги писать не буду…. Они мне в принципе не пригодились.

2. — Если все-таки у вас есть чуть-чуть денег — подпишитесь на этот сайт — http://www.lynda.com/. Он — потрясающий! Там собраны все видео-тьюториалы на ВСЕ программы. Все разжевано, по полочкам разложено и очень подробно и доступно рассказано и показано… Подписаться можно на месяц всего, за месяц все выучить, что вам нужно, а потом благополучно выписаться! Он — недорогой совсем! Я им пользовалась и была очень давольна.

3. — http://www.deviantart.com/ — Полезный сайт для много чего! Например посмотреть, как другие рисуют. Но, если по делу, то идите в категорию — Resourses and Stock Images,  а там в Tutorials. Можно смотреть все подряд, пока не найдете что-то,  что может вам пригодиться. А можно в поисковик вбить интересующий вас вопрос — например — как рисовать волосы/глаза/облака. И вполне вероятно, что кто-то эту тему там уже осветил. Сразу предупреждаю, это сайт любителей, так что там и отстоя всякого полно… нужно фильтровать 🙂

4. — Вот еще пару сайтов с разными тьюториалами. Там тоже много полезного можно нарыть. СЮДА и СЮДА

5. — Вот вам Сообщество Художников Цифровой Графики — http://www.cgsociety.org/. Здесь можно найти все на свете и козу на лисапете, в том числе и примеры того, к чему нам всем стоит стремиться…  Здесь обитают в основном профессионалы и у них есть чему поучиться. На сайте куча полезных ресурсов.

6. — Не забываем про YouTube ! Там тоже можно найте массу полезного

7. — Да и ваще — гуглим — «how to draw in photoshop» — и вперед!

Ну и напутствующее слово! РИСУЙТЕ!!!! Для того, чтоб РИСОВАТЬ — много наворотов не надо… надо бумага и карандаш, или кисточка! И все!…. Не думайте, что фотошоп, или любая другая программа помогут вам стать художником… Фотошоп — это всего-лишь один из инструментов, которые может использовать художник, а не волшебная программа, которая будет рисовать за вас…

Все! Всем удачи!!!! И вперед! Болото будет нашим!!!

Как нарисовать стеклянный пазл в Фотошопе / Creativo.one

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

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

Создайте новый документ (Ctrl+N) размером 400*400 px
Выберите инструмент заливка и залейте квадрат черным цветом.

Выберите Custom Shape Tool

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

Если у вас не установлены такие фигуры, нажмите на круглую кнопку со стрелкой (на рисунке отмечена буквой А) и загрузите фигуры Objects

У вас должно выскочить такое окошко:

Если вы хотите заменить уже существующие формы, то нажмите ОК, а если добавить к ним, то Append.

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

В панеле инструментов щелкните здесь, чтобы выбрать серый цвет.
Я взяла #8C8C8C

Теперь в режиме фигур рисуем форму пазла.

Как видите, на палитре Layers у нас появилось 2 слоя:

Нам необходимо слить их воедино. Для этого встаньте на слой с фигурой и нажмите Ctrl+E (слияние с нижним)

Приступим к творению зеркального эффекта.

Применим фильтр Motion Blur (Filter — Blur)
Установим следующие параметры:

И нажмем кнопку ОК. Пока на стекло не похоже, потому как нам нужно выполнить еще пару действий.

Перейдите на панель Layers и копируйте слой.

Для чего щелкните правой кнопкой мыши по слою и выполните команду Duplicate Layer.

Теперь к слою копии примените фильтр Glowing Edges (Filter — Stylize) с такими настройками:

Нажмите ОК и вот перед вами стеклянная объемная фигура пазла.

Как видите — все легко и просто! Смотрите также другие Adobe Photoshop уроки. 

Как легко и быстро рисовать в программе Фотошоп

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

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

Что вам для этого понадобиться?

• Компьютер с программой Фотошоп
• Графический планшет. Рисовать мышкой крайне неудобно.

Что вам нужно знать о программе?

• Как открыть новый документ
• Что такое “слои”, и как открывать новый слой
• Где “кисточки”, и как менять их прозрачность и размер

И все! Для начала этого достаточно. Это, и еще всякое полезное подробненько смотрите в видео – нажимайте:

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

Если вам интересно что-то еще – пишите в комментариях. Постепенно постараюсь ответить на все вопросы. И если вы уже рисуете в Фотошопе – делитесь своими техниками и всяким полезным в тех же комментариях. Давайте поможем новичкам! И репост, как всегда, приветствуется!

* * *

Еще больше полезных советов вы можете узнать из моих видео-уроков:

1) Дизайн Персонажа. Как создавать неповторимые образы – это онлайн-эфир о том, как сделать ваши персонажи действительно уникальными: придать им эмоциональность, подвижность, передать настроение и характер.

2) Портфолио Иллюстратора. Как показать свой талант – здесь вы узнаете, что должно быть в вашем портфолио, чтобы на вас обратили внимание. Что привлекает издателей и потенциальных клиентов. Советы и примеры удачных портфолио.

3) Полный список моих видео-уроков здесь.

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

 

Поделиться с друзьями:

Как рисовать ярких персонажей в Photoshop

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

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

1. Создаем набросок

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

2. Детализируем набросок

Понижаем уровень Непрозрачности наброска до примерно 30% и создаем новый слой, который называем Улучшенный набросок. Теперь прорисовываем детали – например, морщинки, складки, нос.

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

3. Наносим основные цвета

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

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

4. Создаем первый слой с тенями

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

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

5. Рисуем прямое освещение

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

Начинаем рисовать на более светлых участках, куда падает свет на персонажа. Используем при этом теплые зеленые и желтые оттенки. Мы видим, что наш персонаж уже начинает обретать форму!

6. Обозначаем отражаемый свет

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

Ключевой фактор здесь – осторожность и тонкость: рисуем аккуратно.

7. Обозначаем световые блики

Создаем новый слой и называем его Световые блики. Открываем Палитру цветов (Color Picker), выбираем какой-нибудь светлый цвет и значительно повышаем его яркость. Затем рисуем непосредственно световые блики там, где это нужно. Также автор добавляет свечение по краям и более глубокие тени.

8. Создаем осенний задний фон

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

Задний фон рисуем более темными оттенками, чтобы персонаж лучше выделялся. Затем нажимаем Фильтр – Размытие – Размытие по Гауссу (Filter>Blur>Gaussian Blur) и устанавливаем размытие на 25 пикселей.

9. Используем фото-референсы

Текстура кожи слона поможет создать классную кожу для нашего персонажа! Выбираем небольшую секцию с помощью инструмента Лассо, перетаскиваем на нашу иллюстрацию и понижаем уровень Непрозрачности до 30%. Затем нажимаем Изображение – Коррекция – Экспозиция (Image> Adjustments>Exposure), увеличиваем значение Гамма и корректируем значение Экспозиция для увеличения контраста. Таким образом, настраиваем эти настройки наряду с уровнем Непрозрачности до тех пор, пока текстура не впишется идеально в наш рисунок.

10. Устанавливаем текстуру нашему персонажу

Далее заходим в Редактирование – Свободное трансформирование (Edit>Free Transform), меняем размер текстуры и затем выбираем Редактирование – Трансформация – Искривление (Edit> Transform>Warp). Теперь можно сформировать текстуру для того, чтобы она подошла по своей форме нашему персонажу.

А далее автор просто повторяет этапы 8 и 9 для создания мозаики текстур на персонаже. Автор экспериментирует с разнообразием текстур – здесь он использует и кожу слона, и поверхность листьев растений.

11. Добавляем световые блики на текстуры

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

12. Рисуем пятнышки на коже персонажа

Создаем слой под слоем “Световые блики на текстурах” и называем его “Пятна”. Устанавливаем этот слой на режиме наложения Умножение.

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

13. Рисуем элементы на переднем плане

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

Когда мы все нарисовали, соединяем все слои и заходим в Фильтр – Размытие – Размытие по Гауссу. Устанавливаем размытие на 35 пикселей. Это придаст изображению приятную глубину.

14. Финальные штрихи

Копируем все слои с персонажем и соединяем их в один слой. Затем делаем невидимыми все изначальные отдельные слои. Выбираем инструмент Размытие (Blur tool) и настройку Кисти-аэрографа (Airbrush setting).Устанавливаем примерно до 300 пикселей и до 50%.

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

Перевод: Inna Sobchuk
Оригинал: creativebloq.com

Как научиться рисовать в фотошопе с нуля

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

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

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

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

Кисть

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Карандаш

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

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

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

Замена цвета

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

Микс-кисть

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

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

Автор: Ольга Максимчук (Princypessa). Дата публикации: 12 ноября 2019 . Категория: Уроки рисования в фотошопе.

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

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

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

Затем мы применим к фоновому слою фильтры Волна и Полярные координаты.

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

В завершение мы изменим оттенок нашего необычного фона.

Автор: Ольга Максимчук (Princypessa). Дата публикации: 08 ноября 2019 . Категория: Уроки рисования в фотошопе.

Как рисовать паутину

А зачем рисовать паутину?

Кому, может, для Хэллоуина или для иной какой готики, а нам для развития умений в фотошопе.

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

Разберем пошагово как рисовать паутину.

Сначала мы зальем фоновый слой черным цветом и при помощи инструмента Многоугольник нарисуем фигуру.

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

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

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

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

Автор: Ольга Максимчук (Princypessa). Дата публикации: 18 октября 2019 . Категория: Уроки рисования в фотошопе.

Сегодня мы разберемся как добавить дождь на фото двумя способами.

Простым – при помощи кистей, и посложнее – с помощью фильтров Шум, Размытие в движении и т.п.

Оба способа легкие и быстрые, выберите тот, который подходит вам лучше всего.

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

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

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

Затем добавим к этому слою фильтр Шум, увеличим слой на 400% и преобразуем слой с шумом в смарт-объект.

Далее добавим к слою, залитому черным цветом фильтр Размытие в движении и корректирующий слой Уровни.

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

Автор: Ольга Максимчук (Princypessa). Дата публикации: 27 сентября 2019 . Категория: Уроки рисования в фотошопе.

Зимние обои

Самое холодное время года – Зима, пора метелей и жгучих морозов.

Одновременно, зима для большинства является любимой порой года.

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

В этом уроке мы будем рисовать зимние обои.

Создайте себе свою сказку.

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

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

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

В завершение мы с помощью инструмента Кисть нарисуем снег.

Автор: Ольга Максимчук (Princypessa). Дата публикации: 20 сентября 2019 . Категория: Уроки рисования в фотошопе.

А Вы когда-нибудь задумывались о том, насколько удивительна и необыкновенна наша планета?

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

В новом уроке «Рисуем планету земля» нарисуйте свою уникальную планету.

В уроке вы научитесь пользоваться инструментами Заливка, Градиент, Перемещение и Овальная область, фильтрами Размытие по Гауссу, Сферизация, Пластика, Рябь, Волна, Блик, Шум, узнаете, как работать с выделением и загружать градиенты, как использовать стили слоя, режимы наложения слоев, корректирующие слои, обтравочные маски и многое другое.

Автор: Ольга Максимчук (Princypessa). Дата публикации: 13 сентября 2019 . Категория: Уроки рисования в фотошопе.

Сегодня мы нарисуем с нуля мяч для гольфа.

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

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

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

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

Затем при помощи стилей слоя добавим объема кругу и при помощи инструмента Многоугольник нарисуем шестиугольник.

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

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

Автор: Ольга Максимчук (Princypessa). Дата публикации: 16 августа 2019 . Категория: Уроки рисования в фотошопе.

Яркий фон

Сегодня мы будем рисовать яркий фон.

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

Сначала мы при помощи фильтров Облака, Меццо-тинто и Размытие в движении создадим фон.

Затем с помощью инструмента Градиент добавим цвет к фону.

Далее создадим виньетку и добавим белую полосу.

В завершение мы установим шрифт из папки с исходниками и напишем текст.

Автор: Ольга Максимчук (Princypessa). Дата публикации: 09 августа 2019 . Категория: Уроки рисования в фотошопе.

нарисовать горящую спичку

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

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

Сначала мы при помощи стилей слоя Наложение градиента и инструмента Кисть создадим фон.

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

Далее при помощи инструмента Кисть нарисуем головку спички и повернем спичку.

В завершение мы нарисуем пламя огня с помощью Кисти, размоем его и при помощи инструмента Палец изменим форму пламени.

Автор: Ольга Максимчук (Princypessa). Дата публикации: 06 августа 2019 . Категория: Уроки рисования в фотошопе.

Фон линии

Сегодня мы будем создавать простой фон линии.

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

Сначала мы создадим фон при помощи инструмента Градиент.

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

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

В завершение мы зальем пустой слой цветом и с помощью изменения режима наложения слоя тонируем изображение.

Эта сборка включает в себя 45 видео уроков по рисованию в Adobe Photoshop для тех, кто решил пройти весь тернистый пусть рисования с нуля и до успешной карьеры в сфере digital art.

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

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

Смотрите так же:

Оглавление

• Урок 1 Как нарисовать куклу вуду;
• Урок 2 Как нарисовать пень;
• Урок 3 Как нарисовать супер патронуса;
• Урок 4 Как нарисовать игровую локацию;
• Урок 5 Как нарисовать робокота;
• Урок 6 Как нарисовать простого персонажа;
• Урок 7 Как нарисовать глаз дракона;
• Урок 8 Как рисовать магический камень;
• Урок 9Как рисовать котенка-акробата;
• Урок 10 Как рисовать каменную статую;
• Урок 11 Как рисовать божью коровку;
• Урок 12 Как нарисовать монстрика для начинающих;
• Урок 13 Как нарисовать рыбку Немо;
• Урок 14 Как нарисовать цифровой рисунок — мост;
• Урок 15 Как нарисовать цифровой рисунок — бульдог;
• Урок 16 Как нарисовать в лягушку;
• Урок 17 Как нарисовать локацию в цифровой графике;
• Урок 18 Как нарисовать панду ;
• Урок 19Как нарисовать добрую мумию;
• Урок 20Как нарисовать весенний пейзаж;
• Урок 21 Как нарисовать сову;
• Урок 22 Как нарисовать каменного голема;
• Урок 23 Как нарисовать лису;
• Урок 24Как нарисовать цветок;
• Урок 25 Как нарисовать забавного пса;
• Урок 26 Как нарисовать бумажный самолет;
• Урок 27 Как нарисовать дракона;
• Урок 28 Как нарисовать пейзаж;
• Урок 29 Как нарисовать атмосферный дирижабль;
• Урок 30 Как нарисовать водопады;
• Урок 31 Как нарисовать медвежонка;
• Урок 32 Как нарисовать феникс;
• Урок 33 Как нарисовать дракончика;
• Урок 34 Как нарисовать дорисовать картинку;
• Урок 35 Как нарисовать меч;
• Урок 36 Как нарисовать сказочный дом;
• Урок 37 Как нарисовать собаку-рыцаря;
• Урок 38 Как нарисовать магические порталы;
• Урок 39 Как нарисовать сказочное дерево;
• Урок 40 Разбор ДЗ по перспективе;
• Урок 41 Как нарисовать кошку;
• Урок 42 Как нарисовать мыша-авантюриста;
• Урок 43 Как нарисовать персонажа;
• Урок 44 Как нарисовать пейзаж;
• Урок 45 Как нарисовать пейзаж;

Урок 1

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

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

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

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

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

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

Урок 2

Как нарисовать пень в Adobe Photoshop

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

Навыки станут полезными для продвижения акаунта в Instagram и социальных сетях.

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

Вы научитесь двигаться от общего к частному изображению деталей, узнаете почему тон важнее цвета. На практике автор обучает использованию кнопки Lock transparent pixels, слайдером HBS и параметрам brightness, знакомит с главными правилами рисования.

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

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

Урок 3

Как нарисовать супер патронуса в Adobe Photoshop

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

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

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

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

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

Создаём прямую линию инструментом «Линия» (Line Tool)

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

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

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

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

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

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

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

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

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

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

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

Разнообразные рисунки нуждаются в левой части изображения, чтобы соответствовать правой — как зеркальное отображение. Существует несколько способов рисования идеально симметричных фигур в Photoshop. Но самый простой метод должен быть Симметрия краски инструмент, который был представлен в Adobe Photoshop CC 2018.

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

Как включить симметричные фигуры в Photoshop

Инструмент Paint Symmetry помогает рисовать зеркальные изображения в любой плоскости. Как следует из названия, эта функция работает с инструментами Paintbrush, Pencil и Eraser. Значок бабочки на панели инструментов говорит о том, что функция симметрии краски активна. Но как вы активируете эту скрытую функцию в Photoshop?

1. Откройте Фотошоп. Идти к Настройки> Технологические обзоры и проверить Включить симметрию краски. Закройте диалоговое окно.
   
2. Выберите инструмент «Кисть», «Карандаш» или «Ластик».
3. Нажмите на бабочка значок в Панель настроек и выберите один из типов симметрии из меню.
   
4. Нажмите Enter или установите флажок, чтобы установить оси симметрии на холсте.
5. Рисуйте с помощью инструментов Paintbrush или Pencil. Тип симметрии, который вы выберете, будет определять вид зеркальных штрихов на холсте.

Делая Радиальные Рисунки мандалы в фотошопе

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

Выполните вышеуказанные шаги и выберите любую ось симметрии в меню. Затем перейдите на панель «Пути» и переименуйте путь к одному из следующих:

• Радиальная симметрия х (где x — количество желаемых сегментов, причем максимум 12 сегментов).
• Мандала Симметрия х (где x — количество желаемых сегментов, причем максимум 10 сегментов).

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

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

и раскрасьте их на бумаге или в самом Photoshop.

Кредит изображения: Yaruta / Depositphotos

Как потрясающе рисовать в Photoshop

«Набросок» и «бумага» сочетаются друг с другом, как арахисовое масло и желе, кофе и сливки, Сонни и Шер. (Хорошо, плохой пример.) Но в следующем поколении эскизов используется стилус и планшет Wacom и Photoshop вместо традиционных карандашей и блокнота. Преимущества? Цифровые эскизы позволяют создавать желаемое изображение и экспериментировать с бесконечным разнообразием кистей, цветов и стилей — легко, естественно и без использования ценных материалов.Довольно круто, да?

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

Шаг 1. Начните с чистого холста.
Откройте новый файл в Photoshop, выбрав те параметры, которые подходят именно вам. Я установил размер изображения 8 x 8 дюймов и разрешение 300 пикселей / дюйм или «dpi». Разрешение не менее 300 гарантирует, что мы сможем распечатать красивую четкую копию нашего эскиза, когда мы закончим.После того, как вы сделали свой выбор, нажмите ОК, и появится пустой холст.

Шаг 2: Нанесите слой.
В правой части окна Photoshop, под цветовой палитрой, находится палитра слоев. Поскольку файл только что был создан, есть только один слой: сплошной белый «Фон». Щелкните значок в нижней части палитры слоев, который выглядит как квадрат со загнутым углом, чтобы создать слой 1. Думайте об этом новом слое как о куске прозрачного стекла, на котором мы будем рисовать.

Шаг 3: Расчешите кисти.
Щелкните значок, похожий на маленькую кисть, чтобы выбрать инструмент «Кисть».

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

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

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

Шаг 4: Оставьте свой след.
Начать рисовать! Как и в случае с традиционными носителями, держите стилус Wacom легким во время рисования.(Нажав на планшет с разным уровнем давления, вы отрегулируете размер кисти, но не ее непрозрачность.) Сохраняйте исходные линии свободными, исследуя форму. Во время рисования может возникнуть соблазн смотреть на планшет, но со временем вы сможете сосредоточить свое внимание на экране.

Шаг 5: Возьмите на себя ответственность за экран.
Итак, вот одна из лучших частей создания набросков в Photoshop с помощью планшета Wacom: вы можете увеличивать масштаб и вращать экран! Нажмите «R», чтобы включить инструмент «Повернуть», затем нажмите и перетащите изображение руки, чтобы повернуть его на нужный угол.Щелкните значок увеличительного стекла в нижней части панели инструментов, чтобы увеличить масштаб и отточить эти более мелкие детали.

Шаг 6: Примите стирание.

Вот что я создал, когда повернул рисунок и немного увеличил масштаб:

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

Щелкните инструмент «Ластик» (11-й значок сверху на панели инструментов — он выглядит как прямоугольник), выберите нужный размер и «нарисуйте» его поверх всего, от чего вы хотите избавиться.Или сделайте это простым способом — переверните стилус Wacom вверх ногами. Он автоматически станет ластиком!

Шаг 7: Полюбуйтесь своей работой.
Поздравляю! Вы только что закончили свой первый набросок в Photoshop.

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

Удачи и продолжайте рисовать!

Photoshop против Illustrator: какая программа для рисования лучше? | by Jae Johns

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

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

У каждого свои потребности, когда дело доходит до получения максимальной отдачи от системы. Некоторым художникам нравится то, что может предложить Photoshop, в то время как другие находят Illustrator более универсальным.

В споре между Photoshop и Illustrator нет неправильных ответов. Вы можете пользоваться множеством различных инструментов и черт.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Когда дело доходит до кистей, две системы примерно равны в Photoshop vs.Дискуссия иллюстратора. Каждая система имеет свой собственный набор кистей. Что еще более важно, вы можете легко загрузить больше кистей в Интернете.

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

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

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

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

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

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

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

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

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

Самый большой вопрос для эпохи мобильных устройств — как эти платформы работают в мобильной системе. Adobe недавно присоединилась к Apple в связи с запуском iPad Pro.

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

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

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

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

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

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

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

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

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

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

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

Какая программа вам больше нравится, Photoshop или Illustrator?

Как рисовать фигуры в Photoshop с помощью инструмента «Фигура»

Как и инструмент «Перо», слой-фигура также использует векторную технологию Photoshop.

Вы получите инструмент слоя формы прямо здесь, на панели инструментов.

Теперь щелкните по нему, и вы увидите различные формы , похожие на ;

• Инструмент «Прямоугольник»
• Инструмент «Прямоугольник со скругленными углами»
• Инструмент «Эллипс»
• Инструмент «Многоугольник»
• Инструмент «Линия»
• Инструмент «Произвольная форма»

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

См. На панели параметров, во второй позиции вы увидите меню. Он покажет вам 3 варианта рисования вашей формы, такие как «Путь», «Форма» и «Пиксели».

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

А путь будет рисовать только контур фигуры, он не будет заливать какой-либо цвет контура.

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

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

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

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

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

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

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

Давайте рассмотрим полезные аспекты инструментов формы, «инструмент нестандартной формы Photoshop». Это дает вам множество готовых форм, и вы можете легко использовать их, когда захотите.

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

Теперь выберите форму, которую хотите использовать.

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

Давайте отредактируем цвет формы и свойства обводки на панели параметров вверху.

Теперь, если я хочу вычесть часть внутри этой формы. Затем я выберу «инструмент эллипса», и я перейду сюда и настрою функцию поиска пути для вычитания передней формы и

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

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

Теперь перейдем к следующей теме «смарт-объект».

Как рисовать векторные фигуры в Photoshop CS6

Рисование векторных фигур в Photoshop

Инструменты формы

Photoshop предоставляет нам шесть инструментов формы на выбор — инструмент Rectangle Tool , инструмент Rounded Rectangle Tool , инструмент Ellipse Tool , инструмент многоугольника , инструмент линии и инструмент пользовательской формы , и все они вложены вместе в одном месте на панели инструментов . По умолчанию, инструмент «Прямоугольник» является видимым, но если мы щелкнем и удерживаем значок инструмента, появится всплывающее меню, показывающее другие инструменты, из которых мы можем выбрать:

Если щелкнуть и удерживать значок инструмента «Прямоугольник», можно увидеть другие инструменты формы, скрытые за ним.

Я начну с выбора первого в списке инструмента Rectangle Tool :

Выбор инструмента «Прямоугольник».

Фигуры, пиксели или пути

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

Чтобы убедиться, что вы рисуете векторные фигуры, а не контуры или пиксели, выберите Shape из параметра Tool Mode на панели параметров в верхней части экрана:

Установка для параметра «Режим инструмента» значения «Форма».

Заполнение формы цветом

Следующее, что мы обычно хотим сделать, это выбрать цвет для формы, и в Photoshop CS6 мы делаем это, щелкая образец цвета Fill на панели параметров:

Щелкнув образец цвета заливки.

Это открывает поле, которое позволяет нам выбирать из четырех различных способов заливки фигуры, каждый из которых представлен одним из четырех значков вверху. Начиная слева, у нас есть значок No Color (тот, через который проходит красная диагональная линия), значок Solid Color , значок Gradient и значок Pattern :

Четыре варианта заливки фигуры (Без цвета, Сплошной цвет, Градиент и Узор).

Нет цвета

Как следует из названия, выбор Без цвета слева оставит фигуру полностью пустой.Почему вы хотите оставить фигуру пустой? Что ж, в некоторых случаях вы можете захотеть, чтобы ваша форма содержала только контур обводки. Мы увидим, как добавить обводку через несколько секунд, но если вы хотите, чтобы ваша фигура содержала только обводку, без цвета заливки, выберите «Нет цвета»:

.

Параметр «Нет цвета» оставит фигуру пустой.

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

Если для параметра «Заливка» задано значение «Нет цвета», виден только контур формы (и только в Photoshop).

однотонный

Чтобы залить форму сплошным цветом, выберите вариант Solid Color (второй слева):

Щелкните параметр заливки сплошным цветом.

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

Выбор цвета нажатием на образец.

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

Щелкните значок «Палитра цветов».

Затем выберите нужный цвет в палитре цветов. По завершении нажмите OK, чтобы закрыть палитру цветов:

Выбор цвета заливки для фигуры из палитры цветов.

Вот та же фигура, что и раньше, на этот раз залитая сплошным цветом:

Основная форма, заполненная сплошным цветом.

Градиент

Чтобы залить форму градиентом, выберите вариант Градиент . Затем щелкните один из эскизов , чтобы выбрать предустановленный градиент, или используйте параметры под эскизами, чтобы создать свой собственный. Мы узнаем все о создании и редактировании градиентов в отдельном руководстве:

Выбор параметра «Градиент» вверху, затем выбор предустановленного градиента.

Вот та же фигура с градиентом:

Форма, заполненная одним из предустановленных градиентов Photoshop.

Узор

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

Выбор опции Pattern, затем выбор предустановленного шаблона.

Вот как выглядит форма, заполненная одним из предустановленных шаблонов Photoshop. Чтобы закрыть окно параметров цвета заливки, когда вы закончите, нажмите Введите (Win) / Return (Mac) на клавиатуре или щелкните пустое место на панели параметров. Если вы не уверены, какой цвет, градиент или узор вам нужен для вашей формы, не волнуйтесь. Как мы увидим, вы всегда можете вернуться и изменить его позже:

Форма, заполненная заданным узором.

Добавление обводки вокруг формы

По умолчанию Photoshop не добавляет обводку по краям фигуры, но добавить обводку так же просто, как добавить цвет заливки.Фактически, параметры Обводки и Заливки в Photoshop CS6 точно такие же, так что вы уже знаете, как их использовать!

Чтобы добавить обводку, щелкните образец цвета Stroke на панели параметров:

Щелкните образец цвета обводки.

Это открывает окно, дающее нам те же самые параметры, которые мы видели с цветом заливки, за исключением того, что на этот раз мы выбираем цвет для нашей обводки. Вверху у нас есть те же , четыре значка для выбора между No Color , Solid Color , Gradient или Pattern .По умолчанию выбран вариант «Нет цвета». Я выберу сплошной цвет, а затем установлю черный цвет обводки, выбрав его из образцов. Как и в случае с цветом заливки, если цвет, необходимый для обводки, не найден в образцах, щелкните значок Color Picker в правом верхнем углу, чтобы вручную выбрать нужный цвет:

Выбор параметра «Сплошной цвет» для обводки, затем выбор цвета из образцов.

Изменение ширины обводки

Чтобы изменить ширину обводки, используйте параметр Stroke Width непосредственно справа от образца цвета обводки на панели параметров.По умолчанию это 3 пункта. Чтобы изменить ширину, вы можете либо ввести конкретное значение непосредственно в поле (нажмите , введите (Win) / , верните (Mac) на клавиатуре, когда вы закончите, чтобы принять его), либо нажмите маленькую стрелку справа от значения и перетащите ползунок:

Изменение ширины штриха.

Параметр выравнивания кромок

Если вы посмотрите дальше вправо на панели параметров, вы увидите параметр Align Edges .Если этот параметр включен (отмечен), Photoshop будет следить за тем, чтобы края вашей векторной формы были выровнены с пиксельной сеткой, что позволяет им выглядеть четкими и резкими:

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

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

Для работы «Выровнять края» установите ширину обводки в пикселях (px).

Вот пример черной обводки 10 пикселей, примененной к фигуре:

Простая фигура с черной обводкой.

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

Та же форма, теперь с заливкой без цвета.

Дополнительные параметры хода

По умолчанию Photoshop рисует обводку в виде сплошной линии, но мы можем изменить это, нажав кнопку Stroke Options на панели параметров:

Нажмите кнопку «Параметры обводки».

Откроется окно параметров обводки. Отсюда мы можем изменить штрих типа с сплошной линии на пунктирную линию или пунктирную линию . Параметр Align позволяет нам выбрать, должен ли штрих попадать на внутрь контура пути, на за контура или на по центру контура.Мы можем установить для параметра Caps значение Butt , Round или Square и изменить Corners на Miter , Round или Bevel . При нажатии кнопки Дополнительные параметры внизу откроется более подробное окно, в котором вы можете установить конкретные значения тире и промежуток и даже сохранить свои настройки в качестве предустановки:

Параметры обводки.

Вот тот же штрих, что и раньше, на этот раз пунктирной, а не сплошной линией:

Тип штриха изменен с сплошного на штриховой.

Плагин шорткодов, действий и фильтров: ошибка шорткода [ ads-basics-middle ]

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

Теперь, когда мы знаем, как выбирать различные инструменты формы Photoshop на панели инструментов, как выбирать цвет заливки и обводки и как изменять внешний вид обводки, давайте узнаем, как на самом деле рисовать векторные фигуры! Мы начнем с первого инструмента в списке, Rectangle Tool . Я выберу его на панели инструментов так же, как и раньше:

Выбор инструмента «Прямоугольник».

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

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

Когда вы отпускаете кнопку мыши, Photoshop заполняет фигуру цветом, который вы выбрали на панели параметров:

Photoshop заполняет форму цветом, когда вы отпускаете кнопку мыши.

Изменение размера фигуры после ее рисования

После того, как вы нарисовали исходную форму, ее текущие размеры появятся в полях Ширина ( W ) и Высота ( H ) на панели параметров. Здесь мы видим, что моя фигура была нарисована 533 пикселей в ширину и 292 пикселей в высоту:

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

Если вам нужно изменить размер фигуры после того, как вы ее нарисовали (и это работает для всех инструментов фигур, а не только для инструмента «Прямоугольник»), просто введите нужные размеры в поля Ширина (W) и Высота (H).Например, предположим, что мне действительно нужно, чтобы моя форма была шириной ровно 500 пикселей. Все, что мне нужно сделать, это изменить значение ширины на 500 пикселей . При необходимости я мог бы также указать конкретную высоту. Если вы хотите изменить ширину или высоту, но сохранить исходное соотношение сторон фигуры без изменений, сначала щелкните маленький значок ссылки между значениями ширины и высоты:

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

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

Изменение размера формы.

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

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

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

Рисование фигуры из центра

Вот несколько простых, но очень полезных сочетаний клавиш. Если вы нажмете и удерживаете клавишу Alt (Win) / Option (Mac) на клавиатуре во время перетаскивания фигуры, вы будете рисовать ее из центра , а не из угла.Это работает с любым инструментом формы Photoshop, а не только с инструментом «Прямоугольник». Тем не менее, очень важно подождать, пока после того, как вы начали перетаскивать, прежде чем нажимать клавишу Alt / Option, и держать клавишу нажатой до тех пор, пока после того, как вы отпустите кнопку мыши, иначе это победит. т работы:

Нажмите и удерживайте Alt (Win) / Option (Mac), чтобы нарисовать фигуру из ее центра.

Квадраты для рисования

Чтобы нарисовать идеальный квадрат с помощью инструмента «Прямоугольник», щелкните внутри документа, чтобы задать начальную точку, и начните перетаскивание как обычно.Когда вы начали перетаскивать, нажмите и удерживайте клавишу Shift на клавиатуре. Это превращает прямоугольник в идеальный квадрат. Опять же, не забудьте дождаться после того, как вы начали перетаскивать, прежде чем нажимать клавишу Shift, и удерживайте ее до тех пор, пока после вы не отпустите кнопку мыши, иначе это не сработает. Вы также можете объединить эти два сочетания клавиш вместе, нажав и удерживая Shift + Alt (Win) / Shift + Option (Mac), когда вы перетаскиваете с помощью инструмента Rectangle Tool, который превратит фигуру в идеальный квадрат и нарисует ее. из центра:

Нажмите и удерживайте Shift при перетаскивании, чтобы нарисовать квадрат.

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

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

Параметры формы

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

Щелкните значок шестеренки.

Поскольку у меня выбран инструмент «Прямоугольник», щелчок по значку шестеренки показывает мне параметры для инструмента «Прямоугольник». За исключением инструментов «Многоугольник» и «Линия», оба из которых мы рассмотрим позже, вы не будете часто использовать это меню, потому что мы уже узнали, как получить доступ к большинству этих параметров с клавиатуры. Например, опция Unconstrained позволяет нам свободно рисовать фигуры с любыми размерами, которые нам нужны, но, поскольку это стандартное поведение инструментов фигур, нет необходимости выбирать его. Параметр Square позволяет нам рисовать идеальные квадраты с помощью инструмента Rectangle Tool, но мы уже можем сделать это, нажав и удерживая клавишу Shift . И From Center будет рисовать фигуру из своего центра, но опять же, мы уже можем сделать это, нажав и удерживая Alt (Win) / Option (Mac).

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

Отображаемые параметры зависят от того, какой инструмент формы выбран.

Редактирование слоев формы

Ранее мы узнали, что для рисования векторных фигур в Photoshop необходимо убедиться, что для параметра «Режим инструмента» на панели параметров установлено значение Фигуры (в отличие от «Путь» или «Пиксели»). Когда мы рисуем векторную фигуру, Photoshop автоматически помещает ее на слой особого типа, известный как слой Shape . Если мы посмотрим на мою панель Layers , мы увидим, что фигура, которую я нарисовал с помощью инструмента Rectangle Tool, находится на слое формы с именем «Rectangle 1». Имя слоя будет меняться в зависимости от того, какой инструмент формы был использован, поэтому, если бы я нарисовал фигуру, скажем, с помощью инструмента «Эллипс», она была бы названа «Эллипс 1»:

Каждая новая векторная фигура, которую вы рисуете, появляется на отдельном слое Shape.

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

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

Основное различие между слоем формы и слоем обычных пикселей состоит в том, что слои формы остаются полностью редактируемыми. Когда мы учились выбирать цвета заливки и обводки для наших фигур, я упоминал, что мы всегда можем вернуться и изменить цвета после того, как нарисовали форму.Все, что нам нужно сделать, это убедиться, что у нас есть Shape Layer , выбранный на панели Layers, и что у нас все еще есть наш инструмент формы shape , выбранный на панели Tools. Затем просто щелкните образец цвета «Заливка» или «Обводка» на панели параметров, чтобы выбрать другой цвет. При необходимости вы также можете изменить ширину обводки вместе с другими параметрами обводки. Я нажимаю на свой образец цвета заливки:

Щелкните образец цвета «Заливка» с выбранным слоем «Форма».

Затем я выберу другой цвет для своей формы из образцов:

Щелкнув образец синего цвета.

Как только я нажимаю на образец, Photoshop мгновенно обновляет форму новым цветом:

Цвет фигуры был изменен без необходимости ее перерисовки.

И, если мы снова посмотрим на панель Layers, мы увидим, что эскиз предварительного просмотра для слоя Shape также был обновлен новым цветом:

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

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

Давайте посмотрим на второй инструмент формы Photoshop Rounded Rectangle Tool .Я выберу его на панели инструментов:

Выбор инструмента «Прямоугольник со скругленными углами».

Инструмент «Прямоугольник со скругленными углами» очень похож на стандартный инструмент «Прямоугольник», за исключением того, что он позволяет рисовать прямоугольники со скругленными углами. Мы контролируем округлость углов с помощью параметра Radius на панели параметров. Чем выше значение, тем более закругленными будут углы. Вам нужно установить значение радиуса перед тем, как будет рисовать вашу фигуру, поэтому я установлю свое значение 50 пикселей:

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

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

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

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

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

Вот еще один пример прямоугольника с закругленными углами, на этот раз с моим значением Радиуса, установленным на 150 пикселей, достаточно большим (в данном случае во всяком случае), чтобы вся левая и правая стороны прямоугольника выглядели изогнутыми:

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

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

Чем меньше значение радиуса, тем меньше закругленные углы.

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

Если вы рисуете прямоугольник со скругленными углами и решаете, что вас не устраивает скругленность углов, все, что вы действительно можете сделать, это перейти в меню Edit в строке меню в верхней части экрана и выбрать Undo Rounded. Инструмент «Прямоугольник» (или нажмите Ctrl + Z (Win) / Command + Z (Mac) на клавиатуре), который удалит прямоугольник с закругленными углами из документа.Затем введите другое значение радиуса на панели параметров и повторите попытку:

Идем в Edit> Undo Rounded Rectangle Tool.

Те же сочетания клавиш, о которых мы узнали для стандартного инструмента «Прямоугольник», также применимы к инструменту «Прямоугольник со скругленными углами». Чтобы превратить фигуру в идеальный квадрат (с закругленными углами), начните вытягивать фигуру, затем нажмите и удерживайте клавишу Shift . Отпустите клавишу Shift только после того, как отпустили кнопку мыши.

Чтобы нарисовать скругленный прямоугольник из его центра , а не из угла, начните перетаскивать фигуру, затем нажмите и удерживайте клавишу Alt (Win) / Option (Mac). Наконец, нажатие и удерживание Shift + Alt (Win) / Shift + Option (Mac) заставит фигуру превратиться в идеальный квадрат и вытянет ее из центра. Отпустите клавиши только после того, как отпустите кнопку мыши.

Инструмент «Эллипс»

Программа Photoshop Ellipse Tool позволяет рисовать эллиптические или круглые формы.Я выберу его на панели инструментов:

Выбор инструмента «Эллипс».

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

Рисование эллиптической формы с помощью инструмента «Эллипс».

Отпустите кнопку мыши, чтобы завершить форму, и Photoshop заполнит ее выбранным цветом:

Форма с заливкой цветом.

Чтобы нарисовать идеальный круг с помощью Ellipse Tool, начните растягивать фигуру, затем нажмите и удерживайте клавишу Shift . Чтобы нарисовать эллиптическую форму из центра , нажмите и удерживайте Alt (Win) / Option (Mac) после начала перетаскивания. Нажатие и удерживание Shift + Alt (Win) / Shift + Option (Mac) нарисует идеальный круг из его центра. Как всегда, отпустите клавиши только после того, как вы отпустили кнопку мыши:

Круг, нарисованный с помощью инструмента Ellipse Tool.

Инструмент «Многоугольник»

Инструмент Polygon Tool — вот где начинается интересное. Я выберу его на панели инструментов:

Выбор инструмента «Многоугольник».

В то время как инструмент «Прямоугольник» в Photoshop ограничен рисованием четырехсторонних многоугольников, инструмент «Многоугольник» позволяет рисовать многоугольные формы с любым количеством сторон! Он даже позволяет нам рисовать звезды, как мы сейчас увидим. Чтобы нарисовать фигуру с помощью инструмента «Многоугольник», сначала введите необходимое количество сторон в поле Sides на панели параметров.Вы можете ввести любое число от 3 до 100. Я пока оставлю значение по умолчанию 5:

Введите необходимое количество сторон в поле «Стороны».

После того, как вы ввели количество сторон, щелкните документ и растяните форму. Photoshop всегда рисует многоугольники из их центра, поэтому нет необходимости удерживать клавишу Alt (Win) / Option (Mac). Удерживая нажатой клавишу Shift после начала перетаскивания, вы ограничите количество углов, под которыми можно рисовать фигуру, что может помочь расположить фигуру так, как вам нужно:

5-сторонняя фигура, нарисованная с помощью инструмента «Многоугольник».

Установка для параметра «Стороны» значения 3 на панели параметров дает нам простой способ нарисовать треугольник:

Простой треугольник, нарисованный с помощью инструмента «Многоугольник».

А вот форма многоугольника со значением Sides равным 12. Как и параметр Radius для инструмента Rounded Rectangle Tool, Photoshop не позволяет нам изменять количество сторон после того, как мы нарисовали нашу форму, поэтому, если вы ошиблись, вы необходимо перейти в меню Edit вверху экрана и выбрать Undo Polygon Tool (или нажать Ctrl + Z (Win) / Command + Z (Mac)), затем ввести другое значение в опцию Стороны и перерисуйте фигуру:

Двенадцатигранный многоугольник.

Рисование звезд с помощью инструмента «Многоугольник»

Чтобы нарисовать звезды с помощью инструмента «Многоугольник», щелкните значок шестеренки на панели параметров, затем выберите Звезда :

Щелкните значок шестеренки и выберите звездочку.

Затем просто щелкните внутри документа и вытяните звезду. Если выбрана звезда, параметр «Стороны» на панели параметров управляет количеством точек в звезде, поэтому при значении по умолчанию 5 мы получаем пятиконечную звезду:

Пятиконечная звезда, нарисованная с помощью инструмента «Многоугольник».

Изменение значения сторон на 8 дает нам 8-конечную звезду:

Управляйте количеством точек с помощью параметра «Стороны».

Мы можем создать звездообразную форму, увеличив значение параметра Отступ сторон на сверх его значения по умолчанию, равного 50%. Увеличу до 90%. Я также увеличу значение сторон до 16:

.

Создание звездообразования путем увеличения значения «Отступ сторон по».

И вот результат:

Звездообразование, нарисованное с помощью инструмента «Многоугольник».

По умолчанию звезды имеют острые углы на концах точек, но мы можем сделать их закругленными, выбрав опцию Smooth Corners :

Включение плавных углов.

Вот стандартная пятиконечная звезда с включенной опцией Smooth Corners:

Параметр «Сглаженные углы» придает звездам веселый и дружелюбный вид.

Мы также можем сгладить отступы и сделать их скругленными, выбрав опцию Smooth Indents :

Включение плавных отступов.

Выбрав и Smooth Corners, и Smooth Indents, мы получим больше формы морской звезды:

Включена звезда с плавными углами и плавными отступами.

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

Последний из основных инструментов Photoshop для создания геометрических фигур — Line Tool . Я выберу его на панели инструментов:

Выбор инструмента «Линия».

Инструмент «Линия» позволяет рисовать простые прямые линии, но мы также можем использовать его для рисования стрелок. Чтобы нарисовать прямую линию, сначала установите толщину линии, введя значение в пикселях в поле Weight на панели параметров.Значение по умолчанию — 1 пиксель. Увеличу до 16 пикселей:

Параметр «Толщина» управляет толщиной или шириной линии.

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

Удерживайте Shift при перетаскивании, чтобы нарисовать горизонтальные или вертикальные линии.

Рисование стрелок направления

Чтобы нарисовать стрелки, щелкните значок шестеренки на панели параметров, чтобы открыть параметры Arrowheads .Выберите, хотите ли вы, чтобы стрелка отображалась в начале , линии, , конце или обоих (если вы хотите, чтобы стрелка была обращена в том же направлении, в котором рисуется линия, выберите Конец):

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

Вот линия, аналогичная нарисованной ранее, на этот раз со стрелкой на конце:

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

Если размер стрелки по умолчанию для вас не подходит, вы можете изменить его, изменив параметры Ширина и Длина .Вы также можете сделать стрелку более вогнутой, увеличив параметр Concavity . Я увеличу его со значения по умолчанию 0% до 50%:

Измените форму наконечника стрелки, увеличив его вогнутость.

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

Наконечник стрелки со значением вогнутости до 50%.

Скрытие контура контура вокруг формы

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

Контур контура остается видимым даже после того, как фигура нарисована.

Чтобы скрыть контур контура в Photoshop CS6, просто нажмите Введите (Win) / Верните (Mac) на клавиатуре, и он исчезнет:

Нажмите Enter (Win) / Return (Mac), и контур исчезнет.

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

* Обновлено нояб.2020 *
Вы здесь, потому что хотите узнать, как использовать инструмент «Перо» в Photoshop. Я преподаю Adobe Photoshop и Illustrator более пятнадцати лет и могу без сомнения сказать, что инструмент «Перо», вероятно, является самым опасным инструментом в обеих программах, которого избегают. Хотя вначале это может показаться неприятным инструментом, это очень полезный инструмент, и это руководство по фотошопу поможет вам научиться работать с инструментом «Перо».

Если вам это нужно, вы можете скачать бесплатную 7-дневную пробную версию Photoshop

Я разбиваю это руководство на легко усваиваемые фрагменты. Вот что мы расскажем:

В Photoshop инструмент «Перо» можно использовать для рисования и выделения.

Существует заблуждение, что вы можете создавать векторы только в Adobe Illustrator и что Photoshop позволяет вам работать только с фотографиями или растровой графикой. Но вы МОЖЕТЕ создавать векторы в Photoshop с помощью инструментов Pen и Shape. Щелкните здесь, чтобы узнать больше о разнице между векторной и растровой графикой. Инструменты «Перо» и «Фигура» работают в обеих программах практически одинаково.

Примечание. Все снимки экрана, которые вы видите здесь, взяты из Adobe Photoshop CC, но почти все, что вы здесь читаете, применимо к более старым версиям Photoshop, начиная с нескольких версий. Итак, давайте начнем с использования инструмента для рисования прямых линий.

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

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

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

1 — Нарисуйте контур с помощью инструмента «Перо»

1 — Откройте новый пустой документ в Photoshop. Я создал один размером 1000 x 1000 пикселей и разрешением 72 пикселей на дюйм.

2 — На панели инструментов выберите Pen Tool. Ярлык — это нажать на клавиатуре P .

3 — На панели параметров вверху экрана;

• В первом раскрывающемся списке выберите «Путь». (Скоро мы рассмотрим вариант «Форма»)
• Щелкните стрелку для параметра «Параметры геометрии» и убедитесь, что флажок «Резинка» не установлен во всплывающей палитре «Параметры контура».
• Убедитесь, что выбран параметр «Автоматическое добавление / удаление».
• Выберите параметр «Объединить контуры».

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

При первом выборе инструмента «Перо» перед тем, как рисовать какие-либо точки, рядом с курсором появляется маленький значок «x». Х означает, что вы собираетесь начать рисовать новый путь.

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

4 — Щелкните один раз на документе, в котором должен начинаться отрезок прямой. Не тащить.

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

Примечание. Если появляются направляющие линии (они выглядят как лишние линии, выходящие из точки привязки), вы случайно перетащили инструмент «Перо» и нарисуете кривую, а не прямую линию.В этом случае выберите Ctrl + Z (Windows) или Cmd + Z (Mac), чтобы отменить действие, и щелкните еще раз.

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

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

Совет: если вы хотите ограничить угол сегмента до кратного 45 °, удерживайте нажатой клавишу Shift при щелчке.

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

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

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

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

2 — Добавление и удаление узловых точек

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

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

Удаление точки привязки на пути

1 — Выберите инструмент Удалить опорную точку на панели инструментов (скрыт под инструментом «Перо»).

2 — Щелкните по точке, которую хотите удалить.

Добавление точки привязки на пути

3 — Выберите инструмент «Добавить точку привязки» на панели инструментов.

4 — Щелкните в любом месте отрезка линии с помощью инструмента «Добавить точку привязки».

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

Инструмент «Перо для прямого контура» Практика!

Итак, вот как рисовать отрезки прямых линий, очень легко и ничего страшного. Ключ к использованию инструмента «Перо» — практика, практика, практика.

Создайте новый документ Photoshop и выполните следующие действия:

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

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

В этой части Руководства по использованию инструмента «Перо» вы научитесь рисовать

• открытый путь с плавным изгибом (easy peasy)
• путь по замкнутому кругу (легкий)
• сложный путь, состоящий из кривых и прямых точек (немного сложнее, но важный навык)

Как только вы поймете, как работают кривые, в сочетании с некоторой практикой, вы скоро станете мастером инструмента Pen Tool!

Как создаются изогнутые пути

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

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

При щелчке и перетаскивании инструментом «Перо» происходят две вещи.

1 — Якорная точка помещается на монтажную область при нажатии.

2 — При перетаскивании рисуются направляющие линии и точки направления.

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

3 — Нарисуйте изогнутый контур с помощью инструмента «Перо»

Начнем с рисования плавной изогнутой линии.

1 — Выберите инструмент «Перо» ( P ) на панели инструментов.

2 — Выберите режим Путь на панели параметров в верхней части экрана.

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

3 — Щелкните один раз, чтобы поставить первую точку привязки.

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

5 — Добавьте еще одну точку правее, щелкните и перетащите в направлении вниз.Теперь вы должны увидеть приятный пологий волнообразный путь.

6 — Добавьте еще одну точку вправо и растяните по горизонтали.

7 — Чтобы закончить рисование пути, просто нажмите Ctrl + Click (Windows) / Cmd + Click (Mac). Обратите внимание, как курсор инструмента «Перо» меняется и появляется небольшая звездочка. Это означает, что когда вы снова начнете рисовать, вы начнете новый путь.

4 — Нарисуйте контур замкнутого круга с помощью Pen Tool

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

1. Выберите инструмент «Перо» ( P ) на панели инструментов.
2. Выберите режим Путь на панели параметров в верхней части экрана.
3. Щелкните, удерживайте и перетащите указатель инструмента «Перо» вверх. В этом примере мы создаем восходящую кривую.
   

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

4. Продолжите кривую, щелкнув, чтобы добавить новую точку привязки, и, удерживая, перетащить вниз.
   
   

Если вы допустили ошибку во время рисования, выберите Правка> Отменить новую точку привязки или нажмите Ctrl + Z (Windows) или Cmd + Z (Mac ), чтобы отменить последнюю точку, которую вы нарисовали, и повторите попытку. .

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

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

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

Совет: если вы удерживаете Shift при щелчке и перетаскивании, вы ограничиваете наклон направляющей линии с шагом 45 °.

5 — Объедините изогнутые и прямые сегменты пути с помощью Pen Tool

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

Изогнутые точки привязки имеют линии направления, расположенные друг напротив друга на расстоянии 180 °.

Угловые (или прямые) точки либо не имеют линий направления, только одна линия направления, либо две линии направления расположены под углом, отличным от 180 °. (Я знаю, это немного сбивает с толку!)

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

Для этого упражнения мы будем рисовать путь ниже.

1. Выберите инструмент «Перо» или нажмите клавишу P на клавиатуре.
2. Мы начинаем с прямого сегмента, что очень просто, поэтому щелкните один раз для начальной точки (не перетаскивайте), а затем щелкните еще раз, чтобы поставить второй якорь.
   
3. Теперь мы входим в кривую. Наведите указатель на вторую точку привязки и удерживайте Alt (Windows) или Option (Mac), курсор изменится, чтобы показать то, что выглядит как перевернутая буква «v».Это означает, что вы собираетесь преобразовать точку из прямой в изогнутую.
   
4. Щелкните в той же точке и перетащите вверх одним движением, чтобы начать кривую.
   
5. Затем щелкните и потяните вниз, чтобы создать следующую опорную точку и завершить начатую кривую.
   
   

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

6. Для того, чтобы предотвратить это и есть наша кривая идти снова, мы должны начать новую кривую, удерживая Alt / Option + Нажатие кнопки на последней точке привязки. Вы снова увидите маленькую перевернутую букву «v». Это в основном сбрасывает изогнутую точку в прямую.
   
7. Нажмите на опорную точку еще раз и потяните вверх, чтобы создать вторую кривую, идущую вверх. Это будет выглядеть так, как если бы вы перетащили новый дескриптор поверх предыдущего.
   
8. Добавьте новую опорную точку и потяните вниз, чтобы закончить вторую кривую.
   
9. Повторите шаги 6, 7 и 8, чтобы создать третью «восходящую» кривую.
   
10. Чтобы закончить, нам нужно преобразовать изогнутую точку в прямую. Еще раз, удерживая нажатой клавишу Alt / Option , щелкните один раз на последней точке привязки.
    
11. Щелкните еще раз, чтобы отложить последнюю точку привязки. Теперь у вас должен получиться такой путь;
    
12. Ctrl / Cmd + щелкните в любом месте, чтобы завершить путь.

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

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

Больше практики с инструментом «Перо»!

Действительно хороший способ попрактиковаться в совмещении кривых и прямых точек с помощью инструмента «Перо» — это попытаться нарисовать контуры букв.Начните с простых, таких как I и Z, затем попробуйте строчные буквы T, S, P и так далее. Это упражнение я даю своим классам, и они считают его полезным. Не волнуйтесь, если ваши реплики не идеальны на этом этапе, главное — попробовать что-нибудь.

Надеюсь, вы нашли этот урок о том, как рисовать прямые пути и кривые с помощью Pen Tool в Photoshop, полезным. Следующий навык, который нам нужно изучить в отношении рисования путей, — это как редактировать наши точки и пути. Это отдельное руководство, которое вы можете прочитать здесь.

Буду очень признателен, если вы поделитесь этим постом. Спасибо! 🙂

Загрузить бесплатную 7-дневную пробную версию Photoshop

Получите бесплатную распечатываемую шпаргалку панели инструментов Photoshop

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

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

Как я использую Photoshop для иллюстрации — Magoz Blog

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

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

Почему? Потому что я рисую кистью, ластиком и другими инструментами для рисования вручную, и, к сожалению, инструменты рисования Illustrator отстают от Photoshop на световые годы.

Мне потребовалось немного времени, чтобы почувствовать себя комфортно с Photoshop, но через некоторое время (и много иллюстраций) я нашел свой собственный рабочий процесс.
В этой статье я объясню основы этого рабочего процесса.

Вот несколько правил и рекомендаций:

• Мои основные инструменты: планшет Cintiq 13hd Wacom и Photoshop CC.
• Все начинается на бумаге. Я нашел идею на бумаге. Я использую Photoshop для создания иллюстрации.
• Я не сканирую свои эскизы.Я рисую все с нуля в Photoshop с помощью кисти.
• Я всегда работаю с разрешением 900 dpi (или выше, если требуется) на тот случай, если мне понадобится больший размер иллюстрации в будущем.
• Каждый элемент имеет свой собственный слой (рука, волосы, рука…).
• Каждый слой содержит только один цвет.
• Я использую множество векторных инструментов, таких как квадрат, прямоугольник, круг или перо.
• Я использую ярлыки для всего.

Мой цифровой процесс

1. Правильный размер и пропорции
   Документ должен быть выходного формата.По возможности работаю над окончательным макетом, где будет использоваться иллюстрация.
2. Руководства
   Я всегда составляю свои изображения, используя мою конкретную версию теории третей. Я создаю направляющие одним щелчком мыши с помощью подключаемого модуля GuideGuide.
3. Цифровой набросок
   Я рисую базовую структуру для всего, пытаясь скомпоновать элементы, обращая внимание на направляющие, пробелы и ритм. Я всегда стремлюсь к эффекту и хорошей передаче идеи.
4. Цветовая палитра
   Я начинаю работать с цветами, ищу простую, но сильную цветовую палитру, делая сотни тестов на цифровом эскизе. Как только цвета выбраны, цифровой эскиз готов, и я отправляю его арт-директорам и клиентам на утверждение.
5. Окончательная иллюстрация
   Пора сгладить каждый элемент. В этом процессе я использую такие инструменты, как Кисть, Ластик, Поворот холста, Трансформирование, Поворот элементов, Масштабирование, Векторные инструменты, Волшебная палочка, Инструменты выделения…
6. Заключительная проверка
   Если это не срочное задание, я жду некоторое время перед окончательной проверкой, чтобы отойти от изображения на некотором расстоянии.Заключительная проверка заключается в уделении особого внимания мелким деталям и корректировке композиции при необходимости.

Выводы

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

Этот рабочий процесс прочно вошел в мой рабочий процесс после сотен иллюстраций.

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

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

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

Шаг 1. Нарисуйте форму кабеля

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

Шаг 2. Добавьте обводку

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

Больше после прыжка! Продолжайте читать ниже ↓
Члены бесплатной и премиальной версии видят меньше рекламы! Зарегистрируйтесь и войдите в систему сегодня.

Шаг 3. Добавьте фаску

Откройте диалоговое окно «Стиль слоя» и добавьте внутренний скос. Размер зависит от толщины мазка.В разделе «Затенение» возьмите контроллер «Угол / высота» и перетащите его так, чтобы он оказался почти в центре, слегка сдвинув его в сторону, чтобы задать направление тени. Это обеспечит наилучшее округление кабеля. Вы можете немного уменьшить непрозрачность выделения, так как 100% будет выглядеть слишком ярким.

Шаг 4. Затененный кабель

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

Шаг 5. Добавьте тень

Поскольку наш кабель лежит на поверхности, нам нужно добавить тень под ним. Это легко сделать, добавив Drop Shadow в диалоге Layer Style. Обычно лучше всего установить угол тени 90 °, чтобы она шла прямо сверху.

Шаг 6. Кабель с тенью

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

Шаг 7. Создайте слои

Удерживая нажатой клавишу Ctrl (Mac) или щелкните правой кнопкой мыши (Windows) имя эффектов на панели слоев, появится это всплывающее меню. Выберите «Создать слои».

Шаг 8: Стиль расширенного слоя

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

Шаг 9: Преобразуйте тень

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

Шаг 10: Завершение

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

.