Всем привет. На днях решил разобраться с тем, как верстаются html письма. Провел несколько часов в интернете, перечитал десятки статей на эту тематику и пришел к выводу, что это очень нелегкая задача.
Но желание — есть, поэтому стал копаться дальше. Может быть и на блоге, скоро заменю подписку по email от feedburner (под статьями) на какую-нибудь другую, где можно сделать ее более симпатичной. Главное учесть все нюансы верстки под почтовые клиенты, а их поверьте не мало.
Почтовая рассылка один из самых эффективных способов продать товар, донести новости до клиентов, рассказать об акциях и дополнительных услугах. Кроме того, когда у вас есть база клиентов, вы можете вернуть “старых” покупателей и осуществить еще одну продажу.
Можно разослать материал о дополнительных услугах, которые, возможно, стали интересны вашим клиентам после первой покупки.
Ну и конечно же тут работает теория больших чисел. Если разослать предложение о продаже чего-то 20000 подписчиков, 1000 из них ознакомилась с предложением и хоть 10 да купит, а затрат – 0. Вы просто отправили письмо!
Но кто-то не открыл письмо, кто-то открыл и не стал читать его, потому, что там портянка текста, у кого-то не открылись картинки, а у кого-то поехала верстка. Так бывает. Из-за того, что почтовые программы не так хорошо поддерживают сss, как браузеры. А о javascript – я вообще молчу.
И существует масса проблем для верстальщиков, которые занимаются созданием html писем.
Но сегодня я постараюсь рассказать вам о том, как создать html письмо, которое бы открывалось одинаково хорошо во всех браузерах (в том числе мобильных) и почтовых программах, для того, чтобы ваши письма выглядели привлекательно, и вы не теряли клиентов. Это не последний пост, если возникнут проблемы с отображением, то позже либо поправлю этот, либо напишу продолжение. Так же буду признателен всем, кто поможет протестировать и выявить проблемы.
Из-за того, что у почтовых сервисов нет общих правил отображения html писем, верстальщику приходится использовать правила верстки 90 годов. Некоторым к этому привыкать не нужно, но я, признаться, ни разу не прописывал стили внутри html документа, причем не просто внутри html документа при помощи , а именно inline, для каждого элемента отдельно.
Некоторые разработчики почтовых программ вообще отключили поддержку таблиц стилей и стилей как таковых, способом, описанным выше. Аргументируя это тем, что письма нужны именно для текста. Так что придется писать стили для каждого элемента отдельно.
Еще одним сюрпризом оказалось то, что не многие почтовые сервисы не поддерживаю float и отступы margin и padding. Как вам? Представляете вы сверстали классное трехколоночное html письмо на основе div (ов), а у пользователя такая белиберда пришла, что он тут-же удалил его, так и не поняв, что от него хотят.
Да, да. Вы правильно поняли! Придется использовать таблицы, если не готовы жертвовать тысячами пользователей, у которых ваше письмо откроется не корректно. Получается, что таблицы — это единственный способ, на сегодня, добиться кроссбраузерности.
Как написали на одном из сайтов:
Придется вспомнить такие страшные вещи, как: Cellpadding, cellspacing, colspan
В моем случае — их придется выучить, так как я никогда не пользовался таблицами. Может быть и не пришлось бы никогда, если бы не решил разобраться с оформлением писем:)
Если у вас нет привычки прописывать alt для изображений, придется ее выработать для верстки писем, так как у некоторых почтовых клиентов, по умолчанию, выключено отображение картинок, и если в письме их у вас много, то пользователь увидит пустые рамки, а так в них будет текст.
Еще, для меня стало проблемой то, что приходится постоянно обнулять многие значения, например, border у картинок, если она задана как ссылка.
Пока — всё! Если что-то еще всплывет, то опишу по ходу. А сейчас я хочу показать вам, что у меня получилось пока, без добавления стилей оформления, таких как шрифт, цвет, размер текста и т.д. Это только элементы в нужных местах. В следующей статье я опишу процесс тестирования в разных почтовых сервиса и правки, которые пришлось внести.
Как видите, есть над чем работать. Давайте я немного опишу процесс верстки. Вникать в него — нет смысла, к следующей статье многое измениться. На самом деле все, вроде бы и просто, но с другой стороны, у меня это занятие отняло много времени.
Для начала, я создал каркас-таблицу для всего содержимого письма, шириной в 100% и голубым фоном. В нем разместил две дочерние таблицы. Одну для шапки (id=»header»), вторую для контента (id=»content»):
|
Как вы уже заметили, я задал cellpadding=»40" для таблицы-обертки. Это внешний отступ. Отступ в 20px задал таблице, которая отвечает за шапку. И добавил внутренний отступ таблице, в которой будет располагается контент. Также, все таблицы выровнял по центру. Идем дальше…
Теперь необходимо разделить шапку на 2 части. В одной расположить логотип, а в другой создаю еще одну табличку с 3 столбцами и помещаю туда ссылки на социальные сети.
Png" alt="логотип" width="84" height="84"/>
Не выяснил, пока что, обязательно ли указывать размеры картинок, поэтому в этом плане пока хаос. Где-то — ставлю, где-то — нет. После тестов наведу порядок. Или уберу совсем, чтоб сократить код, или придется везде дописать, если будет некорректно отображаться в каком-то из почтовиков.
Этим кодом я добавляю строку с одним столбцом, в таблицу «content» и помещаю в него картинку, с надписью «Smartlanding»:
Сейчас письмо выглядит так:
Все это делается чтобы были отступы между контентом. Html код с контентом выглядит так:
|
Как закрыть внешние ссылки от индексации |
Теперь необходимо реализовать анонс статьи, делается это достаточно просто. 1 строка, 1 столбец и текст в нем:
Привет ребята. Сегодня речь пойдет о том, как надежно закрыть внешние ссылки на своем лендинг пейдж для того, чтобы с нее не передавался вес, а оставался на вашей странице. Как вы, наверное, знаете, теперь, даже если вы закрыли ссылку атрибутом , статический вес все равно передается, а следовательно убывает с вашей страницы. Теперь нужно создать структуру из 3 колонок. Так как мы не можем пользоваться float(ами), то придется сделать 5 колонок. 3 под контент с картинками (150px), а 2 — для того, чтобы задать отступ между ними (60px). Png" /> |
Точно такую же разметку делаю для текста, заголовков:
Как сделать UTM метки и для чего они нужны | Обновления на блоге и мини-отчет об оптимизации | Скрипт для АБ тестирования |
И теперь остается последний шаг, сделать footer. Я не стал создавать под него новую таблицу, а разместил в content, просто добавив новую строку и столбец:
Smartlanding | 2014
Вот такое письмо получилось. Теперь предстоит куча тестов. Я планирую протестировать верстку в следующих почтовых сервисах и программах:
В процессе тестирования я буду добавлять стили заголовкам и текстам, обнулять свойства и вносить прочие коррективы. А после, напишу еще один развернутый пост на эту тематику. Возможно что-то поменяется к следующей статье, так что подписывайтесь на обновления, если вам интересна данная тема и вы не хотите пропустить новый материал.
Если у вас есть опыт создания html писем, напишите пожалуйста ваш комментарий и укажите на ошибки. Буду вам очень признателен. А на сегодня — все. Пока!
(Ознакомиться с предварительными тестами html письма в разных поисковых системах )
Несмотря на возрастающую популярность минимализма, винтажная типографика по-прежнему остается в моде. Попробуйте взять в руки старую книгу с ажурным рукописным текстом – её можно рассматривать часами! Так почему бы не применить искусство типографики в оформлении современного письма? Несомненно, это будет свежо и весьма оригинально! Не будем вам лгать: красивое оформление письма потребует от вас определенных временных затрат, и это не 5 и не 10 минут. Для оформления каждого отдельного конверта вам потребуется не менее 30 минут. Конечно, это хлопотно, но вы только подумайте о выражении лица получателя, когда он откроет свой почтовый ящик. Он точно не сдержит позитивных эмоций! Итак, как вы уже поняли, в этом мастер-классе мы расскажем, как красиво оформить письмо своими руками.
Материалы и инструменты:
Чтобы изготовление конверта не было для вас столь уж сложным процессом, мы подготовили для вас шаблон, который вы можете видеть ниже по тексту. Просто скачайте его на ваш компьютер и распечатайте в желаемом размере. Вам также понадобятся обычный карандаш и ручка с чернилами. Вам не обязательно уметь пользоваться каллиграфическим пером, а мы его применили лишь потому, что нам так комфортнее.
Мы распечатали шаблон на листе бумаги формата A7 размерами 13х18 см. Если вы хотите, но не знаете, как красиво оформить письмо на конверте нестандартного размера, наш совет увеличьте или уменьшите шаблон соответственно в одном из графических редакторов.
Красивое оформление письма шаблон
Поместите шаблон в конверт лицевой стороной к лицевой стороне конверта.
Мы знаем, что вы едва можете разобрать что-то на этой фотографии, но в «реальной жизни» вы увидите сквозь конверт достаточно, чтобы быть в состоянии проследить шаблон.
Если у вас есть светлая коробка, а еще лучше прозрачный стеклянный стол, поместите конверт на них. Вы также можете держать его на освещенном солнцем окне, а может, ваш конверт настолько тонкий, что вы безо всяких приспособлений рассмотрите рисунок шаблона. Все зависит от конверта!
Далее с помощью серого карандаша аккуратно переведите рисунок с шаблона на лицевую сторону конверта. Для этого аккуратно обведите все линии поверх конверта карандашом. Если вы чувствуете в себе достаточно сил, вы можете пропустить этот шаг и рисовать прямо поверх шаблона ручкой с чернилами. Но если это ваш первый раз, лучше для начала воспользоваться карандашом, иначе вам придется много раз переделывать свою работу.
Во-первых, напишите свой адрес в левом верхнем углу. Вы увидите на шаблоне место для записи адреса возврата, которое обозначено пунктирными линиями.
Теперь, вам нужно написать имя получателя. Добавьте его в винтажном стиле, написав инициалы и потом фамилию, как и девятнадцатом веке. Но это ваш конверт, и вы можете делать с ним, что захотите! Мы вам не можем полностью помочь с текстом письма, но вы можете писать в любом стиле, как вам нравится. Каллиграфия будет выглядеть здесь слишком круто.
Наконец, впишите адрес получателя в три линии, указанные в нижнем правом углу. Если номер квартиры присутствует, включите его в первую строку.
Как только вы закончите с серым карандашом, берите чернильную ручку и начинайте обводить текст. Помните, что каллиграфическая ручка вам действительно не нужна. Используйте любую старую ручку с красивыми чернилами, простой роллер и т.д.
Вы также можете заполнить конверт цветочными безделушками, которые мы включили в шаблон. При желании, добавьте красок, заполнив элементы золотыми и синими оттенками. Этот конверт имеет великолепный блеск!
Красивое оформление письма своими руками готово!
Ниже вы можете видеть конверт, который мы обвели чернилами цвета грецкого ореха.
Наш шаблон даст вам хорошую основу для дизайна, но у вас есть свобода творчества, и вы вправе сами решать, как красиво оформить письмо, заполнив его любым цветом, который вам нравится, плюс добавив какие-то свои элементы. Мы бы хотели посмотреть, что вы придумали!
Надеюсь, вам понравился наш мастер-класс и шаблон, и теперь вы знаете, как красиво оформить письмо своими руками для родных и близких в преддверии праздников.
Ещё один вариант того, как красиво оформить письмо, вы найдёте в видео с мастер-классом, которое мы подобрали специально для наших постоянных читателей.
Обновили материал 21.02.2019
Дизайн электронных писем, несомненно, является частью веб-дизайна. Но, несмотря на это, процесс разработки письма значительно отличается от разработки сайта или веб-страницы. Именно поэтому даже опытные веб-дизайнеры, впервые сталкиваясь с разработкой дизайна писем, допускают ошибки, которые не позволяют в точности воплотить задумку в жизнь и заставляют верстальщиков пожалеть о выборе профессии.
В этой статье я постараюсь предостеречь начинающих дизайнеров от некоторых ошибок и расскажу о вещах, о которых стоит помнить при работе над электронными письмами. Основополагающее отличие заключается в том, что вёрстка писем основывается на таблицах, а не на блоках, как большинство современных сайтов. Также не поддерживаются скрипты и большая часть свойств CSS. Не забывайте об этом и по возможности изучите .
Большинство почтовых клиентов и веб-интерфейсов почтовых провайдеров дают ограниченное пространство для отображения письма. Поэтому не делайте слишком широкие макеты.
Избыточная ширина может привести к появлению горизонтальной полосы прокрутки, потому что часть контента не будет видна пользователю.
Оптимальная ширина контентной части в дизайне письма — не более 600 пикселей. Желательно уместить в них и возможные тени от основного контейнера. Однако общий фон «под письмом» может быть любого размера и может быть залит любым паттерном или цветом.
Ширина контентной области письма и общего фона «под письмом»
Используйте в основе дизайн-макета письма модульную сетку из четырёх или трёх столбцов. Она оптимальна для решения большинства задач в дизайне адаптивных писем. Заранее разработайте несколько типовых шаблонов для разных типов писем. Это позволит сэкономить время при создании нового дизайна.
Пример модульной сетки из четырёх столбцов для дизайн-макета письма
Пример модульной сетки из трёх столбцов для дизайн-макета письма
Существует два способа адаптации:
Адаптация на медиазапросах применяется при разработке веб-страниц, но для дизайна писем это не лучшее решение. Например, Яндекс — один из крупнейших почтовых провайдеров в России — до сих пор не поддерживает данный подход к адаптации. Поэтому при разработке дизайна письма, подразумевающего адаптацию с помощью медиазапросов, нужно быть уверенным, что емейл создаётся для конкретного сегмента получателей, в котором нет адресов на Яндексе.
Адаптация на медиазапросах
Актуальную информацию о том, какие из основных почтовых клиентов поддерживают медиазапросы, вы всегда можете посмотреть в нашем справочнике по поддержке стилевых свойств .
Основное решение для адаптации электронных сообщений — создание «резиновых» макетов с блочным перестроением внутренних элементов. Когда ширина письма указывается относительно (в процентах) и ограничивается лишь максимальным и минимальным размерами, дизайн письма будет подстраиваться под ширину устройства, на котором его открыли, а текст и блоки внутри будут перестраиваться, чтобы уместиться на экране.
Элементы дизайна письма при «резиновом» подходе адаптируются тремя основными способами. Назовём их условно: масштабирование, отсечение и перестроение.
При этом типе адаптации элемент сжимается, подстраиваясь под ширину контента. Обычный текст адаптировать таким образом не получится, соответственно, сжиматься будет только графический контент — креативы и баннеры. Убедитесь, что надписи, детали и кнопки в вашем дизайне письма достаточно крупные и останутся читабельными (кнопки — кликабельными) при их уменьшении в два раза.
Масштабирование элементов дизайна письма
Пример письма компании Throne Rush
Этот тип адаптации также применим к графическому контенту в дизайне письма. При его использовании часть элемента, который не умещается по ширине, отсекается и становится невидимой для пользователя. При вёрстке есть возможность указать, с какой стороны будет происходить отсечение. Делайте так, чтобы в креативе вся важная информация и графика располагались на одной из его половин. Также не следует оставлять какие-то незначительные элементы выступающими с отсекаемой половины на «важную».
Отсечение элементов дизайна письма
Пример письма компании «Техпорт»
Этот тип адаптации подходит для любого контента письма, который расположен в двух соседних ячейках одной строки таблицы. В этом случае при нехватке ширины для отображения обеих ячеек одна из ячеек перестраивается под другую.
В вёрстке есть возможность указать, какая именно ячейка (правая или левая) будет перестраиваться вниз. Перестроение может происходить в несколько шагов — если ячеек в строке не две, а, скажем, три или четыре. При нехватке ширины сначала перестраивается крайняя ячейка, затем следующая с той же стороны и так далее.
При использовании трёх колонок в основе структуры части письма не стоит делать между элементами больших промежутков. Напротив, их нужно минимизировать, чтобы избежать широких пустых полей слева и справа от этих элементов на мобильном устройстве. Если в дизайне письма предусмотрен блок, который состоит из какого-то текста и картинки, иллюстрирующей его и расположенной сбоку от этого текста, то вполне логично перестроить текст под изображение.
Таким образом на мобильном устройстве мы увидим логичное и привычное представление статьи или товара. Оптимальное решение в этой ситуации — сделать соседние блоки одинаковыми по ширине и равными половине ширины письма. Этот тип адаптации вариативен и позволяет создавать нетривиальные структуры писем.
Перестроение элементов дизайна письма
Пример письма компании «Райффайзенбанк»
Важно
Иногда в блоках с фоном-картинкой, внутри которых происходит перестроение, необходимо оставлять определённый «запас» фонового изображения. В примере ниже наглядно показано использование дополнительного фона:
Если бы здесь не было «запаса», то текст «Путешествуйте с нами!» частично попал бы на белый фон тела письма и стал бы нечитабельным.
При вёрстке по табличному принципу ячейки и строки разделяются прямыми линиями. Следите за тем, чтобы содержимое одной строки не выбивалось за её границы и не пересекало горизонтальную разделительную линию. Это нестрашно при неадаптивном дизайне письма, но заставит мучиться верстальщиков, которые работают над адаптацией.
Строки в дизайне письма пересекаются
Строки в дизайне письма не пересекаются
Данное ограничение дизайна писем справедливо для тех случаев, когда:
Для большей наглядности посмотрите на схемы допустимых решений , где 1 и 2 — ячейки первой строки, 3 и 4 — ячейки второй строки.
Прямое перестроение ячеек первой строки и обратное перестроение ячеек второй строки. Общий объект справа
Обратное перестроение ячеек первой строки и прямое перестроение ячеек второй строки. Общий объект слева
Шрифты, использованные в дизайне писем и отсутствующие в системе пользователя, будут заменены браузером на один из стандартных, что приведёт к искажению отображения письма. Используйте только безопасные веб-шрифты, которые гарантированно отображаются на экране пользователя так, как и было задумано дизайнером:
Используйте стандартные шрифты для основного контента, а также таких элементов, как, например, промокоды и номера телефонов, чтобы пользователь мог легко скопировать их в буфер обмена.
В мобильных почтовых приложениях шрифты часто заменяются на стандартные для операционной системы. Системные шрифты Android и iOS могут отличаться по ширине от того, который вы предусмотрели в дизайне письма. Поэтому не заполняйте блоки текстом впритык к их границе. Это чревато появлением лишних строк на мобильном устройстве.
Все альтернативные шрифты вставляются в вёрстку как изображения, поэтому письмо из картинок без текстовой части может восприниматься провайдером как спам. Использование нестандартных шрифтов допустимо в креативах и при накладывании на другие изображения. Если вы применяете их в основном тексте, учитывайте следующие моменты:
— при адаптации под мобильные устройства нестандартные шрифты в вёрстке ведут себя как обычные картинки;
— эти тексты могут масштабироваться либо перестраиваться согласно общим принципам адаптации письма. Если вы используете нестандартный шрифт, например, в качестве заголовка, то убедитесь в том, что:
По возможности используйте векторные объекты для создания дизайна писем. Обычно это иконки и логотипы. Вектор позволяет избегать размытия, которое случается при использовании растровых изображений на retina-экранах и дисплеях с разрешениями больше 1800 пикселей.
Важно
Векторное изображение весит значительно меньше, чем растровое, благодаря этому письмо загрузится быстрее и «съест» меньше трафика.
В другой графике используйте картинки в два раза больше конечного разрешения. Например, если в дизайне письма вы используете картинку, занимающую 300×300 пикселей, то в её основе должно быть изображение не менее 600×600 пикселей. При работе в Photoshop это можно сделать превращением большой картинки в смарт-объект и последующим её уменьшением до необходимых размеров.
Стоит помнить, что изображения, которые в вёрстке будут использованы как background-image, необязательно делать больших размеров, чем фактический, так как задать размеры фона кодом в данный момент не представляется возможным. Может получиться так, что в итоговом письме фон ячейки окажется вдвое больше, чем нужно.
Если собираетесь использовать градиенты в блоках, которые будут перестраиваться при адаптации, помните следующее:
Так как почтовые клиенты и провайдеры пока не поддерживают JavaScript и большую часть CSS-свойств, динамику в дизайн письма вносят посредством GIF-анимации. Тут тоже есть свои нюансы.
Немногие знают, но клиент Outlook просто не воспроизводит анимацию, а показывает лишь её первый кадр. Поэтому, если анимация у вас зациклена, убедитесь, что она начинается с нужного, самого информативного кадра. Для случаев, когда анимация воспроизводится единственный раз, что лишает нас возможности начать её с «нужного» момента, есть возможность в вёрстке подменять её на другое (заранее подготовленное) изображение.
Но из-за слабой поддержки CSS их увидит лишь маленький процент пользователей. Вышеупомянутое меню, по сравнению с «классическим», показало себя хуже по количеству кликов. Поэтому до тех пор, пока провайдеры не расширят список поддерживаемых свойств, внедрение таких экспериментов в массы нецелесообразно.
У неровных вертикальных рамок вокруг адаптируемых перестроением блоков также есть свои особенности. Так как при перестроении высота блока увеличивается, а «художественная» рамка верстается методом множественного её повторения по вертикали, позаботьтесь о том, чтобы эта рамка в дизайне письма была бесшовной. Нарисуйте её так, чтобы её конец (низ) переходил в начало (верх) копии этой рамки, расположенной прямо под оригиналом, без видимых стыков.
Чтобы у вас перед глазами всегда были примеры правильных емейлов, заглядывайте к нам в . Там мы публикуем дизайны писем, которые разработали для клиентов, и работы западных коллег.
Вы не знаете что сделать, чтобы ваше письмо не осталось банально белым, а было оригинальным и запоминающимся, не похожим ни на одно другое? Вы хотите, чтобы адресат вашего письма снова и снова доставал и перечитывал его. Чтобы это произошло, важно не только внутреннее содержание письма, но и внешнее. Да-да именно от того как оформлено письмо может зависеть расположение его получателя к вам. Поговорим об этом.
Нам понадобится старая (желательно желтая) бумага. Для придания ей «старины» бумагу можно помять и покомкать в руках. Главное не переусердствуйте, ведь на бумаге должен остаться текст письма, который желательно также написать в духе старины и языком старины. Далее бумагу разворачиваем и опускаем на несколько минут в ванночку с крепкой заваркой. Затем сушим. Над свечкой или зажигалкой обжигаем края нашего письма, тем самым придавая им еще более древний вид. В этих же целях можно обмакнуть бумагу в масло или прокапать воском. Получится такое загадочное пиратско-приключенческое письмо. Дерзайте, и друзья оценят ваши старания.
В качестве украшений можно использовать сухие листья, разнообразные и разноцветные нитки, ракушки, небольшие камешки, очень хорошо смотрятся кофейные зёрна приклеенные на темную бумагу! Вообще используйте всё то, что имеется у Вас под руками или ногами! Эти элементы легко приклеиваются термоклеем, или каким-либо другим клеящим составом!
Шаги:
Шаги:
Шаги:
Шаги:
Романтика и сентиментальность в большей степени удел женский. Чего только не придумают они, чтобы выразить свои чувства. Вот несколько советов:
Накрасьте губы любимой помадой, возьмите лист бумаги, на котором будете писать ваше письмо признание, думайте о том, кому оно предназначено и…рисуйте, в смысле целуйте, как вам хочется. Можно по периметру, можно по диагонали, можно в виде сердца, в общем, так как Вам подскажет фантазия. А можно сначала «нацеловать» построчно, а затем в каждый поцелуй вписать текст письма. Ну как, попробуем?
Используя все свои косметические прибамбасы (лак для волос и ногтей, щеточку от туши для ресниц, карандаши, подводки), можно создать неповторимый шедевр. Покрасьте лаком лист письма, набрызгайте цветным лаком для волос или лаком с блестками. Рисуйте цветочки, сердечки и все прочее, что любят рисовать девчонки. Письма или бумага могут иметь приятный запах, если Вы слегка надушите их туалетной водой. Это придаст письму дополнительной романтичности.
Что греха таить, парни более сдержаны в своих эмоциях, хотя и в их рядах встречаются натуры романтические. Именно для них наши следующие советы (но прочесть это стоит всем парням, так как какой, же девчонке не будет приятно получить что-то оригинальное и романтичное от своего любимого):
Берете лист бумаги и фоном тускло пишете ласковые слова (или имя вашей девушки или что вам придется по душе) лучше в цвете и большими буквами. Это фон, на котором затем вы напишете основной текст уже ручкой. Таким образом, у вас получится двойное письмо.
Если у вас серьезные намерения, то можете донести их не в совсем серьезном виде, а именно обведите свою ладонь на листе бумаги, либо намажьте ее краской и сделайте отпечаток на листе. Вот рука готова, осталось добавить сердце. Его можно нарисовать на ладони и у вас получится наглядное бессловесное предложение руки и сердца. Конечно, для конкретизации вы можете добавить текст в письменном виде, но, думаем и без него все будет понятно.
Что понадобится?
Шаг 1: распечатайте шаблон
Если вы хотите, но не знаете, как красиво оформить письмо на конверте нестандартного размера, наш совет – увеличьте или уменьшите шаблон соответственно в одном из графических редакторов.
Шаг 2: переведите шаблон на бумагу или конверт
Поместите шаблон в конверт лицевой стороной к лицевой стороне конверта. Если у вас есть светлая коробка, а еще лучше прозрачный стеклянный стол, поместите конверт на них. Вы также можете держать его на освещенном солнцем окне, а может, ваш конверт настолько тонкий, что вы безо всяких приспособлений рассмотрите рисунок шаблона. Все зависит от бумаги! Далее с помощью серого карандаша аккуратно переведите рисунок с шаблона на лицевую сторону конверта. Для этого аккуратно обведите все линии поверх конверта карандашом. Если вы чувствуете в себе достаточно сил, вы можете пропустить этот шаг и рисовать прямо поверх шаблона ручкой с чернилами. Но если это ваш первый раз, лучше для начала воспользоваться карандашом, иначе вам придется много раз переделывать свою работу.
Шаг 3: сделайте необходимые надписи
Шаг 4: обведите чернилами
Как только вы закончите с серым карандашом, берите чернильную ручку и начинайте обводить текст. Помните, что каллиграфическая ручка вам действительно не нужна. Используйте любую старую ручку с красивыми чернилами, простой роллер и т.д. Далее просто обведите линии по контуру. Как только вы отследите рисунок, вы убедитесь, что элементы шаблона можно продлить до конца конверта за счет удлинения линий. Красивое оформление письма своими руками готово!
Конверты могут простые, подарочные, отличаться формой и размером, могут не иметь украшений и быть сложно декорированными. Для того чтобы сделать бумажный конверт вам с ребенком потребуется немного времени, материалы для работы и фантазия.
Шаги:
Это очень простой способ. Такой конвертик можно не склеивать, а просто тщательно пригладить его сгибы так, чтобы он не открывался. Зато, когда получатель раскроет конверт, он увидит сердечко. Внутрь такого конверта можно даже ничего не класть, а просто написать внутри самого сердца приятные слова.
Шаги:
Естественно, что конверт, в который предполагается вкладывать деньги, должен выглядеть очень красиво. Создать же такой шедевр можно и в домашних условиях. Материалов и времени уйдет самый минимум, но результат работы окажется восхитительным.
Шаги: