Делаем макет листовки онлайн

Редактирование макета страницы

1. 1.Итак, начнем с шапки. Каждая секция имеет свои настройки. Для того, что бы вызвать меню настроек, кликаем левой кнопкой мышки по секции и нажимаем здесь на пункт «Настройки»

2. 2.Здесь вы можете выбрать вариации расположения меню и расположения логотипа.

3. 3.Для добавления логотипа достаточно кликнуть по надписи, где должен располагаться логотип и выбрать здесь либо «Edit title» для того, что бы исправить написанный текст, либо «Add logo» для того, что бы добавить логотип. Также можете исправить здесь ссылку, которая здесь стоит по умолчанию, либо открыть меню настроек.

4. 4.При нажатии на кнопку «Добавить логотип» у вас появиться значок, на месте которого может располагать логотип. Для того, что бы загрузить сюда свое изображение, кликаем по этому значку, выбираем здесь «Значок загрузки», и далее загружаем то изображение, которое вам нужно.

5. 5.Текст, настройки и содержимое всех остальных секций редактируются аналогичным образом. Для того, что бы исправить или удалить, или добавить какой-то текст достаточно просто кликнуть по секции с текстом, затем выбрать пункт «Редактировать», и далее вы можете ввести здесь свой текст.

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

7. 7.Для редактирования подзаголовка точно ток же кликаем по нему, вводим здесь нужный текст. Так же к этому тексту вы можете добавлять ссылку или открывать меню с настройками стилей секции.

8. 8.Кроме заголовка и подзаголовка вы можете так же добавлять сюда иконки и какой-то блок с текстом.

9. 9.Так же здесь вы можете изменить тип секции. Это может быть «Boxed», то есть секция с ограниченной шириной, либо «Stretched» — растянутая на всю ширину.

10. 10.Помимо этого вы можете добавлять какие-то новые элементы, к примеру, изображения, видео, карту, иконки, ссылки, новый текстовый блок, и т.д. Для этого просто кликаем на значок «+» внутри секции.

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

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

13. 13.Все настройки фона находятся на вкладке «Задний план». Здесь вы можете выбрать один из предложенных цветов, либо нажать на кнопку «More» и задать свой цвет при помощи палитры.

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

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

Сохранение страницы сайта и загрузка на хостинг

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

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

1. 1.В правом верхнем углу нажимаем на зеленую кнопку «Publish».

2. 2.Регистрируемся в сервисе или авторизируемся если зарегистрированы.

3. 3.После заполнения формы регистрации вам предлагается сохранить данный проект под определенным именем. Вводим имя проекта и нажимаем на кнопку «Save».

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

Для этого переходим по этой ссылке:

И теперь мы можем сохранить созданную страницу на компьютер, а затем загрузить к себе на хостинг

Единственное, при сохранении нужно обратить внимание на некоторые моменты

Я буду сохранять страницу в браузере Opera, здесь сохранение происходит следующим образом:

1. 1.В меню «Файл» выбираем пункт «Страница» => «Сохранить как».
2. 2.В поле «Имя» у вас обязательно должно стоять на английском index. Иначе, если вы сохраните с каким-то другим не понятным названием, то при выгрузке данной страницы в папку с доменом, хостинг может ее не открыть.
3. 3.Тип файла выбираем «Страница полностью».
4. 4.Нажимаем «Сохранить».

После сохранения у вас на рабочем столе или в папке, куда вы сохраняли, появиться файл index.html и папка «index_files», которые вам необходимо будет загрузить к себе на хостинг.

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

Возможности программы

Нарисуйте 2D план помещения

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

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

Много моделей окон, дверей, а также арок, колонн и других конструктивных элементов

Подбирайте отделочные материалы

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

Расставляйте мебель и предметы декора

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

Различные режимы просмотра в 3D

Переключайтесь между различными режимами просмотра:

— Чертеж – для построения стен

— 2D и 3D – для размещения мебели и декорирования

— От первого лица – для прогулки по помещению и оценки полученного результата

Сохраняйте проект и делитесь результатом

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

Это бесплатно!

What you can make in RoomToDo

In our program you can:1. Creating 2D plans. Here you’ll find all instruments which you need for creating complex planning projects which include putting a wall at different angles and making walls with uneven thickness. All these things will help you create a professional model and make it easy.2. Draw your project on the top of your drafting. For making the process easier, you can download your plan and draw the contour of your rooms. This will save your time and when you’ll finish your project will be ready for design in 3D.3. Doors and windows for everyone. Here you’ll find thousands of different door and window styles. Moreover, in our program, we also have different columns, arches, and other elements.4. Make experiments with the wall, floor, and ceiling decorating materials. Create your walls? It’s time to decorate them. In RoomToDo you can find different materials for walls, floors, and ceiling. Here you can big variety of wallpaper, laminate, tile, mosaic, wood and stones.5. Furniture and accessories. When the main part of your project is done, it’s time to play around with some furniture arrangement. In our program, you’ll find hundreds of different furniture models, which you also can customize. You can change sizes, materials, and colors, so it will be only your original style.6. Different viewing options. In the program, you can change the view type for more comfort. You can use:

• drafting – for creating your walls;
• 2D and 3D – for decoration and furnishing;
• first-person view – for the presentation of your work.

Способ 1: Tinkercad

Этот онлайн-сервис позволяет создавать 3D-модели для печати или импорта в другие программы. Возможностей у сервиса не очень много, но и инструментарий простой. А самое главное, Tinkercad полностью бесплатный.

1. На главной странице нужно нажать кнопку «Начать работу».

Сервис предложит создать новый аккаунт Autodesk, либо войти с уже существующим. Также присутствует возможность зайти на сайт с помощью учётной записи Google или Apple. В личном кабинете, на вкладке «3D-проекты», можно начать обучение по пошаговым урокам, посмотреть свои работы или создать новый проект.

Далее вы увидите основные блоки интерфейса:

1. Ориентирование в 3D-пространстве;
2. Рабочая плоскость;
3. Инструменты и фигуры;

Создание трёхмерных объектов осуществляется посредством объединения или вычитания примитивных фигур. Для начала перетащим «Полусферу» на рабочую плоскость.

Пропорции и размер фигуры можно менять, перетаскивая специальные точки. Растянем наш полукруг.

Теперь создадим «Конус». Для него можно настроить некоторые параметры в специальном контекстном меню. Делаем их такими же, как на скриншоте.

Для более простого расположения фигур в трёхмерном пространстве сервис предлагает инструмент «Рабочая плоскость». При помощи него можно перемещать основу для расположения фигуры. Зададим новую плоскость на вершине цилиндра.

Добавим фигуру «Параллелепипед» — он будет располагаться на заданной плоскости. Для улучшения вида можно изменить его параметр «Радиус». Используя специальные закруглённые стрелки, немного наклоним его и расположим над конусом.

Ещё в Tinkerсad присутствуют сгенерированные фигуры, например «Текст». При помощи инструмента «Рабочая плоскость» и редактирования параметров его легко расположить на одной из граней куба, также нам понадобится переключить свойство текста на Отверстие».

Модель почти готова, осталось лишь выделить все имеющиеся объекты и нажать кнопку «Сгруппировать».

Вот теперь наша модель готова. Tinkercad предоставляет несколько инструментов для её дальнейшего использования.

1. Экспорт в игру Майнкрафт. Сервис даёт возможность изменить отображение моделей на альтернативное. Один из таких режимов — «Блоки». Здесь можно настроить размер модели и выбрать материал, из которого она состоит. Когда настройки будут окончены, необходимо нажать на кнопку «Экспорт». Начнётся скачивание файла с расширением SCHEMATIC.

Экспорт в стандартном режиме «3D-проект» позволяет скачать файл в других форматах:

• OBJ — это самый распространённый формат сохранения трёхмерных моделей. Он поддерживается всеми популярными 3D-редакторами.
• STL — используется в первую очередь для 3D-печати.
• GLTF — оптимизированный файл для использования в интернете.
• SVG — векторный файл для лазерной резки. Стоит иметь в виду, что это двумерное изображение, так что в нём содержится информация только о базовой плоскости.

В соседней вкладке проект можно отправить партнёрам Autodesk для заказной 3D-печати. Разумеется, за такую услугу придётся заплатить, но она будет полезна, если у вас нет 3D-принтера.

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

И последний способ использовать свой проект — поделиться им в сообществе сервиса. Для этого нужно вернуться в личный кабинет и настроить свой проект. Нажимаем на шестерёнку в углу нужного проекта, далее «Свойства».

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

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

Онлайн-конструктор сайтов и макетов страниц

Сервис называется imcreator.com.

1. 1.Перейдя на главную страницу сервиса, нажимаем на кнопку «Start building your site»

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

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

4. 4.Далее, вы можете его просмотреть в окне предпросмотра, где показана главная страница, цветовая схема, и ниже показаны все страницы, которые вы можете создавать при помощи данного макета.

5. 5.После того, как вы определились, нажимаем на зеленый карандашик с надписью «EDIT»

6. 6.Далее нам предлагается просмотреть обучающее видео. Вы можете его просмотреть и после этого нажить на кнопку «Start editing»
7. 7.А далее у нас откроется этот же макет с возможностью его редактирования.

What is RoomToDo

It’s a special software for your computer where you can fast and easily create the design of your house.Making a house design should be easy and joyful and you can make it with RoomToDo. By using this program, you can create the design of your dream in a short time without any professional skills. We thought about everything, that’s why our program has all-powerful instruments, which go with an easy and intuitive interface. Here you can plan your own home remodel online, play around with some furniture arrangement and make all other stuff to make your project better.RoomToDo is also a perfect software for designers. Using it, you can provide your projects for clients or contractors.