TUTORIALE

Jak samodzielnie przygotować ikonki mediów społecznościowych?

https://www.facebook.com/vademecumblogera?ref=bookmarkshttps://twitter.com/HARDASKAhttps://plus.google.com/113589991481358500540/postshttp://www.pinterest.com/BEATAREDZIMSKA/https://www.flickr.com/photos/122630005@N07/https://www.linkedin.com/profile/view?id=193658608&trk=nav_responsive_tab_profile_pichttp://instagram.com/redzimskabeatahttp://www.bloglovin.com/beata73

O tym, że warto mieć na blogu ikonki mediów społecznościowych chyba nikogo nie będę musiała przekonywać. Sama ostatnio przeglądam zaprzyjaznione blogi w poszukiwaniu ikonki Instagramu. Jako świeżo upieczona Instagramowiczka (całe 4 dni na Instagramie, a jak spamuję – uczciwie ostrzegam) – szukam kogo by tu jeszcze poobserwować. 
Co prawda ikonek do przygarnięcia (czyli do bezpłatnego pobrania) w sieci błąka się wiele. Ale pal diabli minimalizm – od przybytku głowa nie boli. Choć nie zawsze to, co możemy znalezć w sieci współgra z tym, co sobie wymarzymy, z naszą koncepcją artystyczną całości, z naszym wyczuciem estetycznym czy po prostu z kolorem, który rozgościł się u nas na blogu. Co w takim wypadku zrobić?

Dlatego chciałam zaproponować Wam prosty pomysł na zrobienie własnych ikonek społecznościowych. A co … korzystając z ogólnie dostępnego programu Picmonkey (darmowy  i on line) i dostępnych w sieci grafik.

A robi się to w bardzo prosty sposób. Przetestowałam na 3 różnych modelach. Możecie je sobie ode mnie pobrać. A jeżeli zajrzycie do mnie w następnym tygodniu, to postaram się „wyprodukować” nowe (do pobrania). Serdecznie zapraszam. Choć oczywiście możecie zrobić to sobie sami w taki oto sposób.

