Biblioteka

23 Narzędzia i zasoby do tworzenia obrazów dla mediów społecznościowych

Aktualizacja - uruchomiliśmy Pablo nowe narzędzie do tworzenia pięknych zdjęć do postów w mediach społecznościowych w mniej niż 30 sekund

Możesz użyć Pablo od samego początku, bez konieczności logowania się ani tworzenia konta. Po prostu błyskawicznie twórz niesamowite obrazy.



Zrzut ekranu 17.02.2015 o godzinie 22.4.51

Możesz wypróbować pierwszą wersję Pablo już teraz - logowanie nie jest wymagane. Po prostu idź do http://bufferapp.com/pablo i spróbuj!

Chcielibyśmy usłyszeć, co myślisz o Pablo na Twitterze, po prostu napisz do nas @buffer i mamy nadzieję, że dzięki temu tworzenie zdjęć do postów w mediach społecznościowych będzie dla Ciebie znacznie łatwiejsze.





Zrzut ekranu 17.02.2015 o godzinie 14:34.40

Ok, wróć do posta na blogu!

-


OPTAD-3

Dzięki eksperymentom i iteracjom odkryliśmy, że uwzględnianie obrazów podczas udostępniania w mediach społecznościowych zwiększa zaangażowanie na całej planszy - więcej kliknięć, udostępnień, odpowiedzi i ulubionych. W jednym eksperymencie przesyła dalej dalej ponad dwukrotnie dla aktualizacji z obrazami w porównaniu z tymi bez.

Wykorzystywanie zdjęć w postach w mediach społecznościowych warto spróbować ze swoimi profilami.

Jako właściciel małej firmy lub jednoosobowy zespół marketingowy, czy możesz to zrobić samodzielnie?

W Buffer tworzymy wszystkie obrazy do naszych postów na blogach i udostępniania w mediach społecznościowych bez żadnej zewnętrznej pomocy projektowej. Aby wykonać to zadanie, polegamy na kilku niesamowitych narzędziach i zasobach. Chętnie podzielę się z Wami tymi, z których korzystamy, oraz dodatkami, które uznaliśmy za pomocne lub interesujące.

Masz ulubione narzędzie do tworzenia obrazów? Prosimy o dzielenie się komentarzami!

Kopia mediów społecznościowych Quick Wins (3)

Jak tworzyć obrazy do mediów społecznościowych - narzędzia

1. Canva - Program projektowania od początku do końca, idealny dla osób niebędących projektantami

szablony canva

Prawdopodobnie nasze najczęściej używane narzędzie do tworzenia obrazów w Buffer, Canva, sprawia, że ​​tworzenie obrazów jest bardzo łatwe (szczególnie dla osób niebędących projektantami) dzięki gotowym szablonom, niestandardowym rozmiarom obrazów dla każdego kanału mediów społecznościowych, interfejsowi typu „przeciągnij i upuść”, fajnym czcionkom i nie tylko. Prawie każdy oryginalny obraz udostępniony z naszych kont społecznościowych został wykonany w serwisie Canva.

Wskazówka : Jeśli znasz dokładne wymiary obrazu, który chcesz, utwórz niestandardowy rozmiar przed kliknięciem dowolnego z gotowych szablonów.

wymiary niestandardowe

Dodatkowe narzędzia do tworzenia obrazów od początku do końca:

dwa. Skitch - Zrzut ekranu i adnotacje

Zrzut ekranu Skitcha

Nasze narzędzie do tworzenia zrzutów ekranu, Skitch, pojawia się z szybkim skrótem klawiaturowym (Cmd + Shift + 5 na komputerach Mac), a następnie możesz kliknąć i przeciągnąć po obszarze, który chcesz wyciąć. Wracamy do tego narzędzia ze względu na niesamowite i łatwe w obsłudze funkcje adnotacji. Możesz zakreślić elementy, wskazać je, zamazać i dodać tekst za pomocą kilku szybkich kliknięć. Skitch, produkt Evernote, umożliwia zapisywanie i przechowywanie wszystkich zrzutów ekranu w wybranym folderze Evernote.

