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.
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?
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.
Teraz, aby uzyskać perfekcyjne koło przesuwamy do samego końca suwak CORNER RADIUS. A także wybieramy (odfajkowujemy) TRANSPARENT CORNERS, czyli przezroczyste brzegi.
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.
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.
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.
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.
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.
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.
Teraz możemy dodać dowolny podpis (ikonka T tekst), zmienić jeszcze raz kolor tła (według uznania) i całość zapisać.
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
Super poradnik. Zdjęcie można również zaokrąglić bezpośrednio na blogu:
<img src="linkdoobrazka.png" style="border-radius:50%" />
Tylko tyle i aż tyle? WOW! Dzięki! 🙂
zacnie 🙂 nie omieszkam sprawdzić
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
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.
Bardzo pomocna strona!!
Super sprawa!:) Dziękuję!
Dzięki. Bardzo mi pomogłaś 🙂 Pozdrawiam!