Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Стиль работы Тематика Ятаквижу

Стиль работы:

#{{tag.label}}

Тематика:

#{{tag.label}}

Ятаквижу:

#{{tag.label}}

Не более десяти тэгов на одну работу

Работа 18+

Отключить комментарии

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:

Автоматически перейти в портфолио
Остаться на текущей странице

Запланировать публикацию

{{pub_dates[pub_date] || pub_dates[0]}}

Отменить планирование

Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее

Создаём свои стикеры для Telegram в Adobe Illustrator – Design Class

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

Эти картинки помогают выразить эмоции ярче, чем текстовые или графические смайлы, а также используются для кратких ответов на вопросы в беседе (Да, Нет, Согласен и т. д.).

Создать пакет стикеров легко. Достаточно идеи и желания.

И так, в этой статье описаны принципы по которым создаются стикеры. Начинаем с идеи! Новичкам лучше использовать референсы.

Пример референса! Если хотите сделать стикеры супергероев, для вдохновения лучше использовать комиксы, мультфильмы или картинки из гугла.

Берите с каждого рефа (картинки) только то, что нужно:

• Композиционное решение
• Расположение объектов
• Цветовую гамму
• Типаж модели
• Стилистический образ

После нахождения необходимого образа, открываем знакомый редактор Adobe illustrator или Photoshop. Если эти программы не знакомы, создать собственный набор стикеров невозможно. Ситуация изменится, когда пробелы в знаниях будут заполнены. Стоит закончить курс графического дизайна или изучить отдельно программу на курсах Дизайн-класс.

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

Важно помнить:

• Создайте необходимый размер (ширина ровно 512 пикселей, а высота — не превышать этого же значения).
• Вес картинки не больше 350 килобайт
• Цветовое пространство RGB, так-как использоваться картинки будут только в программе
• Отрисовать можно с помощью инструмента перо
• Используйте сглаживание для контуров, чтобы убрать неровности
• Помните о настройках объективной кисти под задачу

Как делать отрисовку с помощью планшета или без него.

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

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

Благодаря планшету, дизайнеры получили преимущества:

• Удобство в прорисовывании иллюстрации до мельчайших деталей (чего не возможно было бы добиться при использовании мышки).
• Контроль толщины линии пера в зависимости от силы нажима.

В Adobe Illustrator рисовать на планшете возможно кистью-кляксой, карандашом и кистью. Акцент сделаем на настройке инструментов для работы с графическим планшетом.

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

Правильно настраиваем перо

• Открываем — Окно — Кисти и выбираем — Круглая кисть. Два раза кликаем по кисти, открывается окно с настройками. Устанавливаем параметры:
• диаметр — 10, Нажим пера —10 (максимальный диаметру кисти).

Эти настройки позволят в дальнейшем изменять толщину контура в зависимости от степени давления от 0 до удвоенного размера.

• Чтобы проверить что у вышло, выбираем Blob Brush Tool и ставим точки с разной степенью давления.
• Если не удалось выполнить рисование с разным давлением, то советую поиграться с настройками пера планшета, которые живут в меню Пуск — Все программы — Планшет Wacom — Свойства планшета Wacom. Регулируйте чувствительность.

Настраиваем инструмент — Кисть (Paintbrush Tool).

• Два раза нажимаем по иконке инструмента на — Панель инструментов, чтобы всплыло окно с настройками. Теперь знакомимся с параметрами инструмента — Кисть.
• Точность — показывает, на какое расстояние перемещается кисть прежде чем программа автоматически добавит новую опорную точку.Доступны значения от 0,5 до 20 пикселей. Чем выше значение ставите, тем создаваемый контур будет менее сложным (с меньшим количеством опорных точек) и соответственно будет гладким.
• Сглаживание — показываем степень сглаживания при рисовании. Доступны значения от 0 до 100%. Чем выше процентное значение выбрали, тем сглаженные контур получится при рисовании.
• Чтобы вернуть настройки «по умолчанию» стоит просто нажать кнопку — Восстановить.

Настраиваем инструмент Карандаш (Pencil Tool)

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

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

Выполняем заливку штрихов карандашом — параметр дает программе применить заливку к обводке. Перед рисованием не выберете цвет заливки.

Оставлять контур выделенным — выбор этого параметра позволяет сохранять контур выделенным после создания.

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

Отрисовка без планшета.

• В меню Слои ставим галочку Шаблон. Это закрепит текущий слой с рисунком, чтобы тот не двигался. Также изображение станет бледным, чтобы удобно было отрисовывать исходный вариант.
• Создаём новый слой. Цвет обводки возьмем яркий, чтобы отличать от эскиза и цвета направляющих, так лучше видно. Инструмент перо отрисовывает линии.
• Если в картинке изображении кучу линий, на обводку уйдет много времени. Чтобы быстро перейти к созданию новой линии, нажимаем клавишу — P Перо на клавиатуре.
• Можно сделать кисть из эллипса. Для этого нарисуйте узкий эллипс, который больше похож на полоску. Эллипс искажается с помощью Warp Tool (Shift+R). Затем перетаскиваем эллипс в панель кисти. Тип кисти выбираем Art Brush, окно настроек остается без изменений.
• Когда кисть готова, выделяем контуры на артборде и применяем. Просто нажмите на кисть в панели Brushes, и она заменит стандартные обводки рисунка.
• Если образовались неаккуратности на некоторых линиях, это исправляется. Пройдитесь по этим местам инструментом — Warp Tool (Shift+R), или сгладьте через Smooth Tool (второй инструмент в карандаше).
• Чтобы линии были разной толщины, применяем инструмент Width Tool (shift+W). Выделяем линию, которую хотим изменить, и тянем в сторону этим инструментом.
• Width Tool (shift+W) применяется к одному контуру в нескольких местах, тогда добиваемся неравномерного профиля линии, она будет как бы гуляющая. Результат возможно разгруппировать для дальнейшего редактирования Object — Ungroup (ctrl+shift+G).

Если в векторе появилось очень много лишних точек, то их количество сокращается через упрощение контура Object — Path — Simplify.

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

У динамических контуров главная черта – толщина. Линии варьируется в зависимости от выбранной логики. У постоянного контура толщина линии соответственно постоянна.

• Свето-теневой контур. В тени нарисованный объект будет жирным, на свету же линия стремится к истончению.
• Комиксовый контур. Комиксовым контурам характерно утолщаться к сочленению линий. Часто в контуровке такой стилистики линии переходят в теневые пятна.
• Кистевой контур. Линии будто рисуются кистью. При таком методе рисунка толщины линий варьируются хаотично, по велению души, и создают легкий и артистичный контур.

Как получить нужный цвет!

Подключим Photoshop.

• Curves – простой инструмент для обработки цветов изображения. Когда нужно осветлить или затемнить, добавить контраста. На глаз или используя гистограмму кадра, выставляем нужный контраст картинки, изгибая линию в окне Curves.
• Selective Color — Selective Color позволяет работать с каждым цветом отдельно, добавляя или убирая из него оттенки других цветов. Открыв окно Selective Color, сразу переключаемся в режим Relative – теперь все изменения цветов будут проходить мягко и плавно, нежели в режиме Absolute.
• Hue Saturation — Главная особенность этого инструмента – пользоваться аккуратно. Если переборщить, цвета сразу станут чрезмерно насыщенными. В Hue Saturation можно, как и в Selective Color, работать с отдельными цветами.

Используйте Библиотеки смесевых цветов.

Запускаем в работу наши изображения.

Если уже есть заготовки к картинкам и установлен Telegram (не мобильная, а десктопная версия), нужно написать любое сообщение специальному боту — @Stickers. В ответ он предложит следующий набор команд:

• /newpack – создать новый набор стикеров/addsticker – добавить стикер в набор.
• /delsticker – удалить стикер из набора.
• /ordersticker – переставить местами.
• /cancel – отменить предыдущее действие

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

Стоит отметить, что бот устанавливает ограничения на разрешение загружаемых картинок: их ширина должна составлять ровно 512 пикселей, а высота – не превышать этого же значения. Максимальный вес картинки не может превышать 350 килобайт. Изображение для будущего стикера нужно прикрепить через меню File, которое появляется при нажатии на изображение скрепки.

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

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

• /publish.

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

Если вы создавали стикеры конкретно для Telegram, помните, эти же стикеры в мессенджере тоже будут актуальны.

Создание стикера в фотошоп для рекламы

2

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

Запустите программу фотошоп и создайте новый документ с размерами 500х500 пикселей, в любом случае в будущем размер можно всегда изменить под необходимый для блога. Новый документ в фотошоп создается из верхнего меню (файл – новый). Фон документа должен быть белым или прозрачным, чтобы стикер можно было в дальнейшем разместить на любом цветном фоне блога.

После чего необходимо создать новый слой (нажмите комбинацию Shift+Ctrl+N) и задайте ему название стикер. На панели инструментов фотошоп активизируйте инструмент «Прямоугольная область» (на клавиатуре М) и на созданном новом слое нажав и удерживая кнопку мышки нарисуйте прямоугольную область, которая должна быть похожа на стандартный листок стикера:

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

На панели инструментов фотошоп активизируйте «Градиент» (на клавиатуре G) и залейте выделенную область с право на лево используя мышку, то есть проведите черту:

Далее снимем выделение области нажав комбинацию Ctrl+D. Для того, чтобы стикеру придать эффект натуральности листка, используйте фильтр фотошоп «Искажение», в верхнем меню фотошоп (фильтр – искажение – искривление), после чего поэкспериментируйте с прямой линией задающей значение искажения стикера:

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

Можно для оригинальности создать несколько стикеров вместо одного, для этого сделайте копии слоя, нажав на верхней строчке документа синего цвета – со стикером, правой кнопкой мышки (там, где обычно расположено название документа) и из выпадающего меню выберете «создать дубликат». Повторите процедуру 2 раза:

Активизируйте из панели инструментов фотошоп «Перемещение» (клавиша V), после чего, используя мышку, переместите по очереди оба дубликата в основное изображение со стикером.

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

Для изменения положения каждого из стикеров, нажмите комбинацию Ctrl+Т, после чего произойдет выделения изображения контуром и используя мышку поворачивайте каждое изображение в отдельности. Чтобы зафиксировать положение изображения нажимайте Enter, при этом также исчезнет контурное выделение:

Стикеры не могут просто болтаться на весу, для этого пришпилим их к стене канцелярской кнопкой. Активизируйте на панели инструментов фотошоп инструмент «Произвольная фигура» (клавиша U) и выберете из верхнего меню программы фигуру канцелярской кнопки:

В правом углу 3-х созданных стикеров, нажмите левую кнопку мышки и не отпуская её потяните немного в сторону, примерно задавая реальный размер кнопки. Затем слегка наклоните вновь созданную кнопку нажав клавиши Ctrl+Т и поработав с ней мышкой, после чего нажмите Enter:

На панели инструментов фотошоп активизируйте «Кисть» (клавиша В), задайте цвет черный или темно серый и мышкой закрасьте фигуру канцелярской кнопки, но прежде чем выполнить такой эффект сделайте растрирование слоя с кнопкой перейдя на панель слоев фотошоп, как показано на рисунке и щелкнув по слою с кнопкой правой клавишей мышки:

Для того чтобы, созданный спецэффект кнопки приобрел более плавный эффект, задействуйте фильтр фотошоп «размытие». В верхнем меню программы (фильтр – размытие – размытие). Теперь стикер можно считать полностью завершенным.

Можете разместить на нем свои контактные данные, сделайте надпись, активизировав инструмент «Текст» из панели инструментов фотошоп или клавиша Т, нажмите на изображении стикера мышкой и сделайте надпись, используя клавиатуру. Чтобы наклонить текст, делаем все по аналогии Ctrl+Т – поворачиваем мышкой – фиксируем нажав Enter.

• 07.05.2010
• Уроки фотошопа

Вот как создавать удивительные наклейки (учебник по Photoshop)

Создайте то, что понравится вашим клиентам!

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

Сразу же вы заметите несколько вещей: 1) Стикеры не активируются автоматически в вашем магазине; 2) Каждый дизайн можно приобрести в виде белой или прозрачной наклейки; и 3) наклейки вырезаются по форме вашего произведения искусства.

В этом руководстве рассматриваются:

• Важная информация о наклейке
• Что нужно знать о наклейках перед созданием
• Как преобразовать JPG в PNG в Photoshop
• Как загрузить новую наклейку в Society6
• Получите URL вашего продукта, чтобы начать продавать

Информация об активе стикера

Минимальные характеристики актива стикера:

• Коэффициент активов: 1:1 (квадрат)
• Размер актива: 1800 x 1800 пикселей (минимум)
• Рекомендуемое разрешение: 300
• Рекомендуемый тип файла: PNG

Важное примечание перед проектированием

Будут напечатаны любые пиксели с прозрачностью 50% или выше. Это означает, что вы не хотите, чтобы какие-либо непреднамеренные пиксели плавали за пределами вашей предпочтительной области печати. Убедитесь, что вы выполнили следующие шаги. Это будет иметь больше смысла, когда вы будете работать с учебником.

Преобразование JPG в PNG в Photoshop
Шаг 1. Откройте рисунок в Photoshop (или создайте новый холст)
Шаг 2. Сразу же сохраните PSD

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

Начните продавать свои работы сегодня

Шаг 3: Создайте дубликат фонового слоя

Щелкните правой кнопкой мыши на слое «Фон» и выберите «Дублировать слой».

Горячие клавиши: Mac: Cmd + J, Win: Ctrl + J

Затем сделайте слой «Фон» невидимым, щелкнув маленький глаз слева от текста «Фон».

Шаг 4: Удалите все области дизайна, которые вы хотите сделать прозрачными (или белыми)

Повторяю, любые пиксели с прозрачностью 50% или выше будут напечатаны. Чтобы клиент не вернул ваш продукт из-за непреднамеренной и/или неудобной области печати, обязательно удалите все лишние пиксели, используя описанный ниже метод.

Шаг 4a:  Выберите ТОЛЬКО предпочтительную область печати.

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

Шаг 4b: Инвертируйте ваш выбор.

Перейти в меню: Select > Inverse

Сочетания клавиш: Mac: Cmd + Shift + I, Win: Ctrl + Shift + I

Шаг 4c: Удалите инвертированное выделение из 3b.

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

В будущем в блоге мы расскажем о более продвинутом методе неразрушающего редактирования с использованием масок слоя (т. е. о том, как это делают профессионалы). Это позволяет редактировать, не разрушая исходное изображение.

Шаг 5: Сохраните окончательный вариант в виде прозрачного PNG

Перейдите в меню Photoshop: «Файл» > «Сохранить как…» > выберите PNG из раскрывающегося списка > «Сохранить»

Загрузите только что созданный PNG в Society6

Нажмите «Управление моим произведением искусства» в раскрывающемся меню пользовательской навигации (в правом верхнем углу окна браузера).

*В этом примере мы предполагаем, что ваш дизайн уже доступен для продажи. Если вам нужно сначала загрузить свой дизайн, нажмите «Продать» на панели навигации и следуйте инструкциям.

Найдите дизайн, к которому вы хотите добавить наклейки, и щелкните вертикальный эллипс в крайнем правом углу продуктов. Выберите «Редактировать товары».

Нажмите «Технологии» в категории навигации и затем наведите указатель мыши на наклейку. Нажмите «Изменить».

Перетащите только что созданный файл PNG в поле «Загрузить изображение клиента».

Теперь отрегулируйте размер и положение по своему вкусу.

Убедитесь, что ваш дизайн простирается до краев зоны безопасного поля, не пересекая их. Таким образом, ваши наклейки будут напечатаны в правильном размере и с красивым закругленным краем. Например, когда покупатель покупает 3-дюймовую наклейку, он получает наклейку размером 3 дюйма. Нажмите «Сохранить и закрыть», когда закончите.

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

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

Найдите URL своего продукта и начните продавать

Вернитесь на страницу управления произведениями искусства. Вы можете сделать это, нажав «< Назад ко всем сообщениям» в правом верхнем углу Artist Studio. Кроме того, вы можете навести курсор мыши на аватар своего профиля и нажать «Управление моей работой» (как вы делали раньше).

 

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

Вуаля! Мы с нетерпением ждем всех дизайнов!

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

Начните продавать свои работы сегодня

Бен Реншен

Фотограф

Society6.com/benrenschen

Ранее: Менеджер по развитию художников в Society6

Посмотреть сообщения

Отмечен как образование художника, новости, фотошоп, обучение продукту, учебник,

Как легко создавать листы с наклейками в Adobe Photoshop

Хотите создать лист с наклейками, но не знакомы с Adobe Illustrator? Хотя мы всегда отдаем предпочтение векторному документу в отношении конечного результата, мы в Jukebox даем вам возможность создавать и экспортировать файл с помощью Adobe Photoshop.

Пройдите эти шаги вместе с нами, и вы будете готовы создать свой собственный лист с наклейками еще до того, как узнаете об этом.

Если вы предпочитаете работать в Adobe Illustrator, прочитайте этот учебник здесь.

Шаг 1. Настройте файл

Создайте новый документ Photoshop желаемого размера.

Добавьте 0,625 дюйма к ширине и высоте, которые будут работать как кровотечение. Например: 8,5″ x 5,5″, так как ваш конечный размер будет 8,625″ x 5,625″ после добавления выпуска за обрез.

Убедитесь, что для параметра Цветовой режим выбрано значение CMYK, а для разрешения — 300 PPI. Наклейки производятся в CMYK, а не в RGB. Узнайте больше о CMYK и RGB.

Для цветового профиля выберите U.S. Sheetfed Coated v2.

Нажмите «Создать».

Шаг 2. Задайте ориентиры

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

Для этого создайте прямоугольник (U), установите размер 8,5 х 5,5 дюймов и назовите этот слой «Дилайн».

Затем создайте еще один прямоугольник, установите размер 8,375 дюймов на 5,375 дюймов и назовите этот слой «Запас безопасности».

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

Не забудьте отключить видимость этих двух слоев перед экспортом перед печатью!

Шаг 3: Добавьте цвет фона

Создайте для этого отдельный слой и назовите его «Фон». Добавьте простой фоновый цвет, градиент, узор, фотографию или что-то еще, с чем вы хотели бы работать.

Шаг 4: Создайте свой рисунок

Начните создавать иллюстрации в Photoshop или импортируйте иллюстрации из других программ, таких как Adobe Illustrator.

Шаг 5: Расположите иллюстрации в желаемом порядке

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

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

Шаг 6: Добавьте дополнительные элементы

Чтобы придать вашему листу наклеек дополнительный характер, вы можете добавить дополнительные элементы на фоновый слой, которые не будут напечатаны как наклейка. Когда вы довольны результатом, выберите слой добавленных элементов и фоновый слой, щелкните правой кнопкой мыши и выберите «Объединить слои».

Шаг 7: Организация слоев

Если ваши иллюстрации разделены на разные слои, нам нужно объединить их в один слой.

На панели «Слой» выделите все слои, содержащие ваши стикеры, и перейдите в «Слой» > «Объединить слои». Назовите этот слой «Наклейки».

Шаг 8: Создание Easy-Peel

Чтобы определить, где следует разрезать наклейку, нам нужно добавить еще один слой для Easy-Peel.

Cmd + щелкните слой «Наклейки», и вы должны увидеть, что все элементы в этом слое теперь выделены.

Перейдите в Select > Modify > Expand и установите 35 пикселей.

Создайте из этого новый слой и назовите его «Easy-Peel».

На панели слоев выберите «Сплошной цвет» и установите нужный цвет.

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

Добавьте обводку, выбрав «Слой» > «Стиль слоя» > «Обводка» и установите размер на 2 пикселя.

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

Убедитесь, что расстояние между Easy Peels составляет не менее 0,2 дюйма, и все готово.

После того, как вы закончите, щелкните правой кнопкой мыши слой и выберите «Растрировать слой».

Шаг 9: Добавьте слой Сквозной вырез

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

Шаг 10. Экспортируйте файл

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

Но сначала давайте быстро проверим ваш документ:

• Проверьте ваш файл на наличие неточностей в тексте или дизайне
• В вашем файле TIFF должна отображаться область выпуска за обрез, но не будет меток обрезки.
  Метки обрезки будут добавлены к вашему файлу перед печатью.
• Убедитесь, что слои Safety Margin и Dieline отключены, чтобы это не было напечатано.
• Если вы использовали какие-либо эффекты или стили слоя, вы должны свести эти слои перед экспортом, чтобы избежать каких-либо проблем с печатью и/или различий. Для этого щелкните правой кнопкой мыши слой и выберите «Растрировать стиль слоя».

Когда все будет проверено, выполните следующие действия:

— Выберите «Файл» > «Сохранить копию»

— Назовите файл

— Выберите «TIFF» в качестве формата

— Нажмите «Сохранить»

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

Хотите рассказать вдохновляющую, техническую или познавательную историю? Мы создали пространство для вас, чтобы поделиться им. Добавьте свой голос в Внутри коробки . Свяжитесь с нами сегодня по адресу [email protected] и расскажите о своей идее.

