Частые ошибки новичков и как их избежать

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

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

Неправильный размер макета

Для каждого товара есть требования к размеру и разрешению макета. Они указаны на сайте в разделе «Шаблоны и техтребования». Там же можно скачать готовые шаблоны к каждому товару и «примерять» свой дизайн на подготовленный слой.

Краткий гайд по работе с шаблоном:

Откройте шаблон в Иллюстраторе или Фотошопе.
Добавьте в него своё изображение
Разместите картинку по центру
Удалите слои шаблона
Сведите слои.
Сохраните файл.

⚠️ Менять размер и разрешение шаблона не нужно — они уже установлены правильно.

Неправильный цветовой профиль

На странице каждого товара в разделе «Шаблоны и техтребования» есть ссылки на актуальные цветовые профили для Фотошопа и Иллюстратора. Кастом принимает макеты только с этими профилями.

Как установить профиль:

Скачайте файл профиля.
Перенесите его на жёсткий диск. Путь обычно такой:
C:/Windows/System32/Spool/Drivers/Color
Запустите программу и перейдите в меню:
«Edit/Редактирование → Collor settings/Настройка цветов».
В модальном окне, в разделе «Working Spaces/Рабочие пространства», откройте вкладку CMYK и выберите нужный профиль.
Нажмите ОК.

Все изображения нужно сохранять в формате tif — неважно, векторное это изображение или растровое.

Проблемы со слоями

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

Как правильно свести слои:

Во вкладке «Layers / Слои» наведите курсор на любой слой и нажмите правую кнопку мыши.
В меню выберите «Flatten Image / Свести все слои».

⚠️ Важно: сводить слои нужно для всех товаров, кроме шоперов. Они печатаются другим способом.

Лишние элементы и фон

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

Ненужный фон. Если в макете есть фон, который не является элементом дизайна, удалите его.

Как удалить фон:

Откройте изображение в Фотошопе. Если это JPEG — фон есть 100%.
В меню «Select / Выделение» выберите «Subject / Объект».
По контуру предмета появится пунктир. Если он неровный, исправьте его вручную с помощью «Quick Selection Tool / Быстрое выделение», управляя «+» и «–» в верхней панели.
В меню «Select / Выделение» выберите «Inverse / Инверсия».
Нажмите Delete, чтобы удалить фон.

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

Эту прекрасную «Котёнку» сделали для бежевого шопера. Фон в макете совпадает с цветом изделия, поэтому не имеет большого смысла его оставлять. Лучше удалить фон.

Некачественная нейрогенерация и низкое разрешение

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

Качество нейросетевой картинки зависит:

от самой нейросети: они работают по-разному;
точности запроса: чем точнее промт, тем лучше результат;
дальнейшей доработки.

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

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

Пример.

Изображение 100×100 px, 75 dpi → увеличиваем несколько раз → получаем 4000×4000 px, но всё те же 75 dpi. Многие в таком виде и загружают макет. Это ошибка: на постеры нужно ставить 300 dpi, а на остальные товары — 150.

Как увеличить dpi:

Открыть Фотошоп, зайти в «Image/Изображение» → «Image Size/Размер изображения».
Указать в поле «Resolution/Разрешение» 150 или 300 dpi.

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

Как поменять dpi в Фотошопе

Кирпич не по стандарту 🙃

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

Ширина — 25 см.
Высота 6,5 см.

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

Взяли бы себе такие фотообои?

Нет краёв у картин

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

Как работать с припусками на примере картины 30х40 см

Макет должен быть размером 38×48 см, на 4 см длиннее с каждой стороны .
Припуски не должны оставаться пустыми - это некрасиво. Но и важные части композиции не должны туда попадать, потому что их не будет видно. Чтобы избежать попадания важных элементов на подрамник, до линии загиба должно оставаться 20-25 мм.

Так выглядит видимая часть картины и подрамники

Ошибки с шоперами

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

Лишние элементы за пределами макета. Если за пределами макета будут какие-то объекты, принт не напечатается. В Фотошопе это можно проверить, нажав «Ctrl+T». Если рамка трансформации выходит за границы, значит, есть что-то лишнее.

Пример рамки, выходящей за макет

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

Как найти прозрачные элементы:

Сделайте копию слоя: Ctrl+J
Преобразуйте её в смарт-объект: ПКМ по слою + «smart object»
В нижней части окна «Слои» выбрать вкладку «Add a layer style/Добавить стиль слоя»
В открывшемся меню примените «Color Overlay / Наложение цвета» тёмным цветом, например, тёмно-синим
Поставьте прозрачность на 100%, нажмите «ок»
Отключите видимость первого слоя
Проверьте макет на наличие прозрачных полос

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

Как выглядят прозрачные элементы

Как убрать прозрачность:

Если вы работаете с png и jpeg, продублируйте слой несколько раз с помощью Ctrl+J и объедините дубликаты. Фон останется прозрачным, а полупрозрачные области уплотнятся.

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

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

Заключение

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