Итак, продолжаю историю про сегодняшнее утро-обучение, 02 апреля 2022 г., где я продвигалась в освоении создания «Красивых сториз для VK», с помощью и наставничеством моей дочки 11 лет.
Начало этой истории можно прочитать вот тут .
Итак, 1 шаг: заготовка-фото 1080х1920 px «белый фон» для сториз создан [и не только белый].
На очереди 2 шаг: «красивый текст, где часть надписи другого цвета - даже если это одна фраза».
Кто-то скажет «Да чего там делать-то?»...
И будет не прав! Да, сделать это «выделение части фразы» в обычном Word или в статье вот здесь на Яндекс.Дзен - легко! Однако в формате сториз VK - нереально! Там просто нет такой функции, только вся фраза целиком изменяется.
При тоннах усилий можно всё... И в VK-сториз можно это сделать, только очень изворачиваясь... пытаясь слоями разбивать фразу, пробелами подбирать пустоты и т.д. Для меня: не то. Это путь в нервное напряжение.
А я за радость бытия. Должно быть легко, удобно и свобода действий!)))
«Если уже я плашку-фон в приложении создаю, наверняка здесь и текст можно красиво выделить по частям, легко и удобно».
Как бы не так!
То есть так, и решение с подробной инструкцией - внизу страницы. Но - оно не очевидное и «ответов на YouTube на эту тему нет (по крайней мере на первых 3+ страниц показов).
Как хорошо, что есть Ярика! Моя 11-летняя дочка и заодно домашний Мега-профи обработок фото и видео :))) Самое замечательное, что до неё можно даже допроситься помощи и относительно терпеливой консультации.
Насколько это возможно для шипящего подростка «период такой» ;)))
Ярика «решила вопрос» менее чем за 8-10 секунд! (Я вот правда хочу заснять, с какой скоростью у неё порхают пальцы по экрану, это космос!)
Итак, что же делать?
Пошаговая инструкция «Красивая надпись, где часть текста - другого цвета, и даже с переливами».
- Создать текст, «который будет в определённом формате - и его можно будет дополнительно «раскрашивать»
- Измерять цвет текста частями по вкусу
«Как создать текст, который можно будет редактировать по цвету «внутри надписи»:
- Создать текст на отдельном слое
- Создать дополнительный слой «под текстом»
- Применить «кадрирование» к слою текст (произойдёт растрирование - т.е. перевод надписи из шрифта в «изображение»)
- Создать слой «над текстом»
- К пустому слою над текстом применить «кадрирование» - теперь рисование на этом слое будет отображаться «рисованием именно и только на тексте»
Как изменять цвет части надписи:
- любыми инструментами, я для начала Осваиваю просто кисточку с полностью непрозрачной «краской»
- а если у кисточки поменять «прозрачность» - будет взаимное наложение цветов «исходного текста» с новым
- а если применить инструмент «размытие» к границам окрашивания - например, внутри одной буквы/столбца - то получатся плавные переливы/переходы
Инструкция в картинках (скриншотах):
Часть 0 (подготовительная). Создаём «дубликат заготовки с белым фоном».
Итак, часть 1. «Создаём текст»
В приложении ibisPaint это довольно необычно :)
- Вначале выбираем инструмент «Текст», предварительно новый слой создавать не надо: текст всегда автоматически создаётся на новом слое
2 А вот теперь начинается интересное: «Ввод текста в ibisPaint», он отличается от классического Word или написания поста в соц.сетях.
Здесь 2 окна с текстом:
«вводим исходный текст в отдельное окошко», и там же инструменты выбора шрифта, цвета, размера и т.д.
- а «во втором окне отображается, как это будет выглядеть на фото».
Границы «как отображается на фото» можно регулировать 2 способами: ползунком справа и «перемещая блок с текстом по фото, зажав его пальчиком и двигая в любую сторону».
Итак, текст есть!
В нижней панели окна «Текст» регулируем:
«А текст» - это шрифт, центровка;
«аА» - размер: что удобно, в пикселях «а не на ощупь»;
«А стиль» - цвет, причём можно с отводкой отдельным цветом
«VAпромежуток» - разреженность текста, расстояние между буквами.
Я решила сделать буквы по-крупнее и чуть поменять цвет:
3 часть: «растрирование, сделать, чтобы по тексту можно было рисовать:
- создать пустой слой «сверху текста»
- применить «обьединить с предыдущим» к пустому слою над текстом = получить «растрирование», перевод текста в картинку
4 часть «Создаём слой сверху, по которому будем рисовать - и это отображаться будет только и именно на тексте». + рисуем!
- новый слой над «слоем с растрирование текстом»
- применить «кадрирование» к новому пустому слою над слоем с растрированным текстом
- рисовать на новом «привязанном слое», как хочется! :)))
🎨А теперь «ВЫДЕЛЯЕМ ЦВЕТОМ часть текста или даже части слов/букв»:
- инструмент «кисть»
- рисуем! ))) Можно менять прозрачность; если что-то не так пошло: вверху всего экрана слева стрелочка «отменить»
- инструмент «размытие» - поможет сгладить границы перехода цвета, если это есть в задумке
И, конечно, сохраняю файл!
для этого можно просто «выйти в галерею» :)
Вот что у меня получилось:
ВЫВОД:
при кажущейся простоте Задачи - чтобы её выполнить, важно знать как и «приноровиться».
Здорово, что у меня есть Ярика и она меня научила!)))
Это только кажется по скриншотам, что трудно - в реальности то, что я расписываю в 2 статьях - в реализации занимает 8-10 секунд у моей дочки :)))
Или около 30-45 секунд у меня.
ПОЭТОМУ ДЕЛАТЬ ТАКИЕ ЗАГОТОВКИ СТОРИЗ ПРОСТО, БЫСТРО И ВЕСЕЛО :)
А вам как идея
так оформлять «письменные сториз в ВК»?
1 - да, интересно, попробую! Благодарю!
2 - интересно, благодарю! Буду иметь ввиду)
3 - есть ещё вопросы
4 - как-то сложно, обойдусь встроенным в вк («лень выходить из ВК»)
5 - другое (напишите ваш вариант)
#vk #vkontakte #vkсториз #сториз #вксториз #оформлениесториз #оформлениесторизвк #блоггерство #осваиваювк #ibispaint