Tutorial : Jak zrobić okrągłe zdjęcie na bloga?

Jak zrobić okrągłe zdjęcie na bloga?

Dzisiaj mam dla Was króciutki i bardzo prosty tutorial. Może się Wam przydać np do przygotowania jakiegoś banerka, tła na profil na Facebooka czy Waszego bio (biografii ze zdjęciem portretowym wyciętym w formie koła).

Jak bez Photoshopa czy innego płatnego programu zrobić okrągłe zdjęcie na bloga? Czyli jak wyciąć z prostokątnego zdjęcia koło?

Proponuję Wam zrobić to w Picmonkey bezpłatnym, dostępnym on line programie do obróbki zdjęć i przygotowania grafiki.

Najpierw przycinamy tu zdjęcie do formy kwadratu. Czyli jak to mówiło się w jakimś kabarecie przygotowujemy kwadraturę koła. Jeżeli punktem wyjścia jest prostokątne zdjęcie to oczywiście musimy w nim co nieco przyciąć, ale inaczej nie da się z prostokąta zrobić perfekcyjnego koła. Takie życie i … geometria.

A gdy mamy już kwadrat przycinamy, a właściwie zaokrąglamy jego rogi, aż uzyskamy koło.

Albo jak podpowiedział mi Paweł z  bloga BWOTR  pobieramy zdjęcie, klikamy na Frames, wybieramy Shape Cutouts i przycinamy ją do dowolnej formy (koło, kwadrat, gwiazdka), pamiętając o wybraniu opcji Transparent background.

Ale wszystko po kolei i krok po kroku.

Otwieramy Picmonkey i wchodzimy w Edycję zdjęć, czyli Edit.

Jak zrobić okrągłe zdjęcie na bloga?

Teraz pobieramy dowolne zdjęcie i zaczynamy jego obróbkę. Wybieramy opcję Crop czyli przycinanie zdjęcia. Mamy tu do wyboru zachowanie oryginalnych proporcji albo wybieramy np przycięcie do kwadratu, czyli Square. Zauważcie, że możemy tu skorzystać z siatki z liniami trójpodziału (czyli tak przyciąć nasze zdjęcie, by ważne obiekty znalazły się w mocnych punktach). Pisalam o tym we wpisie: Fotografia. Jak robic dobre zdjęcia?

Jak zrobić okrągłe zdjęcie na bloga? OKRAGLE ZDJECIE 2

Kiedy przycieliśmy nasze zdjęcie do kwadratu możemy zaokrąglić jego brzegi i w ten sposób uzyskać perfekcyjne koło.  W tym celu klikamy na ikonkę ozdobnego kwadratu (FRAMES), a następnie spośród dostępnych tam opcji wybieramy Zaokrąglone brzegi czyli ROUNDED CORNERS.

Jak zrobić okrągłe zdjęcie na bloga? OKRAGLE ZDJECIE 3

Teraz, aby uzyskać perfekcyjne koło przesuwamy do samego końca suwak CORNER RADIUS. A także wybieramy (odfajkowujemy) TRANSPARENT CORNERS, czyli przezroczyste brzegi.

Jak zrobić okrągłe zdjęcie na bloga?, OKRAGLE ZDJECIE 4

Całość zapisujemy SAVE. Gotowe. Teraz jeżeli chcemy np dodać podpis do tego zdjęcia korzystamy z ikonki T (TEKST). Możemy sobie nasze zdjęcie przewymiarować korzystając z opcji RESIZE.

Druga prostsza opcja: pobieramy zdjęcie, klikamy na Frames, wybieramy Shape Cutouts i przycinamy ją do dowolnej formy (koło, kwadrat, gwiazdka), pamiętając o wybraniu opcji Transparent background.

jak zrobic okragle zdjecie na bloga

A ja jeszcze pokażę Wam jak zebrać na jednym obrazku kilka takich okrągłych fotek np przygotowując tapetę na Wasz profil na Facebooku.