Grafiki (darmowe) i na przeroczystym (transparentym) tle znajdziecie np na stronach:
Iconfinder  i The blog designer network  To te w pierwszej linii, tyle że przewymiarowałam je do wielkości 50 pikseli. A poniżej czyli druga, trzecia i czwarta linia to już moja radosna twórczość (jak najbardziej do Waszej dyspozycji). Jeżeli coś z poniższego zestawu Wam się podoba  to możecie oczywiście pobrać (bez szczypania się. Ikonki są przewymiarowane do 50 pikseli.

1.  

  2.  

  3.  

  4.

Ale żeby nie przedłużać:  Jak przygotować wymarzone ikonki?

Uruchamiamy  Picmonkey, Wchodzimy w Design. Tu wybieramy sobie „Transparent Canva”, czyli przezroczyste tło, na którym będziemy pracować.

To tło ma kwadratową formę – taka idealnie nadaje się pod ikonki. Niemniej pamiętajcie, że pózniej trzeba będzie te ikonki przewymiarować (zmniejszyć) korzystając z opcji RESIZE.

Teraz przygotowujemy sobie matrycę pod nasze ikonki, czyli tą wymarzoną ich formę, czy kolorek. I tu wchodzimy do Overlays (ikonka przedstawiająca motylka). Ja wybrałam ikonki geometryczne, a z nich (banalnie) kółko, no i taki pastelowy kolorek (chyba jestem romantyczką). Ale Wy możecie tu poszaleć i pobuszować ile dusza zapragnie. Czemu by nie kwadratowa matryca i inny odlotowy kolor. Dodatkowo na planszy, na której ustawiacie kolory, macie opcję Fade, czyli możecie wycieniować Wasz kolorek.

Kiedy mamy przygotowaną matrycę, to możemy skorzystać z gotowych ikonek (ja pobrałam je i wrzuciłam powyżej ze stron Iconfinder  i The blog designer network), ale możecie rownież nadpisać Wasze znaki (np t dla Twittera, P dla Pinterestu, Bloglovin) korzystając z opcji T (tekst).

Jedna ważna uwaga: zapiszcie sobie Waszą matrycę (golusienką). Jeżeli dodacie profile w innych mediach społecznościowych będziecie mogli spokojnie dorzucić nowe ikonki.

Zeby pobrać którąś z gotowych ikonek wybieramy opcję Overlays (motylek) i klikamy Your Own. Moja ikonka ma niebieski kolor, ale ja chcę zmienić go na biały. Kiedy najeżdżam na nią pojawia mi się plansza , na której mogę modyfikować jej kolory, a także je wygaszać (Fade).

Teraz rozciągamy naszą pobraną ikonkę tak, by ustawiła się pośrodku przygotowanej przez nas matrycy. Dlatego lepiej na samym początku nie przewymiarowywać nasze ikonki. Dlatego, że trudno nam będzie potem  pracować na czymś tak maciupkim.

 

Teraz, gdy mamy wszystkie ikonki dobrze je sobie przewymiarować np korzystając z opcji Resize (w Pickmonkey  znajdziecie ją w podstawowych opcjach czyli pierwsza ikonka od gory) lub jakiegokolwiek innego proframu graficznego.

Teraz wchodzimy do Bloggera, otwieramy nowy post, przełączamy się na tryb HTML i pobieramy nasze ikonki. W ten sposób ustawią nam się one w jednej linii.

 Wybieramy pobierz i następnie na Dodaj wybrane.

Teraz po to, by ikonki ustawiły się nam w jednej linii klikamy na brak wyrównania i (skoro je przewymiarowaliśmy) wybieramy ich oryginalny rozmiar.

Po załadowaniu ikonek przełączamy się na tryb pisania tekstu (ikonka Nowy post). Naszym oczom ukazuje się listwa ikonek. Teraz kolejno pod każdą z nich podklejamy link do naszego profilu w danym medium społecznościowym. Jest to bardzo proste: najeżdżamy na wybraną ikonkę (tak że będzie podświetlona) i klikamy u góry na ikonkę link. Tam wklemy odpowieni adres URL.

 Wklejamy link w ten właśnie spsoób.

Teraz, gdy wszystkie nasze ikonki są odpowiednio podlinkowane przełączamy się ponownie na tryb HTML i pobieramy (kopiujemy Ctrl C) kod całości. Ten kod możemy wkleić sobie w dowolnym miejscu na naszej stronie. W tym celu przechodzimy do Układ, dodaj gadżet, wybieramy gadżet HTML/Java Script i tam wklejamy nasz kod. W ten sposób możemy wkleić nasze ikonki w panelu bocznym, czy nad obszarem nadpisywania postu lub także pod każdym kolejnym wpisem.

A jeżeli Wam się przydało, to znajdziecie mnie w wielu różnych miejscach. No i oczywiscie możecie w nich mnie polubić (postaram się Wam zrewanżować tym samym).

Pozdrawiam serdecznie Beata

https://www.facebook.com/vademecumblogera?ref=bookmarkshttps://twitter.com/HARDASKAhttps://plus.google.com/113589991481358500540/postshttp://www.pinterest.com/BEATAREDZIMSKA/http://instagram.com/redzimskabeatahttps://www.linkedin.com/profile/view?id=193658608&trk=nav_responsive_tab_profile_pichttps://www.flickr.com/photos/122630005@N07/http://www.bloglovin.com/beata73

Zapisz się na newsletter i pobierz darmowy ebook: TWOJA MARKA NA INSTAGRAMIE

VADEMECUM BLOGERA NA YOU TUBE

[embedyt] https://www.youtube.com/embed?listType=playlist&list=UU7ROtBzUiopOgu8Buon-gRQ&layout=gallery[/embedyt]

O AUTORZE

Jestem blogerką, emigrantką, poczwórną mamą. Kobietą, która nie jednego w życiu doświadczyła, z niejednego pieca jadła chleb.

Od prawie 20 lat mieszkam na emigracji we Francji, w Paryżu.

Uważam, że emigracja to dobra szkoła życia i wymagająca, choć bardzo skuteczna lekcja pokory. Ale też wewnętrznej siły i zdrowego dystansu do samego siebie i momentami wystawiającej nas na próby codzienności.

Jestem tu po to, by pomóc Ci lepiej pisać, skuteczniej docierać do czytelnika, wywołać większe zaangażowanie w social mediach. Czasami rozśmieszę lub zmotywuję.

Ale równolegle do Vademecum Blogera jestem autorem kilku niezależnych miejsc w sieci.

Ponieważ wiele osób pyta się mnie, jak mimo 4 ciąży i 40 - stki na karku udało mi się zachować linię nastolatki, uruchomiłam kanał na YouTube o zdrowym gotowaniu - bezglutenowo - bezmlecznie.

Znajdziesz mnie również na blogu BeataRed.com i powiązanym z nim Instagramie, gdzie piszę bardziej osobiście o Paryżu i mojej pasji, jaką jest nauka języka francuskiego.

A jeżeli interesują Cię praktyczne porady o tym, jak budować swoją obecność w sieci zapraszam na mój kanał na You Tube z blogowymi tutorialami.

(21) Comments

  1. O rety skąd Ty to wszystko znasz.

  2. Dziekuje 🙂 na pewno skorzystam:)

  3. Właśnie stworzyłaś najbardziej przystępny tutorial na temat social buttons! Już skorzystałam, zrobiłam sobie serwetkowe ikonki do bloga o szydełkowaniu 🙂

  4. robiłam to inaczej a tu proszę, jaki ciekawy pomysł.

  5. Robisz bardzo przejrzyste in instrukcje.

  6. Super 🙂 Nic tylko brać się do roboty 😀

  7. Wow nieźle się napracowałaś 🙂 Ja skorzystałam z gotowych, ale muszę powiedzieć, że Picmonkey to rewelacyjny wynalazek i też korzystam z niego, jeśli chcę stworzyć cokolwiek na bloga 🙂

  8. Kochana jesteś :))))

  9. Ciekawa strona, nie znałam jej wcześniej. Nie trzeba pobierać dodatkowo żadnych programów na dysk, można stworzyć własną ikonę online, to się chwali. 🙂

  10. Belle Femme Beauty Blog says:

    świetna instrukcja 🙂 Od razu chce się coś zrobić <3

  11. Świetnie opisane, dziękuję 🙂

  12. Super kochana ! Dużo mi pomogłaś, dziękuję ! :**

  13. Od kiedy dostałam od czytelniczki komentarz z pytaniem, gdzie może mnie obserwować, zastanawiam się nad stworzeniem strony na fb lub instagramie. Kiedy już się do tego przekonam, post na pewno bardzo mi się przyda! 🙂

  14. Dziękujemy ! Od wielu tygodni zastanawiałyśmy się jak wstawić taki gadżet. Wżyciu byśmy nie pomyślały że to takie łatwe ! Bardzo nam pomogłaś 🙂

  15. niesamowicie przejrzyste masz instrukcje, ratowałaś mnie przy przeniesieniu bloga na domenę 🙂

  16. Jesteś wspaniała! Długo przybierałam się do wstawienia ikonek na bloga, ale nie wiedziałam jak się do tego zabrać. Dzięki Twoim radom już je mam – dziękuję! 🙂

  17. Super i bardzo pomocne dziękuję.
    http://www.rozenksiazek.blogspot.com

  18. Jejku! To chyba 6 tutorial jaki przerabiam. Ciągle coś mi nie wychodziło, a teraz w końcu ikonki wyglądają tak jak ja chcę i są tam gdzie chcę 🙂
    Fajnie, że opcja stworzenia jest do zrobienia w formie postu, który już mi jest w miarę bliski i przyjazny 😉
    Serdeczne dzięki

  19. Dzięki Ci za ten wpis Beato i za udostępnianie ikonek! Wykorzystam Twoje ikonki z nr 2, są idealne! <|:^*

  20. Roberta Ka says:

    Rewelacja! Dziękuję bardzo, wytłumaczone idealnie, nawet taka ofiara losu jak ja sb poradziła! :))

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Zapisz się na newsletter i zgarnij praktyczny ebook o Instagramie

X