Как сделать школьную доску в фотошопе

Обновлено: 08.07.2024

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

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

Инструкции в этой статье относятся к Adobe Photoshop 2019 для Windows и Mac.

Что нужно для создания классной доски в фотошопе

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

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

Как создать дизайн классной доски в Photoshop

После установки шрифтов и загрузки необходимых ресурсов:

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

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

Выберите « Файл» > « Поместить связанный» .

Выберите рамку и выберите « Разместить» .

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

Если палитра слоев не видна, выберите « Окна» > « Слои» .

Выберите Разделить, чтобы инвертировать цвета.

Выберите инструмент « Текст» , а затем нажмите на доске примерно на полпути около вершины.

Используйте панель инструментов вверху для выравнивания текста по центру и выберите шрифт Seaside Resort из палитры символов.

Если палитра символов не отображается, выберите « Окно» > « Символ» .

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

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

Создайте новое текстовое поле, измените шрифт на Eraser и введите оставшуюся часть текста.

Выберите « Файл» > « Сохранить как» и сохраните изображение в виде файла PSD или предпочитаемого формата изображения.

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

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

Откройте изображение в Photoshop и выберите « Изображение» > « Режим» > « Оттенки серого» .

Выберите Discard, если вас спросят, хотите ли вы удалить информацию о цвете.

Выберите Изображение > Режим > Растровое изображение .

Установите для параметра « Вывод» значение 72 пикселя / дюйм , для поля « Использование метода» установите значение « Порог 50%» , затем выберите « ОК» .

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

Перейдите в Image > Mode > Grayscale снова.

Убедитесь, что соотношение размеров установлено на 1 и выберите ОК .

Выберите « Файл» > « Сохранить как» и сохраните изображение в виде файла PSD или предпочитаемого формата изображения.

Как добавить рисунок мелом на доску

Чтобы добавить свое изображение на доске:

Откройте свой дизайн классной доски, затем выберите « Файл» > « Поместить ссылку» и выберите свое изображение.

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

Выберите инструмент « Волшебная палочка» (четвертый инструмент на панели инструментов) и щелкните белую область изображения.

Инструменты Magic Wand и Quick Selection имеют одинаковый значок. Нажмите на значок, чтобы переключаться между ними.

Выберите « Слой» > « Маска слоя» > « Показать выделение», чтобы черные области исчезли из поля зрения.

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

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

Если изображение слишком бледное, выберите « Слой» > « Дублировать слой», чтобы сделать белый цвет более насыщенным.

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

Создадим новый документ (Ctrl+N) и начнём создание доски с рисования для неё рамки. Берём инструмент Rectangular Marquee Tool с опцией новое выделение и делаем прямоугольное выделение размером чуть меньше самого документа. В выделенной области делаем ещё один прямоугольник, но уже меняем опцию инструмента на отсечение . Получается выделенная рамка:

Школьная доска в фотошоп

Заливаем эту рамку коричневым цветом:

Школьная доска в фотошоп

К ней можно добавить текстуру (Texture=> Texturizer):

image008

Школьная доска в фотошоп

Снимаем выделение (Ctrl+D) и заходим в стили слоя . Здесь нам понадобятся стили «Внутреннее свечение» и «Тиснение»:

Школьная доска в фотошоп

Школьная доска в фотошоп

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

Школьная доска в фотошоп

Добавим этому слою стиль «Тень»:

Школьная доска в фотошоп

Над серым слоем создаем новый и в нём выделяем маленький прямоугольник. Выбираем в качестве основного и фонового цветов темно-серый и светло-серый . Применяем фильтр «Облака» (Filter=> Render=> Сlouds):

Школьная доска в фотошоп

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

В этом Коротком Уроке мы рассмотрим использование инструментов Деформации (Wrap Tool) и Кисть из Щетины (Bristle Brush), чтобы создать иллюстрацию со школьной доской. Начнем!

Шаг 1

Нарисуйте прямоугольник размером 700 рх х 500 рх. Пока он выделен зайдите в Объект > Контур > Создать Параллельный Контур (Object > Path > Offset Path). Задайте - 30.




Шаг 2

Увеличьте изображение, чтобы вы лучше видели углы, и используйте инструмент Отрезок Линии (/) (Line Segment), чтобы нарисовать линию под углом 45 градусов. Вы можете использовать Быстрые Направляющие (Smart Guides) себе для подмоги. Линии должны заходить за прямоугольники в обоих направлениях, как на рисунке ниже. Сделайте это для каждого угла.




Шаг 3

Выберите все и нажмите кнопку Разделение (Divide) на панели Обработка Контуров (Pathfinder).




Теперь возьмите инструмент Выделение Группы (Group Selection tool) и щелкните раз на линиях внутри улов. Так вы выберите все накладывающиеся контуры сразу. Нажмите Удалить.




Шаг 4

Чтобы сымитировать волокна дерева, нарисуйте длинный прямоугольник. Удерживая нажатой клавишу Alt, потяните вниз, чтобы создать копию. А теперь нажмите Command/Ctrl-D несколько раз, чтобы создать несколько копий.




Шаг 5

Далее выделите все линии и используйте Эффект > Исказить и Трансформировать > Трансформировать (Effect > Distort & Transform > Transform). Введите около 40% по вертикальной шкале, и отметьте галочку Случайно (Random).




Результат получится как на рисунке ниже. Зайдите в Объект > Разобрать Оформление (Object > Expand Appearance).




Шаг 6

Дважды щелкните на инструменте Деформация (Shift-R) (Warp tool), чтобы войти в меню настроек. Введите параметры, как на картинке ниже.




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




Шаг 7

Выберите инструмент Воронка (под инструментом Деформация). Чтобы изменить форму удерживайте нажатой Option/Alt пока вы тяните. Сдалайте узкий овал, и сделайте легкую закрутку в нескольких местах, как на картинке ниже.




Масштабируйте, все "древесные волокна" вместе, уменьшив блок объектов.




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

Шаг 8

Сделайте копию рамки и отставьте ее в сторону. Разгруппируйте, а затем поместите один сегмент поверх деревянной текструы. Выберите и элемент рамки и текстуру, а затем нажмите Объект > Обтравочная Маска > Создать (Object > Clipping Mask > Make). Сделайте это для каждого элемента рамки. Результат должен выглядеть, как на картинке ниже.




Повторите этот процесс с другими тремя сторонами рамки. Вот как выглядят вместе четыер элемента рамки, смотрите ниже.




Шаг 9

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




Поместите рамку с текстурой, поверх рамки с градиентом. Наша рамка закончена.




Шаг 10

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




Шаг 11

В верху в панели Кисти, щелкните по иконке Новая Кисть. Выберит Кисть из щетины (Bristle Brush), а затем введите параметры, как показано ниже.




Шаг 12

Нарисуйте линии в форме Z, используя Перо. Выберите Кисть со Щетиной в панели Кистей, и применти ее к контуру. Возможно вам захочется увеличить размер линий, чтобы получить более абстрактную текстуру.




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




Заключение

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

Раскажу, как сделать школьную доску. Я делала ее впервые, для садика в качестве доски для объявлений!

1. Эмаль «Импульс» — одна банка — зеленая или черная (специальная для окрашивания школьных досок!).

Школьная доска своими руками, фото № 1

2. Белая краска, можно акриловую.

3. Лист жести (ровный!) 1х2 м.

Школьная доска своими руками, фото № 2

4. Деревянные планки: 2шт — 20 х 20х 2000мм, 1 шт 20х40х2000 мм (без сучков!).

5. Саморезы по металу.

6. Саморезы по дереву: длиной 4 см.

1. Лист жести очищаем от грязи и обезжириваем потом окрашиваем эмалью на несколько слоев давая каждому слою просохнуть. Минимум на 2 слоя. Я красила кисточкой и у меня остались следы. Попробуйте поролоновым валиком!

Школьная доска своими руками, фото № 3

2. Нарезаем тонкие 20х20 мм деревянные планки пополам:, получится 2шт по 1 м (боковые).

3. Скручиваем саморезиками по дереву (см. фото ниже). Планка, которая 20х40 мм прикручиваем к низу. Окрашиваем белой краской и даем высохнуть!

Школьная доска своими руками, фото № 4

Школьная доска своими руками, фото № 5

4. Пока рама сохнет, начинаем делать шуруповертом дырки в жестяном листе с растоянием +/- 10 см друг от друга. Потом накладываем высохшую, скрученую деревянную раму на жестяной лист и через проделанные дырки закручиваем саморезами.

Школьная доска своими руками, фото № 6

Школьная доска своими руками, фото № 7

Школьная доска своими руками, фото № 8

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

Читайте также: