Как научиться делать коробочку


10 способов сделать красивые подарочные коробки своими руками

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

1. Подарочная коробка-сердечко

Что нужно

Как делать

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

YouTube-канал Sarah Johnson — Pugdemonium

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

YouTube-канал Sarah Johnson — Pugdemonium

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

YouTube-канал Sarah Johnson — Pugdemonium

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

YouTube-канал Sarah Johnson — Pugdemonium

Удивите свою половинку 🙌

2. Многоугольная подарочная коробка

Что нужно

Как делать

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

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

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

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

Подарите уникальный подарок 👐

3. Квадратная подарочная коробка

Что нужно

Как делать

Вырежьте из бумаги квадрат размером 20 × 20 см. Нарисуйте на нём две вертикальные и две горизонтальные линии, отступив от каждого края по 5 см. В середине у вас получится ещё один квадрат.

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

Вырежьте из бумаги квадрат размером 16 × 16 см. Нарисуйте на нём по две горизонтальные и вертикальные линии, отступив от краёв по 3 см. Затем разрежьте, согните и склейте точно так же, как и предыдущую деталь. Наденьте крышку на коробку и приклейте сверху бант.

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

4. Подарочная коробка-пирамидка

Что нужно

Как делать

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

Приложите к сторонам треугольника тарелку или диск и обведите. Вырежьте фигуру по намеченным линиям. У вас должно получиться что-то вроде цветка.

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

Такую пирамидку можно сделать и в технике оригами:

Будьте креативными 👍

5. Подарочная коробка-раскладушка

Что нужно

Как делать

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

В каждой части обведите диск так, как показано в видео. Затем углубите линии.

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

Запомните 🤦‍♀️

6. Подарочная коробка с откидывающейся крышкой

Что нужно

Как делать

Начертите с двух узких сторон листа две линии на расстоянии 1,5–2 см от края и сложите бумагу по этим линиям. Согните и разогните лист так, как показано в видео. В середине у вас получится два загиба.

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

Откидывающуюся крышку можно сделать из отдельного листа:

Порадуйте ребёнка 👩‍👦

7. Плоская подарочная коробка-конверт

Что нужно

Как делать

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

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

Подберите подарок любимой 🙎‍♀️

8. Подарочная коробка-сундучок

Что нужно

Как делать

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

Можно оставить коробку как есть или обклеить её в середине бумагой другого цвета и украсить бантиком.

Подберите подарок любимому 🙍‍♂️

9. Подарочная коробка-мешочек

Что нужно

Как делать

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

Сверху и снизу сделайте по одной пометке, отступив от узкого края 5 см. Согните край по этим отметкам, затем сложите всю деталь гармошкой.

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

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

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

Вдохновитесь 🧐

10. Подарочный пакет с бантиком

Что нужно

Как делать

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

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

Положите внутрь подарок и сверните верх упаковки гармошкой. Прижмите её в середине и расправьте края получившегося бантика. Обвяжите пакет ленточкой.

Если вам удобнее делать коробки с помощью готовых шаблонов, воспользуйтесь сайтом templatemaker.nl. Там собрано много коробок разной формы. Причём их параметры можно рассчитать автоматически.

Читайте также ✌️✂️

CSS Box Модель


Модель коробки CSS

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

Модель блока CSS - это, по сути, блок, который обтекает каждый элемент HTML. Он состоит из полей, границ, отступов и фактического содержимого. На изображении ниже представлена ​​коробочная модель:

.

Описание частей:

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

Пример

Демонстрация бокса модели:

div {
width: 300px;
граница: сплошная 15 пикселей зеленый;
отступ: 50 пикселей;
маржа: 20 пикселей;
}

Попробуй сам "

Ширина и высота элемента

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

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

Пример

Этот элемент

будет иметь общую ширину 350 пикселей:

div {
ширина: 320 пикселей;
отступ: 10 пикселей;
граница: 5 пикселей сплошного серого цвета;
маржа: 0;
}

Попробуй сам "

Вот расчет:

320 пикселей (ширина)
+ 20px (левый + правый отступ)
+ 10px (левая + правая граница)
+ 0px (левое + правое поле)
= 350px

Общую ширину элемента следует рассчитывать следующим образом:

Общая ширина элемента = ширина + отступ слева + отступ справа + слева граница + правая граница + левое поле + правое поле

Общая высота элемента должна быть рассчитана следующим образом:

Общая высота элемента = высота + верхний отступ + нижний отступ + верх граница + нижняя граница + верхнее поле + нижнее поле


Проверьте себя упражнениями!




.

Учебник CSS

CSS - это язык, который мы используем для стилизации HTML-документа.

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

Это руководство научит вас CSS от начального до продвинутого.

Начните изучать CSS прямо сейчас »

Примеры в каждой главе

Это руководство по CSS содержит сотни примеров CSS.

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

Пример CSS

тело {
цвет фона: голубой;
}

h2 {
цвет белый;
выравнивание текста: центр;
}

п. {
семейство шрифтов: вердана;
размер шрифта: 20 пикселей;
}

Попробуй сам "

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


Примеры CSS

Учитесь на более чем 300 примерах! С помощью нашего редактора вы можете редактировать CSS и нажимать на кнопку, чтобы просмотреть результат.

Перейти к примерам CSS!


Использование меню

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

Если у вас большой экран, меню всегда будет слева.

Если у вас маленький экран, откройте меню, щелкнув значок верхнего меню ☰.


Шаблоны CSS

Мы создали для вас несколько адаптивных шаблонов W3.CSS.

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

бесплатных шаблонов CSS!



CSS-упражнения и викторина

Проверьте свои навыки CSS в W3Schools!

Начните упражнения по CSS!

Начать викторину по CSS!


Ссылки CSS

На W3Schools вы найдете полные ссылки CSS всех свойств и селекторов с синтаксисом, примерами, поддержкой браузера и многим другим.


Экзамен CSS - Получите свой диплом!

Интернет-сертификация W3Schools

Идеальное решение для профессионалов, которым необходимо совмещать работу, семью и карьеру.

Уже выдано более 25 000 сертификатов!

Получите сертификат »

Сертификат HTML документирует ваши знания HTML.

Сертификат CSS свидетельствует о ваших знаниях в области CSS.

Сертификат JavaScript документирует ваши знания JavaScript и HTML DOM.

Сертификат Python документирует ваши знания Python.

Сертификат jQuery подтверждает ваши знания о jQuery.

Сертификат SQL документирует ваши знания SQL.

Сертификат PHP подтверждает ваши знания PHP и MySQL.

Сертификат XML документирует ваши знания XML, XML DOM и XSLT.

Сертификат Bootstrap документирует ваши знания о среде Bootstrap.



.

Как создать сайт


Узнайте, как создать адаптивный веб-сайт, который будет работать на всех устройствах, ПК, ноутбук, планшет и телефон.


Создание веб-сайта с нуля


A «Эскизный план»

Перед созданием веб-сайта может быть целесообразно нарисовать черновик макета страницы:

Панель навигации

Боковое содержание

Какой-то текст какой-то текст ..

Основное содержание

Какой-то текст какой-то текст..

Какой-то текст какой-то текст ..

Какой-то текст какой-то текст ..

Нижний колонтитул


Первый шаг - базовая HTML-страница

HTML - это стандартный язык разметки для создания веб-сайтов, а CSS - это язык, описывающий стиль HTML-документа. Мы объединим HTML и CSS, чтобы создать простую веб-страницу.

Пример




Название страницы



кузов {
семейство шрифтов: Arial, Helvetica, sans-serif;
}

Мой веб-сайт


Веб-сайт, созданный мной.


Попробуй сам "

Объяснение примера