ПОДЕЛИТЕСЬ ЭТОЙ СТАТЬЕЙ

Как создавать собственные листы наклеек с помощью Photoshop – Zap! Креативы

В следующих шагах показано, как создавать собственные листы с наклейками с помощью Adobe Photoshop.

Лист с наклейками представляет собой лист, содержащий несколько отслаивающихся наклеек на специально разработанном фоне.

1. Загрузите наши шаблоны наклеек

Загрузите наши шаблоны наклеек >> здесь 

<< и откройте нужный размер.

2. Импорт вашего фонового рисунка

Выберите слой  «Фон»  на палитре слоев и либо нарисуйте свой дизайн непосредственно на этом слое, либо скопируйте  (CTRL+C) и вставьте  (CTRL+V)  ранее сохраненный рисунок.

Пожалуйста, не переименовывайте существующие слои и не создавайте дополнительные слои, так как это запутает наши системы при обработке ваших проектов.

Если вы использовали какие-либо эффекты / стили слоя на каком-либо из ваших слоев, вы ДОЛЖНЫ свести их перед сохранением. Для этого просто щелкните правой кнопкой мыши соответствующий слой и выберите в меню «Растрировать стиль слоя» .

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

Вот пример дизайна с обрезом. Синяя линия представляет собой линию разреза.

3. Импорт изображения стикера

Выберите слой  ‘Обложка стикера’  на палитре слоев и либо нарисуйте свой дизайн непосредственно на этом слое, либо скопируйте  (CTRL+C) и вставьте  (CTRL+V) )  ранее сохраненная иллюстрация.

Рисунок на этом слое станет отслаивающимся элементом вашего листа с наклейками.

Пожалуйста, не переименовывайте существующие слои и не создавайте дополнительные слои, так как это запутает наши системы при обработке ваших проектов.

Если вы использовали какие-либо эффекты / стили слоя на каком-либо из ваших слоев, вы ДОЛЖНЫ свести их перед сохранением. Для этого просто щелкните правой кнопкой мыши соответствующий слой и выберите в меню «Растрировать стиль слоя» .

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


Мы будем использовать вашу наклейку для создания линий разреза, поэтому убедитесь, что вы включили любые границы, которые вы хотели бы видеть на ‘Sticker Artwork’ слой и заполните ненужные пробелы.

4. Сохранение и отправка дизайнов

Существует 3 различных способа сохранения и отправки дизайнов…

1. Немедленная отправка рисунков

Если вы уже создали свои дизайны, вы можете отправить их по адресу нам с помощью кнопки «Загрузить иллюстрацию» , расположенной на страницах наших продуктов, или отправив их по электронной почте на адрес « [email protected] ».

Сохраните все файлы Photoshop в формате .Psd. Вот как…

Правильно называйте каждый из ваших дизайнов, чтобы мы знали, о каких дизайнах вы говорите. Имена ваших файлов должны включать 1. ваше имя, 2. номер дизайна, 3. выбранный продукт и 4. дату размещения заказа на нашем веб-сайте. Вот пример…

Выберите все дизайны, которые вы хотите отправить, щелкните правой кнопкой мыши и выберите ОТПРАВИТЬ В > ПАПКА В СЖАТОМ (ZIPP).

Будет создана сжатая папка, содержащая все ваши дизайны. Переименуйте эту папку так, чтобы она содержала ваше имя и дату размещения заказа на нашем веб-сайте. Вот так…

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

2. Отправьте свои работы позже

Если вы разместили заказ через наш веб-сайт, но ваш дизайн еще не совсем готов, ничего страшного. У вас есть до 2 недель, чтобы отправить нам свои работы, что позволяет вам воспользоваться любыми специальными предложениями, которые мы проводим.

Чтобы отправить дизайн позже, сохраните его, указав 1. ваше имя, 2. номер дизайна, 3. выбранный продукт и 4. номер вашего заказа. Затем отправьте их по электронной почте  «[email protected]» .

Сохраните все файлы Photoshop в формате . Psd. Вот как…

3. Размещение повторного заказа

Если вы размещали заказ в прошлом и хотели бы повторно заказать эти дизайны, это здорово! Мы храним ваши работы не более 6 месяцев, что избавляет вас от необходимости повторно отправлять свои проекты по электронной почте.

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

Вы можете заказать только 1 или 2 дизайна из вашего предыдущего заказа(ов). Для этого просто укажите свои старые имена файлов и сообщите нам, как вы хотите, чтобы они производились и в каких количествах.

Вот как это сделать… 

Hi Zap!,

Я только что разместил заказ № 12345 на вашем веб-сайте и хотел бы повторно заказать следующие дизайны из предыдущего заказа № 12121. Пожалуйста, можно мне…

10x [ВАШЕ ИМЯ]-DESIGN1-CLEARCHARM-12121
20x [ВАШЕ ИМЯ]-DESIGN2-WALNUTKEYRING-12121
10x [ВАШЕИМЯ]-DESIGN3-ACRYLICPIN-12121

Спасибо!

[ВАШЕ ИМЯ]  

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

Пошаговое руководство по созданию листов с наклейками в Adobe Illustrator

✏️ Эта статья была написана и спонсирована нашими друзьями из Jukebox — международной полиграфической компании, занимающей лидирующие позиции в сфере творчества.

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

На протяжении многих лет мы в Jukebox видели листы с наклейками самых разных дизайнов, форм и размеров, самым популярным из которых был размер 8,5 x 5,5. Наклейки можно использовать по-разному, от упаковки до узнаваемости бренда, особенно в бизнесе. Независимо от бренда или краткого описания, листы с наклейками представляют собой мощный маркетинговый актив, который выходит за рамки всех демографических характеристик, включая возраст, образование и пол.

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

Готовы научиться делать собственные листы с наклейками? Вот как создать лист с наклейками в Adobe Illustrator.

Шаг 1: Настройте файл

Создайте новый документ желаемого размера (мы использовали 5,7 x 8,7 дюйма), убедитесь, что цветовой режим выбран CMYK, а разрешение равно 300 PPI. Установите размер выпуска за обрез на 0,0625 дюйма.

Шаг 2: Настройка слоя Artwork и Thru-Cut

Поместите прямоугольник с фоновым цветом до красных направляющих (Bleed) и назовите этот слой «Artwork». Затем добавьте новый слой сверху и назовите его ‘ Сквозной разрез».

Выбрав слой «Thru-Cut», перейдите к «Прямоугольник со скругленными углами» на левой панели меню и дважды щелкните монтажную область. Установите размер 8,5 x 5,5 дюймов, Угловой радиус 0,25 дюйма и нажмите «ОК».

Удалите заливку, задайте ей белую обводку толщиной 0,25 pt и убедитесь, что для обводки установлено значение «Выровнять обводку по центру» на панели «Обводка». Когда вы закончите, заблокируйте этот слой и вернитесь к слою «Artwork».

Шаг 3: Создайте Easy Peel

Вставьте рисунок в слой «Artwork».

Скопируйте рисунок (⌘+C) и расширьте его, выбрав Объект > Разобрать. Перейдите на панель Обработки контуров и выберите «Объединить», чтобы сгладить все элементы и создать сплошную форму.

Удалите заливку формы и добавьте обводку 100% пурпурного цвета (C=0, M=100, Y=0, K=0) с минимальной шириной 0,25 pt.

Выберите «Объект» > «Контур» > «Смещенный контур». Установите «Смещение» на 0,1 дюйма (минимум) и «Соединения» на скруглении, как показано на изображении выше.

Нажмите «ОК» и удалите внутреннюю обводку.

Верните рисунок, который вы скопировали ранее, с помощью «Вставить на передний план» (⌘+F). Создайте новый верхний слой под названием «Easy Peel» и поместите в него пурпурную обводку.

Ура, вы приготовили Easy Peel!

Шаг 4. Разместите все наклейки

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

Шаг 5: Добавьте дополнительные элементы

Добавьте несколько дополнительных элементов между наклейками в слое «Artwork», чтобы он выглядел еще круче. Вы также можете добавить свою бизнес-информацию или другие сообщения, чтобы они стали настоящим маркетинговым активом, который прилипает (каламбур).

Шаг 6. Экспорт листа в формате PDF

Перед началом экспорта убедитесь, что цветовой режим установлен на CMYK. Выберите «Файл» > «Цветовой режим документа» > и выберите «CMYK». Не знаете, как правильно работать с этими различными цветовыми режимами? Мы сделали статью об этом.

• Перейдите к «Сохранить копию» (⌥+⌘+S) и установите формат «PDF».
• Оставьте для предустановки Adobe PDF значение «Illustrator по умолчанию».
• На панели «Отметки и выпуск за обрез» установите флажок «Использовать параметры выпуска за обрез документа», чтобы выбрать область выпуска за обрез размером 0,0625 дюйма, которую мы добавили при настройке документа.
• Нажмите «Сохранить PDF».

Вот оно!

Основные выводы по созданию листов с наклейками:

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

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

Узнайте больше о процессах в нашем блоге Courtside. Есть предложение? Свяжитесь со историями@dribbble.com.

Текстовые эффекты в Photoshop | Создание наклеек с различными текстовыми эффектами

Сегодня я собираюсь познакомить вас с различными классными текстовыми эффектами, используя инструмент «Текст», «Стиль слоя», «Параметры наложения», «Деформация» и «Градиент» в Photoshop. В сегодняшнем безумном мире социальных сетей очень важно сделать слова более привлекательными в онлайн-рекламе или различных формах маркетинговых уловок, поскольку это сделает селфи или историю в Instagram привлекательной и модной! .. Например. что бы вы ответили на лучшее «настроение» или  Итак, это тема на сегодня… «СТИКЕРЫ INSTAGRAM». .. В последние годы приложение Instagram стало одной из наиболее часто используемых платформ социальных сетей. Тексты представлены в двух формах: GIF-стикеры и неподвижные стикеры.

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

Добавление стикера настроения в Photoshop

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

Шаг 1: Давайте начнем с создания нового рабочего окна и слоя.

Шаг 2: Возможно, вы захотите выбрать опцию «Интернет» в раскрывающемся меню диалогового окна «Предустановка». Это регулирует разрешение изображения и делает его пригодным для передачи в Интернете.

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

Шаг 4: Чтобы разблокировать фоновый слой, дважды щелкните крошечный замок вместе с заголовком фонового слоя. Он спросит, хотите ли вы создать обычный слой. Нажмите ОК.

Шаг 5: Затем просто выберите инструмент «Текст» из списка «Инструменты» в левой части экрана и введите «НАСТРОЕНИЕ» заглавными буквами, как показано ниже.

Шаг 6: После этого выберите слово НАСТРОЕНИЕ и настройте следующие параметры в окне символов/абзацев справа, как показано на рисунке. т. е. размер шрифта до 72 pt, стиль шрифта Bold, вертикальное растяжение до 70% и горизонтальное растяжение до 110%.

Шаг 7: Далее, щелкните правой кнопкой мыши слой MOOD и выберите Параметры наложения.

Шаг 8: Когда это откроется, вы увидите диалоговое окно Layer Style. Пожалуйста, выберите Gradient Overlay в поле.

Шаг 9: Вы увидите черно-белый градиент по умолчанию, примененный к вашему тексту в файле. Нажмите на черно-белый цвет, и откроется редактор градиентов, как показано ниже.

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

Шаг 11: Теперь нажмите Ok в редакторе градиентов. Кроме того, вы можете видеть, что я изменил параметры наложения градиента следующим образом: Стиль: линейный, угол: 180 градусов, масштаб – 76 %. Пожалуйста, установите флажок «Обратный слой» и «Выровнять с параметрами слоя», так как это было необходимо в моем случае.

Шаг 12: Просто нажмите «ОК» везде, и Виола… Это моя наклейка «НАСТРОЕНИЕ».

Создание стикера #TBT в текстовых эффектах в Photoshop

Ну-ну!! Это точно в тренде. #TBT означает #ThrowBackThursday. Мы все любим с любовью вспоминать все хорошие воспоминания, которые у нас были в недавнем или очень далеком прошлом, и делиться ими с людьми, которых мы любим. Итак, если я хочу опубликовать, вероятно, то, что я сделал на прошлой неделе или месяце, я бы хотел пометить картинку как #TBT и, поверьте мне, эта тема — горячий пирог в Интернете, что заставило Instagram придумать одну из своих самых привлекательных. наклейки. Итак, давайте начнем!..

Если вы видите на наклейке, на заднем плане летающие звезды. Многие дизайны доступны в Интернете, или вы можете создать свой собственный с помощью Corel Draw или Photoshop. Я нашел это отсюда.

Шаг 1:  Перейдите в «Файл» и нажмите «Поместить».

Шаг 2: В моем случае мой клипарт находится в папке «Загрузки»; вы найдете свою ссылку. Выберите его и нажмите «Поместить».

Шаг 3:  Это будет выглядеть так.

Шаг 4: Нажмите Enter на клавиатуре, чтобы вы могли перемещаться и вносить изменения отсюда. После того, как вы нажали Enter, используйте стрелки перетаскивания, чтобы создать зеркальное отображение звезд.

Шаг 5: Теперь, чтобы удалить лишний рисунок, вам нужно растрировать слой следующим образом.

Шаг 6: Теперь, пожалуйста, используйте Eraser Tool, чтобы стереть ненужную часть.

Шаг 7: Наконец, это будет выглядеть так.

Шаг 8: Теперь начните дублировать слой, щелкнув правой кнопкой мыши на слое и выбрав Дублировать слой. Сделайте не менее 3 копий.

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

Шаг 10: Теперь я бы предложил выбрать каждый слой, а затем щелкнуть Paint Bucket Tool и начать заполнять нужные цвета из образцов в правом верхнем углу, как показано ниже.

Шаг 11:  Теперь выберите инструмент «Текст» и напишите #tbt.

Шаг 12: Теперь выберите следующие параметры в разделе «Символ/абзац», как показано ниже: Тип шрифта Кисть Скрипт Стд. Размер шрифта 500 pt, горизонтальное растяжение 90 %, вертикальное растяжение 110 % и, наконец, желтый цвет. Это должно выглядеть так.

Шаг 13: Теперь щелкните правой кнопкой мыши слой TBT и перейдите в Параметры наложения и выберите Обводка. Отрегулируйте ширину обводки до 8 пикселей.

Шаг 14: Теперь выберите Тень в параметрах наложения и назначьте следующие значения. Красный цвет и угол выравнивания до 130 градусов, расстояние до 35 пикселей и непрозрачность до 100% и режим наложения Нормальный.

Шаг 15: Теперь выровняйте слой #tbt поверх других слоев и выровняйте текст, как показано выше, и у нас готова наклейка #tbt. Так что сходите с ума и сделайте это уже!!!!

Рекомендуемые статьи

Это руководство по созданию текстовых эффектов в Photoshop. Здесь мы обсуждаем, как создавать стикеры TBT и шаг за шагом добавлять их в фотошопе. Вы также можете ознакомиться с другими нашими статьями по теме, чтобы узнать больше —

1. Инструменты After Effects
2. Lens Flare в After Effects
3. Текстовые эффекты в Illustrator
4. Эффект металла в Illustrator

Как создавать GIF-стикеры для Instagram в Canva и Photoshop — Big Cat Creative

Советы по дизайнуСоветы по социальным сетям

24 мая

Автор Erica Hartwick

Этот пост может содержать партнерские ссылки. Мы можем получать комиссию за покупки, сделанные по этим ссылкам (бесплатно для вас, конечно! 🙂)

Готов поспорить, что большинство из вас использовали стикеры GIF в своих историях в Instagram, , но задумывались ли вы когда-нибудь как создать свой? Хорошая новость заключается в том, что создать их намного сложнее, чем они есть на самом деле!

Существует несколько способов создания этих коротких анимаций, но два самых популярных — это Canva и Adobe Photoshop.

Готовы создать GIF для вашего бренда? Давайте приступим!


Как создавать анимированные GIF-файлы в Canva:


Шаг 1:

Настройка вашего документа Canva

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

Я собираюсь создать анимированный текст GIF , поэтому я сделаю свой документ размером 1000 x 250 пикселей, но не стесняйтесь выбирать размеры, соответствующие размеру изображения, которое вы хотите создать.

Шаг 2:

Дизайн ваш GIF

Теперь мы готовы создать GIF! Мне нравится думать об этом процессе как о флипбуке — каждый кадр создает движение, которое мы увидим в финальной анимации. При этом первый кадр будет отправной точкой GIF.

• Важное примечание: Если вы используете какие-либо ресурсы Canva, обязательно проверьте права на использование. Все бесплатные носители на Canva можно бесплатно использовать в коммерческих и некоммерческих целях. При этом указание авторства не требуется, но приветствуется. Если вы используете фотографию, значок, музыкальную дорожку, видео или другой носитель, который содержит идентифицируемое лицо, место, логотип или товарный знак, обязательно проверьте источник или свяжитесь с Canva, если вы не уверены.

Поскольку я создаю текстовый GIF, я просто использую текстовый инструмент Canva, чтобы создать текст по своему вкусу. Я покрасил его в серый цвет и добавил к нему черную рамку. Достаточно легко!

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

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

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

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

Начинаете видеть закономерность? Теперь мы продублируем страницу 3, чтобы создать следующий слой анимации. Затем продолжайте дублировать и вносить изменения в каждый кадр, пока не почувствуете, что ваша анимация завершена.

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

Шаг 3: настройка

анимации настроек

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

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

Шаг 4:

Сохраните и экспортируйте свой GIF

Если вы удовлетворены своим дизайном, нажмите Кнопка «Поделиться » в верхней строке меню и выберите «Загрузить» .

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

• Примечание: Хотя Canva — отличный инструмент для дизайна, у него есть свои ограничения. В Canva нет возможности загружать GIF с прозрачностью (т. е. с удалением фона), поэтому ваш окончательный файл GIF будет иметь фон, который отображается в Canva. В моем случае он будет белым. Если у вас есть только Canva для работы, я рекомендую сделать фон забавным цветом, чтобы он выглядел целеустремленным! Если вы хотите создать GIF без фона, следуйте приведенному ниже руководству по Photoshop!

Всего за несколько простых шагов вы создали забавный GIF-файл, достойный публикации в социальных сетях! Вам может быть интересно: « Теперь, как мне загрузить GIF в Instagram? » Отличный вопрос! Я включил полезный пост, который проведет вас через все шаги в нижней части этой статьи.

Как создавать анимированные GIF-файлы в Photoshop:

Если вы немного более продвинуты в дизайне или предпочитаете использовать Photoshop, давайте углубимся в то, как мы можем создать такой же GIF-файл с помощью Adobe Photoshop.


Шаг 1: Загрузите или создайте свои

ресурса в Photoshop

Если у вас уже есть ресурсы GIF:

Я собираюсь использовать изображения, которые я уже создал, поэтому я загружу их, перейдя в Файл > Сценарии > Загрузить файлы в стек .

Затем нажмите Browse , выберите файлы, которые вы хотите использовать в GIF, а затем нажмите OK .

Это приведет к переносу всех ресурсов в один документ Photoshop в виде слоев, а не загрузки их по одному. Если вы откроете панель Layers , вы должны увидеть все свои активы внутри.

Если вы хотите создать свой GIF в Photoshop:

Чтобы создать дизайн GIF в Photoshop, нам нужно создать каждый кадр как отдельный слой Photoshop. Для этого перейдите в меню навигации и выберите Layer > New > Layer 9.0012 .

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

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

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


Шаг 2: Откройте окно

Timeline

Далее мы хотим открыть окно Timeline . Для этого перейдите в Window > Timeline . После выбора в нижней части экрана появится окно временной шкалы.

Когда окно временной шкалы открыто, выберите Create Frame Animation из раскрывающегося меню, которое еще не установлено по умолчанию.

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

Шаг 3: Создайте

кадра

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

Для этого перейдите к Выберите > Все слои в меню навигации.

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

Откройте тот же значок Меню еще раз, но на этот раз нажмите Сделать кадры из слоев , чтобы сделать каждый слой кадром вашего GIF.

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

Шаг 4:

Анимация ваших кадров

Вы увидите продолжительность под каждым кадром. Если вы хотите настроить время появления каждого кадра, вы можете нажать на время и выбрать желаемую длину. Я выбрал 0,5 секунды на кадр.

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

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

Шаг 5:

Сохраните и экспортируйте свой GIF

Вы на финишной прямой! Вам нравится, как выглядит ваш GIF? Давайте сохраним его, подойдя к панели навигации и нажав File > Export > Save for Web (Legacy) .

Должно появиться всплывающее меню. В раскрывающемся списке Preset выберите GIF в качестве типа файла.

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

Нажмите Сохранить еще раз, и вы загрузили свой GIF!

Всего несколько шагов и вы создали GIF в Photoshop! Что теперь?

В следующем разделе вы найдете отличный ресурс о том, как загрузить свои GIF-файлы в Giphy, чтобы вы могли использовать их в Instagram.

Как загрузить свои GIF-файлы в Instagram 

Теперь, когда вы создали GIF-файл, я уверен, что вы захотите использовать его в Instagram.

No related posts.