Клеточки как в тетради для фотошопа хорошего качества
Ещё один способ создать рисунок из параллельных линий, клетки и т.п. в Photoshop. Этот способ стал возможен в Phoptoshop начиная с версии CS6 благодаря появлению новой опции обводки фигур пунктирной линией.
Обычно, штрихи пунктирной линии тонкие, вытянуты в длину и существенно длиннее пробела. А что будет, если мы сделаем штрихи этой линии, наоборот, короткими и широкими, а пробел увеличим? В этом случае получится набор параллельных линий, из которых мы сможем, к примеру, создать лист в клетку.
Есть традиционные способы создания листа в клетку в Photoshop, например, этот или этот. Они предусматривают предварительное изготовление узора (паттерна) для получение клетки, параллельных линий или другого повторяющегося рисунка.
Старый способ хорош, за одним недостатком — мы не можем изменять полученный рисунок, как то толщину линий или расстояние между ними. Даже цвет линий бывает затруднительно изменить.
В моём новом способе, при помощи обводки векторов и применения зависимых смарт-объектов, в рисунке за пару кликов можно изменить всё — от толщины линий до цвета.
Давайте рассмотрим этот метод подробнее.
Создаём новый документ Photoshop, например, 700 на 700 пикселей на белом фоне. Берём инструмент «Перо» (Pen Tool), переключаем режим на «Фигура» (Shape), зажимаем клавишу Shift и проводим горизонтальную линию:
Подробно о параметрах обводки рассказано в статье «Как создать штрих-пунктирную линию в Photoshop«, читать отсюда, кто не в курсе, настоятельно рекомендую ознакомиться.
Теперь давайте займёмся параметрами обводки, чтобы получить параллельные линии. задаём толщину обводки 287,99 пикс., это максимальное значение, открываем окно дополнительных параметров и вводим длину штриха 0,005 от толщины, а расстояние между штрихами 0,04. Вот что получилось:
Собственно, мы уже получили узор из параллельных линий, из него можно сделать, к примеру, тетрадный лист. Но пойдём дальше. Обычно, 287,99 пикс. — слишком малая длина для линий. Давайте их удлиним.
Преобразуем слой в смарт-объект, копируем слой со смарт-объектом нажатием Ctrl+J и перемещаем новый слой вверх строго по вертикали так, чтобы он казался нижним краем исходного:
Группируем оба смарт-объекта, а полученную группу дублируем:
На данный момент у нас активна группа-дубликат. Нажимаем клавиши Ctrl+T для активации инструмента «Свободное трансформирование» и поворачиваем группу на 90°. Результат:
Итак, мы получили узор в клетку. Как я писал выше, преимуществом моего способа по созданию текстуры из клетки или линейки является то, что мы в любой момент можем его изменить.
Т.к. наша клетка получена из связанных смарт-объектов, то изменение одного смарт-объекта затронет остальные. Дважды кликаем по миниатюре любого смарт-объекта в панели слоёв, после чего открывается новый документ. Берём инструмент «Перо» и проводим необходимые изменения. Я изменю цвет обводки, уменьшу длину штриха и увеличу расстояние между штрихами:
Нажимаем кнопку ОК на окне других параметров. Мне осталось только сохранить изменение в смарт-объекте, нажав комбинацию Ctrl+S. После чего рисунок клетки в рабочем документе моментально изменится:
Таким образом, изменяя параметры смарт-объектов и меняя положение групп, я могу добиться практически любого результата.
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
Информация:
Шаблоны формата А4 в клетку. Можно распечатать на принтере из pdf (пдф) файла онлайн прямо из браузера.
Фоны в клетку. От маленьких до больших квадратов.
Листы в клетку, можно расположить как горизонтально так и вертикально.
Сетку из линий легко сделать в Ворд (Word) или Эксель (Excel), а можно быстро распечатать подходящий вариант из уже готовых примеров.
Листы А4 в клеточку
Серый цвет (менее заметные полосы, экономия чернил)
ОБНОВЛЕНО: 90 PNG, старая бумага, бумага, лист, изображения с прозрачным фоном. Старая бумага, бумага, 5 JPG.
С помощью программы Photoshop можно создавать не только художественные шедевры, но и более приземлённые, а вместе с тем практичные вещи, вроде тетрадей в клеточку. Разберёмся, как их рисовать в графическом редакторе.
Какие инструменты позволяют сделать клетки
Самый простой, но при этом времязатратный способ рисования листа в клетку в Фотошопе – инструмент «Линии». Чертим горизонтальные и вертикальные полосы по линейке с определённым интервалом и всё. Но для тех, кто ценит своё время есть более интересный и быстрый способ, с использованием инструмента «Узорный штамп».
Инструкция по шагам
Инструкция ниже актуальная для последних версий графического редактора – 2021 и 2022. В прошлых модификациях несколько иной порядок действий, но сам принцип отрисовки тетрадного листа остаётся таким же.
Шаг 1
Запускаем Photoshop и создаём новый проект. В появившемся диалоговом окне задаём параметры листа. «Ширина/высота» – 20 х 20 пикселей, «Содержимое фона» – «Прозрачный». Остальные значения можно оставить без изменений.
Шаг 2
С помощью инструмента «Фигура» рисуем полый квадрат с толщиной обводки в 1 рх. Цвет периметра на своё усмотрение. Как правило, в тетрадях по математике линии голубые, реже серые. Открываем в меню «Определить узор» в разделе «Редактирование». Заполняем поле «Имя», к примеру, «Клетка» и жмём ОК.
Шаг 3
Создаём другой проект с требуемыми для тетрадного листа параметрами: А4 или реальные размеры по ГОСТ – 170 х 205 мм. Кликаем по инструменту «Выделение» и определяем область, где будут отображаться клетки. Проще всего нажать комбинацию горячих клавиш Ctrl + А (выделить всё).
Шаг 4
В панели инструментов выбираем «Узорный штамп». Если выделен обычный штамп, то вызываем контекстное меню правой клавишей мыши на панели и кликаем по нужному пункту. В верхней части интерфейса появится вспомогательная панель.
Здесь необходимо выбрать ранее созданный узор «Клетка» из выпадающего списка. Также увеличиваем размер инструмента: задаём числовое значение или нажимаем клавишу «>» (увеличить), «
Шаг 5
Инструментом «Узорный штамп» кликаем по чистому листу, заполняя его клетками. Любое действие можно отменить комбинацией клавиш Ctrl + Shift + Z.
С помощью инструмента «Узорный штамп» можно нарисовать любую другую специфическую геометрию: тетради в линейку, по химии, корпоративные, для записи иероглифов и прочие.
Ещё один способ создать рисунок из параллельных линий, клетки и т.п. в Photoshop. Этот способ стал возможен в Phoptoshop начиная с версии CS6 благодаря появлению новой опции обводки фигур пунктирной линией.
Обычно, штрихи пунктирной линии тонкие, вытянуты в длину и существенно длиннее пробела. А что будет, если мы сделаем штрихи этой линии, наоборот, короткими и широкими, а пробел увеличим? В этом случае получится набор параллельных линий, из которых мы сможем, к примеру, создать лист в клетку.
Есть традиционные способы создания листа в клетку в Photoshop, например, этот или этот. Они предусматривают предварительное изготовление узора (паттерна) для получение клетки, параллельных линий или другого повторяющегося рисунка.
Старый способ хорош, за одним недостатком — мы не можем изменять полученный рисунок, как то толщину линий или расстояние между ними. Даже цвет линий бывает затруднительно изменить.
В моём новом способе, при помощи обводки векторов и применения зависимых смарт-объектов, в рисунке за пару кликов можно изменить всё — от толщины линий до цвета.
Давайте рассмотрим этот метод подробнее.
Создаём новый документ Photoshop, например, 700 на 700 пикселей на белом фоне. Берём инструмент «Перо» (Pen Tool), переключаем режим на «Фигура» (Shape), зажимаем клавишу Shift и проводим горизонтальную линию:
Подробно о параметрах обводки рассказано в статье «Как создать штрих-пунктирную линию в Photoshop«, читать отсюда, кто не в курсе, настоятельно рекомендую ознакомиться.
Теперь давайте займёмся параметрами обводки, чтобы получить параллельные линии. задаём толщину обводки 287,99 пикс., это максимальное значение, открываем окно дополнительных параметров и вводим длину штриха 0,005 от толщины, а расстояние между штрихами 0,04. Вот что получилось:
Собственно, мы уже получили узор из параллельных линий, из него можно сделать, к примеру, тетрадный лист. Но пойдём дальше. Обычно, 287,99 пикс. — слишком малая длина для линий. Давайте их удлиним.
Преобразуем слой в смарт-объект, копируем слой со смарт-объектом нажатием Ctrl+J и перемещаем новый слой вверх строго по вертикали так, чтобы он казался нижним краем исходного:
Группируем оба смарт-объекта, а полученную группу дублируем:
На данный момент у нас активна группа-дубликат. Нажимаем клавиши Ctrl+T для активации инструмента «Свободное трансформирование» и поворачиваем группу на 90°. Результат:
Итак, мы получили узор в клетку. Как я писал выше, преимуществом моего способа по созданию текстуры из клетки или линейки является то, что мы в любой момент можем его изменить.
Т.к. наша клетка получена из связанных смарт-объектов, то изменение одного смарт-объекта затронет остальные. Дважды кликаем по миниатюре любого смарт-объекта в панели слоёв, после чего открывается новый документ. Берём инструмент «Перо» и проводим необходимые изменения. Я изменю цвет обводки, уменьшу длину штриха и увеличу расстояние между штрихами:
Нажимаем кнопку ОК на окне других параметров. Мне осталось только сохранить изменение в смарт-объекте, нажав комбинацию Ctrl+S. После чего рисунок клетки в рабочем документе моментально изменится:
Таким образом, изменяя параметры смарт-объектов и меняя положение групп, я могу добиться практически любого результата.
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
Читайте также: