Как рисовать граф в фотошопе
Иллюстратор Амир Занд из Quantic Dream рассказал, как проходит работа над ранними концептами, если время на поиски ограничено. Перевели главное.
Меня постоянно спрашивают, какие кисти я использую. Должен сказать, что манера работы кистями или определенные кисти ничего не меняют, но именно сочетание инструментов и идей делают рисунок возможным. Да, некоторые кисти в определенных техниках помогут легче и быстрее добраться до определенной точки, но помните, что кисть сама по себе не творит чудеса. Тем не менее, я покажу, как создать собственную кисть в Photoshop.
Как видите, я создал абстрактную форму на холсте — это первый шаг. Попробуйте и вы. После выделите эту форму и идите по пути Edit/Define as Brush preset, затем — сохранение. То, что вы выделили, сохранится как кисть и появится сверху вашего списка кистей. Не беспокойтесь за белые участки выделения — Photoshop учитывает только черные элементы, игнорируя белые.
На изображении «C» пример того, как выглядит мазок этой кистью. Она еще не готова, поэтому давайте немного ее подправим! Выделите кисть и затем выберите Brush preset (Windows Brush Preset). Далее я пойду в Brush Tip и поменяю значение Spacing на 0%, чтобы получить более мягкую гладкую кисть.
Теперь поставлю галочку рядом с пунктом Transfer, чтобы добавить чувствительности кисти — это как раз то, что мне нужно. Еще несколько модификаций — и кисть готова. Ею я и буду рисовать работу для этого урока.
(Прим. ред: кисть Амира можно скачать тут).
Получилось вот так:
У PS много крутых инструментов, которые облегчают работу, но иногда в них можно потеряться. Очень важно создать удобное рабочее пространство, и оно должно быть сделано именно под вас: мое может быть хорошо для меня, но не факт, что будет удобно другим.
Итак, в правом верхнем углу PS есть окно рабочей среды. PS уже поделил ее на несколько областей, таких как рисование, фотография и так далее, но вы можете спокойно добавить то, что хотите, и сохранить это в рабочей среде. Например, моя рабочая среда для графических работ отличается от рабочей среды для быстрых набросков или для мэтт-пеинтинга.
Я всегда фокусируюсь на композиции: не только в плане пропорций, но и контраста, размещения элементов и цветов. Поэтому я использую «Навигатор»: он позволяет всегда видеть рисунок целиком. Это как если при работе маслом вы периодически отходите от холста назад, чтобы окинуть его взглядом и увидеть ошибки.
«Навигатор» — это окошко справа сверху скриншота. Даже если вы приблизились к работе, чтобы проработать какой-то участок, в «Навигаторе» она всегда будет отображаться целиком.
Пришло время поисков для препродакшена. На этом этапе можно делать все, что хочешь, набрасывать самые разные идеи и использовать разные техники. Начинаю я всегда с быстрых набросков. Работая над концептами для фильмов или анимации, я всегда создаю как минимум 20 разных тамбнейлов в процессе поиска. Нельзя ограничиться двумя набросками: важно предоставить разные подходы, стили и техники.
Сейчас я хочу нарисовать сай-фай тамбнейл той кистью, что создал ранее. Помните, это лишь пример. В рамках урока я могу делать, что хочу, но на реальном проекте вас попросят изобразить конкретную среду или действие.
Обычно я избавляюсь от белых пятен в рисунке, но на этот раз оставлю их — в качестве зон света. На картинке вверху вы можете увидеть, что я начал набрасывать фигуры пилотов и форму корабля - пока очень легко. Я не сильно забочусь о пропорциях на этом этапе, просто хочу обозначить формы, в основном фокусируясь на композиции.
Я добавляю больше форм, чтобы получить общую композицию для тамбнейла. Для урока я разделяю все эти шаги, но в обычном рабочем процессе у меня это все занимает максимум пять минут.
Здесь я добавляю полу деталей и теней, и еще дорисовываю несколько элементов кораблю. Везде трубы и топливные шланги. Посмотрите, как это помогает перспективе и направлениям на переднем плане.
Здесь я вношу в работу новый тон, чтобы подготовить ее к добавлению деталей дальше. Я использую Color Balance, который можно найти тут: Image > Adjustments > Color Balance (по умолчанию это сочетание клавиш ctrl+B). Я начинаю менять тон для параметров Shadows/Midtones и Highlights. Можете посмотреть, что именно получилось, на изображении ниже.
Я думаю придать этой картинке закатные цвета, поэтому я добавил фиолетовый тон на весь тамбнейл. Но я не собираюсь оставлять его до самого финиша, это просто база для моих конечных цветов.
Режимы наложения помогают, когда нужно добавить цвет на чб-изображение или в целом поработать над цветами. Грамотное использование слоев поможет сделать все быстро и легко. Каждый из режимов дает разные эффекты, поэтому вам нужно разобраться в них и понять, в чем их назначение.
Например, режим Darker Color будет влиять только на светлые цвета и яркие участки, игнорируя темные зоны, и с этим режимом вы легко можете контролировать световые зоны. Lighter Color работает с точностью до наоборот. Overlay позволяет добавить любой цвет и смешать его с уже существующим цветом, сохраняя и светлые, и темные участки. (прим. ред: а еще мы предлагаем почитать про три режима, которые использует художник Atey Ghailan, вот тут).
Здесь я пытаюсь работать в целом над изображением. Я добавляю немного темного голубого в тени и немного желтого на освещенные участки. Я работаю над передним планом, пилотами и кораблем. Я пока ничего не вылизываю, впереди еще очень много шагов перед финализацией идеи. Так я работаю на этапе ранних поисков, делая очень много подобных тамбнейлов.
Многие из них будут забыты. Часто люди думают, что все, что они делают, должно попасть в финальный проект, но это не так. Вы должны сделать очень много всего, чтобы получить единственный концепт. Так много “нет” для одного “да”!
Сейчас я добавлю последние детали и, самое главное, правлю цвета. Я уже говорил, что хочу сделать закатную цветовую тему, и поэтому я добавляю больше зеленого в тени и желто-оранжевого на света. Я добавляю больше деталей на борт корабля, лестницу и члена команды, который по ней спускается.
Я еще немного настраиваю цвета, добавляю финальные штрихи и общую резкость. Изображение готово, все выполнено той кистью, которую я создал ранее.
Помните, в обычной работе это не финал, а только начало, ранняя стадия поисков концепта. Это просто один тамбнейл. Если бы это было для проекта, я бы создал еще десяток таких только для одной сцены, и потом выбрал бы самый лучший и начал делать финальный концепт. Настоящая работа требует много терпения и поисков.
Тут можно почитать, как Амир использует лассо в работе над тамбнейлами.
А тут — почему многие художники начинают работу с чб.
Перевод подготовила Асета Лиева специально для Smirnov School, текст дополнен редакцией. Мы — онлайн-школа, где готовят концепт-художников, левел-артистов и 3D-моделеров для игр и анимации. Если придете к нам на курс, не забудьте спросить о скидке для читателей с DTF.
В этом уроке вы узнаете, как создать статистический график, используя фигуры, инструмент Перо и стили слоя.
Сложность урока: Легкий
В этом уроке программы я покажу вам, как создать статистический график в программе Photoshop.
Детали урока
Итоговый результат:
Шаг 1
Создайте новый документ 600 x 430 px, далее идём Просмотр – Показать – Сетку (View > Show > Grid) для активации сетки, а затем идём Просмотр – Привязать к – Линиям сетки (View > Snap To > Grid), чтобы привязать к сетке. Нажмите клавиши (Ctrl + K), чтобы появилось окно Установки (Preferences), далее, выберите настройку Направляющие, сетка и др. (Guides, Grid & Slices) и установите настройки, которые указаны на скриншоте ниже. В течение всего урока, я буду отключать видимость сетки (Ctrl + ‘), чтобы вам было лучше видно. Сетка облегчит вам работу при создании фигур.
Шаг 2
Выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool), в панели настроек данного инструмента установите Радиус (Radius) на 10 px.
Нарисуйте векторную фигуру со следующими размерами 468 x 300 px.
Шаг 3
Дважды щёлкните по слою с нарисованной векторной фигурой, чтобы применить стили слоя, которые указаны на скриншотах ниже.
Шаг 4
Примечание переводчика: размеры прямоугольника 468х39рх. Толщина обводки 1рх, цвет обводки белый.
В панели слоёв, поменяйте режим наложения для слоя с нарисованным прямоугольником на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 50%.
Шаг 5
Выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool). Нарисуйте три векторные фигуры 17 x 12 px с Радиусом (Radius) 1 рх. Расположите нарисованные фигуры, как показано на скриншоте ниже.
Шаг 6
Далее идём в закладку Символ (character), для этого выбираем Окно - Символ (Window > Character). Установите шрифт Consolas Bold.
Шаг 7
Выберите инструмент Перо (Pen Tool), нарисуйте маленький треугольник. Расположите треугольник, как показано на скриншоте ниже.
Примечание переводчика: цвет треугольника белый.
Шаг 8
Нарисуйте прямоугольник со следующими размерами 31 x 12 px. Расположите прямоугольник, как показано на скриншоте ниже.
Шаг 9
Дважды щёлкните по слою с прямоугольником, нарисованным в предыдущем шаге, чтобы применить стиль слоя, который указан на скриншотах ниже.
Шаг 10
Ещё раз идём в закладку Символ (character). Установите размер шрифта 10 px, а затем добавьте текст, как показано на скриншоте ниже.
Примечание переводчика: автор добавил слово Поиск (Search), вы можете добавить любой текст на своё усмотрение.
Шаг 11
Нарисуйте круг 8 x 8 px, а затем нарисуйте второй круг 4 x 4 px. Убедитесь, чтобы обе векторные фигуры были расположены так, как показано на первых двух скриншотах ниже.
В панели слоёв, выделите оба слоя с векторными фигурами, а затем перейдите Объединить фигуры (Merge Shapes).
Примечание переводчика: чтобы объединить фигуры, выделите все слои с нарисованными векторными фигурами, а затем щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне выберите опцию Объединить фигуры (Merge Shapes).
Теперь выберите инструмент Выделение контура (Path Selection Tool), щёлкните по контуру внутреннего маленького круга (4 x4 px) и в верхней панели управления выберите режим Вычесть из передней фигуры (Subtract Front Shape). Результат должен быть, как на скриншоте ниже.
Примечание переводчика: чтобы создать фигуру, как описано в Шаге 11, для этого: 1. Нарисуйте первый круг 2. Перейдите на маску слоя с нарисованным кругом, просто щёлкните по ней, чтобы убедиться, что она активна. 3. Удерживая клавишу (Shift), нарисуйте второй круг на маске слоя с первым кругом. 4. Выберите инструмент Выделение контура (Path Selection Tool) и далее по тексту, как у автора. 5. Не переживайте, что второй круг нарисован неидеально по центру, его положение и масштаб можно откорректировать после активации инструмента Выделение контура (Path Selection Tool) и использования свободной трансформации (Ctrl+T).
Шаг 12
Выберите инструмент Линия (Line Tool), в панели управления данного инструмента установите Толщину (Weight) линии на 2 px. Нарисуйте линию, как показано на первом скриншоте ниже.
Теперь выделите слой с нарисованной линией и слой с векторной фигурой, которую мы нарисовали в предыдущем шаге, и далее перейдите Объединить фигуры (Merge Shapes).
Находясь на слое с новой объединённой фигурой, расположите фигуру так, как показано на скриншоте ниже.
Шаг 13
Выберите инструмент Прямоугольник (Rectangle Tool), нарисуйте векторную фигуру со следующими размерами 1 x 181 px. Расположите фигуру примерно, как показано на первом скриншоте ниже.
Продублируйте (Ctrl+J) нарисованную фигуру 64 раза. Расстояние между линиями должно быть 5 px, как показано на последнем скриншоте ниже.
Шаг 14
Используя тот же самый инструмент, нарисуйте векторную фигуру со следующими размерами 385 x 1 px. Расположите фигуру примерно, как показано на первом скриншоте ниже.
Продублируйте (Ctrl+J) нарисованную фигуру 30 раз. Расстояние между линиями должно быть 5 px, как показано на втором скриншоте ниже.
Выделите все слои с линиями, которые вы нарисовали в этом шаге, включая слои с линиями, которые вы нарисовали в предыдущем шаге, и далее перейдите Объединить фигуры (Merge Shapes).
Находясь на слое с новой объединённой векторной фигурой, поменяйте режим наложения на Перекрытие (Overlay), а также уменьшите Непрозрачность (Opacity) до 10%.
Шаг 15
Выделите слои, которые вы создали в этом шаге, а затем перейдите Объединить фигуры (Merge Shapes). Находясь на слое с новой векторной фигурой, поменяйте режим наложения на Перекрытие (Overlay), а также уменьшите Непрозрачность (Opacity) до 50%.
Шаг 16
Используя тот же самый шрифт, уменьшите размер шрифта до 11 px, добавьте цифры и месяцы.
Шаг 17
Выберите инструмент Перо (Pen Tool), в панели управления данного инструмента установите режим Контуры (Path).
Нарисуйте следующую контурную линию.
Шаг 18
Выберите инструмент Кисть (Brush Tool), установите жёсткую круглую кисть, размер (Size) кисти 5 px, Жёсткость (Hardness) кисти 100%.
Создайте новый слой. Далее, переходим в закладку Контуры (Paths), для этого идём Окно – Контуры (Window > Paths), нажмите маленький значок Выполнить обводку контура кистью (Stroke Path), который расположен в нижней части закладки Контуры (Paths). В появившемся окне, выберите инструмент обводки Кисть (Brush Tool), а затем нажмите (Enter).
К слою с нарисованным контуром, примените следующие стили слоя с настройками, которые указаны на скриншоте ниже.
Примечание переводчика: не забудьте удалить контур, для этого щёлкните правой кнопкой мыши по нарисованному контуру и в появившемся окне выберите опцию Удалить контур (Delete path), при этом инструмент Перо (Pen Tool) должен быть активным.
Шаг 19
Нарисуйте белую линию, как показано на первом скриншоте ниже.
Нарисуйте круг 8 x 8 px, а затем нарисуйте второй круг 4 x 4 px. Убедитесь, чтобы обе векторные фигуры были расположены, как показано на втором скриншоте ниже.
В панели слоёв, выделите оба слоя с векторными фигурами, а затем перейдите Объединить фигуры (Merge Shapes).
Теперь выберите инструмент Выделение контура (Path Selection Tool), щёлкните по контуру внутреннего маленького круга (4 x4 px) и в верхней панели управления выберите режим Вычесть из передней фигуры (Subtract Front Shape).
Шаг 20
Выделите все слои с векторными фигурами, которые мы создали в предыдущем шаге, а затем перейдите Объединить фигуры (Merge Shapes).
К слою с созданной фигурой примените следующий стиль слоя с настройками, которые указаны на скриншоте ниже.
Шаг 21
Выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool), установите Радиус (Radius) на 4 px. Нарисуйте векторную фигуру 26 x 15 px. Расположите нарисованную фигуру, как показано на скриншоте ниже.
Теперь выделите все слои, которые составляют фигуру флажка, на котором указаны цифры, продублируйте их. Расположите дубликаты слоёв, как показано на последнем скриншоте ниже. Не забудьте откорректировать флажки по высоте, а также поменяйте цифры на них.
Шаг 22
Выделите все слои, составляющие статистическую таблицу, чтобы сгруппировать их (Ctrl+G).
К слою с группой примените следующие стили слоя и настройки, которые указаны на скриншотах ниже.
Шаг 23
Шаг 24
В заключительном шаге, откройте исходное изображение, которое можно скачать по ссылке в начале этого урока. Переместите данное изображение на наш рабочий документ, расположив ниже слоя с группой. Далее, перейдите Фильтр – Размытие - Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия 60 px.
Теперь поменяйте режим наложения на Мягкий свет (Soft Light).
Мы завершили урок. Надеюсь, что вам понравился данный урок. Спасибо за ваше внимание и удачи!
В этом уроке вы научитесь создавать потрясающий эффект архитектурного наброска.
Сложность урока: Средний
В этом уроке вы научитесь создавать потрясающий эффект архитектурного наброска. Я объясню процесс в мельчайших деталях, так что повторить его сможет любой, и даже тот, кто открыл Photoshop впервые.
Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант шрифта для выполнения урока.
1. Давайте начнем
Для начала откройте фотографию, с которой вы хотите работать. Чтобы это сделать, нажмите File > Open (Файл > Открыть), выберите фото и нажмите Open (Открыть). Ну а теперь, прежде, чем мы приступим, проверьте кое-что:
- Ваше фото должно быть в цветовом режиме RGB, 8 бит на канал. Чтобы проверить это, нажмите Image>Mode (Изображение > Режим).
- Для получения наилучшего результата, выберите изображение приблизительно 2000/4000 в ширину/высоту. Чтобы проверить это, нажмите Image>ImageSize (Изображение > Размер изображения).
- Ваше фото должно быть фоновым слоем. Если это не так, нажмите Layer>New>BackgroundfromLayer (Слой > Новый > Слои из заднего плана).
2. Как создать фон
Шаг 1
Шаг 2
Кликните правой кнопкой мыши по этому слою, выберите Blending Options (Параметры наложения), выберите Gradient Overlay (Наложение градиента) и настройте стиль слоя, как на изображении ниже:
Примечание переводчика: настройки стиля слоя на скриншоте: Режим наложения: Мягкий свет; Непрозрачность: 50%; Градиент: Черный, белый; Инверсия; Выровнять по слою; Угол: 90 градусов; Масштаб: 100%
3. Как создать основной набросок
Шаг 1
В этой секции мы создадим основной набросок. Выберите фоновый слой и нажмите Control-J на клавиатуре, чтобы его продублировать. Затем перетащите этот слой наверх на панели слоев.
Шаг 2
Теперь нажмите Control-Shift-U на клавиатуре, чтобы обесцветить этот слой. Далее, нажмите Image > Adjustments > Levels (Изображение > Коррекция > Уровни) и введите значения со скриншота:
Шаг 3
Назовите этот слой Temp (Временный) и нажмите Control-J на клавиатуре, чтобы его продублировать.
Шаг 4
А теперь нажмите Control-I на клавиатуре, чтобы инвертировать данный слой и измените его режим наложения на Color Dodge (Осветление основы). Далее, нажмите Filter > Other > Minimum (Фильтр > Другое > Минимум), измените Radius (Радиус) на 2 пикселя и Preserve (Сохранить) на Squareness (Прямоугольность), как показано ниже:
Шаг 5
Зажмите Control и кликните по слою Temp (Временный), чтобы выбрать оба слоя одновременно. Затем нажмите Control-E на клавиатуре, чтобы объединить два слоя в один.
Шаг 6
Измените режим наложения этого слоя на Multiply (Умножение) и назовите его Main Sketch (Основной набросок).
4. Как создать набросок в перспективе
Шаг 1
В этой секции мы создадим набросок в перспективе. Выберите фоновый слой и нажмите Control-J на клавиатуре, чтобы его продублировать. Затем перетащите этот слой наверх на панели слоев.
Шаг 2
Теперь нажмите Filter > Stylize > Find Edges (Фильтр > Стилизация > Выделение краев), а затем Control-Shift-U на клавиатуре, чтобы обесцветить этот слой.
Шаг 3
Нажмите Filter > Blur > Motion Blur (Фильтр > Размытие > Размытие в движении), измените Angle (Угол) на 90 градусов, а Distance (Смещение) на 1200 пикселей, как показано ниже:
Шаг 4
А сейчас нажмите Filter > Sharpen > Smart Sharpen (Фильтр > Усиление резкости > «Умная» резкость) и введите настройки со скришота ниже:
Примечание переводчика: настройки на скриншоте: Набор: Заказной; Эффект: 500%; Радиус: 64 пикселя; Уменьшить шум: 10%; Удалить: Размытие по Гауссу; Тени: Ослабление эффекта: 50%; Ширина тонового диапазона: 50%; Радиус: 50 пикселей; Света: Ослабление эффекта: 50%; Ширина тонового диапазона: 50%; Радиус: 50 пикселей.
Шаг 5
Нажмите Filter > Filter Gallery > Sketch > Photocopy (Фильтр > Галерея фильтров > Эскиз > Ксерокопия), измените параметр Detail (Детализация) на 2, а Darkness (Затемненность) на 5.
Шаг 6
Измените режим наложения этого слоя на Multiply (Умножение), а непрозрачность - на 40%. После переименуйте этот слой в Perspective_Sketch_1 (Перспективный_Набросок_1).
Шаг 7
Далее нажмите Layer > Layer Mask > Hide All (Слой > Слой-маска > Скрыть все), чтобы добавить слой-маску, которая скроет весь слой.
Шаг 8
Шаг 9
А сейчас выберите фоновый слой и нажмите Control-J на клавиатуре, чтобы его продублировать. Далее, перетащите этот слой под слой Perspective_Sketch_1 (Перспективный_Набросок_1) на панели слоев.
Шаг 10
Нажмите Filter > Stylize > Find Edges (Фильтр > Стилизация > Выделение краев), а затем Control-Shift-U на клавиатуре, чтобы обесцветить этот слой.
Шаг 11
Нажмите Filter > Blur > Motion Blur (Фильтр > Размытие > Размытие в движении), измените Angle (Угол) на 0 градусов, а Distance (Смещение) на 1200 пикселей, как показано ниже:
Шаг 12
Теперь нажмите Filter > Sharpen > Smart Sharpen (Фильтр > Усиление резкости > «Умная» резкость) и введите настройки со скришота ниже:
Примечание переводчика: настройки на скриншоте: Набор: Заказной; Эффект: 500%; Радиус: 64 пикселя; Уменьшить шум: 10%; Удалить: Размытие по Гауссу; Тени: Ослабление эффекта: 50%; Ширина тонового диапазона: 50%; Радиус: 50 пикселей; Света: Ослабление эффекта: 50%; Ширина тонового диапазона: 50%; Радиус: 50 пикселей.
Шаг 13
Нажмите Filter > Filter Gallery > Sketch > Photocopy (Фильтр > Галерея фильтров > Эскиз > Ксерокопия), измените параметр Detail (Детализация) на 2, а Darkness (Затемненность) на 5.
Шаг 14
Измените режим наложения этого слоя на Multiply (Умножение), а Opacity (непрозрачность) - на 55%. После переименуйте этот слой в Perspective_Sketch_2 (Перспективный_Набросок_2).
Шаг 15
Далее нажмите Layer > Layer Mask > Hide All (Слой > Слой-маска > Скрыть все), чтобы добавить слой-маску, которая скроет весь слой.
Шаг 16
5. Как создать текст
Шаг 1
Шаг 2
Кликните дважды по миниатюре этого слоя, чтобы сделать текст редактируемым и удалите его часть. Затем, выберите инструмент Move (Перемещение) (V), кликните и потяните в любом месте холста, чтобы расположить текст, как показано ниже:
Шаг 3
А сейчас переименуйте этот слой в Text_1 (Текст_1). После нажмите Control-J на клавиатуре, чтобы продублировать данный слой.
Шаг 4
Кликните дважды по миниатюре этого слоя, чтобы сделать текст редактируемым, нажмите Control-A, чтобы выбрать весь текст, а затем нажмите Type > Paste Lorem Ipsum (Текст > Вставить Lorem Ipsum), чтобы вставить случайный отрывок текста. После этого удалите часть текста, выберите инструмент Move (Перемещение) (V), кликните и потяните в любом месте холста, чтобы расположить текст, как показано ниже:
Шаг 5
Назовите этот слой Text_2 (Текст_2) и перетяните его под слой Text_1 (Текст_1) на панели слоев. После нажмите Control-J на клавиатуре, чтобы продублировать данный слой.
Шаг 6
Теперь кликните дважды по миниатюре этого слоя, чтобы сделать текст редактируемым, нажмите Control-A, чтобы выбрать весь текст, а затем нажмите Type > Paste Lorem Ipsum (Текст > Вставить Lorem Ipsum), чтобы вставить случайный отрывок текста. После этого удалите часть текста, выберите инструмент Move (Перемещение) (V), кликните и потяните в любом месте холста, чтобы расположить текст, как показано ниже:
Шаг 7
Нажмите Control-T на клавиатуре, чтобы трансформировать этот слой и выберите вращение на 15 градусов.
Шаг 8
Назовите этот слой Text_3 (Текст_3) и перетяните его под слой Text_2 (Текст_1) на панели слоев.
6. Как внести последние изменения
Шаг 1
В этой секции мы внесем последние изменения в работу. Нажмите D на клавиатуре, чтобы вернуть цвета к исходным и выберите слой Text_1 (Текст_1). Далее, нажмите Layer > New Adjustment Layer > Gradient Map (Слои > Новый корректирующий слой > Карта градиента), чтобы создать новый корректирующий слой Карта градиента и назовите его Overall Contrast (Общий Контраст).
Шаг 2
Теперь измените режим наложения этого слоя на Soft Light (Мягкий свет), а непрозрачность - на 35%.
Шаг 3
Нажмите Layer > New Adjustment Layer > Levels (Слои > Новый корректирующий слой > Уровни), чтобы создать новый корректирующий слой Уровни назовите его Overall Brightness (Общая Яркость).
Шаг 4
Дважды кликните по миниатюре этого слоя и, на панели свойств, введите значение со скриншота ниже:
Шаг 5
Нажмите Control-Alt-Shift-E на клавиатуре, чтобы сделать скриншот. Затем, нажмите Filter > Other > High Pass (Фильтр > Другое > Цветовой контраст) и измените значение параметра Radius (Радиус) на 2 пикселя, как показано ниже:
Шаг 6
Измените режим наложения этого слоя на Hard Light (Жесткий свет). Затем переименуйте этот слой в Overall Sharpening (Общая Резкость).
Видео: Фигуры. Работа с фигурами в Adobe Photoshop. (Май 2022).
Если вам нужно нарисовать организационную диаграмму, инфографику или блок-схему, в Adobe Photoshop CC есть все необходимое. Добавьте свои собственные изображения в диаграмму или используйте любую из уже предоставленных фигур для создания визуальных представлений для вашей аудитории. Начните с объектов и меток в первую очередь. После того, как они у вас есть, добавьте стрелки или линии, чтобы соединить их.
Используйте инструмент Rectangular Marquee Tool, чтобы добавить прямые квадратные линии. Кредит: Изображение предоставлено Adobe.
Рисование базовой диаграммы
Новое окно Photoshop с предустановкой. Бумага США. Изображение предоставлено Adobe.
Запустите Photoshop и выберите подходящий размер для вашей диаграммы. Если вы печатаете его, выберите «Бумага США» в меню «Предустановки». Если вам нужен альбомный холст вместо портретного, просто переключите значения «8.5» и «11» в полях «Высота» и «Ширина», прежде чем нажимать «ОК».
Прямоугольник, нарисованный с помощью Rounded Rectangle Tool.credit: Изображение предоставлено Adobe.
Выберите фигуру на панели инструментов, чтобы она служила фоном для надписей на диаграмме, таких как инструмент «Прямоугольник», «Закругленный прямоугольник» или «Эллипс». Если вы не видите нужную форму, щелкните и удерживайте форму, которая видна, чтобы показать остальные в раскрывающемся меню. Перетащите курсор на холст, чтобы нарисовать фигуру, затем используйте меню на панели параметров, чтобы указать цвет заливки, цвет обводки и толщину линии.
Прямоугольник с внутренним скосом и падающей тенью. Кредит: Изображение предоставлено Adobe.
Выберите «Стили слоя» в меню «Слой» и выберите один или несколько стилей, которые будут применяться к вашей фигуре. Добавьте стиль Drop Shadow, чтобы фигура отображалась на экране. Чтобы добавить скос вокруг границы фигуры, выберите «Скос и тиснение» и выберите «Внутренний скос» в меню «Стиль».
Внешний текст, примененный к text.credit: Изображение предоставлено Adobe.
Выберите «Text Tool» на панели инструментов, а затем нажмите на фигуру, которую вы нарисовали. Текстовое поле автоматически соответствует размеру вашей фигуры. Введите текст для метки, затем выделите его и отрегулируйте шрифт, размер шрифта и цвет по своему усмотрению, используя параметры на панели параметров.
Сгруппируйте слои для быстрого перемещения и копирования. Кредит: Изображение предоставлено Adobe.
Сгруппируйте текстовое поле и фоновую форму, чтобы их было легче перемещать. Выберите слой «Текст» и слой «Форма» на панели «Слои», щелкнув их, удерживая нажатой клавишу «Ctrl», а затем выберите «Группировать слои» в меню «Слои». Чтобы переместить оба слоя вместе, выберите папку. Перетаскивание папки на значок «Новый слой» в нижней части панели «Слои» копирует текст и форму фона. Чтобы редактировать любой слой отдельно, откройте папку и выберите соответствующий слой.
Photoshop's Shapes menu.credit: Изображение предоставлено Adobe.
Нажмите «Custom Shape Tool» на панели инструментов, затем нажмите «Shapes» меню в правой части панели параметров. Меню «Фигуры» включает несколько различных стрелок, речевых пузырьков и других фигур, которые вы можете использовать для своей диаграммы. Нажмите стрелку, а затем перетащите курсор на холст, чтобы нарисовать его. Как только он будет нарисован, вы можете отформатировать его и применить к нему стили слоя, как и любую другую фигуру.
Стрелка между двумя rectangles.credit: Изображение предоставлено Adobe.
Выберите «Свободное преобразование» в меню «Редактировать», чтобы изменить размер или повернуть стрелку по мере необходимости. Удерживание клавиши «Shift» при перетаскивании угла стрелки будет ограничивать соотношение сторон. Чтобы повернуть фигуру, наведите курсор на курсор вне угол, пока курсор не станет изогнутой стрелкой, а затем перетащите ее.
Фоновый прямоугольник со скошенным краем и нанесенной текстурой. Кредит: Изображение предоставлено Adobe.
При желании добавьте фоновую фигуру к вашей диаграмме. Чтобы сделать фон визуально интересным, попробуйте добавить к нему внутренний скос, а затем выберите параметр «Текстура» в левом меню окна «Стиль слоя» под «Скос и тиснение».
Рисование линий на диаграмме
Руководства по выравниванию отображаются при перемещении объекта. Кредит: Изображение предоставлено Adobe.
Добавьте метки, фотографии, фигуры или любые другие объекты, которые вам нужны для вашей диаграммы. Поместите их в положение, которое вы хотите. Обратите внимание, что Photoshop отображает направляющие выравнивания при перемещении объектов, что позволяет легко размещать их равномерно.
Параметр «Обводка» в меню «Правка». Кредит: Изображение предоставлено Adobe.
Добавьте новый слой на холст, нажав кнопку «Новый слой» в нижней части панели «Слой». Выберите «Прямоугольный инструмент» на панели инструментов, чтобы добавить прямые, квадратные линии на диаграмму. Перетащите инструмент через холст, затем выберите «Штрих» в меню «Правка».
Применение обводки к инструменту Rectangular Marquee Tool.credit: Изображение предоставлено компанией Adobe.
Введите ширину в пикселях для толщины линии в окне обводки. Нажмите значок «Цвет» и выберите цвет линии, затем нажмите «ОК», чтобы закрыть каждое окно. Инструмент выделения теперь является прямоугольником.
Объекты, связанные прямыми, квадратными линиями. Кредит: Изображение предоставлено Adobe.
Выберите «Инструмент Ластик», чтобы стереть ненужные части прямоугольника. Повторите этот процесс с помощью инструмента Rectangular Marquee Tool, чтобы нарисовать столько линий, сколько вам нужно.
Схема здания с пожарными выходами. Кредит: Изображение предоставлено Adobe.
Объедините прямоугольники и овалы в одну форму, удерживая клавишу «Shift» при рисовании любым из инструментов выделения. Каждый раз, когда вы добавляете новую фигуру, она автоматически комбинируется с уже существующими, поэтому вы можете рисовать планы этажей, перекрестки улиц или любые другие фигуры, которые вам могут понадобиться на диаграмме.
Как изменить размер диаграммы в Excel
Как изменить размер диаграммы в Excel. Размер диаграммы в Microsoft Excel 2007 можно легко изменить, чтобы получить наибольшее влияние на ваш рабочий лист. Изменяя размер графика, вы можете сделать график .
Как рисовать спирали с помощью Python
Модуль «Черепаха» в Python поддерживает треугольные спирали, в которых треугольники обвивают друг друга на все большей длине, создавая таким образом спираль. Рисование такой формы .
Как рисовать с помощью клавиатуры
Вы не должны быть опытными с кистью или карандашом, чтобы создавать произведения искусства на компьютере. Используя только простой американский стандартный код для обмена информацией .
В этом уроке программы я покажу вам, как создать статистический график в программе Photoshop.
Детали урока
Итоговый результат:
Шаг 1
Создайте новый документ 600 x 430 px, далее идём Просмотр – Показать – Сетку (View > Show > Grid) для активации сетки, а затем идём Просмотр – Привязать к – Линиям сетки (View > Snap To > Grid), чтобы привязать к сетке. Нажмите клавиши (Ctrl + K), чтобы появилось окно Установки (Preferences), далее, выберите настройку Направляющие, сетка и др. (Guides, Grid & Slices) и установите настройки, которые указаны на скриншоте ниже. В течение всего урока, я буду отключать видимость сетки (Ctrl + ‘), чтобы вам было лучше видно. Сетка облегчит вам работу при создании фигур.
Шаг 2
Нарисуйте векторную фигуру со следующими размерами 468 x 300 px.
Шаг 3
Дважды щёлкните по слою с нарисованной векторной фигурой, чтобы применить стили слоя, которые указаны на скриншотах ниже.
Шаг 4
Примечание переводчика: размеры прямоугольника 468х39рх. Толщина обводки 1рх, цвет обводки белый.
В панели слоёв, поменяйте режим наложения для слоя с нарисованным прямоугольником на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 50%.
Шаг 5
Шаг 6
Далее идём в закладку Символ (character), для этого выбираем Окно - Символ (Window > Character). Установите шрифт Consolas Bold.
Шаг 7
Примечание переводчика: цвет треугольника белый.
Шаг 8
Нарисуйте прямоугольник со следующими размерами 31 x 12 px. Расположите прямоугольник, как показано на скриншоте ниже.
Шаг 9
Дважды щёлкните по слою с прямоугольником, нарисованным в предыдущем шаге, чтобы применить стиль слоя, который указан на скриншотах ниже.
Шаг 10
Ещё раз идём в закладку Символ (character). Установите размер шрифта 10 px, а затем добавьте текст, как показано на скриншоте ниже.
Примечание переводчика: автор добавил слово Поиск (Search), вы можете добавить любой текст на своё усмотрение.
Шаг 11
Нарисуйте круг 8 x 8 px, а затем нарисуйте второй круг 4 x 4 px. Убедитесь, чтобы обе векторные фигуры были расположены так, как показано на первых двух скриншотах ниже.
В панели слоёв, выделите оба слоя с векторными фигурами, а затем перейдите Объединить фигуры (Merge Shapes).
Примечание переводчика: чтобы объединить фигуры, выделите все слои с нарисованными векторными фигурами, а затем щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне выберите опцию Объединить фигуры (Merge Shapes).
Теперь выберите инструмент Выделение контура (Path Selection Tool), щёлкните по контуру внутреннего маленького круга (4 x4 px) и в верхней панели управления выберите режим Вычесть из передней фигуры (Subtract Front Shape). Результат должен быть, как на скриншоте ниже.
Примечание переводчика: чтобы создать фигуру, как описано в Шаге 11, для этого: 1. Нарисуйте первый круг 2. Перейдите на маску слоя с нарисованным кругом, просто щёлкните по ней, чтобы убедиться, что она активна. 3. Удерживая клавишу (Shift), нарисуйте второй круг на маске слоя с первым кругом. 4. Выберите инструмент Выделение контура (Path Selection Tool) и далее по тексту, как у автора. 5. Не переживайте, что второй круг нарисован неидеально по центру, его положение и масштаб можно откорректировать после активации инструмента Выделение контура (Path Selection Tool) и использования свободной трансформации (Ctrl+T).
Читайте также: