Что такое превью макета
Как сделать превью
Думаю, многие из вас уже сталкивались с вопросом о том, как качественно и красиво подавать свои проекты. Это могло потребоваться не только в процессе работы, но и для создания вашего портфолио, о роли которого уже было рассказано в статье «Портфолио графического дизайнера».
Несомненным плюсом реалистичного превью макета является наглядность конечного результата. Часто, когда заказчик видит макет, сохраненный в формате *.jpg, он не совсем понимает, как это будет выглядеть в итоге, и может отвергнуть даже очень хорошие идеи.
Подумайте сами, что смотрится намного привлекательнее: плоскостное изображение макета или же фотореалистичная картинка с уже готовой продукцией? Думаю, ответ очевиден.
Поэтому мой вам совет – потратьте лишнее время, чтобы показать удачность решения поставленной перед вами задачи. Это еще один «балл» в вашу пользу.
Не думайте, что превью сделает за вас всю работу по убеждению заказчика, оно является очень сильным вспомогательным средством для отстаивания и аргументирования вашей позиции.
В данном уроке я покажу на примере буклета с двумя фальцами один из способов создания шаблона для изготовления превью. Почему шаблона? Потому что в дальнейшем его будет возможно использовать для быстрого создания изображения аналогичных буклетов.
Итак, с чего мы начнем?
Шаг 1. Правильная перспектива.
Очень важно для создания фотореалистики, чтобы при просмотре картинки не возникала мысль, что «что-то не так». Поэтому очень щепетильно следует отнестись к построению перспективы вашего продукта, он должен выглядеть максимально натурально.
Если вы счастливый обладатель художественного образования или просто знакомы с законами построения перспективы, то смело можете начинать ее рисовать. В случае отсутствия этих знаний предлагаю обратиться к поисковикам по картинкам или к фотоаппарату.
Я выбрала вариант с фото: разложила буклеты так, как мне показалось, они неплохо будут смотреться, и сделала снимок.
Теперь открываем Photoshop и создаем новый документ со следующими настройками:
Размещаем сделанные снимки на рабочем пространстве. В соответствие с моей задумкой, вот что у меня получилось:
Теперь начинаем обрисовывать наш буклет. Для этого выбираем инструмент Прямоугольник (Rectangle Tool) и проверяем его настройки: мы должны рисовать Слой-Фигуру (Shape layers) заданного размера (Fixed size) – 100х214 мм.
Одиночным щелчком мыши размещаем наш прямоугольник на рабочей области и трансформируем его под размер одной стороны буклета. Для этого, выделив слой с прямоугольником, нажимаем сочетание клавиш Ctrl+T и выбираем из контекстного меню (клик правой кнопкой мыши в области фигуры) пункт Искажение (Distort).
Далее совмещаем вершины прямоугольника с углами одного из разворотов буклета и принимаем трансформацию, нажав Enter. Теперь сделаем стороны плавными. Из группы инструментов Перо (Pen Tool) выбираем Инструмент «Угол» (Convert Point Tool), щелкаем по контуру фигуры, чтобы его выделить, выбираем узел, который будем редактировать и, не отпуская кнопку мыши, тянем за него, чтобы вытащить маркеры управления. Взяв отдельный маркер и зажав клавишу Alt, подгоняем наш контур под очертания буклета.
По аналогии добавляем еще две стороны, чтобы получился разворот. Во избежание путаницы в дальнейшем, я создала группу «Разворот» и поместила туда все созданные слои. Теперь у нас есть основа буклета.
Шаг 2. Свет и тень
Как известно, без света и тени нет объема. Поэтому давайте добавим несколько эффектов, чтобы будущие странички каталога выглядели более реалистично.
В палитре слоев щелкаем правой кнопкой мыши по одной из сторон буклета и в контекстном меню выбираем Параметры наложения (Blending Options), откроется окно Стиль слоя (Layer Style). В нем выбираем Тень (Drop Shadow) и Наложение градиента (Gradient Overlay) с такими параметрами:
Копируем стиль слоя на две оставшиеся стороны с помощью контекстного меню (правый клик мышью на нужном слое в палитре слоев), изменяя при этом угол наложения градиента, чтобы тень смотрелась естественно. Для центрально фрагмента он получился равным 15°, а для правого 19°. Также для правой стороны нужно немного отредактировать градиент, чтобы ползунок со значением непрозрачности 0% был смещен влево. В итоге получаем вот такое изображение:
Теперь добавим тень непосредственно под сам буклет, используя инструмент Перо (Pen Tool). В настройках переключаем рисование с Контура (Paths), которое стоит по умолчанию, на Слой-фигуру (Shape layers) и изображаем примерно следующее:
Перемещаем созданную тень под буклет и растрируем (правый щелчок на слое и выбор команды Растрировать слой – Rasterize Layer). Выбираем инструмент Ластик (Eraser Tool) с четкими краями, размером примерно 40-50 px и непрозрачностью (Opacity) 30%, и делаем нашу тень менее насыщенной. Затем сглаживаем ее края инструментом Размытие (Blur).
Шаг 3. Смарт-объекты
Теперь давайте создадим слои с редактируемым содержанием, которое возможно будет изменять в дальнейшем независимо от остального макета, — так называемые смарт-объекты (Smart Object).
Снова обратимся к инструменту Прямоугольник (Rectangle Tool), его настройки у вас сохранились (Слой-Фигура (Shape layers) заданного размера (Fixed size) – 100х214 мм). Одиночным щелчком мыши размещаем наш прямоугольник на рабочей области и преобразовываем его в смарт-объект (правый клик мышью на слое в палитре слоев и выбор команды Преобразовать в смарт-объект – Convert to Smart Object).
Не снимая выделения с этого слоя, нажимаем Ctrl+T и из контекстного меню (клик правой кнопкой мыши в области фигуры) выбираем пункт Искажение (Distort). Совмещаем вершины прямоугольника с углами одного из разворотов буклета. Не нажимая Enter, опять вызываем контекстное меню и выбираем пункт Деформация (Warp). Используя появившиеся маркеры управления, делаем наш слой близким по форме к выбранной стороне буклета. Принимаем трансформацию нажатием Enter.
Предварительно поместив смарт-объект над слоем соответствующей стороны буклета, изменим режим наложения смарт-слоя на Умножение (Multiply) и, вызвав контекстное меню, выберем команду Создать обтравочную маску (Create clipping mask).
По аналогии создаем еще 2 смарт-объекта для двух оставшихся сторон.
Если буклет покажется недостаточно контрастным, то можно добавить еще немного тени к местам сгиба. Для этого скопируйте нарисованную в самом начале сторону буклета, поместив ее над соответствующим смарт-слоем, измените в свойствах слоя значение заливки (Fill) на 0%, отключите тень и редактируйте градиент следующим образом (цвет градиента не меняется):
Шаг 4. Наводим марафет
Теперь дело осталось за самым малым – добавить содержимое буклета. Двойным щелчком на значке слоя открываем файл смарт-объекта и помещаем в него существующий макет. С помощью Ctrl+S сохраняем изменения и закрываем наш файл.
Чтобы наш буклет не висел в воздухе, делаем для него подложку. Очень ВАЖНО, чтобы фон соответствовал общей перспективе. Поэтому лучше всего выбрать что-то более-менее нейтральное.
Все сохраняем и наслаждаемся проделанной работой:
Надеюсь данный урок будет для вас полезен. Если будут желающие получить исходник — добавлю ссылку для скачивания. Просьбу об этом можно оставить в комментариях.
На этом статья подходит к своему завершению.
Превью: что это значит и как работает
Что такое превью
Начнём с того, что такое превью. Это, заставка или обложка для предварительного просмотра, в которой отражена вся суть материла. Чаще всего превью применяется в качестве обложки для Ютуб, как рекламная заставка для очередного ролика. На самом деле, превью действительно можно считать импровизированной рекламой.
Согласитесь, что внешний вид побуждает нас либо купить тот или иной продукт, по его внешнему виду или нет. Опытные интернет-маркетологи прекрасно знают об этой психологии человека. Поэтому стараются сделать так называемую «оболочку» товара как можно более привлекательной.
Просто понаблюдайте за собой: желание купить книгу красивой обложкой и захватывающим предисловием намного больше, нежели со стандартным рисунком. Аналогичным способом мы выбираем не только видеоролики с провокационными названиями и интригующими заставками, но и вещи для повседневного использования. Продукты питания, одежду, бытовую химию.
Каждый бренд старается сделать упаковку для своей продукции как можно более красивой и привлекательной. Для этого у известных компаний даже есть специальный отдел с опытными специалистами в маркетинге. Для них внешний вид продукции, по важности стоит на ровне с комплексным SEO продвижением и раскруткой сайта, поэтому его разработке уделяется особое внимание.
Что такое превью для видео на Ютубе
Мы уже застрагивали тему превью для видео, но сейчас мы поговорим, о том, что это такое более подробно. Как уже говорилось ранее, это миниатюра, которая ставится в качестве обложки ролика на каком-либо канале.
Так как это отличный маркетинговый ход для привлечения просмотров и подписчиков, видеоблогеры подходят к разработке обложки очень серьёзно. Многие даже пользуются услугами веб-дизайнеров, кто профессионально подходит к этому делу и на основе интересов аудитории и специфики контента создаёт уникальное превью.
Чтобы превью для видео было действительно качественным и привлекало пользователей, важно помнить несколько правил. Самое главное – это качественное изображение. Если в макете превью есть текст или эмоджи, обязательно выделите их с заднего фона, дабы пользователь первым дело обратил внимание именно на них.
Конечно же, суть обложки должна соответствовать структуре видео, то есть о чём пойдёт речь. Здесь действует принцип дезинформации на сайте. То есть если название страницы не будет соответствовать поисковому запросу, отказы в Яндекс Метрике, это первое, что начнёт стремительно увеличиваться. Конверсия и посещения будут уменьшаться и поисковые системы, видев всю ситуацию, понизят сайт в позициях.
Если цель превью для ролика – прославить собственную персону или прорекламировать какой-либо бренд. Своё фото или фото продукта для рекламы нужно ставить на видном месте, крупным платом, можно даже подчеркнуть, выделив рамкой. Текст видео всегда должен быть цепляющим, дабы убедить пользователя срочно посмотреть этот ролик и перейти на контент блогера или сайт рекламируемого бренда.
Что такое превью фотографий
Аудиторию скорее интересует, не что такое превью фотографий, а как создать превью-фотографию для привлечения пользователей. Особенно эта тема интересна тем, кто задумал вести бизнес-аккаунт в Инстаграм, как импровизированный сайт для бизнеса. Конечно, заниматься массфолловингом, это первое, что нужно для продвижение аккаунта. Но чтобы удержать пользователя и сделать его своим подписчиком, необходимо привлечь его.
А сделать это получится, только если превью аккаунта вызовет у него неподдельный интерес. Для этого можно выбрать либо самую удачную личную фотографию и поставить хештег своего аккаунта. Либо выбрать абстракцию, отражающую структуру аккаунта, например красивый товар, который продаётся у Вас.
Что такое превью макета
Существует так же превью вкладок, что это такое, сейчас расскажем. Итак, превью макета, это, по сути, изображение, в котором отражена суть проекта, то есть его «лицо». Обычно превью макета служит для утверждения на печать, если мы говорим о том, создании баннера, как рекламы.
Блог нашего сайта можно взять как ещё один показательный пример превью, и как это работает. Не будем открывать всех секретов разработки обложки для каждой статьи, но знаем одно – это привлекает посетителей. Каждое превью на материал блоге разрабатывается дизайнером, дабы сделать его уникальным. Специально для наших статей была разработана рамка для большего эффекта.
Как можно заметить, в превью публикации отражается её тема, то есть о чём пойдёт разговоров. Если рассуждения пойдут на тему эффективного продвижения под Яндекс, то наш специалист находится соответствующее изображение и моделирует саму миниатюру.
Про все тонкости и особенности создания продающего превью не рассказывают даже в самые опытные коучеры, что (/articles/help/koucher-kto-eto-i-chem-on-zanimaetsya) делает разработку обложек более сложной. Но те, кто постигают эти знания и понимают общий алгоритм процесса, зарабатывают на это не хуже, чем на обучении SEO с нуля, или раскрутке какой-либо личности.
Что ж, сегодня мы обсудили всё, что связано с превью, определили, что это такое и как его грамотно разработать, чтобы привлечь аудиторию не только на контент на Ютубе, но и на сайт или блог. На самом деле, превью так же важно для оформления роликов или статей, как микроразметка для сайта. Поэтому этому атрибуту в маркетинге нужно уделять должное внимание.
2. Подготовка и отправка макетов в печать
Сделали макет и можно налить чаек и сесть смотреть сериалы? Ан-нет 🙂 Необходимо макеты подготовить к отправке и написать в группу ТЗ заказа. А после всего этого нужно залить все материалы в облако, об этом написано в главе 3. Работа с облаком
2.1. Резка макетов для ПВД
Для отправки макетов в печать, их сначала необходимо подготовить. Подготовка макета заключается в разбивке его на составные части, так чтобы эти части целиком влезали в формат А4.
Если макет для печати 2х или более цветный, то необходимо каждый цвет вынести на отдельный лист А4, и в письме указать на какой странице какой цвет (так как макет в печать должен иметь глубокий черный цвет независимо от того, какой цвет заказал клиент, даже если цветов несколько).
Пример технического задания:
Размер: 20х30
Цвет пакета: Белый
Цвет нанесения: 2 цвета (красный, зеленый)
Плотность: 70 мкр
Тираж: 300 штук
2.2. Превью макетов
Превью — это картинка JPG либо PNG отображающая то, как должно выглядеть готовое изделие, не обязательно в точности. Превью необходимо что-бы просверлить отверстие в бирке, либо чтобы правильно собрать макет для ПВД из листов А4.
Превью для бирок
Для бирок необходимо создать превью с указанием места сверления (окружность с диаметром 5мм), если макет маленький, то отверстие 3мм. Макет считается маленьким если он меньше 40 мм в высоту и 70 мм в ширину. В таком случае в примечании к печати (в беседе в WhatsApp) необходимо обязательно приписать, что сверление 3 мм сверлом. Никакие мокапы делать не надо.
Превью для ПВД
Превью для пакетов «Майка»
Для маек можно как разместить макет на мокапе, так и просто в кореле сделать грубый пример пакета майка, и сохранить аналогично, как сохраняли превью для ПВД.
2.3. Запись в группу WhatsApp
После того как макеты подготовлены и залиты в облако (3. Работа с облаком) необходимо скопировать содержание задачи с битрикса в специальную группу в вацап, это действие говорит, что клиент одобрил макет и он лежит в облаке. Печатники заберут макет с облака и уже сделают свою часть работы.
2.4. ЧаВо (Частые вопросы)
Кривая, она же вектор — элемент макета, который не теряет качества при увеличении/уменьшении макета. Макеты для печати методом шелкографии (ПВД, крафт, шарики) и флексоформы (майки, сувенирная продукция, пришивные этикетки, скотч) должны быть обязательно в кривых.
Необходимо открыть папку с шаблонами PSD и вставить макет клиента в шаблон, далее просто подогнать по размеру.
Что такое превью
9 ноября 2019 Опубликовано в разделах: Азбука терминов. 43037
Создание собственного канала на популярном и любимом всеми видеохостинге Ютуб не составляет труда даже для начинающих пользователей. Достаточно всего лишь пройти регистрацию, задать настройки и все — можно выкладывать свои творения. Чтобы выложенный ролик смотрелся презентабельно и выгодно отличался от множества подобных, его следует надлежащим образом оформить.
Зачем это нужно
В момент загрузки видеоролика вариация обложки будет предложена системой автоматически. Конечно, можно без раздумий принять и использовать именно ее, но гораздо лучше будет создать специальное изображение собственноручно. Сейчас объясним почему:
Требования к обложке Ютуб-видео
Соблюдение принципов YouTube сообщества — обязательное условие для всех блогеров, ведущих собственные каналы. Их нельзя нарушать, поэтому на превью следует отображать только то, что напрямую связано с происходящим в ролике. С целью привлечения большого количества зрителей, стоит позаботиться об эффектном оформлении. Задействовать фото высокого качества, яркие значки, красивые надписи.
Перед тем как приступать к созданию обложки для видео на Ютуб, нужно удостовериться, что эта возможность открыта для вас. Загружать личные изображения при плохой репутации, не подтвержденном аккаунте или откровенном несоблюдении требований площадки не получится. Чтобы узнать больше, выберите вкладку «Канал» и кликните по «Статусу и функциям». На приложенном ниже примере страницы хорошо видно, что аккаунт подтвержден, а его владелец соблюдает установки сообщества.
Если такая возможность отсутствует, предстоит нажать на зеленую птичку возле обложки канала. После этого на мобильный будет прислано сообщение с кодом, который необходимо будет ввести в открывшемся окне.
Размер
Оптимальная величина для данного видеохостинга — 1280×720 пикселей. Создать превью можно и в большем или меньшем варианте. Главное — соблюдать пропорции 16:9 и помнить, что ширина не должна быть менее 640.
Установленных правил лучше придерживаться, так удастся сохранить хорошее качество при изменении параметров. Перед использованием следует проверить, как будет выглядеть картинка в уменьшенном виде, а также удостовериться, что все детали легко читаемы.
Формат
Видеохостинг работает с JPG, BMP, PNG и GIF, который не может быть анимированным. Если имеющаяся картинка не соответствует ни одному из указанных расширений, надлежит перевести ее в другое посредством программы Фотошоп (или любой другой). Для этого нужно загрузить ее в графический редактор и сохранить в другой форме.
Может быть меньше или равен 2 МБ. При превышении, что случается крайне редко, изображение надлежит пересохранить в JPG.
Как сделать обложку для видео на YouTube
Пора переходить к действиям. Разберемся с принципами работы графического редактора Canva и выясним, чем он может быть полезен. Преимущество его в том, что это бесплатный онлайн-сервис, а поэтому скачивать и устанавливать какие-либо мудреные программы не придется. Единственное, на что предстоит потратить время перед непосредственным созданием превью — это авторизация. После нее сразу же открывается главная веб-страница.
Как создать обложку для Ютуба онлайн в Canva
В первую очередь необходимо запустить редактор и выбрать из перечня доступных подразделов «Соцсети и заголовки писем». Далее обращаем внимание на две вкладки, которые нам нужны. Это «Оформление канала на Ютуб» и «Миниатюра для YouTube». Теперь нажимаем на последнюю и оказываемся на веб-странице с образцами (макетами).
Шаблоны
Использовать можно любой готовый, просто поработав с текстом, изменив цветовую гамму или изображение. Следует помнить, что при задействовании кириллицы не гарантирован ожидаемый результат. Не все шрифты в русской раскладке отображаются столь же красиво, как используемые в «Канве». К слову, их количество также оставляет желать лучшего. Но подыскать что-то подходящее все-таки возможно.
По существу, все макеты представляют собой совокупность отдельных деталей (элементов), которые поддаются редактированию. Так, например, в представленном ниже образце есть возможность изменить желтые треугольники-уголки, основное фото и шрифт.
Текстуры и фон
В качестве фонового изображения прекрасно подойдут доступные фото в Canva. Найти их можно в графе «Элементы» подразделе «Бесплатно». Подбирать следует горизонтальные фотографии, вытянутые в ширину.
Отличным решением станет задействование разнообразных текстур и графических заливок, которые находятся в категории «Фон». На представленном выше примере при создании превью для канала было использовано предварительно подготовленное фото из сети. В этом плане можно не ограничивать свою фантазию, в интернете огромное количество красивых качественных картинок, которые отлично подходят для работы. Достаточно уделить немного времени, подобрать нужные и скачать.
К слову, пользоваться готовыми шаблонами совершенно не обязательно. Неплохой идеей будет сделать фон, используя кадр из самого видеоролика. Правда, чтобы воспользоваться данным вариантом, стоит быть уверенным в высоком качестве изображения.
Использование стоп-кадра
Для начала необходимо внимательно просмотреть запись и определить самые интересные места. Теперь постарайтесь поймать нужный кадр и создать скриншот.
Чтобы сделать обложку на видео в Ютубе, сталось загрузить полученное изображение в графический редактор Canva, добавить ее на пустую заготовку и растянуть при необходимости. Дальнейшее оформление следует производить на свое усмотрение, заручившись фантазией и вдохновением.
Текст на превью
Для создания фоновой подложки необходимо открыть графу «Элементы» и, выбрав квадрат, переместить его на заготовку. Можно изменить оттенок или форму, вытянув блок по низу изображения.
С помощью специального инструмента на панели без труда задается уровень прозрачности (если требуется). На следующем этапе пора добавлять текст на полупрозрачную подложку и придавать ему надлежащий вид. Сделать это удастся посредством задания нужного цвета, регистра или начертания.
Местоположение, форму и оттенок можно менять, перебирая различные варианты.
Для создания сложных геометрических фигур вовсе не стоит подыскивать многоугольники. Достаточно повернуть обычный прямоугольник и сдвинуть его немного в сторону. Прозрачность у фигуры при этом равна нулю.
С помощью уже знакомой графы «Элементы» получится с легкостью добавить рамку или превратить прямоугольник в круг. Дело сделано — обложка готова.
Вообще, нюансы и направление оформления во многом зависят от модных тенденций определенного времени. Так, например, если на пике популярности контент о школьном и подростковом периодах, особенно привлекательными для аудитории выступают яркие краски. Поэтому, пестрыми разноцветными обложками стараются привлечь к себе внимание зрителей даже те каналы, которые совершенно далеки от этой тематики. И главное в такой ситуации — соблюдать золотую середину. Помнить о том, что привлекать посетителей должен один ярко выраженный элемент: картинка, текст или графика. Все вместе выглядит отталкивающе.
Как поставить обложку на видео в Ютубе
Данный процесс подразумевает поэтапное выполнение ряда действий.
Для начала нужно запустить видеохостинг, и выбрать пункт, указанный на скриншоте ниже.
Теперь возле видеоролика, на котором необходимо заменить картинку, активируйте раздел «Изменить» и во всплывающем перечне функций нажмите на «Информацию и настройки».
В открывшемся редакторе среди представленных кадров надлежит кликнуть на «Свой значок». Эта кнопка находится справа.
В «Проводнике» предстоит указать путь к файлу, который нужно задействовать в качестве превью. Выбрав изображение, остается только нажать кнопку «Открыть».
На загрузку потребуется 5-10 секунд, после чего подобранная картинка превратится в обложку. При нажатии «Опубликовать» все внесенные изменения сохраняются. Поэтому, не стоит забывать своевременно вносить необходимые данные в пустые поля в редакторе.
Плохие и хорошие примеры
На видеохостинге огромное количество роликов, но не все из них могут похвастаться эффектным выразительным содержанием. Почему так происходит? Все просто, далеко не каждый владелец канала стремится узнать, как делать превью для видео на YouTube правильно. В завершающей главе разберемся, что нужно предпринять, чтобы привлечь посетителей своим видеороликом, а от чего лучше вовсе отказаться.
Сначала перечислим, какие детали можно задействовать на изображении:
Теперь рассмотрим, чего стоит избегать при оформлении обложки:
В завершении хочется еще раз напомнить, просто знать, что такое превью на Ютубе — не достаточно для эффективного продвижения канала. Необходимо понимать, какие функции выполняет обложка, уметь оформлять ее правильно и тем самым привлекать внимание большого числа зрителей. Надеемся, сегодняшние наши рекомендации окажутся для вас полезными.