czwartek, 30 maja 2013

Jak zrobić własny nagłówek na blog - bez Photoshopu, część 1

Dzisiaj chciałabym Wam pokazać, jak można, łatwo i bez płatnych narzędzi, zrobić własny nagłówek na blog - nowoczesny i prosty, dodający szyku Waszemu miejscu w sieci.
Wiadomo, Photoshop jest drogi i skomplikowany, a GIMP, choć ja osobiście go uwielbiam, wymaga jednak pewnego przeszkolenia - sama bawię się nim od kilku lat, a poznałam może 15% jego możliwości.
Dlatego polecam Wam świetny edytor online - PicMonkey. Kiedy otwieracie stronę, macie 2 opcje: Edit a photo (edytuj istniejące zdjęcie) albo Create a Collage (stwórz kolaż). Najpierw będziemy potrzebować tej drugiej opcji. Po kliknięciu zobaczycie widok podstawowy.

Strzałki wskazują od lewej: menu układu, układy rzędowe i rozmiar obrazka w pikselach. Kliknijcie na Ducks in a Row - i wybierzcie taki kształt bannera, jaki Wam odpowiada.
Ja wybrałam układ trzech kwadratów, ponieważ układ trzech elementów jest, wedle teorii architektury i sztuki, najdoskonalszy. I najlepiej nam się przyda na uzytego tego kursu ;)

Po lewej stronie znajduje się, wskazany strzałką, napis Open photos i gotowe fotki, które można wykorzystać, jeśli nie ma się nic ciekawego do wklejenia ;) Za pomocą Open photos otworzycie okienko poszukiwania plików w Waszym komputerze i możecie wybrać jakieś zdjęcia. Kiedy załadują się i pojawią po lewej stronie, można je przeciągnąć na pola, obramowane linią przerywaną. Jeśli trafi tam niewłaściwe zdjęcie, po prostu przeciągnijcie na jego miesjce nowe.
I czas zapisać zdjęcie - na górnym paseczku jest klawisz Save. Po kliknięciu go po lewej pojawią opcje zapisu. Bardzo ważne jest, by zapisać pracę nako plik .png, nie .jpg - ten drugi rodzaj plików bardzo traci na kompresji i obrazki robią się niewyraźne. Zapisujemy pracę w komputerze i pamiętamy gdzie ;)
Teraz czas na wyjście na główną stronę edytora (wystarczy postawić kursor w pasku adresu i nacisnąć Enter) i wybranie Edit a photo. Po wczytaniu zdjęcia powinnyście widzieć główne menu. Na początek interesuje nas nadanie bannerowi odpowiedniej wielkości, ponieważ blogger nie radzi sobie z dopasowaniem obrazka do szerokości bloga.

Dolna strzałka wskazuje okienko, które musi być zaznaczone, by banner się nie zdeformował podczas zmiany rozmiaru. Ja podałam poziomy wymiar (strzałka) 950px, co powinno nieźle zagrać z blogiem o szerokości 1000-1100 pikseli. Jeśli Wasz blog jest węższy, zawsze róbcie banner nieco węższy, inaczej nie będzie widoczny w całości.
Teraz pora dodać tytuł bloga. Narzędzia tekstowe schowane są pod literą P po lewej stronie. Dostępnych jest tu wiele czcionek, ale te oznaczone koroną są płatne. Ja wybrałam czcionkę udającą pismo odręczne.

Po kliknięciu Add Text pojawi się malutkie okienko z napisem "Type your text here" - trzeba w nie kliknąć, po czym w okienku, które się pojawiło, podkręcić wielkość czcionki - ja podjechałam do 50. Są tam i inne narzędzia - wyśrodkowanie pogrubienie i cokolwiek zechcecie ;) Kiedy tekst jest wpisany, kliknijcie poza nim wewnątrz ramki i powstanie zaznaczony prostokąt, który można wraz z zawartością dowolnie przesuwać, obracać i wyśrodkowywać.
Zapiszcie ponownie pracę, jako .png - i gotowe :) No, chyba, że chcecie podzielić się efektem na Facebooku, Pinterest albo przez maila - do tego służy znajdujące się u góry Share :)
Gotowy banner - aby powiększyć, kliknijcie na niego.

Leno, ja z tych, co mogą w ucho i patyk wetknąć i nic. Nie masz uczulenia na któryś z metali? A wzorów na bransoletki skolko ugodno, brać i wybierać :)
Anno, ja już niestety mam masę kolczyków ;) Do mój drugi rzut koralikowy, tylko poprzednio nie robiłam plecionek a klasyczne kolczyki z minerałami :)
Jokohano, od dawna śledzę Twojego bloga i naprawdę cenię i lubię Twoje rysunki :) Super kreska i fajne pomysły :)
Kasiu, powyższy kurs powstaje niejako z Twojej inspiracji :) Dzięki za pchnięcie mnie do roboty :)

85 komentarzy :

Aba pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Świetnie :) akurat powinnam zrobić nagłówek, bo stary wykasowałam. Do tej pory bawiłam się w innym edytorze, teraz może wypróbuje twój sposób. Dzięki :)

Aaire pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Jak zwykle niezastąpiona w dobrych poradach! Dziękuję :)

MaBa pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Ileż jak brzydkich słów użyłam przez Photo... usiłując popełnić jakiś kolaż.
Dziękuję, że jesteś w sieci i dzielisz się takimi rzeczami :*

GaMa pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Świetny program, prosty w obsłudze. Myślę, że jeszcze się nim pobawię. Póki co, na szybko stworzyłam kolaż na nagłówek swojego bloga. Dziękuję :-)

tonka pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Dzięki za ściągawkę:))

katrinka pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Świetnie,skorzystam z przyjemnością...jak wymyślę jakiś sensowny nagłówek:)))
Serdecznie dziękuję i pozdrawiam.
Kasia.

Florentyna pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Super kursik! Tylko z jakiegoś powodu Open Fotos nie otwiera mi możliwości dodawania zdjęć z komputera;-( Dlaczego?
Pozdrowienia.

Kinnka pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Wielkie dzięki :) Z pomocy i edytora już skorzystałam :)))

pelasia pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Przepraszam, nie chcę być czepialska, ale w nagłówku w oczy mnie kole to "u". Powinno być chyba "photoshopa".

Gabriela pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Dziękuję za kursik . Już się pobawiłam. A jeszcze dlaczego jak wkleję zdjęcie w miejscu nagłówka i zostawiam wolne miejsce na tytuł bloga to mi wyskakuje:Pole wymagane nie może pozostać puste (?)
Wcisnęłam tam kropkę, choć jej nie widać na zdjęciu, ale blogger się już nie "ciska" :)

Wero nika pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Przydatny poradnik. Dziękuję :D

Margo Antkowiak pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Świetny poradnik, super program. Mój nagłówek już gotowy. dziękuję za niezbędne wskazówki.
Pozdrawiam
MARGO

ArtIs pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Wielkie dzięki za namiary na program i kurs. Teraz wiem czemu moje zdj. nie były odpowiednio ostre:) Pozdrawiam!

facenoface pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Kobieto jesteś genialna!!! Ile ja się wczoraj namęczyłam w gimpie z utworzeniem nagłówka i co? Nic mi nie wyszło! A dzięki Tobie mam dzisiaj piękny, własny nagłówek:-***

Aleks Kos pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

FAjny i prosty poradnik. Dzieki :-)

Jolad6 pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Daję ci order Złotej Podwiązki za kurs- przydał się bardzo. Bije pokłony w dowód wdzięczności i całuje mocno

Oliwia Luberadzka pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Super poradnik ! Skorzystałam i zrobiłam nagłówek na mojego bloga bardzo ci dziękuję :)Twoje wszystkie rady są świetne :)

prodigy12222 pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

jesteś niesamowita. kuurde ile ja się naplułam żeby zrobić nagłówek i nic :) dzięki

