Как сделать стикерпак в фш
Как создать мокап для стикера в Фотошоп
В этом уроке вы узнаете, как создать мокап для стикера в Фотошоп. Урок рассчитан на новичков и поможет разобраться в некоторых инструментах программы.
Шаг 1
Запускаем Фотошоп и создаем документ File – New (Файл – Создать) размером 3000 х 2000 пикселей, 72 точки/дюйм, Color Mode (Цветовой режим) – RGB.
Шаг 2
Активируем Rectangle Tool (U) (Прямоугольник) и кликаем левой кнопкой по полотну. Откроется диалоговое окно, в котором нам нужно ввести размеры фигуры – 1200 х 1200 пикселей. Жмем ОК.
Размещаем квадрат в центре полотна. Цвет не имеет значения, так как это временная фигура.
Шаг 3
На панели слоев кликаем правой кнопкой мышки по слою с фигурой и выбираем Convert to Smart Object (Преобразовать в смарт-объект). Дважды кликаем по названию слоя на панели слоев и пишем любое название, например, «Стикер».
Дважды кликаем по миниатюре смарт-объекта, чтобы открыть его содержимое в отдельной вкладке. Скрываем слой с квадратом и с помощью инструмента Horizontal Type Tool (T) (Текст) пишем любое слово, например, «Sticker». Устанавливаем шрифт на Bello Script, размер – на 480 пт, цвет – #30D8B0.
Если вы не знаете, как добавить шрифт в Фотошоп, предлагаю посмотреть урок по ссылке.
Шаг 5
Далее мы должны добавить широкую белую обводку на надписи. Кликаем правой кнопкой по слою и выбираем Convert to Shape (Преобразовать в фигуру).
Шаг 6
Выбираем получившуюся фигуру инструментом Path Selection Tool (A) (Выделение контура). На верхней панели добавляем белую обводку шириной 50 пикселей и устанавливаем Align (Выровнять) на Outside (Снаружи).
Шаг 7
Обратите внимание, что между буквами t и i есть маленький зазор. Можно исправить это вручную инструментом Pen Tool (P) (Перо). Просто рисуем маленькую фигуру, перекрывающую пустое пространство.
Шаг 8
Шаг 9
Переходим Layer – New Fill Layer – Solid Color (Слой – Новый слой-заливка – Цвет). Выбираем цвет #6dd6e9 и жмем ОК.
Шаг 10
Называем слой-заливку «Фоновый цвет» и перемещаем в самый низ панели слоев. Дублируем (Ctrl+J) смарт-объект и скрываем верхнюю копию, нажав на значок глаза на панели слоев. Выбираем нижнюю копию и называем ее «Тень». На данный момент панель слоев должна выглядеть вот так:
Шаг 11
Дважды кликаем левой кнопкой по слою «Тень», чтобы открыть окно Layer Style (Стиль слоя). Устанавливаем Fill Opacity (Непрозрачность заливки) на 0%.
Шаг 12
Применяем стиль слоя Color Overlay (Наложение цвета). Используем черный цвет (#000000) с непрозрачностью 25%.
Шаг 13
В идеале нам нужно добавить еще одну копию наложения цвета. Но, если в вашей версии Фотошоп нет поддержки копирования стилей слоя, то можете применить Gradient Overlay (Наложение градиента). В настройках выбираем черно-белый градиент, режим наложения Overlay (Перекрытие) и непрозрачность 100%.
Шаг 14
После применения стилей у вас должна получиться вот такая тень:
Шаг 15
Применяем к тени Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) с радиусом 2 пикселя.
Шаг 16
После этого применяем фильтр Filter – Blur Gallery – Tilt Shift (Фильтр – Галерея фильтров – Наклон-смещение). Устанавливаем Blur (Размытие) на 90 пикселей, Distortion (Искажение) – на 100%. Также корректируем поворот размытия.
Шаг 17
Применяем размытие и включаем видимость слоя «Стикер».
Шаг 18
Шаг 19
Дважды кликаем по слою «Стикер» и применяем стиль Gradient Overlay (Наложение градиента):
Шаг 20
Переходим Layer – New Fill Layer – Gradient (Слой – Новый слой-заливка – Градиент). Используем следующие настройки:
Шаг 21
Называем слой с градиентом «Эффект глянца», кликаем по нему правой кнопкой мышки и выбираем Convert to Smart Object (Преобразовать в смарт-объект). Затем переходим Image – Adjustments – Levels (Изображение – Коррекция – Уровни). Устанавливаем первый черный ползунок на 50, а белый – на 90.
Шаг 22
Далее переходим Filter – Filter Gallery (Фильтр – Галерея фильтров) и выбираем Distort – Glass (Искажение – Стекло). Устанавливаем Distortion (Искажение) на 20 и Smoothness (Смягчение) – на 4.
Шаг 23
Переходим Image – Adjustments – Brightness/Contrast (Изображение – Коррекция – Яркость/Контрастность). Устанавливаем Brightness (Яркость) на 150 и Contrast (Контрастность) – на 100.
Шаг 24
Применяем последний фильтр Filter – Sharpen – Sharpen (Фильтр – Усиление резкости – Усиление резкости).
Шаг 25
Дублируем (Ctrl+J) эффект глянца, затем превращаем обе копии в обтравочные маски (Ctrl+Alt+G) для слоя «Стикер». Выбираем верхнюю копию, переключаем ее режим наложения на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 25%.
Шаг 26
Для нижней копии переключаем режим наложения на Multiply (Умножение) и уменьшаем непрозрачность до 2%.
Финальный результат
Вот так выглядит готовый стикер. Для создания такого результата мы использовали исключительно стандартные инструменты Фотошоп. Теперь, если открыть содержимое смарт-объекта «Стикер», туда можно вставить любую другую картинку, сохранить результат и картинка автоматически заменится на основном документе.
Как сделать стикер для Телеграма в Фотошопе
Всем большой прЫуЭт! Вы когда-нибудь задумывались о том, чтобы сделать свои персональные стикеры для Телеграма? А ведь это сделать не так сложно как кажется, более того, это абсолютно безДвозДмезДно! В общем, в этом уроке я покажу вам, как сделать сам стикер и как добавить его в Телеграм! Так что готовьте чаек и смотрите внимательнее! Сейчас начнется магия… (P.S. чувствую себя Гарри Поттером на минималках).
Создаем стикер
Открываем фотографию в Photoshop. Вы можете использовать свою, либо попрактиковаться на моём примере.
Делаем стикер для Телеграм в фотошопе
Справа, во вкладке «Слои», перетаскиваем активный слой на пиктограмму листочка, как показано ниже. Затем удаляем нижний слой (перетаскиванием его на пиктограмму с урной). Это нужно для того, чтобы при вытравливании (стирании) фона, он остался прозрачным.
Копируем активный слой со стикером
Слева, в инструментах, выбираем «Прямолинейное лассо». Им мы будем выделять контур изображения.
Для выделения стикера выбираем инструмент прямолинейное лассо
Вверху, в поле «Растушевка», ставим значение — 2px. Так мы немного размоем края вытравленного изображения, чтобы не было заметно пиксельной лесенки.
Задаём контуру стикера растушевку
Инструментом «Прямолинейное лассо» начинаем выделять изображение по контуру. Чем меньшее расстояние будет между точками, тем более плавным получится контур.
Вообще для данного изображения можно было бы использовать инструмент «Магнитное лассо», и так было-бы проще в данном случае. Но я намеренно выбрал именно “прямолинейное”, чтобы показать, как будет лучше вытравливать изображения со сложным неоднородным фоном.
Выделяйте изображение по кругу пока возле курсора с лассо не появится пиктограмма с кружочком, тогда его можно замкнуть.
Выделяем изображение стикера по контуру
Теперь, чтобы удалить фон, мы должны инвертировать наше выделение на него. Переходим вверху к пункту меню «Выделение» — «Инверсия», или нажимаем комбинацию клавиш Shift+Ctrl+I.
Инвертируем выделение со стикера на фон
Когда фон выделен, нажимаем клавишу Del на клавиатуре, затем снимаем выделение комбинацией клавиш Сtrl+D.
Снимаем выделение со стикера
Изображение для стикера Telegram должно быть равным по ширине 512px и не превышать это же значение по высоте. Нажимаем комбинацию клавиш Ctrl+Alt+I и в открывшемся окне прописываем наш размер. Убедитесь, что единица измерения — «Пиксели».
Задаём размер для стикера
Чтобы наше изображение выглядело как стикер, добавим ему белую обводку. Переходим во вкладку «Слои» и нажимаем на кнопку с пиктограммой «fx», выбираем пункт меню — обводка.
Задаём в поле цвет # значение «fff», чтобы обводка получилась белой.
Выбираем положение обводки — снаружи, и ползунком регулируем толщину обводки.
Делаем обводку для стикера telegram
Наш стикер готов! Теперь необходимо его сохранить в формате png. Нажимаем комбинацию клавиш Ctrl+Alt+Shift+S, или переходим в пункт меню Файл — Сохранить для Web. В открывшемся окне выбираем формат файла PNG-24. Проверяем, чтобы стояла галочка на пункте прозрачность и сохраняем.
Сохраняем стикер для телеграм
Добавляем свой стикер в Telegram
В окне поиска введите название бота и нажмите клавишу enter.
Нажимаем на кнопку start, чтобы получить список команд.
Создаём новый набор стикеров отправив в чат команду — /newpack
Вводим название для своего набора стикеров.
Загружаем наш стикер нажав на пиктограмму с изображением скрепки и выбрав нужный файл.
Выбираем какой из смайликов будет соответствовать нашему стикеру, чтобы в дальнейшем его было проще вставить в чат.
Отправляем команду /publish чтобы разместить наш стикер в Телеграм.
Задаём название для ссылки на наш набор стикеров.
Пробуем вставить наш стикер выбрав смайлик который ему соответствует.
Готово! Юзайте на здоровье.
Подписывайтесь на канал @phtgr, чтоб не пропускать новые интересные уроки.
Как сделать стикеры в Telegram, даже если вы ни разу не открывали Photoshop
Как часто вы развлекаетесь в собственном бизнесе? Делаете что-то не влияющее на результат прямо сейчас, но очень крутое и прикольное?
Telegram – мессенджер с амбицией превратиться в ближайшее время в кое-что гораздо большее. В отдельную систему, которая потенциально может заменить социальные сети.
Уже сейчас в нем активно развиваются разные тематические каналы (аналог пабликов в соцсетях) и боты. Это привлекает аудиторию. Люди прямо в сообщениях получают интересные новости. И для этого используются другие форматы. Авторы каналов, лидеры мнений и просто медийные личности делятся аудио- и видеосообщениями.
Вокруг Telegram уже давно крутится “шумиха”. Во многом благодаря эпатажному создателю, Павлу Дурову, и его скандалам. Но конкретная причина ничего не меняет. Результат на лицо. За последнее время аудитория Telegram сильно увеличилась. А появление русского языка в приложении в октябре говорит о том, что в ближайшее время там появится еще больше вашей целевой аудитории.
Стикеры – одно из главных преимуществ Telegram
ВКонтакте предлагает своим пользователям установить и использовать платные стикеры. Та же ситуация в Viber. В мессенджере Дурова вы можете найти любой понравившийся стикер-пак и установить абсолютно бесплатно. Кажется, мелочь. Но это реально работает! Многие пользователи отдают предпочтение Telegram, потому что там можно использовать классные картинки в качестве “наклеек”.
Более того, каждый желающий может создать собственный пакет стикеров. Распространить его среди друзей и просто рандомных пользователей мессенджера.
Как вы можете использовать это для бизнеса
Мы тоже не остались в стороне. Сейчас в распоряжении GeniusMarketing 2 стикер-пака:
Набор, которым пользуется команда. Практически все общение GM происходит в Telegram. Поэтому в актуальности “наклеек” никто не сомневается.
Пакет в разработке. Но уже сейчас есть чем пользоваться:
Культура компании – важная вещь, согласны? От этого зависит работоспособность каждого отдельного сотрудника и целых отделов. То есть отношение работников к бренду влияет на продуктивность всего бренда. GeniusMarketing – это не просто образовательная компания.
Это кредо. Как такого достичь? Хм… Рассказ будет долгим. Пожалуй, это лучше опишет Олесь:
Могу сказать только, что такие мелочи, как стикеры в Telegram делают результат. Это сближает. Чем больше точек сближения есть внутри вашей команды, тем быстрее она превращается в настоящую семью. Даже если эти точки – стикеры в мессенджере.
Он полностью готов! Поэтому мы готовы показать этот пакет вам. Сохраняйте его себе:
Серьезно. Для развлечения. Хочется ассоциировать бренд с чем-то теплым и прикольным. Тем более, в такой сфере как бизнес-образование, где в основном работают серьезные дядьки на кислых щах.
Ну ладно-ладно… Причина не только в этом.
Вы поверите, если я скажу, что стикеры потенциально могут стать неплохим инструментом для брендинга? Давайте разберемся.
Представьте, вы создаете крутой пак, который будет реально интересен вашей целевой аудитории. Там есть стикеры на все случаи жизни именно для ваших клиентов. Показываете набор и даете скачать уже существующим клиентам.
Что происходит дальше?
Люди начинают отправлять стикеры своим друзьям и знакомым. Которые тоже могут быть вашими клиентами. Это значит, что правильно оформив обычный стикер-пак в Telegram, вы совершенно бесплатно привлекаете новую целевую аудиторию. Которая, кстати, уже положительно предрасположена к вашему бренду.
Думаю, этих 2-х причин достаточно, чтобы задуматься о создании собственного стикер-пака. Тем более, сделать это можно в течение нескольких часов, используя конкретную пошаговую инструкцию:
1. Как создать стикеры для Telegram
Пришло время купить (или нет) Photoshop. Вам подойдет любая версия программы. Я, например, использую Adobe Photoshop CS6.
Сразу скажу, что я – далеко не специалист в этой программе. Поэтому многое могу делать не так, как нужно на самом деле. Я просто открыл программу и нашел самый быстрый способ получить нужный результат. Если вы тоже никогда не работали в Photoshop на профессиональном уровне, то понимаете меня.
И эта инструкция точно для вас. Потому что с ней справиться даже человек, который толком не понимает, чем принципиально отличается инструмент “Кисть” от “Карандаша”.
Итак, чтобы добавить стикеры в Telegram, вам нужны прозрачные изображения в формате PNG с расширением 512х512 px. Предлагаю с этого и начать.
Давайте по порядку:
1. Создайте новый документ в Photoshop
Откройте программу, дайте ей загрузиться. Нажмите вкладку File и выберите пункт New:
Или используйте комбинацию клавиш Ctrl+N.
В открывшемся окне введите размеры будущего изображение и прозрачный фон:
2. Откройте фотографию
3. Выделите и скопируйте нужный объект
Теперь у вас есть основа для стикера и основная картинка. Теперь нужно отделить основной объект от фона и перенести его на заготовленную основу. Как показано на моем примере. Здесь четко виден основной объект.
Для выделения используем инструмент Polygonal Lasso Tool. Вот он:
Также активируется горячей клавишей L.
Инструмент интуитивно понятен. Наведите его на точку, с которой хотите начать выделение. Перенесите курсор до следующей точки – еще один клик. Следующий изгиб – новая точка, опять клик. Так выделите главный объект. Задача – обвести инструментом контур и вернуться в точку, с которой начали.
Важно! Это НЕ влияет на расширение картинки. Вы увеличиваете само окно. То есть то, как изображение показывается вам.
Результат должен быть примерно таким:
Комбинацией Ctrl+C скопируйте объект в буфер обмена.
4. Добавьте рабочий фон в стикер
Переходим к основному документу. Вам нужно отчетливо видеть результат работы еще до сохранения. С серым фоном в клеточку это делать не очень удобно. Поэтому добавим рабочий фон, который потом удалим.
Я хочу сделать белый контур стикера, поэтому логично будет добавить черный рабочий фон.
Итак, нажмите на рабочее окно, где будет “наклейка” и выберите пункт Layers в вертикальном меню справа:
Следующий шаг – кнопка Create a new layer в появившемся окне:
Залейте новый слой в нужный цвет. Кликните по нему в списке слоев, выберите инструмент Paint Backet Tool (G) и укажите цвет:
Теперь просто наведите курсор в любую зону нового документа и кликните левой кнопкой мыши.
5. Вставьте основной объект и добавьте контур
Если изображение выходит за рамки холста, подгоните его по размеру. Для этого зажмите комбинацию Ctrl+T. Вокруг объекта появится рамка. Удерживая клавишу Shift, возьмите угол рамки курсором и потяните к центру изображения. Уменьшите до нужных размеров и поместите в середину холста. Зажатая клавиша позволяет изменить размер объекта, сохраняя пропорции.
Чтобы стикер лучше смотрелся на разных фонах в Telegram, добавим контур. Для этого 2 раза кликаем левой кнопкой мыши по слою, куда раньше вставили основной объект:
Если вы планируете делать стикер-пак без надписей, пропустите следующий шаг. Но лучше все-таки подумайте, какие текстовки вы можете использовать в своих “наклейках”.
6. Добавьте текст к стикеру и контур к тексту
Выберите инструмент Horizontal Type Tool (T) на панели:
Наведите курсор мыши примерно в то место, где хотите видеть надпись и кликните левой клавишей:
Напишите заранее продуманный текст, как показано на примере.
Закройте пальцем фразу на картинке, если вы ярый сторонник цензуры и теряете сознание от любых нарушений.
На горизонтальной панели настроек инструмента выберите подходящий шрифт, размер и цвет текста. Чтобы фраза была отчетливо видна на всех фонах Telegram, я поменяю цвет на черный и добавляю белый контур. Если вы тоже используете черный фон и полностью повторяете процесс, на время надпись сольется с ним. Ничего страшного, когда появиться контур, все станет отчетливо видно.
7. Выровняйте элементы по центру горизонтально
Постепенно выходим на финишную прямую. Чтобы стикер нормально располагался в диалоговых окнах самого мессенджера, выровняйте элементы. Располагать их по центру вертикально не имеет смысла. А вот горизонтальное выравнивание придется кстати.
Кликните левой кнопкой мыши на рабочее окно и нажмите комбинацию клавиш Ctrl+A (выделить все).
Повторите ту же процедуру со вторым слоем.
8. Удалите рабочий фон и сохраните стикер
Если вы хотите использовать этот же шаблон для создания других стикеров, то рабочий фон вам еще пригодится. Поэтому удалять полностью его не нужно. Просто перед сохранением сделайте его невидимым. Для этого нажмите на иконку глаза возле слоя:
Глазок исчезнет, фон станет невидимым, а стикер будет выглядеть так:
В появившемся окне выберите расположение для стикера, дайте ему название и в выпадающем списке найдите формат PNG:
Поздравляю! Ваш первый стикер готов. По такому же принципу сделайте полный набор. Сохраняйте изображения в одно место.
Теперь вы переходите к самому интересному этапу:
2. Как добавить стикеры в Telegram
Вы можете загрузить изображения на смартфон. Но делали вы их на ПК, поэтому предлагаю здесь же переходить к делу. Установите приложение Telegram на компьютер, если еще не сделали этого.
Думаете, что добавление стикеров – это сложный технический процесс? Как бы ни так!
Слышали о “магии” чат-ботов? Она работает и в этом вопросе. Все делается через робота, который проведет вас по процессу.
Откройте ссылку на чат-бот в браузере и перейдите в приложения из диалогового окна:
Я дополнительно опишу каждый этап, учитывая, зачем вы делаете “наклейки”.
1. Добавьте название и описание стикер-пака
Чтобы создать новый набор, используйте команду /newpack или выберите ее в меню чат-бота:
Робот сразу предложит вам дать название новому стикер-паку:
На этом этапе нужно хорошо подумать.
Если вы создаете набор для клиентов, задача – популяризировать его. В то же время новая аудитория должна понимать, кто создал этот пак. Желательно, как можно связаться с компанией, и чем она вообще полезна.
Поэтому предлагаю добавить в название адрес вашего сайта и цепляющее описание.
Можете добавить призыв к действию и другие триггеры, которые замотивируют целевую аудиторию кликнуть по ссылке.
2. Добавьте изображение без сжатия в диалог с ботом
Чат-бот предложит загрузить первое изображение, которое вы хотите сделать стикером:
Откройте рядом приложение Telegram и папку, в которой находятся ваши стикеры. Захватите нужный документ левой клавишей мыши и просто перенесите в диалог. Программа предложит добавить картинку в полном размере и со сжатием. Вам нужен первый вариант:
Проигнорируйте предложение добавить описание к картинке, просто нажав SEND 1 FILE :
3. Добавьте смайл, соответствующий стикеру
Если до этого вы все сделали правильно, бот примет изображение и предложит выбрать, к какому emoji больше подходит ваша картинка.
Просто отправьте в ответ подходящий вариант:
4. Опубликуйте стикер-пак
Нажмите команду /publish. После этого бот предложит выбрать URL-адрес, по которому будет доступен пакет. Выберите подходящее название, так как ссылку вы будете рассылать персоналу или клиентам. Нужно что-то максимально простое, но понятное.
Вы опубликовали первый стикер! Теперь добавьте остальные “наклейки”, используя команду /addsticker. Программа предложит выбрать набор, к которому вы хотите добавить изображение:
5. Добавьте пак себе и распространите ссылку
По выбранному короткому адресу теперь доступен ваш набор:
Распространите ссылку и используйте стикеры по полной 😉
К слову, пример тоже пригодился:
Вам тоже нравится пример? 🙂
6. Отслеживайте статистику паков
На это возможности чат-бот не заканчиваются. Вы можете анализировать популярность стикер-паков и вносить корректировки, исходя из полученных данных.
Вызовите меню выбора набора по команде /packstats и кликните по нужному названию:
Бот сразу выдаст всю нужную информацию, а также инструкцию по использованию этого раздела. Вы можете через год узнать, сколько человек установило стикер-пак сегодня, используя специальные команды:
Заключение
Правильный подход к бизнесу – это когда каждая, даже самая фановая мелочь приносит конкретный результат. Используя эту инструкцию, вы можете создать крутой стикер-пак, который потенциально станет хитом среди ваших клиентов или внутри команды. Включайте креатив и выполняйте шаг за шагом. Результат не заставит себя ждать.
Если инструкция была полезна, жмите “Мне нравится”. Нам важно понимать, насколько материал понятен каждому из вас.