Библиотека

23 Инструменти и ресурси за създаване на изображения за социални медии

Актуализация - стартирахме Пабло нов инструмент за създаване на красиви изображения за публикациите ви в социалните медии за по-малко от 30 секунди

Можеш да използваш Пабло от самото начало, няма нужда да влизате или да създавате акаунт. Просто бързо създавайте невероятни изображения супер бързо.



Снимка на екрана 17.02.2015 г. в 14.24.51 ч

Можете да изпробвате първата версия на Pablo точно сега - не се изисква влизане. Просто се насочете към http://bufferapp.com/pablo и опитайте!

Ще се радваме да чуем вашите мисли за Pablo в Twitter, просто ни изпратете @buffer и се надявайте, че това ще ви създаде много по-лесно създаването на изображения за вашите публикации в социалните медии.





Снимка на екран 17.02.2015 г. в 14.34 ч

Добре, върна се към публикацията в блога!

-


OPTAD-3

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

Използване на изображения в публикации в социалните медии си струва да опитате с вашите профили.

Като собственик на малък бизнес или маркетинг екип от един човек, това ли можете да направите сами?

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

Имате любим инструмент за създаване на изображения? Моля, споделете в коментарите!

Копие на социални медии с бързи печалби (3)

Как да създадете изображения за социални медии - Инструменти

1. Canva - Програма за проектиране от начало до край, идеална за недизайнери

шаблони на canva

Вероятно нашият най-използван инструмент за изображения в Buffer, Canva прави създаването на изображения изключително лесно (особено за недизайнери) с техните предварително изработени шаблони, персонализирани размери на изображения за всеки канал в социалните медии, интерфейс за плъзгане и пускане, готини шрифтове и др. Повечето всяко оригинално изображение, което виждате споделено от нашите социални акаунти, е направено в Canva.

Бакшиш : Ако знаете точните размери на изображението, което искате, създайте персонализиран размер, преди да щракнете върху някой от готовите шаблони.

персонализирани размери

Допълнителни инструменти за изображения от начало до край:

две. Скич - Заснемане на екрана и анотиране

Скрийншот на Skitch

Нашият инструмент за скрийншот 'Skitch' се появява с бърз клавишен път (Cmd + Shift + 5 на Mac), след което можете да щракнете и плъзнете върху областта, която искате да изрежете. Продължаваме да се връщаме към този инструмент поради страхотните и лесни функции за анотиране. Можете да кръжите нещата, да сочите към тях, да размазвате нещата и да добавяте текст само с няколко бързи кликвания. Продукт на Evernote, Skitch ви позволява да запазвате и съхранявате всички скрийнграби в избрана от вас папка Evernote.

Бакшиш : Използвайте функцията за размазване по всяко време, когато споделяте изображение с вашия имейл адрес или лични данни.

размазан скич

Допълнителни инструменти за заснемане на екрана:

3. CloudApp - Бързи и лесни GIF файлове за скринкаст

CloudApp

Използваме този инструмент много за нашето вътрешно споделяне на изображения в Buffer. CloudApp ви позволява да съхранявате изображения онлайн и да ги свързвате бързо и лесно за бързо споделяне. Новото им приложение за Mac - безплатно изтегляне - се предлага с още по-усъвършенствани функции като screengrabs и създаване на GIF. При отворено приложение можете да натиснете Cmd + Shift + 6, за да направите GIF видео за всичко, което правите на екрана си.

Бакшиш : След като създаването на изображението приключи, CloudApp може автоматично да постави URL адреса на изображението в клипборда ви. Попитайте CloudApp за URL адреса за изтегляне и можете бързо да поставите и изтеглите, когато изображението е готово.

gif известие

Допълнителни GIF производители за заснемане на екран:

Четири. Powerpoint - Лесен софтуер за изображения (предназначен за нещо друго)

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

Представете слайдовете като изображения. И тогава помислете колко лесно е да редактирате слайдове в PowerPoint. Можете да задавате снимки като слайд фонове, да добавяте текст и цветове и да поставяте икони и графики. Когато запазите слайда в PowerPoint, изберете да го запазите като изображение и ще бъдете настроени.

как да получите потвърден акаунт

Бакшиш : HubSpot предлага отлично начало шаблони за изграждане на инфографика с PowerPoint. Ето пример за възможното:

hubspot инфографика

Допълнителни пълнофункционални софтуерни инструменти за редактиране на изображения:

5. Статив - Създаване на инфографика с плъзгане и пускане