Wskazówka : Użyj funkcji zamazania za każdym razem, gdy udostępniasz obraz ze swoim adresem e-mail lub danymi osobowymi.

niewyraźny skitch

Dodatkowe narzędzia do przechwytywania ekranu:

3. CloudApp - Szybkie i łatwe wyświetlanie GIF-ów z ekranu

CloudApp

Używamy tego narzędzia bardzo często do wewnętrznego udostępniania obrazów w Buffer. CloudApp umożliwia przechowywanie obrazów online i szybkie i łatwe łączenie się z nimi w celu szybkiego udostępniania. Nowa aplikacja na Maca - do bezpłatnego pobrania - zawiera jeszcze bardziej zaawansowane funkcje, takie jak zrzuty ekranu i tworzenie GIF-ów. Po otwarciu aplikacji możesz nacisnąć Cmd + Shift + 6, aby nagrać wideo GIF przedstawiające wszystko, co robisz na ekranie.

Wskazówka : Po zakończeniu tworzenia obrazu CloudApp może automatycznie umieścić adres URL obrazu w schowku. Zapytaj CloudApp o adres URL pobierania, a możesz szybko wkleić i pobrać, gdy obraz będzie gotowy.

powiadomienie gif

Dodatkowi twórcy GIF-ów do zrzutów ekranu:

Cztery. PowerPoint - Łatwe oprogramowanie graficzne (przeznaczone do czegoś innego)

Oprogramowanie do prezentacji może nie być pierwszą rzeczą, która przychodzi na myśl podczas tworzenia obrazów, ale jest wielu projektantów-amatorów, którzy czerpią ogromne korzyści z tworzenia obrazów za pomocą szablonów i narzędzi zapieczętowanych bezpośrednio w programie PowerPoint.

Pomyśl o slajdach jak o obrazach. A potem zastanów się, jak łatwo jest edytować slajdy w programie PowerPoint. Możesz ustawić zdjęcia jako tła slajdów, dodać tekst i kolory oraz umieścić ikony i grafikę. Gdy zapiszesz slajd w programie PowerPoint, wybierz opcję zapisania jako obraz, a wszystko będzie gotowe.

menedżer mediów społecznościowych dla małych firm

Wskazówka : HubSpot oferuje doskonały start szablony do tworzenia infografik w programie PowerPoint. Oto przykład tego, co jest możliwe:

plansza hubspot

Dodatkowe w pełni funkcjonalne narzędzia do edycji obrazu:

5. Easel.ly - Tworzenie infografik metodą „przeciągnij i upuść”

Łatwo

Interaktywne układy Easel.ly umożliwiają osadzanie wykresów, zdjęć i nie tylko. Możesz zacząć od gotowego szablonu (a następnie dostosować się do własnych potrzeb) lub możesz przejść naprawdę od podstaw i zbudować całą infografikę według własnego uznania. Easel.ly zawiera ogromną liczbę ikon, kształtów i obiektów, które możesz przeciągać i upuszczać w swoim edytorze.

Dodatkowe narzędzia infograficzne:

  • Infogr.am - Osadź wideo, mapy, wykresy i nie tylko w swojej infografice
  • Naocznie - Połącz się z profesjonalnymi projektantami, aby pomóc w realizacji projektu
  • Piktochart - Twórz niestandardowe infografiki od podstaw lub użyj gotowego szablonu

7. Połóż to - Zintegruj swoją witrynę lub aplikację z fajnymi zdjęciami

placeit - bufferblog

Do tworzenia pięknych obrazów przedstawiających Twoją stronę główną, blog, aplikację lub usługę, Placeit zapewnia kilka zgrabnych integracji z Twoim adresem internetowym oraz zdjęciami i filmami. Wybierz tło z biblioteki Placeit, a następnie prześlij zrzut ekranu lub daj Placeitowi adres URL do pobrania w celu wstawienia Twojej witryny do obrazu.

Resztą zajmie się miejsce. Możesz pobrać lub osadzić swoje nowe dzieło w dowolnym miejscu.

Wskazówka : Opcja interaktywnego wideo w Placeit spowoduje osadzenie całej witryny w oknie, a użytkownicy będą mogli przewijać witrynę tak, jakby odwiedzali ją w przeglądarce.

8. Narzędzie do zmiany rozmiaru obrazu społecznościowego - Idealne rozmiary obrazów dla każdego kanału społecznościowego

zmiana rozmiaru obrazu

Istnieje ogromna liczba plików różne rozmiary i proporcje które działają najlepiej w różnych sieciach społecznościowych. Zdjęcia z Twittera są najlepsze w stosunku 2: 1. Facebook woli, aby obrazy były bardziej kwadratowe. Pinterest i Google+ uwielbiają pionowe obrazy.

Możesz to wszystko posortować za pomocą narzędzia takiego jak Social Image Resizer. Prześlij żądany obraz, a następnie wybierz z ogromnej listy rozwijanej opcji i miejsc, w których możesz chcieć użyć obrazu. Możesz przesuwać i skalować wybrany obszar, aby uzyskać optymalny wygląd obrazu.

Oto sieci społecznościowe obsługiwane przez to narzędzie:

  • Facebook
  • Świergot
  • LinkedIn
  • Google+
  • Pinterest
  • Instagram
  • youtube

Wskazówka : Możesz również kliknąć i przeciągnąć, aby utworzyć niestandardowy rozmiar obrazu. Image Resizer informuje o nowych wymiarach podczas przesuwania i zmiany rozmiaru granic.

gdzie znaleźć darmowe obrazy o wysokiej rozdzielczości

Dodatkowe opcje tworzenia idealnych obrazów dla różnych sieci społecznościowych:

9. Smush.it - ​​Optymalizacja obrazu pod kątem rozmiaru pliku i szybkiego ładowania

smushit

Używamy wielu dużych obrazów w naszych postach na blogach i mediach społecznościowych w Buffer. Moglibyśmy skorzystać z takiego narzędzia, jak Smush.it .

Wybierz plik, prześlij go do Smush.it, a narzędzie kompresuje obraz do bardziej optymalnego rozmiaru pliku. Te zoptymalizowane obrazy ładują się szybciej na stronie i umożliwiają szybsze przesyłanie podczas udostępniania w mediach społecznościowych.

Wskazówka : Smush.it też wchodzi poręczna wtyczka WordPress kompresować i optymalizować każdy obraz, który publikujesz na swoim blogu.

Dodatkowe opcje narzędzi optymalizacji i kompresji

10. Recytować - Twórz obrazy z cytatów

Niektóre z naszych najczęściej udostępnianych sugestie dotyczące treści a najpopularniejsze aktualizacje społecznościowe to cytaty. Możesz przenieść cytaty na wyższy poziom, tworząc z nich obrazy. W Recite po prostu wprowadź swoją ofertę do edytora na stronie głównej i wybierz układ z długiej listy szablonów.

Końcowy wynik może wyglądać mniej więcej tak:

recite-16833-608253535-3ia32

Dodatkowe narzędzia do tworzenia obrazów z tekstu:

jedenaście. Page2Images - Narzędzie do pobierania całej strony internetowej

Jeśli kiedykolwiek widziałeś projekt strony internetowej, który naprawdę cię złapał (a zdarzyło Ci się, że masz tablicę do projektowania stron internetowych na Pinterest lub cały czas udostępniasz tego typu rzeczy swoim obserwatorom), z pewnością byłoby wspaniale móc uchwycić całość w jednym pełnym ujęciu.