Klaudia Węgrzyn pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Bardzo mi pomogłaś jestem ci wdziczna http://nasze-dwa-swiaty.blogspot.com/ bijać

Ta Fajna pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

a jak to teraz dodać na bloga ?

Martyna C pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Bardzo ciekawa instrukcja ;)

Zapraszam do mnie: http://matrelsy.blogspot.com/

a_psik pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Bardzooo przydatny post. Wytłumaczone po kolei, co i jak trzeba zrobić - świetna porada:)

unusual pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Bardzo mi pomogłaś z nagłówkiem ;) Niezastąpione porady ;)
Odwiedź mojego bloga http://unusualblond.blogspot.com/

Anna K pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

świetny blog na pewno będe tu częsciej :D zapraszam na nasz ! damskarzecz.blogspot.com

Busiia. pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

strasznie Ci dziękuje za napisanie tej notki. od dłuższego czasu próbuje zrobić jakiś nagłówek i dzięki Tobie wreszcie znalazłam odpowiedni "program" aby to zrobić ;)

Piper McLean pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Bardzo pomocny poradnik.
Długo męczyłam się żeby stworzyć coś przyzwoitego, a wystarczyło sprawdzić twojego bloga :)

Piper McLean pisze... Best Blogger Tips Odpowiedz Best Blogger Templates
Ten komentarz został usunięty przez autora.
basja pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

dziękuję bardzo!
Zrobiłam sobie nagłówek,ale muszę go poprawić,bo juz wiem czego chcę.Dziękuję!

Luka Li pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Super! Skorzystałam z Twoich wskazówek i mam nagłówek :)

damon pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Dziękuję:) Mój blog włąsnie zmienił oblicze:)

Asia pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

dzięki!!! udało mi się to robić :)

Agata pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Dzięki Tobie tworzę właśnie nowy nagłowek :)

katiuszek pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

usper porada, wlasnie tego potrzebowalam dzisiaj zabiere sie stworzeniem wlasnego nowego nagłówka :)
zapraszam do mnie jesli masz ochote :)
dodaję do obserwowanych :)

izkalysa pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Nie sądziłam, że taki informatyczny laik jak ja może zrobić wymarzony nagłówek... Dziękuję, jesteś nieoceniona!

galaxy ϟ pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Cudowne , że nauczyłaś mnie i innych tego ! kiedyś o tym programie słyszałam , ale nie mam pamięci do nazw ? Dzięki tobie zrobiłam ten cudowny nagłówek na mym blogu ... śliczny blog ... strasznie rozplanowany i ogólnie :) chciałabym mieć takiego bloga jak ty ... zapraszam .. proszę wejdź , skomentuj :))

Seweryn Ogrodnik pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Przydatny artykuł, pozdrawiam.

Sylwia K. pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Bardzo bardzo bardzo dziękuje za tą instrukcje. Dzięki pani mam śliczny nagłówek


skreslic.blogspot.com

OLA TakieTam pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Dziękuje za pomoc :) wskazówki rewelacja , nagłówek zrobiony :) Dzieki Dzieki Dzieki

Karolajn pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Dziękuję pięknie za tutorial, długo męczyłam się z nagłówkami, często prosiłam znajomych by mi zrobili a wystarczyło wejść na genialnego bloga. OBSERWUJĘ :))

Rita Rota pisze... Best Blogger Tips Odpowiedz Best Blogger Templates
Ten komentarz został usunięty przez autora.
Rita Rota pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Bardzo Ci dziękuję za ten post! Mogłam sama stworzyć kolaż na nagłówek bloga i przy tym zrobić mu lifting :) Zapraszam do odwiedzenia mojego bloga http://forbeautyritarota.blogspot.com/

Maja Skarb pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

próbuje ale jakoś nie można zdjęć z komputera

Anna Jaskulska pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Dziękuję Ci bardzo. Co prawda korzystałam trochę z Photoshopa oraz z Corela, ale jednak nie potrzebuję większości z ich funkcji, dlatego taki łatwy program to dla mnie nieoceniona pomoc. Dziękuję!

ol(g)a pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

wielkie dzięki. i m się udało zrobić:) Tylko trochę jakby za mały ten mój nagłówek! Ale będę kombinowała! Pozdrawiam

Jagoda M. pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Dziękuję! Bardzo pomocne, pozdrawiam:)

Jagoda M. pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Dziękuję! Bardzo pomocne:)

kasia pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Fantastyczna pomoc! Dziękuję, dzięki Tobie mój blog jest ciekawszy :)

Simona Lola pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

@Ta Fajna
1.Wchodzisz w układ
2. Klikasz nazwę bloga
3. Masz okno, i zamiast nazwy bloga , to w okienku wpisujesz kropkę, żeby nie było widać nazwy.
4. Na dole masz, ''dodaj obraz'' z komputera i dodajesz tam gdzie masz zrobiony nagłówek.
5. Na dole masz 3 opcje, np. za tytułem i opisem, a ty klikasz pierwszą opcję .

MASZ GOTOWY NAGŁÓWEK NA BLOGU !
NP. NA TYM , TAK TO WYGLĄDA:
stardollpolandpl.blogspot.com
Tam masz pokazane jak to wygląda ;)

Kobiecy Klimat pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

ja również skorzystałam :)
do perfekcji może jeszcze troszkę brakuje ale udało się :)
Dziękuję i zapraszam... początki zawsze są trudne :/

http://seeblueeye.blogspot.co.uk/

Puszczykowa C pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Super! ; ) Właśnie szukałam czegoś prostego, a zarazem czegoś oryginalnego i znalazłam jak zrobić u Ciebie ; ) Pozdrawiam i zapraszam, jestem początkująca

Karolina Chmielowiec pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Bardzo... bardzo przydatny post. Wreszcie mam ogarnięty nagłówek, i to samodzielnie! Dzięki :*

Zuzanna Kowal pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Dziękuję! Zrobiłam tak samo, ale napis dodałam za pomocą painta, bo według mnie, tam jest większy wybór czcionek. ;) Pozdrawiam! A tu mój blog: http://suzienna.blogspot.com/

Agnieszka D pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Bardzo mi pomogłaś tym postem. Dziękuje!

Weronika pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Dziękuje :) Prosto i czytelnie. Myślę, że też skorzystam.

KINGA MZYK pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Dzięki Twoim poradom stworzyłam dzisiiaj wrescie banerek na mojego bloga! Jestem z siebie taka dumna. Nareszcie będę wchodzic z usmiechem na mojego bloga!

lookbeauty pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Świetny tekst :) dziękuje bardzo stawiam dopiero pierwsze kroki w świecie blogowym a Ty bardzo mi pomogłaś rezultat porostu super. Pozdrawiam http://mylookbeauty.blogspot.com/

Joanna Skowrońska pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Fajny tutorial, okazuje się, żed nie trzeba photoshopa by osiągnąć super efekt. Szkoda, że już tworzenie stron mobilnych nie jest takie proste, ale ja oczywiście się musiałam uprzeć no to teraz mam i siedzę zagrzebana w książkach. Pozdrawiam!

Eisblume pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Bardzo przydał mi się ten tutorial ! Buźka ;*

Monika pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Super kurs. Dziękuje bardzo.

Zuzeczka pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Ja korzystam z PiZap

carolinovaxx pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Dziękuję! Twój post bardzo mi pomógł :)

Karolina Paszek-Piątek pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Dziękuję bardzo, w końcu mam jakiś nagłówek, bo jak w paincie/picassie robiłam to bardzo słaba jakosc wychodzila. Dziękuję!:*

Karolina Bińkowska pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Kapitalne <3 Z nieba mi spadłaś

Hania Pisarenok pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Przydatne :) http://hania-art.blogspot.com

Paulina pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

bardzo mi się przydało ! dziękuję :)