Успокояващо

Интерактивните оформления на Easel.ly ви позволяват да вграждате диаграми, снимки и др. Можете да започнете с предварително изграден шаблон (и след това да персонализирате себе си) или можете да отидете наистина голи кости и да изградите цялата инфографика, както сметнете за добре. Easel.ly се предлага с огромен брой икони, фигури и обекти, които можете да плъзнете и пуснете в редактора си.

Допълнителни инструменти за инфографика:

  • Infogr.am - Вградете видео, карти, диаграми и други във вашата инфографика
  • Visual.ly - Свържете се с професионални дизайнери, за да помогнете с вашия проект
  • Piktochart - Създайте персонализирана инфографика от нулата или използвайте предварително направен шаблон

7. Поставете го - Интегрирайте уебсайта или приложението си в страхотни снимки

placeit - bufferblog

За създаване на красиви изображения, които съдържат вашата начална страница, блог, приложение или услуга, Placeit предоставя някои добри интеграции с вашия уеб адрес и техните снимки и видео. Изберете фон от библиотеката на Placeit, след това качете екранна снимка или дайте на Placeit URL адрес, който да вземете, за да вмъкнете сайта си в изображението.

Placeit прави останалото. Можете да изтеглите или вградите новото си творение навсякъде.

Бакшиш : Опцията за интерактивно видео в Placeit ще вгради пълния ви уебсайт в прозореца и потребителите могат да превъртат сайта точно като че ли посещават страницата в браузъра си.

8. Инструмент за преоразмеряване на социални изображения - Идеални размери на изображения за всеки социален канал

преоразмеряване на изображението

Има огромен брой различни размери и пропорции които работят най-добре в различни социални мрежи. Снимките в Twitter са най-добри в съотношение 2: 1. Facebook предпочита изображенията да са по-квадратни. Pinterest и Google+ обичат вертикални изображения.

Можете да запазите всичко това сортирано с инструмент като Social Image Resizer. Качете желаното изображение, след което изберете от огромен падащ списък с опции и места, където бихте искали да използвате изображението. Можете да премествате и мащабирате избраната област, за да вземете оптималния външен вид за вашето изображение.

Ето социалните мрежи, които инструментът поддържа:

  • Facebook
  • Twitter
  • LinkedIn
  • Google+
  • Pinterest
  • Instagram
  • Youtube

Бакшиш : Можете да щракнете и плъзнете, за да създадете и персонализиран размер на изображението. Image Resizer ви информира за новите измерения, докато се движите и преоразмерявате границите.

как да публикувате реклами във facebook за пари

Допълнителни опции за създаване на идеални изображения за различни социални мрежи:

9. Smush.it - ​​Оптимизация на изображението за размер на файла и бързо зареждане

смъшит

Използваме много големи изображения в блоговете си и в социалните медии в Buffer. Можем да се възползваме от инструмент като Smush.it .

Изберете файл, качете го в Smush.it и инструментът компресира изображението в по-оптимален размер на файла. Тези оптимизирани изображения се зареждат по-бързо на страницата и правят по-бързо качване при споделяне в социалните медии.

Бакшиш : Smush.it също влиза удобна приставка за WordPress за да компресирате и оптимизирате всяко изображение, което публикувате във вашия блог.

Допълнителни опции за инструменти за оптимизация и компресия

10. Рецитирайте - Създавайте изображения от цитати

Някои от най-споделените ни предложения за съдържание и най-популярните социални актуализации са цитати. Можете да изведете кавичките на следващото ниво, като създавате изображения от тях. В Recite, просто въведете вашата оферта в редактора на началната страница и изберете оформление от дългия списък с шаблони.

Крайният резултат може да бъде нещо подобно:

recite-16833–608253535-3ia32

Допълнителни инструменти за създаване на изображения от текст:

единадесет. Страница2Изображения - Грабър на уеб страница на цяла страница

Ако някога сте виждали уеб дизайн, който наистина ви е грабнал (и случайно имате дъска за уеб дизайн в Pinterest или постоянно споделяте такива неща с последователите си), със сигурност би било чудесно да можете вземете цялото нещо в един пълен изстрел.

Въведете Page2Images, удобен инструмент, който прави снимка на цял екран на уеб страница и ви позволява лесно да изтегляте или добавяте към Pinterest. Има чифт маркери, които можете да инсталирате, като щракнете и плъзнете връзките към лентата на отметките - едната отметка се добавя направо в Pinterest, а другата грабва страницата като изображение за изтегляне.

page2image

12. Photovisi - Производител на колажи

Колажите с изображения са голям бизнес за Instagram , и те също са намерили своя път към Twitter и Facebook. Последните две социални мрежи имат вградени инструменти за колажи. Ако искате малко повече контрол върху начина, по който се обработват вашите колажи, инструмент като Photovisi ще направи чудеса.

Има много различни шаблони, от които можете да избирате и можете да персонализирате не само снимките, които използвате, но и всеки текст, фонове или графики, които искате да добавите към колажа.

опции за колажи

Допълнителни опции за правене на колажи:

13. Над - Текст върху снимки

Докоснахме как да превърнем текста в изображения. Какво ще кажете за подреждане на изображение с текст отгоре?

Приложението Over за iOS и Android ви позволява да изберете всяко изображение на вашето устройство и да персонализирате с избрани от вас текст, шрифтове, цветове и типове размери. Ето пример от емисията Over Instagram :

Над примера

Допълнителни опции за добавяне на текст към изображения:

14. Infogr.am - Диаграми и графики

Инфограма диаграма и графика

Когато пишете блогове с много данни или статии, подкрепени с изследвания, може да откриете, че искате да споделите данни като изображение. Един от най-добрите инструменти, които намерих за това, е Infogr.am, който помага да се създават инфографики, заедно с доста здрав редактор на диаграми и графики.

Можете да изберете типа графика, която искате да използвате и след това да редактирате клетките и стойностите на таблицата директно от Infogr.am.

Допълнителни опции за създаване на диаграми и графики:

  • Google Диск
  • Excel

петнадесет. Волиера - Редактиране в движение от мобилно приложение

снимка на волиера

Някога Aviary беше популярно приложение за настолни изображения, а не е включен в пакета от продукти на Adobe и е достъпен за други приложения (например MailChimp използва редактиране на изображения от Aviary).

Все още има удобно мобилно приложение за iOS и Android, което да помогне за редактиране на изображения в движение.

В допълнение към типичните филтри и ефекти, които бихте очаквали да намерите в мобилно приложение за изображения, Aviary предлага стикери и рамки, инструменти за рисуване, мемове и инструменти за изрязване, завъртане и изправяне.

Допълнителни опции за проектиране на изображения на мобилни устройства:

Как да създадете изображения за социални медии - ресурси

16. Iconfinder - Безплатни икони с възможност за търсене

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

иконка

17. Blurgrounds - Прости, красиви размити фонове

Предложение от Лов на вдъхновение , този набор от 120 размити фона - безплатни за изтегляне и използване - се предлага в огромна гама от цветове и стилове.

преглед4

18. Съществително Проект - Огромна библиотека от икони в минимален, глиф стил

Ако сте прочели голяма част от блога 99U (един от нашите любими !), вероятно сте забелязали страхотните им икони, които създават изображението на корицата в публикациите им. Всеки от тях е направен с икони на Noun Project! Библиотеката Noun Project съдържа невероятен брой визуални изображения, които представляват тонове думи на английски език. С най-достъпното като безплатно изтегляне, Noun Project прави приписването много ясно и лесно.

съществително име-проект

19. Фини модели - Моделирани фонове за безплатно изтегляне

Тези фонови модели са предназначени за уебсайтове, но обичам да ги грабвам и за бързи и лесни фонове на изображения. Намерете любим и вземете екрана за визуализация на фона на плочки от сайта. След това качете и добавете към вашия редактор на изображения.

Фини модели

двайсет. Библиотека с модели - Забавни, безплатни фонове

Подобно на фините модели, библиотеката с модели също е първа за уебсайтове. Можете да направите същия трик тук с фона, който ви харесва. Грабнете и използвайте в изображенията, които създавате. Библиотеката на шаблони предлага пълен преглед на фона, за да улесни извличането на екрана.

patternlibrary

двадесет и едно. Цветни цветове - Цветова палитра и вдъхновение от шарката

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

как да използвам facebook реклами за бизнес
любители на цветовете

22. Omnicore’s Social Media Cheat Sheet - Ръководство за оптимални размери на изображението

Бърза справка за правилните размери, които да се използват във всяка публикация в социалните медии, ръководството на Omnicore обхваща всички жизненоважни подробности - актуализации, заглавки, аватари и т.н. - и екипът на Omnicore освежава графиката постоянно, за да бъде в течение на последните промени.

размер на изображението в социалните медии

2. 3. Пикатулно - Създайте палитра от всяко изображение

Да предположим, че знаете изображението, което искате да включите във вашата графика, и също така ще ви харесат някои подсказки кои цветове да използвате за рамки, фонове, текст и икони. Качете снимката на Pictaculous и ще получите своя отговор. Инструментът изучава вашето изображение и връща предложените палитри, от които можете да избирате.

пикакулен

Бонус: стокови снимки - 53+ безплатни източника на изображения

Може да се окажете, че се нуждаете и от безплатни изображения, които да използвате. Измислихме обширен списък - повече от 50 опции - на безплатни източници на изображения, където можете да намерите професионални изображения безплатно. Няколко от любимите ми:

Как направихме основното изображение за тази публикация в блога

Би ли било полезно да видим пример за всичко това заедно?

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

Инструменти за изображения

Ето кратко описание на начина, по който го направих:

съвети за социални медии за малкия бизнес

1. Отворете нов дизайн в Canva .

Избрах шаблона на Twitter Post, който е 1024 пиксела широк и 512 пиксела висок. Това е идеалното съотношение 2: 1 за изображения в Twitter, които да се показват в емисията без изрязване. Размерът работи добре и за публикации във Facebook, стига да имате предвид левите и десните полета на вашето изображение, които могат да бъдат отрязани, когато Facebook преоразмери нещата.

canva нов дизайн

Ако правите този тип изображения много, можете да направите копие на старо изображение и след това да работите от този конкретен шаблон в Canva.

2. Търсене Търсене на икони за икона, която най-добре представя публикацията.

Обичам да използвам плоски икони за тях, затова започвам с търсене по ключови думи в Icon Finder и след това прецизирам търсенето по плоски стилове. Изтеглете версията с най-висока разделителна способност на избраната от вас икона, във формат .png. Добавете приписване и към публикацията си по това време.

икона на изображението

3. Плъзнете изтеглената икона в Canva и я поставете във вашия дизайн.

Качването в Canva е толкова просто, колкото плъзгане от вашия работен плот или папка и пускане в редактора на Canva. След като иконата бъде качена, можете да кликнете върху нея от менюто вляво и тя ще бъде поставена автоматично във вашия дизайн. Преоразмерете и центрирайте в горната част на изображението.

4. Щракнете върху опциите за мрежи и изберете снимката с цялото изображение.

Добавянето на това към вашия дизайн автоматично ще накара този елемент на дизайна да се разшири до пълния размер на вашия дизайн.

мрежа за търсене canva -

5. Намерете a размазан фон за изтегляне и добавяне към вашия дизайн.

Често се стремя да намеря такъв, който по някакъв начин да съвпада с цветовете на иконата. Ще изтегля изображението, след което ще кача в Canva. За да го добавите като фон към вашия дизайн, можете да плъзнете и пуснете върху шаблона за пълно изображение, който сте добавили в последната стъпка. Canva автоматично ще разпознае, че се опитвате да добавите фон.

6. Преместете фона отзад.

Това е всичко за слоевете. Като преместите фона си отзад, иконата ви ще бъде отгоре и ще се вижда.

обратно платно

7. Добавете текст и персонализирайте.

От лявото меню изберете две текстови полета. Едното ще бъде основното заглавие, другото ще бъде подзаглавието. Обичам да различавам шрифтовете със sans serif (без допълнителни стъбла на букви) и serif (стъбла). В графиката тук съм използвал Roboto получер като шрифт на заглавието и Satisfy като шрифт на подзаглавието.

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

настройки на шрифта

8. Изтеглете

Последна стъпка! Когато приключите, щракнете върху бутона Изтегляне или Връзка и ще получите диалогов прозорец за изтегляне като изображение (да!) Или pdf (чудесно за слайдове и презентации и електронни книги). Можете също да споделите връзката с приятел за сътрудничество или редакции.

публикуване на изображението canva

Твой ред

Вдъхнових се да науча много за дизайна и визуалните изображения в блога на Buffer и имам доста начини да отида! Толкова съм благодарен за големия брой невероятни инструменти за проектиране за създаване на изображения за социални медии.

Кои са вашите любими дизайнерски инструменти за създаване на изображения в социалните медии?

Ще се радвам да чуя кои използвате! За още повече спестяване на време в социалните медии, опитайте Buffer безплатно ! (Ще спестите до час на ден и ще привлечете и повече трафик!)

Кредити за изображения: Boyan Kostov , Blurgrounds , Маркус списке , Над



^