Wprowadź Page2Images, poręczne narzędzie, które wykonuje pełnoekranowy obraz strony internetowej i umożliwia łatwe pobieranie lub dodawanie do Pinteresta. Istnieje kilka bookmarkletów, które można zainstalować, klikając i przeciągając łącza do paska zakładek - jeden bookmarklet dodaje bezpośrednio do Pinteresta, a drugi pobiera stronę jako obraz do pobrania.

page2image

12. Photovisi - Kreator kolaży

Kolaże obrazów to wielki biznes dla Instagram , a także trafili na Twittera i Facebooka. Dwie ostatnie sieci społecznościowe mają wbudowane narzędzia do tworzenia kolaży. Jeśli chcesz mieć większą kontrolę nad sposobem obsługi kolaży, narzędzie takie jak Photovisi może zdziałać cuda.

Do wyboru jest wiele różnych szablonów. Możesz dostosować nie tylko używane zdjęcia, ale także tekst, tła i grafikę, które chcesz dodać do kolażu.

opcje kolażu photovisi

Dodatkowe opcje tworzenia kolaży:

13. Nad - Tekst na zdjęciach

Dotykaliśmy się, jak zamienić tekst na obrazy. Co powiesz na dopracowanie obrazu z tekstem u góry?

Aplikacja Over na iOS i Androida pozwala wybrać dowolny obraz na urządzeniu i dostosować go za pomocą tekstu, czcionek, kolorów i wybranych rozmiarów. Oto przykład z kanał Over Instagram :

Ponad przykład

Dodatkowe opcje dodawania tekstu do obrazów:

14. Infogr.am - Wykresy i wykresy

Wykres i wykres infogramu

Kiedy piszesz posty na blogu z dużą ilością danych lub artykuły poparte badaniami, możesz chcieć udostępnić dane jako obraz. Jednym z najlepszych narzędzi, jakie znalazłem do tego celu, jest Infogr.am, które pomaga tworzyć infografiki, a także oferuje całkiem rozbudowany edytor wykresów i wykresów.

Możesz wybrać typ wykresu, którego chcesz użyć, a następnie edytować komórki tabeli i wartości bezpośrednio z poziomu Infogr.am.

Dodatkowe opcje tworzenia wykresów i wykresów:

  • dysk Google
  • Przewyższać

piętnaście. Woliera - Edycja w ruchu z aplikacji mobilnej

zrzut ekranu ptaszarni

Aviary była kiedyś popularną aplikacją graficzną na komputery i nie została wprowadzona do pakietu produktów Adobe i jest dostępna dla innych aplikacji (na przykład MailChimp korzysta z edycji obrazu przez Aviary).

Nadal istnieje przydatna aplikacja mobilna na iOS i Androida, która pomaga w edytowaniu obrazów w ruchu.

Oprócz typowych filtrów i efektów, których można się spodziewać w mobilnej aplikacji graficznej, Aviary oferuje naklejki i ramki, narzędzia do rysowania, memy oraz narzędzia do przycinania, obracania i prostowania.

Dodatkowe opcje projektowania obrazów na telefonie komórkowym:

Jak tworzyć obrazy dla mediów społecznościowych - zasoby

16. Iconfinder - Darmowe ikony z możliwością wyszukiwania

Odkryj idealną ikonę do dodawania do swoich zdjęć w mediach społecznościowych. Szukaj według słów kluczowych, a następnie zawężaj według formatu, stylu, rozmiaru i nie tylko. Oprócz ikon premium istnieje ogromny wybór ikon bezpłatnych z atrybutami do wykorzystania.

iconfinder

17. Blurgrounds - Proste, piękne rozmyte tło

Oferta od Poszukiwanie inspiracji , ten zestaw 120 rozmytych tłów - do bezpłatnego pobrania i używania - jest dostępny w szerokiej gamie kolorów i stylów.

podgląd4

18. Projekt rzeczownika - Ogromna biblioteka ikon w minimalistycznym, glifowym stylu

Jeśli czytałeś dużo z bloga 99U (jednego z naszych ulubione !), prawdopodobnie zauważyłeś fajne ikony, które tworzą okładkę ich postów. Każdy z nich jest wykonany z ikonami Noun Project! Biblioteka Noun Project zawiera niesamowitą liczbę obrazów, które reprezentują mnóstwo słów w języku angielskim. Większość z nich jest dostępna do bezpłatnego pobrania, co sprawia, że ​​przypisywanie autorstwa jest bardzo przejrzyste i łatwe.

rzeczownik-projekt

19. Subtelne wzory - Wzorzyste tła do pobrania za darmo

Te deseniowe tła są przeznaczone na strony internetowe, ale lubię je również pobierać jako szybkie i łatwe obrazy tła. Znajdź ulubione i zrób zrzut ekranu z kafelkowym podglądem tła z witryny. Następnie prześlij i dodaj do edytora obrazów.

Subtle_Patterns

20. Biblioteka wzorów - Zabawa, darmowe tła

Podobnie jak subtelne wzorce, biblioteka wzorców jest również pierwszą witryną internetową. Możesz zrobić tę samą sztuczkę z tłem, które lubisz. Zrób zrzut ekranu i użyj go w utworzonych obrazach. Biblioteka wzorców oferuje podgląd w tle z pełnymi kafelkami, co ułatwia przechwytywanie ekranu.

biblioteka wzorców

dwadzieścia jeden. Colourlovers - Paleta kolorów i inspiracja wzorami

Jeden z najpopularniejszych zasobów internetowych dotyczących kolorów. Tutaj można znaleźć dowolny odcień, odcień lub odcień. Społeczność umieściła te niesamowite kolory w paletach i wzorach.

jak przeprowadzić transmisję na żywo na Instagramie
miłośnicy kolorów

22. Ściągawka Omnicore do mediów społecznościowych - Przewodnik po optymalnych rozmiarach obrazu

Krótki przewodnik po odpowiednich rozmiarach do wykorzystania w dowolnym poście w mediach społecznościowych. Przewodnik Omnicore obejmuje wszystkie istotne szczegóły - aktualizacje, nagłówki, awatary itp. - a zespół Omnicore stale odświeża grafikę, aby być na bieżąco z najnowszymi zmianami.

Facebook rozmiar obrazu w mediach społecznościowych

2. 3. Piktakulum - Utwórz paletę z dowolnego obrazu

Powiedzmy, że znasz obraz, który chcesz umieścić w swojej grafice, i spodobają Ci się również wskazówki dotyczące kolorów ramek, tła, tekstu i ikon. Prześlij zdjęcie do Pictaculous, a otrzymasz odpowiedź. Narzędzie analizuje obraz i zwraca sugerowane palety, z których można wybierać.

obrazowo

Bonus: Zdjęcia stockowe - 53+ darmowych źródeł obrazów

Może się okazać, że będziesz potrzebować bezpłatnych zdjęć do wykorzystania. Opracowaliśmy obszerną listę - ponad 50 opcji - bezpłatnych źródeł obrazów, w których można bezpłatnie znaleźć profesjonalne obrazy. Kilka z moich ulubionych:

Jak stworzyliśmy główny obraz do tego posta na blogu

Czy pomocne byłoby zobaczenie tego wszystkiego razem?

Główny obraz tego posta (patrz powyżej lub poniżej) to taki, który zbudowałem od podstaw przy użyciu kilku narzędzi wymienionych tutaj w poście.

Narzędzia graficzne

Oto krótkie podsumowanie tego, jak to zrobiłem:

jak zarejestrujesz się na youtube

1. Otwórz nowy projekt w Canva .

Wybrałem szablon postów na Twitterze, który ma 1024 piksele szerokości i 512 pikseli wysokości. To idealny współczynnik proporcji 2: 1, aby obrazy z Twittera były wyświetlane w kanale bez przycinania. Rozmiar działa również dobrze w przypadku postów na Facebooku, o ile masz na uwadze lewy i prawy margines obrazu, który może zostać obcięty, gdy Facebook zmieni rozmiar rzeczy.

canva nowy projekt

Jeśli tworzysz dużo tego typu obrazów, możesz zrobić kopię starego obrazu, a następnie pracować na tym konkretnym szablonie w serwisie Canva.

2. Szukaj Wyszukiwarka ikon dla ikony, która najlepiej reprezentuje post.

Uwielbiam używać do tego płaskich ikon, więc zaczynam od wyszukiwania słów kluczowych w wyszukiwarce ikon, a następnie zawężam wyszukiwanie według płaskich stylów. Pobierz wersję o najwyższej rozdzielczości wybranej ikony w formacie .png. W tym momencie dodaj również informację o pochodzeniu do swojego posta.

ikona obrazu iconfinder

3. Przeciągnij pobraną ikonę do serwisu Canva i umieść w swoim projekcie.

Przesyłanie do serwisu Canva jest tak proste, jak przeciąganie z pulpitu lub folderu i upuszczanie do edytora Canva. Po przesłaniu ikony możesz ją kliknąć z lewego menu, a zostanie ona automatycznie umieszczona w Twoim projekcie. Zmień rozmiar i wyśrodkuj u góry obrazu.

4. Kliknij opcje Siatki i wybierz zdjęcie w pełnym rozmiarze.

Dodanie tego do projektu spowoduje automatyczne rozszerzenie tego elementu projektu do pełnego rozmiaru projektu.

sieci wyszukiwania canva

5. Znajdź plik rozmyte tło pobrać i dodać do swojego projektu.

Często staram się znaleźć taki, który w jakiś sposób pasuje do kolorów ikony. Pobiorę obraz, a następnie prześlę go do serwisu Canva. Aby dodać go jako tło do swojego projektu, możesz przeciągnąć go i upuścić na szablon pełnego obrazu dodany w ostatnim kroku. Canva automatycznie rozpozna, że ​​próbujesz dodać tło.

6. Przenieś tło do tyłu.

Chodzi o warstwy. Po przeniesieniu tła do tyłu ikona będzie na górze i będzie widoczna.

powrót canva

7. Dodaj tekst i dostosuj.

Z menu po lewej stronie wybierz dwa pola tekstowe. Jeden będzie głównym nagłówkiem, a drugi będzie podtytułem. Lubię zmieniać czcionki bezszeryfowe (bez dodatkowych łodyg na literach) i szeryfowe (łodygi). W przedstawionej tu grafice użyłem pogrubienia Roboto jako czcionki nagłówka i Satisfy jako czcionki podtytułu.

Aby pogrubić lub wyśrodkować czcionkę, możesz kliknąć strzałkę w dół w oknie dialogowym czcionki, aby znaleźć opcje zaawansowane.

ustawienia czcionek

8. Pobierz

Ostatni krok! Gdy skończysz, kliknij przycisk Pobierz lub Połącz, a pojawi się okno dialogowe do pobierania w postaci obrazu (tak!) Lub PDF (idealne do udostępniania slajdów, prezentacji i e-booków). Możesz także udostępnić łącze znajomemu w celu współpracy lub edycji.

opublikuj obraz canva

Twoja kolej

Zainspirował mnie blog Buffer, aby dowiedzieć się wiele o designie i grafice, a mam jeszcze sporo do zrobienia! Jestem bardzo wdzięczny za dużą liczbę niesamowitych narzędzi projektowych do tworzenia obrazów do mediów społecznościowych.

Jakie są Twoje ulubione narzędzia do projektowania do tworzenia obrazów w mediach społecznościowych?

Bardzo chciałbym usłyszeć, których używasz! Dla jeszcze większej oszczędności czasu w mediach społecznościowych, wypróbuj Buffer za darmo ! (Zaoszczędzisz nawet godzinę dziennie i zwiększysz ruch uliczny!)

Kredyty obrazkowe: Boyan Kostov , Blurgrounds , Markus spiske , Nad



^