Pomysł na ślub pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Dzięki za pomoc!

Monika Romańska pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Super! Dziękuje!!!

Obserwatorka pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Wow, trafiłam tutaj pierwszy raz ale właśnie poszukuję jakiś fajnych sposobów na zrobienie nagłówka i bardzo mi się spodobał sposób w jaki opisałaś ten program :)

Pozdrawiam i dzięki za porady, od razu rezygnuję z szukania dalej :D

Zapraszam do siebie: http://www.swiatobserwatorki.blogspot.com

Obserwatorka pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Wow, trafiłam tutaj pierwszy raz ale właśnie poszukuję jakiś fajnych sposobów na zrobienie nagłówka i bardzo mi się spodobał sposób w jaki opisałaś ten program :)

Pozdrawiam i dzięki za porady, od razu rezygnuję z szukania dalej :D

Zapraszam do siebie: http://www.swiatobserwatorki.blogspot.com

ugotuj-z-marta pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Bardzo mi się to przyda bo na "gwałt" muszę zrobić logo mojego bloga do współpracy.
A po za tym Twój blog jest super
wrócę tu na pewno, a może wzajemna obserwacja?
http://ugotuj-z-marta.blogspot.com

Mrs. Fantastic pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Spadłaś mi z nieba. Planuję zrobić nagłówek. Tylko że wcześniej nie wiedziałam jak. Bardzo dziękuję :*
http://tutajwszyscymamyfiola.blogspot.com
Jutro zabieram się do pracy

Patryk Hope pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

DZIĘKI!!!
dzięki twoim radą udało mi się stworzyć porządny nagłówek. Tutaj efekty realphotosreallife.blogspot.com
dzięki <3

Tung Nguyen pisze... Best Blogger Tips Odpowiedz Best Blogger Templates
Ten komentarz został usunięty przez administratora bloga.
Ejwa blog pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

dzięki fajnie że zrobiłaś taki post napewno wykorzystam go do mojego nowego bloga :) http://ejwabloguje.blogspot.com/

schioko pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Ta stronka jest po prostu świetna ! Strasznie dziękuję ;)

Kornelia Weronika Orwat pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Bardzo fajny ten programik do banerów ale jak wyczarować polskie znaki? Ratunku!

Agnes Cloudblanket pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Wszystko fajnie, zrobiłam co trzeba a co się okazuje? Wstawiam, wyświetlam a tu co?
raz ładny nagłówek a na nim przylepiła się (turkusowo niebieska) nazwa bloga i co w związku z tym? na nagłówku mam dwie nazwy :c

Kornelia Weronika Orwat pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Agnes, pewnie nie kliknęłaś opcji "ukryj napis za nagłówkiem" czy jakoś tak przy wstawianiu banera (w zakładce "układ" klikasz "naglówek").

CallmeMom pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

super post, skorzystałam i mój blog od razu wygląda znacznie lepiej :) i do tego super wyjaśnione! dziękuję za pomoc :) jeśli chcesz zobaczyć efekt mojej pracy zapraszam na mojego bloga, a może akurat sie zainteresujesz i zostaniesz na dłuzej :)

http://socallmemombaby.blogspot.com/

Weraa P pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Bardzo pomocny post ! Dziękuję za pomoc :D

My Dream pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Bardzo mi pomogłaś dziękuję :)

Joanna Adamczyk pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Bomba, dziękuję za tą notkę:) świetna :) pomocna :)

Beatta pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Bardzo pomocna wskazówka, dziękuję :) Zaprojektowałam nagłówek ze zdjęciami, ale ostatecznie zdecydowałam się na sam napis już bez zdjęć.

Origami girl pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Bardzo pomocne, dziękuję :)

Kat Gur pisze... Best Blogger Tips Odpowiedz Best Blogger Templates

Super :) szuka£am czegoś takiego. Zapraszam do mnie www.paznokciowo-hybrydowo.blogspot.com

Step 7: Then click on the save template.