Как в фотошопе сделать квадратики разных цветов
Автор: Ольга Максимчук (Princypessa). Дата публикации: 10 июля 2018 . Категория: Фотошоп уроки эффекты.
В сегодняшнем уроке мы будем добавлять к фото эффект с цветными квадратами.
Из урока вы узнаете, как пользоваться инструментами Область (горизонтальная строка), Область (вертикальная строка), Заливка, Волшебная палочка и Перемещение, корректирующими слоями, режимами наложения слоев, направляющими, научитесь масштабировать объекты, строить сетку, использовать линейки фотошоп и многое другое.
Создаем в фотошоп новый документ ( Ctrl + N ) с размерами 1000х1000 пикселей. Эффект, показанный в уроке лучше всего будет смотреться на квадратном холсте. Учитывайте это, если будете использовать другие значения для повторения урока. Разрешение в 300 пикселей/дюйм позволит в дальнейшем распечатать фото в хорошем качестве. Если же вы не планируете распечатывать обработанное фото, а будете загружать изображение в интернет и просматривать на компьютере, то можете использовать разрешение 72 пикселя/дюйм.
Нажмите сочетание клавиш Ctrl + R , чтобы включить отображение линеек.
Кликните ПКМ по линейке и выберите вид отображения «Проценты».
Добавьте горизонтальные и вертикальные направляющие с шагом 10%. Для этого подведите клавишу мыши к горизонтальной или вертикальной линейке (в зависимости от того, какую направляющую нужно создать), зажмите клавишу мышки, перетащите появившуюся направляющую в нужную область и отпустите клавишу мышки. Есть и другой способ создания направляющих: перейдите в меню Просмотр-Новая направляющая и в появившемся окне введите нужные параметры. В нашем случае это 10%, 20% 30% и так далее для горизонтальных и вертикальных направляющих.
Неважно, какой способ вы выберите. Главное, чтобы в итоге мы получили следующее:
Создаем новый пустой слой и называем его «Сетка». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter .
Активируйте инструмент Область (горизонтальная строка). Зажимаем клавишу Shift для добавления к выделению и поочередно кликаем по горизонтальным направляющим, чтобы создать прямоугольное выделение толщиной в 1 пиксель.
Активируем инструмент Область (вертикальная строка). Зажимаем клавишу Shift и, как и в предыдущем шаге, кликаем по направляющих, в этот раз по вертикальным.
Заливаем выделение черным цветом. Для этого переходим в меню Редактирование-Выполнить заливку и в появившемся окне вводим следующие настройки. Снимаем выделение ( Ctrl + D ).
Если временно отключить направляющие (Просмотр-Показать-Направляющие), то можно увидеть сетку, которую мы создали.
Между фоновым слоем и слоем «Сетка» поместите (Файл-Поместить) фотографию девушки. Чтобы это сделать, сделайте сначала в панели слоев активным фоновый слой, затем перейдите в меню Файл-Поместить.
Зажимаем клавишу Shift для сохранения пропорция и тянем за уголки рамки, чтобы растянуть изображение на весь холст. При помощи инструмента Перемещение размещаем фото, как на рисунке ниже.
Выше всех слоев создаем новый пустой слой и называем его «Белая рамка».
Активируем инструмент Волшебная палочка, переходим на слой «Сетка» и, зажав клавишу Shift , кликая по квадратам, создаем выделение по краям холста. Просто кликайте мышкой внутри квадратиков и фотошоп создаст выделение в виде выбранного квадрата. Если необходимо удалить выделение какого-либо квадрата, щелкните внутри выделенного квадрата с зажатой клавишей Alt .
В панели цвета в качестве основного выставляем белый оттенок. Для этого достаточно нажать клавишу D на клавиатуре, чтобы сбросить цвета к установленным по умолчанию (черному и белому), а затем нажать клавишу X , чтобы поменять местами основной и фоновый оттенки.
Активируем инструмент Заливка и переходим к слою «Белая рамка». Кликаем по холсту мышкой, чтобы залить выделение основным цветом (в нашем случае белым).
Снимаем выделение ( Ctrl + D ).
Переходим на слой «Сетка» и создаем выделение некоторых квадратов, желательно, чтобы квадраты были вразброс. Не забываем при создании выделения зажимать клавишу Shift для добавления к выделению.
При активном выделении выше всех слоев создаем корректирующий сой Цветовой тон/Насыщенность. Поскольку к корректирующему слою автоматически добавляется маска слоя, корректирующий слой будет виден только в пределах выделения – в области квадратов. Настраиваем как на рисунке ниже и в панели слоев меняем режим наложения слоя на Мягкий свет. Данный шаг можно сделать и другим способом – заливать выделение цветом на отдельных слоях, но при использовании корректирующего слоя Цветовой тон/Насыщенность мы в любой момент сможем редактировать значения оттенков.
Продолжаем выделять квадраты и добавлять корректирующий слой Цветовой тон/Насыщенность, меняя режим наложения слоя на Мягкий свет или экспериментируя с режимами наложения. Например, для двух последних корректирующих слоев я не меняла режим наложения, оставив режим наложения Обычный. Я вам покажу этапы своей работы, вы же, естественно, можете использовать другие оттенки и расположение квадратов.
В панели слоев дважды кликаем по слою «Сетка», чтобы открыть стили слоя.
Во вкладке Обводка вводим следующие настройки.
Результат после применения стилей слоя.
Эффект для фото с цветными квадратами готов!
Результат до и после:
Яркого настроения и вдохновения!
БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:
Если Вы не хотите пропустить интересные уроки создания эффектов в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.
Узнайте, как в Photoshop работать с инструментом «Прямоугольник».
Инструмент «Прямоугольник» позволяет рисовать прямоугольники и прямоугольники со скругленными углами на холсте.
Выберите инструмент Прямоугольник
На панели инструментов щелкните и удерживайте значок группы инструментов Фигура (), чтобы вызвать различные варианты инструмента «Фигура». Выберите инструмент Прямоугольник .
Настройте свойства фигуры инструмента «Прямоугольник»
На панели параметров инструментов группы «Фигура» можно задать следующие настройки:
- «Режим»: задайте режим для инструмента «Прямоугольник» — «Фигура», «Контур» и «Пиксели».
- «Заливка»: выберите цвет заливки прямоугольной фигуры.
- «Обводка»: выберите цвет, ширину и тип обводки фигуры.
- «Ширина обводки»: вручную укажите ширину обводки прямоугольника.
- Stroke type (Тип обводки): выберите тип обводки для построения прямоугольника.
- Shape W&H (Ш и В фигуры): вручную задайте ширину и высоту фигуры.
- «Операции с контуром»: используйте операции с контуром для настройки взаимодействия нарисованных прямоугольников друг с другом.
- «Выравнивание контура»: используйте этот параметр для выравнивания и распределения прямоугольников.
- «Упорядочение контура»: используйте этот параметр для настройки порядка расположения создаваемых прямоугольников.
- Дополнительные параметры фигур и контуров: щелкните значок шестеренки () для доступа к дополнительным параметрам прямоугольных фигур и контуров, чтобы задать такие атрибуты, как ширина и цвет отображаемого на экране контура, и параметры соблюдения пропорций при построении прямоугольника.
- Radius of rounded corners (Радиус скругления углов): вручную задайте радиус скругления углов прямоугольника.
Рисование прямоугольника
Щелкните холст, чтобы вызвать диалоговое окно «Создание прямоугольника». В этом диалоговом окне можно вручную задать размер, радиусы углов прямоугольника и выбрать выравнивание по центру. Для применения изменений нажмите кнопку «ОК». Разместите и перетащите указатель мыши на холсте, чтобы нарисовать прямоугольник. При этом автоматически создается новый слой на панели «Слои».
В выпуске за март 2021 г. Photoshop 22.3 инструмент «Прямоугольник со скругленными углами» удален. Однако вы можете использовать улучшенный инструмент «Прямоугольник», чтобы рисовать прямоугольники со скругленными углами и задавать радиусы углов в соответствующем поле.
Редактирование свойств прямоугольной фигуры
Можно легко редактировать свойства фигуры прямо с помощью элементов управления на холсте или с помощью раздела Свойства фигуры на панели Свойства.
Используйте инструмент Выделение контура для выделения фигуры, контур которой необходимо изменить.
На панели Свойства или панели параметров инструментов щелкните значок меню Задать тип штриха фигуры , чтобы открыть панель Параметры обводки .
На панели Параметры обводки выполните любое из следующих действий.
- Выберите требуемый стиль обводки.
- Щелкните значок Выровнять и выберите параметр для определения положения обводки относительно контура.
- Щелкните значок Концы и выберите тип конца для определения вида обоих концов контура.
Срезанные концы Создает квадратные концы, которые заканчиваются в конечных точках.
Скругленные концы Создает полукруглые концы, которые распространяются за конечные точки на половину толщины обводки.
Выступающие концы Создает квадратные концы, которые распространяются за конечные точки на половину толщины обводки. Этот параметр обеспечивает равномерное распространение толщины обводки во всех направлениях вокруг контура.
Примечание. Помните о том, что концы отображаются, только когда контур открыт. Кроме того, концевые стили лучше видны при больших значениях толщины обводки.
- Щелкните значок Угол для отображения обводки в угловых точках.
Угловые стыки Создает острые углы, которые выходят за пределы конечной точки, если длина среза находится в пределах среза.
Скругленные стыки Создает скругленные углы, которые выходят за конечные точки на половину ширины обводки.
Скошенные стыки Создает скругленные углы, которые заканчиваются в конечных точках.
Примечание. Как и концы, стыки отображаются более наглядно при больших значениях толщины обводки.
Последнее обновление - 27 октября 2020 в 01:50
Давайте покажу, как нарисовать прямоугольник в фотошопе без заливки и с заливкой. Сделать это предельно просто при помощи инструментов, встроенных в этот графический редактор. Всего пару минут, несколько кликов мышкой и вы сможете изобразить эту незатейливую фигуру.
Без заливки
Итак, у меня в фотошопе открыто изображение прямоугольной формы красного цвета. Стоит задача на его фоне нарисовать прямоугольник белого цвета.
Слева имеется колонка с инструментами. На скриншоте ниже, стрелкой я отметил тот из них, с которым нам и предстоит работать. Если изначально у вас там отображается иконка в виде прямоугольника, это прекрасно, меньше нужно телодвижений. В противном же случае, наведите стрелку мышки на открытый инструмент, кликните левой клавишей и удерживайте клавишу какое-то мгновение, пока не увидите выпадающее меню.
Теперь в колонке слева отображается инструмент, с которым далее и будем работать. Посмотрите на скриншоте, как это выглядит.
С заливкой
Но это ещё не все возможности. Посмотрите на следующий скриншот. Можно задать тип штриха фигуры. Это может быть сплошная, а также пунктирная линия в виде штрихов или точек. Откройте соответствующее меню, как показано на рисунке.
Вот так выбираем пунктирную линию.
В любой момент работы существует возможность менять ширину и высоту прямоугольника, то есть нарисовать прямоугольник определённого размера. Для этого надо просто кликнуть по рамке. Появится всплывающее окошко, где и можно задать необходимые параметры.
По какой-то причине кажется невозможным изменить цвет прямоугольника, который я нарисовал в Photoshop, после того как я нарисовал его. Я могу изменить цвет нового, который я хочу нарисовать, но как только он будет нарисован, кажется, нет никакого способа изменить свойства формы. Я гуглил это некоторое время, но кажется, что это так просто, для этого нет учебников или никто не знает, что я имею в виду.
Может кто-нибудь объяснить, как изменить цвет фигуры после того, как я нарисовал ее в фотошопе, спасибо
буквально разобрался после публикации этого нового вопроса: как мне удалить этот вопрос . Не удаляйте вопрос. Любые ответы будут хорошими, если у кого-то еще есть эта проблема Пожалуйста, не удаляйте, я нашел это очень полезным! Спасибо.
- Убедитесь, что ваш слой формы выбран на панели слоев
- Выберите инструмент «Прямой выбор» на панели инструментов ( ) или нажмите A
- Теперь вы сможете получить доступ ко всем свойствам вашей фигуры в командной строке в верхней части экрана, включая цвет заливки фигуры.
Изначально, когда вы смотрите на прямоугольник, это может немного сбить с толку.
Вы можете дважды щелкнуть по миниатюре слоя в палитре слоев, чтобы открыть палитру цветов.
Или вы можете нажать « а » на клавиатуре, чтобы выбрать
Посмотрите вверх в сторону « заполнения »
также не забудьте выбрать инструмент Rectangle-Tool, чтобы вызвать меню ленты в верхней части экрана, чтобы изменить не только цвет, но и цвет обводки и ширину или отсутствие обводки . Это может сбивать с толку, потому что форма связанная лента меню исчезает, если выбран любой другой инструмент, кроме инструмента рисования фигуры.
Если вы хотите изменить цвет полной фигуры, не имея ничего внутри, очень быстрый трюк:
эффекты слоя:
1) Нажмите на слой, где ваша фигура
2) Дважды щелкните по этому слою. Окно появится. Кстати, ваш слой не должен быть фоновым.
3) В этом окне выберите параметр «Наложение цвета» и щелкните маленький образец цвета рядом с режимом наложения. Выберите цвет, который вы хотите!
4) Затем вы можете изменить цвет вашей фигуры в любое время, вернувшись в это меню. Вы можете удалить цвет, сняв флажок «наложение цвета» ИЛИ, отменив выбор значка «маленький глаз» на слое под «эффектом» слоя.
Если вы сделаете это на графике, в которой есть какая-то текстура или дизайн, она все же будет покрыта одним цветом.
Насыщенный оттенок
В противном случае, другой простой способ изменить цвет фигуры - это зайти в меню «Изображение», затем выбрать «регулировка», затем «оттенок / насыщенность» и поиграть с ним, пока не получите нужный цвет.
Не очень точный, но может быть интересным, если вы хотите проверить, как цвет будет выглядеть на вашей фигуре, не вводя точный рецепт цвета.
Читайте также: