О том, как она создавала стикеры для iMessage. Оказывается, что это довольно простое занятие. Почему бы вам не попробовать?

Когда Apple анонсировала iOS 10, я была в восторге от стикеров в iMessage. Будучи активным пользователем iMessage, когда эмодзи не могли передать мои мысли, я рисовала картинки, делала фотографии и посылала их другому человеку (кто сейчас звонит?).

Мне нравилась идея увидеть некоторые из моих рисунков в ежедневных разговорах и общении. В этой статье я делюсь тем, как бумажные зарисовки превратились в стикеры Dim and Sum в iMessage App Store. Это моя первая попытка самостоятельно опубликовать стикеры / iOS приложение (это тот же самый процесс), и я рассказываю об этом с точки зрения дизайнера. Возможно, некоторые шаги можно улучшить, и я буду рада услышать об этом.

Весь процесс вкратце:

• День 1-3: Разработала концепцию, набросала на бумаге. Использовала Illustrator для создания цифровой копии своих зарисовок. Получила 24 стикера.
• День 4: Скачала и изучила Xcode для создания стикеров. Купила аккаунт Apple Developer и проделала массу другой работы для загрузки своих стикеров.
• День 5: Наконец загрузила мой первый билд для проверки в iMessage App Store.
• День 6: Статус приложения изменился на «Ожидает ревью».
• День 7: Статус приложения изменился на «В ревью».
• День 8: Стикеры прошли проверку и готовы к продаже!

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

1. Подготовка стикеров в Adobe Illustrator

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

• Знайте размеры ваших стикеров . Вы позднее в Xcode должны будете выбрать один из трех размеров (я рассмотрю это во второй части). Так что ваш артборд в Illustrator должен быть соответствующего размера. Как правило, чем больше у вас деталей, тем больший размер должен быть у стикера. Я использовала обычный размер (408х408 точек).

• Создайте отдельные артборды для каждого стикера. Нет точного количества стикеров (я не смогла найти эту информацию), которые нужны iMessage. Я полагаю, что надо просто сделать разумное количество, которое бы понравилось пользователям, особенно если вы собираетесь продавать стикеры.
• Помните, что это набор стикеров, так что постарайтесь сохранить визуальную однородность во всех них.
• Используйте функцию «Export for Screens». Экспортируйте PNG, убедитесь, что фон сделан прозрачным, @1x достаточно.

2. Создание иконку приложения

В работе над иконкой я выбрала Sketch. Вот полезный шаблон , который я нашла на Github для генерации иконок в Sketch. В общем, всего есть 12 изображений, которые вам понадобятся для Xcode и еще одна для iTunes Connect. Вот как они выглядят.

Некоторые советы по созданию иконок в Sketch:

• Если вы копируете вектор прямо из Illustrator, убедитесь, что вы заранее конвертировали кривые в контуры. Так вы избежите того, что некоторые кривые будут слишком толстыми или слишком тонкими при масштабировании до требуемых размеров.
• Сделайте ваши иконки символами. Таким образом, когда вы сделаете второй набор стикеров, вам понадобиться заменить только одно изображение.
• Экспортируйте их @1x и положите все в одной папке.

3. Переносим все ассеты в Xcode

Теперь, когда у вас готовы все ресурсы, настало время сконфигурировать их использование в Xcode – среде разработки от Apple. Вы можете скачать его бесплатно в Mac App Store .

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

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

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

Справедлива и обратная механика: если вы скачаете в App Store приложение, которое содержит стикеры, на вкладке «Управление» в iMessage можно будет сразу же активировать соответствующий набор стикеров - дополнительно скачивать ничего не нужно. Честно говоря, объединение стикеров я с трудом могу назвать удачным решением. Далеко не всегда при желании загрузить набор картинок для общения пользователь будет рад в довесок получить приложение или игру, например, Dots & Co . Это усложняет работу с iMessage и может запутать пользователей, которые вроде бы собирались себе классных стикеров накачать, а обнаружили десяток новых иконок на домашнем экране смартфона или планшета.

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

Вам не понадобится никаких особых талантов или художественных навыков - обойдёмся двумя бесплатными приложениями.

О том, как установить и активировать дополнения в iMessage, читайте .

Это вариант попроще. Если не хотите заморачиваться, стоит начать именно с него. В Sticker Boost мы создаём персонализированные стикеры на основе тематических заготовок, разделённых на категории: «Эмодзи», «Еда», «Отношения» и другие. Можно изменять цвета и добавлять в шаблоны стикеров заготовки.

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

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

Работа со стикерами в Assembly вынесена на отдельную вкладку. Здесь, как и в предыдущем приложении, есть множество готовых стикеров, разделённых на категории, которые можно использовать как отправную точку. Если хотите создать стикер с нуля, жмите Create New Sticker и рисуйте его с помощью фигур, изменяя их размеры, цвет и добавляя различный клипарт. Можно также комбинировать свои стикеры с другими.

Ваши креативы попадают в отдельный раздел My Stickers и автоматически синхронизируются с iMessage, где их легко вставлять в переписку.

Выражайте свои эмоции весело и разнообразьте общение. Вашим друзьям это должно понравиться!

Это нововведение iOS 11 понравилось не всем.

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

Сразу же хотим отметить, что убрать полоску с иконками приложений из «Сообщений» полностью не получится. Такой возможности в iOS 11 пока нет, но, к счастью, список представленных на полоске приложений можно отрегулировать. Более того, описанным ниже способом вы можете не просто удалить все иконки приложений с полоски в диалогах, а оставить в ней только те, которые действительно используете.

Как скрыть иконки приложений в «Сообщениях» на iPhone в iOS 11

Шаг 1. Запустите приложение «Сообщения » и выберите один из диалогов.

Шаг 2. Пролистайте по полоске с приложениями вправо до самого конца и нажмите «Еще ».

Шаг 3. Нажмите «Изменить » в правом верхнем углу окна.

Шаг 4. Удалите все приложения из списка «Избранное ».

Шаг 5. В разделе «Другие программы » переведите переключатели всех приложений в неактивное положение.

Шаг 6. Нажмите «Готово » для сохранения изменений.

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

Вконтакте

Сторонние разработчики получили доступ к Messages API, благодаря чему они смогут создавать собственные наборы стикеров (как в Viber, например). Если судить по стандартному набору смайлов в «яблочной» мобильной платформе, у стикеров не будет существенных тематических ограничений.

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

Для того, чтобы добавить новые наборы стикеров и смайликов:

1 . Откройте приложение Сообщения с .

2 . Откройте любой чат или создайте новый.

3 . Нажмите на стрелочку, которая находится слева от формы для ввода текста.

4 . Нажмите на иконку App Store .

4 . Нажмите на иконку с четырьмя окошками (см. скриншот).

5 . Нажмите на иконку Store (Магазин).

6 . Загрузится App Store в iMessage, выберите и установите необходимый набор.

После установки стикеры станут доступны в штатной клавиатуре iOS приложения Сообщения. Каждому набору стикеров будет выделена отдельная страница.

Как удалить неиспользуемый набор стикеров

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