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 :)

84 komentarze:

  1. Ś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 :)

    OdpowiedzUsuń
  2. Jak zwykle niezastąpiona w dobrych poradach! Dziękuję :)

    OdpowiedzUsuń
  3. 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 :*

    OdpowiedzUsuń
  4. Ś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ę :-)

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

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

    OdpowiedzUsuń
  7. Wielkie dzięki :) Z pomocy i edytora już skorzystałam :)))

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

    OdpowiedzUsuń
  9. 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" :)

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

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

    OdpowiedzUsuń
  12. 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:-***

    OdpowiedzUsuń
  13. FAjny i prosty poradnik. Dzieki :-)

    OdpowiedzUsuń
  14. 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

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

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

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

    OdpowiedzUsuń
  18. a jak to teraz dodać na bloga ?

    OdpowiedzUsuń
  19. Bardzo ciekawa instrukcja ;)

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

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

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

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

    OdpowiedzUsuń
  23. 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ć ;)

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

    OdpowiedzUsuń
  25. Ten komentarz został usunięty przez autora.

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

    OdpowiedzUsuń
  27. Super! Skorzystałam z Twoich wskazówek i mam nagłówek :)

    OdpowiedzUsuń
  28. Dziękuję:) Mój blog włąsnie zmienił oblicze:)

    OdpowiedzUsuń
  29. dzięki!!! udało mi się to robić :)

    OdpowiedzUsuń
  30. Dzięki Tobie tworzę właśnie nowy nagłowek :)

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

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

    OdpowiedzUsuń
  33. 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 :))

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


    skreslic.blogspot.com

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

    OdpowiedzUsuń
  36. 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Ę :))

    OdpowiedzUsuń
  37. Ten komentarz został usunięty przez autora.

    OdpowiedzUsuń
  38. 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/

    OdpowiedzUsuń
  39. próbuje ale jakoś nie można zdjęć z komputera

    OdpowiedzUsuń
  40. 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ę!

    OdpowiedzUsuń
  41. 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

    OdpowiedzUsuń
  42. Dziękuję! Bardzo pomocne, pozdrawiam:)

    OdpowiedzUsuń
  43. Dziękuję! Bardzo pomocne:)

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

    OdpowiedzUsuń
  45. @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 ;)

    OdpowiedzUsuń
  46. 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/

    OdpowiedzUsuń
  47. 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

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

    OdpowiedzUsuń
  49. 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/

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

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

    OdpowiedzUsuń
  52. 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!

    OdpowiedzUsuń
  53. Ś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/

    OdpowiedzUsuń
  54. 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!

    OdpowiedzUsuń
  55. Bardzo przydał mi się ten tutorial ! Buźka ;*

    OdpowiedzUsuń
  56. Dziękuję! Twój post bardzo mi pomógł :)

    OdpowiedzUsuń
  57. 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ę!:*

    OdpowiedzUsuń
  58. Kapitalne <3 Z nieba mi spadłaś

    OdpowiedzUsuń
  59. Przydatne :) http://hania-art.blogspot.com

    OdpowiedzUsuń
  60. bardzo mi się przydało ! dziękuję :)

    OdpowiedzUsuń
  61. 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

    OdpowiedzUsuń
  62. 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

    OdpowiedzUsuń
  63. 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

    OdpowiedzUsuń
  64. 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

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

    OdpowiedzUsuń
  66. Ten komentarz został usunięty przez administratora bloga.

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

    OdpowiedzUsuń
  68. Ta stronka jest po prostu świetna ! Strasznie dziękuję ;)

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

    OdpowiedzUsuń
  70. 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

    OdpowiedzUsuń
  71. 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").

    OdpowiedzUsuń
  72. 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/

    OdpowiedzUsuń
  73. Bardzo pomocny post ! Dziękuję za pomoc :D

    OdpowiedzUsuń
  74. Bardzo mi pomogłaś dziękuję :)

    OdpowiedzUsuń
  75. Bomba, dziękuję za tą notkę:) świetna :) pomocna :)

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

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

    OdpowiedzUsuń