Привет, друзья! Стильные, креативные изображения всегда помогают разнообразить текстовый контент, оживить его и привлечь к нему больше внимания. Когда я только начинала вести свой блог 5 лет назад, максимум на что меня хватало – взять подходящую для статьи картинку из поиска или бесплатного фотостока, обрезать ее и добавить к статье.
Сейчас же все гораздо интереснее и возможностей по созданию своих оригинальных картинок к постам, обложек, баннеров и т.д. намного больше. А главное, что есть простые и доступные инструменты, с помощью которых создавать графику совсем несложно даже новичку. Один из таких инструментов – онлайн сервис Crello (VistaCreate), по которому я подготовила для вас обзор.
Вы можете посмотреть его в видео ниже:
Или продолжить читать статью.
И по дизайну, и по функционалу Crello похож на сервис Canva, о котором я тоже рассказывала и которым частенько пользуюсь сама. При этом, у него есть свои плюшки – например, возможность создавать анимированные изображения (мини видео), также здесь больше красивых и современных кириллических шрифтов, есть хороший ассортимент бесплатных готовых шаблонов, графических элементов, текстов для создания изображений.
Я считаю так, что эти инструменты и Canva, и Crello дополняют друг друга, и если мы не находим чего-то подходящего в одном, можно воспользоваться другим.
Итак, что сегодня обсудим:
1) Как начать использовать Crello (VistaCreate), обзор интерфейса.
2) Как редактировать готовые шаблоны под себя.
3) Как редактировать анимированные изображения.
4) Как создавать картинки по собственным размерам с нуля.
5) Как скачивать готовую графику, сохранять, удалять, редактировать и др.
Сервис Crello доступен по адресу crello.com/ru. Для начала пользования нужно пройти процедуру регистрации. Чтобы это было быстрее, можно авторизоваться через соцсеть. Я, например, использую Фейсбук.
Если, вдруг, интерфейс у вас будет на английском, то вверху просто переключите язык, выбрав в списке русский.
После авторизации в аккаунте вы попадете в раздел «Создать дизайн». Здесь доступен выбор готовых шаблонов (это и графика для соцсетей, и анимация, и обложки, и плакаты и многое другое…). Также здесь можно создать картинку по своим размерам.
В разделе «Мои проекты» сохраняются ваши изображения, над которыми вы работали. Здесь они удобно распределены по вкладкам – вы можете увидеть сразу все свои изображения, либо отдельные категории: соцсети, анимированные картинки, картинки по вашим размерам и т.д.
Здесь вы можете перейти к редактированию нужного изображения. Это удобно, когда мы используем какие-то определенные шаблоны при оформлении постов, и каждый раз просто меняем на шаблоне отдельные элементы – текст, картинку. Просто наведите на картинку мышкой, и появятся доступные действия.
Также дизайном можно поделиться в соцсети, скопировать, удалить. Удаленные картинки попадают в корзину, откуда их можно восстановить, или удалить остаточно.
Кроме того, вы можете создать свою папку для изображений и простым перетаскиванием мышью добавить туда свои проекты.
Чтобы вернуться к основному меню, нажмите на три горизонтальные полоски вверху.
В разделе «Идеи дизайнов» вы найдете большой перечень различных готовых шаблонов под разные цели, которые можете легко и просто редактировать.
В разделе «Настройки» можно менять личные данные (аватар, имя, пароль, почту и т.д.).
Как работать с готовыми шаблонами?
Итак, вернемся на вкладку «Создать дизайн» и выберем шаблон для редактирования. Для примера я выберу шаблон «Соцсети» размером 800х800 пикселей и просто кликну на него мышкой.
Откроется редактор. По центру холст, слева доступные варианты дизайнов для редактирования. Есть как бесплатные (их очень много), так и платные.
Вверху мы можем фильтровать эти дизайны по тематикам, выбирая нужную категорию.
Чтобы выбрать понравившийся дизайн, нужно кликнуть на него мышкой. Он применится к холсту, и мы сможем над ним поработать.
Возможности редактирования довольно гибкие, и мы можем менять дизайны до неузнаваемости. Для этого просто кликаем на тот элемент дизайна, который хотим отредактировать, и появляются инструменты.
Например, фон:
Мы можем изменить его цвет, прозрачность, удалить. Загрузить в качестве фона свою картинку или выбрать из библиотеки фото.
Текст:
Можно поменять шрифт, его цвет, размер, расположение (перетаскивая ползунками), применить форматирование, отрегулировать высоту строк и расстояние между буквами.
Удобно, что шрифты разделены на кириллические и латинские. И как уже писала выше, есть хороший выбор кириллических шрифтов.
Картинка:
Можно изменить непрозрачность, размер, расположение, удалить и поменять на другую из библиотеки графики (объекты, фото), загрузить свою (фото, иконку и т.д.).
Другой объект (например, фигура, линия, рамка):
Можно регулировать размер, цвет, прозрачность, расположение, удалять и использовать другие объекты.
Если вы хотите удалить ненужный элемент с дизайна, выделите его мышкой и нажмите на корзинку.
Для перетаскивания элементов и регулирования размеров пользуйтесь ползунками.
Важно: может быть такое, что перед редактированием понадобится разгруппировать элементы дизайна, тогда просто нажмите на соответствующую надпись вверху.
Внизу есть стрелочки «отменить/вернуть действие». Также можно регулировать масштаб холста для удобства редактирования.
Перед скачиванием на компьютер дайте название картинке. Затем нажмите «Скачать». Сохранение на сервисе происходит автоматически.
Выберите формат для скачивания. Подождите немного, картинка обработается и скачается на компьютер. По умолчанию в папку «Загрузки».
Чтобы выйти из редактора к меню с шаблонами, опять же, нажмите на три горизонтальные полоски вверху.
Анимированные изображения в Crello
Довольно интересный формат, чтобы оживить и привлечь внимание к постам. В разделе «Создать дизайн» выбираем соответствующий шаблон.
Снова открывается редактор и выбор дизайнов слева. Выбрать действительно есть из чего, много бесплатных вариантов. Нажимаем на понравившийся дизайн, чтобы он применился к холсту.
В готовом дизайне не редактируется сама анимированная картинка (фон), но мы можем менять текст и его местоположение, а также добавлять другие объекты – фигуры, рамки, линии и т.д.
Посмотреть картинку в движении можно, нажав под ней кнопку «Включить». Чтобы снова вернуться к редактированию, нажимаем на эту кнопку повторно.
Также можно покреативить и создать свою картинку с анимированным фоном. Для этого очистим холст, выделив и удалив с него объекты.
Выберем понравившийся анимированный фон в разделе «Анимация».
И далее можем наложить на него объекты, например фигуру, а в ней текст:
Перед скачиванием дизайна на компьютер даем ему название и нажимаем на кнопку «Скачать».
Анимированный дизайн скачивается в формате mp4 (видео) в размере 1080х1080 пикселей. К примеру, когда загружаешь его в Телеграм, то он добавляется как гифка. А вот в другие соцсети – ВК, Фейсбук, чтобы прикрепить анимированный дизайн к посту, его нужно загрузить, как видео. И когда человек переходит на этот пост, то анимация воспроизводится автоматически. Пример вы можете увидеть тут.
Cоздание картинок по своим размерам с нуля
На странице создания дизайна в поле «Установить размеры» вписываем ширину и высоту нашей картинки в пикселях и жмем по кнопке «Вперед». Для примера, это будет баннер размером 250х400 px.
У нас открывается уже привычный редактор и по центру холст с нашими размерами. Мы можем залить баннер цветом, перейдя в раздел «Фоны» — «Цвета».
Либо добавить в качестве фона картинку – из библиотеки фото, или загрузить свою картинку.
Чтобы добавить на баннер текст, используем раздел «Тексты» — здесь можно применить готовые дизайны текста, либо просто добавить свой текст.
Есть и такая фишка, как фото-текст. Это текст, который заливается фотографией. Мы нажимаем «Добавить фото-текст», он появится на холсте. Далее мы можем регулировать его размер ползунками, менять положение, перетаскивая по холсту, применять эффекты и другие настройки.
Чтобы вписать свой текст, вверху нажимаем «Изменить текст». И теперь осталось перетащить мышкой фото на этот текст, чтобы оно применилось в качестве заливки. Фото можно перетянуть из раздела «Фото», выбрав подходящее в бесплатной библиотеке, или загрузить свое.
Вы также можете добавлять на свой дизайн различные объекты из одноименного раздела – это могут быть рамки, фигуры, линии, иконки, маски. Маски – это контейнеры для ваших фото. То есть, мы выбираем понравившуюся маску и перетаскиваем в нее фото (как с фото-текстом), в итоге эта маска заливается фотографией. Прикольная фишка.
В моем примере я просто залила баннер цветом, подкорректировала прозрачность, добавила текст и маску с фото.
Вот и все премудрости.
Друзья, надеюсь, что моя инструкция окажется вам полезной, а сервис Crello поможет в создании оригинальных и цепляющих внимание картинок.
Желаю вам всего доброго!
P.S. Буду рада вашим комментариям, а то как-то под двумя крайними статьями тишина совсем – то ли контент перестал быть вам полезен, то ли комментарии стало писать лень (лето и все такое…). Дайте знать.
С уважением, Виктория Карпова
Спасибо, Вика!
Спасибо за обратную связь, Рашид!
Виктория, при загрузке своей картинки в крелло сильно уменьшается разрешение :(
Помогите, пожалуйста, как специалист?
Возможно, проблема в интернет-соединении, картинка не подгружается полностью. Пробовали несколько раз, в другой день, в другом браузере? Все так же?
Спасибо, наш дорогой, трудолюбивый тренер!Ты как всегда впереди планеты всей! Преклоняюсь перед твоим интеллектом и трудолюбием!
Татьяна, благодарю за обратную связь и лестный комментарий)
Виктория спасибо за статью. Молодец. Так держать!!!
Владимир, благодарю за поддержку!
Вика, спасибо за разбор. Пользуюсь этим сервисом.
И вам спасибо, что написали комментарий) Да, он классный!
Виктория, очень интересный и подробный разбор. Спасибо, обязательно попробую работать в этом сервисе.
Попробуйте, Татьяна. Успехов вам!
Вика, спасибо за качественный и подробный обзор!
Сам больше фотошопом пользуюсь и канвой чуть-чуть. Теперь буду и этот сервис использовать.
Александр, я тоже понемногу и Фотошопом, и Канвой, и Crello пользуюсь)
Сервис для создания и демонстрации презентаций онлайн с множеством шаблонов и готовых элементов. Slides также работает и с любого мобильного устройства, а во время вашего выступления можно использовать свой смартфон в качестве кликера для переключения слайдов или даже менять содержимое слайдов на ходу.
Большое спасибо за такой подробный разбор работы на сервисе
Сейчас время «дикого Запада» в SMM подходит к концу как в области анализа публикаций, так и при производстве креативного контента. Пользуйтесь этими сервисами, находите, тестируйте и включайте в работу новые.
Здравствуйте. У меня не скачивается уже готовый плакат. Полностью делала с нуля. Не пойму почему не скачивается.
Здравствуйте, возможно в браузере какое-то расширение мешает (блокировщик рекламы,всплывающих окон, антивирус, защитник какой нибудь, может что-то другое)….Не пробовали с других браузеров?
Здравствуйте Виктория. Подскажите пожалуйста, как на картинки сделать частичку затемненного фона, чтобы текст на этом фоне четче отображался. Надеюсь понятно объяснил. Спасибо.
Здравствуйте, накладываете на эту часть фигуру с заливкой цветом и регулируете прозрачность. Например, черный прямоугольник, увеличив его прозрачность, затемним более светлый фон, и текст будет отлично читаться.
Виктория, спасибо огромное за Вашу работу. Я в компе не сильна, все просмотрела,но не могу понять,после того как добавили заголовок,как писать свой текст, что и где нажимать, чтобы печатался мой текст?
Выделяете текст мышью на изображении и впечатываете свой.
Виктория, добрый день! Столкнулась со странной проблемой: меняю фон на шаблоне, а он перекрывает все тексты, которые в этом шаблоне предусмотрены. То есть меняешь фон — картинка становится поверх всего. Как этого избежать? Заранее спасибо!
Здравствуйте, при добавлении картинки, в ее настройках нужно нажать на иконку слоев и выбрать порядок назад — если элементов на шаблоне много, возможно, понаджобится несколько раз нажать «назад», чтобы все элементы стали поверх вашего фона. См. скриншот: _http://joxi.ru/Vm6LppliDPlxVA
Спасибо, очень доступно преподнесли полезнейшею информацию, пойду творить!!!
Регина, успешного творчества!:)
Добрый день, пытаюсь сделать визитку, но у меня сохраняется и скачивается все время ИСХОДНИК((( а не мой редактированный проект(((( Почему кто-нибудь подскажите, пожааалуйста(
Здравствуйте, не забываете справа нажимать по кнопке «Сохранить»? Если это делаете, а изменения все равно не сохраняются, пробуйте в другом браузере.
Доброе утро, подскажите пожалуйста как в тексте (в электронной книге) вставить активную ссылку. Спасибо.
Здравствуйте, добавить ссылку в ворде, а затем сохранить этот документ, как pdf. Про электронную книгу я здесь писала: https://o-zarabotkeonline.ru/primer-sozdaniya-svoey-elektronnoy-knigi-v-formate-pdf-teh-momentyi-oformlenie-idei/
Спасибо!
Подскажите пожалуйста, я добавила рамку, а она растягивается по диагонали только, как мне сделать, чтобы вытянуть ее в длину?
У рамок нет возможности растянуть по длине. Выход из ситуации есть такой, если вам нужна простая рамка, без ухищрений, просто прямые линии. В разделе «Фигуры» выбрать самый первый прямоугольник и наложить его поверх фона, прямоугольник можно растянуть в длину, залить цветом, например, белым, а рамкой тогда будет тот фон, на который вы его наложили, соответственно вы сможете выбрать для рамки любой цвет. Ну а дальше использовать как фон для других элементов уже этот добавленный прямоугольник.Вот, как это может выглядеть: _http://joxi.ru/KAxxyyNUM39NlA
Виктория, скажите, можно ли в crello обавить свое видео в дизайн?
Нет
Спасибоооооооооооооооооо!!!!

про маски помогло.
Бесполезно если нет банального обьяснения как изменить картинку
Здравствуйте, Предлагают pro на 14 дней, как отказаться?
Из-за этого, не могу скачать макет
Free полностью устраивает
Здравствуйте, где-то должен быть крестик закрыть, типа такого: http://joxi.ru/eAOBkkGTpgRN62