W tym celu zamykamy PicMonkey, po to by otworzyć go na nowo, ale tym razem korzystając z rozdziału DESIGN.

Jak zrobić okrągłe zdjęcie na bloga?, OKRAGLE ZDJECIE 11

Teraz przygotowujemy sobie tło o odpowiednich wymiarach korzystając z opcji RESIZE (znajdziecie ją w opcjach podstawowych – pierwszy górny kwadrat). Tło na profil na Facebooku tzw Facebook Cover ma standardowe rozmiary 851 na 315 px. Ustawiamy sobie takie rozmiary w odpowiednim okienku. Uwaga okienka Keep percentages i Keep proportions nie powinny być odfajkowane.

Jak zrobić okrągłe zdjęcie na bloga?, OKRAGLE ZDJECIE 12

Teraz musimy pamiętać o tym, by ustawić sobie przezroczyste tło, czyli TRANSPARENT CANVA. Znajdziecie je pod ikonką CANVAS COLOR. Odhaczamy tu Transparent Canva. Lub wybieramy dowolny kolor tła. Mozna to zrobić potem.

Jak zrobić okrągłe zdjęcie na bloga? OKRAGLE ZDJECIE 13

Gdy mamy przygotowane nasze tło, dodajemy na niego nasze okrągłe zdjęcia. W tym celu wybieramy ikonkę z motylkiem czyli OVERLAYS. A następnie klikamy na YOUR OWN, czyli własne ikonki i pobieramy wcześniej zapisane na komputerze okrągłe fotki.

Jak zrobić okrągłe zdjęcie na bloga? OKRAGLE ZDJECIE 14

Pobieramy nasze okrągłe zdjęcia. Teraz możemy je przestawiać, powiększać, dopasowując do rozmiaru naszego tła, czy dowolnej koncepcji artystycznej.

Jak zrobić okrągłe zdjęcie na bloga? OKRAGLE ZDJECIE 15

Teraz możemy dodać dowolny podpis (ikonka T tekst), zmienić jeszcze raz kolor tła (według uznania) i całość zapisać.

Jak zrobić okrągłe zdjęcie na bloga? OKRAGLE ZDJECIE 17

Moja radosna twórczość pozostawia jeszcze sporo do życzenia. Stworzyłam ją na potrzeby tego tutorialu, ale jeszcze popracuję nad ostateczną koncepcją. Ale może podsunęłam Wam wędkę, na którą złowicie Wasze unikalne pomysły.

Pozdrawiam serdecznie

Beata

Jak zrobić okrągłe zdjęcie na bloga? OKRAGLE ZDJECIE 22

1 A OKRAGLE ZDJECIE 19

 

Zapisz się na Newsletter

Related posts

  • Super poradnik. Zdjęcie można również zaokrąglić bezpośrednio na blogu:

    <img src="linkdoobrazka.png" style="border-radius:50%" />

    • Iza

      Tylko tyle i aż tyle? WOW! Dzięki! 🙂

    • zacnie 🙂 nie omieszkam sprawdzić

  • Iza

    Już parę razy słyszałam o tym programi, ale przyznaję, że programy on line średnio do mnie przemawiają, zawsze się martwię, co zrobię jak nie będę on line, co często mi się zdarza. Postanowiłam skończyć z uprzedzeniami i sprawdzić możliwości Picmonkey. Dam mu szansę 🙂

    • Iza ja korzystam do obrobki zdjec z PicMonkey (w nim przycinam fotki i wyostrzam), ale mam na komputerze zainstalowany PhotoScape – to darmowy program i bardzo prosty. Musze sobie ponownie zainstalowac GIMPa – to tez program do obrobki zdjec open source. WIele osob go poleca. Marzena z Welnianych Mysli w cyklu http://welnianemysli.blogspot.com/search/label/fotograficzne%20czwartki zrobila na jego temat fajny tutorial. Pozdrawiam serdecznie Beata

  • Rzeczywiscie proste 😉
    a jak wstawiasz screenshoty Beatko? Ja wstawilam u siebie i cala stronka mi sie trzesie, nie moge dalej pisac a male znaczki „fruwaja” mi po stronie. Screenshot robilam normalnie, korzystajac ze snipping tool. Moze ktos cos poradzi?

    • Ja robię screen shot klawiszem który u mnie nazywa się imprécr syst (francuska klawiatura – po polsku to było by wydruk system). Nastepnie wklejam go za pomoca klawiszy Ctrl + V do prostego programu od obróbki zdjec jak PhotoScape (darmowy, mozna pobrać go w sieci i zainstalowac sobie na komputer). Pozdrawiam serdecznie Beata

  • Dzięki serdeczne 🙂 za pomysł dziś od rana u siebie walczyłam z okrągłymi miniaturkami popularnych postów więc okrągłość innych zdjęć i sposób ich wykonania również mnie raduje, że poznam technikę wykonania 🙂 pozdrawiam przeciepło i puchato 🙂

  • Wygląda na to, że pickmonkey to całkiem przyjazny program. Warto przetestować 🙂

  • Program znam i z niego intensywnie korzystam. Mój ulubiony do obróbki jak na razie:) Okrągłe zdjęcia fajne są do bannerów, albo do rubryki „o mnie”, ale do prezentacji zdjęć na blogu wolę jednak prostokątny kształt:)

  • Bardzo lubię ten program, daje bardzo dużo możliwości

  • Fajna sprawa 😉 Ja jednak i tak zawsze używam photoshopa (z przyzwyczajenia), może kiedyś spróbuję tym sposobem.

  • Zaczęłam korzystać z tego programu dzięki Tobie . Dzięki za nowy tutorial, na pewno wypróbuję.

  • Bardzo Ci dziękuję za poradnik. Pokopałem w tym programie i ja, i moje dziecię – zabawa świetna 🙂 Natomiast jeśli chodzi o zaokrąglanie fotek to może i prościej by było skorzystać z opcji shape cutouts (Twój czwarty obrazek). Mamy wtedy możliwość wybrania figury, która będzie naszą „maską”, możemy ją dowolnie obracać – jest wygodniej niż przy zaokrąglaniu rogów. Zaokrąglanie wymusza na nas kwadratową fotkę, a wspomniana przeze mnie opcja nie – można dowolnie sobie kółeczko (czy słoneczko – co kto lubi) przesuwać, powiększać – polecam testy 🙂 Pozdrawiam

    • Masz racje – to nowa opcja we Frames (ramki) i mozna przyciac z jej pomoca rozne ksztalty: gwiazdki, serduszka i inne. Dzieki za podpowiedz. pozdrawiam serdecznie Beata

  • Używam photoshopa, generalnie z grafiką jestem za pan brat, ale tutorial pewnie przyda się początkującym bądź nie chcącym się bawić w bardziej skomplikowane progamy : >

  • No ja już też przed chwilą wstawiłam takie zdjęcia u siebie na blog. Mam nadzieję, że wyszło w miarę. xD

  • Remek Borczyk

    Bardzo pomocna strona, trzeba przyznać! Wiele już się z niej dowiedzialem. Próbuje terz znaleźć informacje czy – a właściwie jak – w zakupinych szablonach można zmienić element, który widnieje na samej górze, pole z logo. Chciałbym na swojego bloga wstawić własne logo, a nie korzystać z narzuconego tekstu? Czy na twoim blogu znajdę na to odpowiedź? Pozdrawiam serdecznie.

  • Remek Borczyk

    Bardzo pomocna strona!!

  • Super sprawa!:) Dziękuję!

  • Karolina Nos-Cybelius

    Dzięki. Bardzo mi pomogłaś 🙂 Pozdrawiam!