Projekt logo dla fotografa - jak zmienić kolor grafiki w Adobe Photoshop?

Czasami zdarzają się sytuacje, że domyślne kolory projektu logo muszą zostać zmienione na inne. Być może trzeba będzie dopasować kolorystykę plików do nowo powstającej strony www. Może z biegiem czasu uznasz, że barwy dobrane na początku budowania stylu marki fotograficznej już Ci nie odpowiadają. Wtedy możesz spróbować samodzielnie zmienić kolor swojego logo.

W tym poradniku nie znajdziesz informacji na temat zmiany kolorów plików zapisanych w formatach wektorowych, bo musiałabyś posiadać program do ich edycji (np. Adobe Illustrator lub Corel). Koncentruję się na formacie PNG, który daje możliwość modyfikacji w Adobe Photoshop.

 

Dwie uwagi na początek:

  • Sposób ten ma zastosowanie przy grafikach w jednolitym kolorze.
  • Niektóre funkcje mogą być niewidoczne w starszych wersjach programu Adobe Photoshop - zaktualizuj program do najnowszej wersji.

 

Jak zmienić kolor logo w Adobe Photoshop? 

  • Otwórz logo w formacie png w Photoshopie: Plik > Otwórz.
  • Otwórz okno warstw, jeśli go nie widzisz: Okno > Warstwy.
  • Utwórz nową warstwę, która pojawi się nad warstwą z logo.

  • Nowa warstwa ma być teraz aktywna (jeśli nie jest, kliknij na nią raz myszką).
  • Z menu narzędziowego znajdującego się na pasku po lewej stronie w Photoshopie wybierz narzędzie Wiadro z farbą.

  • Kliknij teraz w narzędziach po lewej na kwadrat do wyboru koloru.

  • W próbniku koloru dobierz kolor klikając w konkretne miejsce lub wstaw kod koloru. Przykładowe kody HEX znajdziesz np. na tej stronie: szablony.blogowicz.info

  • Po zatwierdzeniu wybranego koloru kliknij myszką na pliku logo tak, aby kolor zakrył całą dostępną przestrzeń.
  • W oknie warstw kliknij prawym klawiszem na warstwę wypełnioną kolorem i wybierz polecenie Utwórz maskę przycinającą - jeśli tej opcji nie widzisz, musisz zaktualizować Photoshopa do nowszej wersji.

  • Zapisz logo pod nową nazwą w formacie png.
  • Gotowe!

Projekty stron www i grafika do druku

Zapraszam Cię do odwiedzenia mojego portfolio, w którym znajdziesz dotychczasowe realizacje.

PORTFOLIO

Strona www dla fotografki - Katarína Žiaková photography

strona internetowa z fotografią noworodkową, ciążową, rodzinną, ślubną, cennik fotografii noworodkowej, strona internetowa dla fotografa, nowoczesna strona www dla fotografa, sesje noworodkowe, ciążowe, rodzinne, ślubne, responsywna strona internetowa z fotografią, wordpress, projekty stron www dla fotografów, przykład strony internetowej dla fotografki

Strona internetowa z fotografią noworodkową, ciążową, rodzinną i ślubną, którą zamówiła u mnie Katarína Žiaková, jest projektem bardzo delikatnym i subtelnym. W przypadku stonowanych, jasnych zdjęć taki design sprawia, że wszystko ze sobą pięknie współgra. Fotografka już miała swoje portfolio w Internecie, ale wymagało ono przeprojektowania i wprowadzenia responsywności. 

Pierwsza rzecz, od której rozpoczęłyśmy prace nad projektem było rozpisanie wszystkich działów na stronie oraz galerii tematycznych z  portfolio. Następnie przeszłam do określenia stylistyki i kolorów. Katarína zaufała mi w tej kwestii i okazało się, że jest zachwycona końcowym efektem, z czego niezmiernie się cieszę :). Z dalszej części wpisu dowiesz się, jak przebiegał cały proces powstawania strony www.

Katarína miała już wcześniej przygotowane logo i przesłała mi kilka wersji kolorystycznych do wyboru. Wybrałam opcję beżową z napisami na kole. Zauważyłyśmy jednak, że jest ona zbyt jasna i słabo się wyróżnia na tle strony. Beżowy kolor okazał się mało czytelny, dlatego  zdecydowałyśmy się na zastąpienie go brązem, który pojawił się też w nagłówkach.

Układ menu i animowany slider

Pierwotnie logo miało znajdować się w środku menu. Niestety, po lewej stronie napisy były krótsze niż po prawej i całość nie była równomiernie rozłożona względem grafiki logo. Stąd pojawił się pomysł na umieszczenie menu pod logo. Stronę główną pod pozycjami z menu zdobi slider ze zmieniającymi się zdjęciami zbliżonymi do siebie kolorystycznie. To ważna kwestia, jeśli chcemy zachować spójność.

strona internetowa z fotografią noworodkową i ciążową, projekt strony internetowej dla fotografa, fotograficzna strona www w wordpressie, slider ze zdjęciami na fotograficznej stronie internetowej, sesje ciążowe
Strona z fotografią noworodkową, projekt strony www dla fotografki noworodkowej, ciążowej, dziecięcej i rodzinnej

Dobór odpowiednich fontów

Bardzo istotny przy projektowaniu każdej strony www jest odpowiedni dobór typografii. Najlepiej ograniczyć się do maksymalnie 3 różnych fontów. W tym projekcie umieściłam dwa style pisma. Do nagłówków użyłam fontu o nazwie Cormorant w wersji tekstu pisanego dużymi literami, co wprowadziło nieco elegancji na stronę. Do akapitów zastosowałam Montserrat. Nagłówki są w kolorze brązu tak samo jak logo, zaś kolorystyka akapitów to grafit.

Galerie w fotograficznym portfolio

Do galerii można przejść na dwa różne sposoby. Kliknięcie w nazwę Galéria sprawia, że ukazują się cztery zdjęcia z fotografią noworodkową, ciążową, rodzinną oraz ślubną. Drugi sposób to rozwinięcie menu. Katarina przygotowała zdjęcia do pozycjonowania nadając im odpowiednie nazwy ze słowami kluczowymi. Zadbała też o właściwą optymalizację fotografii, aby ich rozmiar nie opóźniał ładowania strony.

galerie zdjęć na stronie www fotografa, fotografia noworodkowa, fotografia ciążowa, fotografia rodzinna i portretowa, fotografia ślubna, responsywne galerie na stronie wordpress, foogallery, przejście do galerii z portfolio, linki do galerii fotograficznych
strona www z fotografią noworodkową, ciążową, galerie zdjęć z sesji noworodkowych, responsywna strona www z fotografią noworodkową

Galeria w stylu Masonry

Galeria w stylu Masonry ma układ, w którym zdjęcia poziome i pionowe dopasowują się jak kafelki Tetris. Uwielbiam tą formę i często ją stosuję w projektach tworzonych dla klientek. Po najechaniu na zdjęcie pojawia się na nim efekt białego zamglenia. Z uwagi na to, że jest to strona internetowa z dość jasną w kolorystyce fotografią noworodkową i ciążową, zdecydowałam się na wprowadzenie jasnej mgiełki.

Cennik usług fotograficznych

Strona z cennikiem zawiera trzy sekcje: cennik fotografii noworodkowej, rodzinnej/ciążowej oraz pakiety sesji roczkowych i smash cake. Liczba kolumn zależy od liczby pakietów, przy sesjach noworodkowych i rodzinnych są to trzy różne opcje. W roczkowych i smash cake tylko dwie. W przyszłości Katka chciałaby rozbudować cennik o dodatkową pozycję, czyli sesje Fresh48.

cennik fotografia noworodkowa, cennik fotografa, cennik na stronie www fotografa, strona z cennikiem usług fotograficznych, strona www dla fotografki noworodkowej, strona internetowa z fotografią noworodkową
Strona internetowa z fotografią noworodkową, fotograf noworodkowy, projekt strony internetowej z fotografią noworodkową, newborn, noworodek, sesje zdjęciowe noworodkowe, formularz kontaktowy na stronie www fotografa, projekt strony internetowej dla fotografki noworodkowej, wordpress

Strona z danymi kontaktowymi

W pierwszej kolumnie na stronie Kontakt pojawiają się informacje, gdzie Katarína fotografuje oraz dane kontaktowe. W kolumnie drugiej znajduje się formularz kontaktowy, gdzie oprócz standardowych pól są też pola wyboru z rodzajem sesji zdjęciowych, oraz pole do wpisania daty i miejsca ślubu (wypełnienie go nie jest obowiązkowe). Pod formularzem umieściłam link do polityki prywatności.

Responsywność strony www

Końcowym etapem projektowania jest zawsze sprawdzenie, czy fotograficzna strona www dobrze prezentuje się na różnych typach urządzeń. Oglądam efekt końcowy na monitorze 21-calowym oraz na dwóch laptopach 15 i 13 cali, na telefonie i na tablecie.  To ważne, aby przetestować wiele różnych rozdzielczości zanim gotowa strona www ujrzy światło dzienne.

Strona internetowa z fotografią noworodkową, ciążową, rodzinną i ślubną, którą zaprojektowałam dla Kataríny jest dostępna tu: katarinaziakova.com. Mam nadzieję, że spodobał Ci się powyższy wpis ukazujący kulisy prac nad takim projektem. Jeśli chciałabyś w przyszłości przeczytać więcej tego typu artykułów z case study, daj znać w komentarzu poniżej.


Jak zrobić logo dla fotografa w programie Photoshop?

Logo dla fotografa – zastanawiasz się, jak zrobić ozdobny napis z zawijaskami w programie Photoshop? Jak uzyskać piękne zawijasy przypominające pismo odręczne? Nie jest to wcale takie trudne, o czym za chwilę się przekonasz :).

Domyślam się, że zajmując się profesjonalną fotografią korzystasz z pakietu Adobe dla fotografów. Zawiera on programy Adobe Lightroom i Adobe Photoshop CC. To właśnie ten drugi program posłuży nam do zaprojektowania logo.

Oto lista narzędzi, które będą Ci potrzebne:

  • Plik z fontem ozdobnym:
    • https://www.dafont.com – ozdobne fonty znajdują się w dziale Calligraphy – zwróć jednak uwagę na licencję, większość z nich jest przeznaczona tylko do użytku osobistego, komercyjnie możesz z nich skorzystać tylko jeśli wykupisz licencję.
    • https://creativemarket.com – to tu najczęściej kupuję fonty do projektów graficznych. W każdy poniedziałek pojawiają się też Free Goods – czasem można trafić na prawdziwe perełki – jednak od niedawna pliki pobierane z Free Goods są tylko do użytku niekomercyjnego, więc jeśli chcesz ich użyć w swojej działalności, musisz wykupić licencję komercyjną. Warto szukać też promocyjnych zestawów.
  • Program WinRar lub WinZip do rozpakowania pliku z pobranym fontem.
  • Program Adobe Photoshop CC.

Załóżmy, że już masz pobrany plik z wybranym fontem – jak go zainstalować na komputerze dowiesz się z wpisu na blogu One Little Smile – Jak zainstalować font (czcionkę)?

Logo dla fotografa – ustawienia wstępne projektu

  • Otwórz program Photoshop CC.
  • Wybierz polecenie Plik -> Nowy -> Własny.
  • Przykładowe wymiary to np. szerokość 900 px i wysokość 250 px. Możesz przygotować też większy plik – wszystko zależy od tego, jakich rozmiarów potrzebujesz.

jak zrobić logo dla fotografa, logo z zawijaskami, logo w formie napisu, kaligrafia, fotograf, grafika dla fotografa, projekt graficzny dla fotografa, projektowanie logo, jak samodzielnie zaprojektować fotograficzne logo

 

Logo dla fotografa – napis z ozdobnymi zawijaskami

Niektóre z fontów mają wbudowane wersje alternatywne w postaci ozdobnych zawijasków. Będziemy za chwilę z nich korzystać. Na początku wybieramy narzędzie do wstawiania tekstu (T) i ustawiamy kolor czarny.

logo z zawijaskami, logo w formie napisu, kaligrafia, fotograf, grafika dla fotografa, projekt graficzny dla fotografa, projektowanie logo, jak samodzielnie zaprojektować logo

  • Wpisujemy tekst, który ma pojawić się w logo. U mnie będą to malutkie wspomnienia.
  • Zaznaczamy tekst i na górze wybieramy rodzaj czcionki. Ja zdecydowałam się na jeden z wykupionych wcześniej fontów: Sophia Ronald.

tworzenie znaku wodnego w programie photoshop, czcionki ozdobne w znaku wodnym, projekt graficzny

 

Logo dla fotografa – jak stworzyć ozdobny napis z zawijaskami w programie Photoshop?

Teraz zależy mi na tym, aby na końcach napisu pojawiły się wspomniane wcześniej ozdobne zawijaski. Szukam okna o nazwie Glify (jeśli nie masz takiej opcji u siebie, być może masz starszą wersję programu – kiedyś glify nie były dostępne w Adobe Photoshop).

ozdobne zawijasy w logo fotografa, glify, photoshop, wersje alternatywne fontów ozdobnych, projekty graficzne dla fotografa, znak wodny, jak samodzielnie zrobić znak wodny

Wyświetlą się dodatkowe opcje formatowania tekstu.

glify w czcionkach ozdobnych, glify w photoshop, grafika dla fotografa, projekt graficzny dla fotografa

Zaznaczam w moim napisie literkę, którą chcę zamienić na wersję z zawijaskiem i z glifów wybieram tą opcję, która najbardziej mi się podoba.

glify w logo dla fotografa, logo fotograficzne, znak wodny, jak zaprojektować logo dla fotografa, logo fotograf, projekt graficzny dla fotografa, czcionki ozdobne

Tą samą czynność powtarzam dla literki ostatniej, czyli a.

projektowanie fotograficznego logo, projekt logo, projekt logo dla fotograficznego biznesu, logo dla biznesu, przykład logo, jak zaprojektować samodzielnie logo, kaligrafia, photoshop

Przed zapisaniem logo, muszę pozbyć się białego tła i w tym celu w oknie warstw klikam na symbol oka tak, aby zniknął:

przezroczysta warstwa photoshop

 

Logo jako plik do zamieszczenia na stronie www i w projektach do druku

 

Aby plik logo był gotowy do zamieszczenia na stronie www lub w projektach graficznych typu ulotki, wizytówki, muszę go zapisać w odpowiednim formacie.

  • Wybieram polecenie Plik -> Zapisz jako.
  • Wpisuję nazwę pliku: logo.
  • Wybieram format png.

Taki plik można już wstawić jako logo w nagłówku strony lub w projektach do druku. Pamiętaj też o zapisaniu wersji roboczej logo w formacie psd, jest to format umożliwiający późniejszą edycję: powiększanie, pomniejszanie, zmianę koloru itp.

 

Logo jako znak wodny

Aby zaprojektowane logo mogło być używane jako znak wodny na zdjęciach, muszę zmienić mu kolor na biały, w tym celu:

  • Zaznaczam cały napis i wybieram dla niego kolor biały.
  • Zapisuję: Plik -> Zapisz jako.
  • Wpisuję nazwę pliku logo_biel.
  • Wybieram format png.

Projekt w formacie wektorowym

Możesz swój projekt zapisać również w formacie PDF i EPS. Aby to zrobić, kliknij prawym na napis w oknie warstw i zamień tekst na krzywe. Następnie zapisz logo wybierając format PDF lub EPS. Są to formaty wektorowe.

 

Czy już projektowałaś wcześniej logo dla swojej fotograficznej działalności? Z jakimi problemami się spotkałaś? A może zleciłaś taki projekt grafikowi? 

Chciałabyś zamówić projekt strony www?

Zapraszam Cię do odwiedzenia mojego portfolio, w którym znajdziesz dotychczasowe realizacje.

PORTFOLIO

ulotka dla fotografa, projekt ulotki dla fotografa ślubnego, projekt ulotki do druku

Ulotka dla fotografa do druku - o czym trzeba wiedzieć przy zamawianiu projektu?

ulotka dla fotografa, projekt ulotki dla fotografa, ulotka do druku, ulotka dla fotografa ślubnego, ulotka z fotografią, ulotka DL, projekt graficzny

Ulotka dla fotografa stanowi jeden z ważniejszych elementów identyfikacji wizualnej jego działalności. Może być dołączana do efektów sesji zdjęciowych, np. włożona do pudełka z odbitkami, umieszczana w miejscach gdzie przebywają potencjalni klienci lub rozdawana na targach ślubnych. W poniższym wpisie postaram się omówić najważniejsze kwestie związane z zamawianiem takiego projektu.

 

Po pierwsze – wybierz drukarnię

Zanim grafik przystąpi do projektowania ulotki, musisz określić, czy wydruk zlecisz samodzielnie w wybranej przez siebie drukarni, czy zdasz się na polecenie osoby projektującej. Jest to ważne dlatego, że każda drukarnia ma swoje wytyczne co do wymiarów grafik. Jeśli tego na początku nie ustalisz, możesz się spotkać z sytuacją, że w gotowym wydruku napisy będą zbyt blisko krawędzi lub coś zostanie ucięte.

 

Ustal format ulotki dla fotografa i pobierz makietę projektu

Po wybraniu drukarni przyszedł czas na zaplanowanie, w jakim formacie projekt będzie drukowany. Do wyboru mamy różne wielkości. Wśród moich dotychczasowych realizacji króluje format A6 oraz ulotki DL, czasami zdarzają się wydruki w formacie A5.

Kiedy już zdecydujesz się na konkretną wielkość i samodzielnie zechcesz zlecić wydruk, sprawdź na stronie drukarni, czy są tam makiety do pobrania (mogą być w formacie PDF, PSD, CDR). Jeśli ich nie ma, poproś drukarnię o przesłanie ich lub o podanie wymiarów netto i brutto. W wydruku obcinane są tzw. spady (2-3 milimetry) i na makiecie powinny znajdować się linie pomocnicze.

ulotka dla fotografa, ulotka dla fotografa do druku, projekt ulotki dla fotografa, jak przygotować ulotkę fotograficzną do druku, projekt graficzny dla fotografa, projekt ulotki, projekt do wydruku, ulotka DL

Ulotka w formacie DL:

Fotografie Eweliny

Określ kolorystykę

Jeśli masz już swoją fotograficzną stronę www, dobrze jest, aby projekt ulotki kolorystyką nawiązywał do stylistyki strony. Wtedy budujesz skojarzenia z Twoją marką, odbiorcy będą Cię lepiej rozpoznawać po umiejętnie zastosowanych elementach wizualnych. Tutaj warto robić to bardzo konsekwentnie, a nie na zasadzie: te kolory mi się podobają, więc je dodam, pomimo tego, że stylistyka strony www jest w zupełnie innym klimacie. Spójność identyfikacji wizualnej wzmacnia w oczach odbiorców Twój profesjonalizm.

 

Przygotuj zdjęcia i teksty

Po określeniu stylu projektu przejdź do przygotowania zdjęć i tekstów, które chcesz umieścić na ulotce. Wybierz kilka fotografii zarówno w pionie jak i w poziomie. Grafikowi będzie łatwiej je wkomponować w projekt, jeśli dasz mu większy wybór. Projektując materiały dla fotografów zwracam też uwagę na to, czy zdjęcia umieszczone na nich są spójne stylistycznie. Najlepiej, aby miały podobną obróbkę i stanowiły jedną kompozycyjną całość.

Nie staraj się umieszczać na ulotce zbyt wielu informacji. Streść najważniejsze kwestie, aby nie przytłoczyć odbiorcy, a jedynie zachęcić go do odwiedzenia Twojego portfolio, czy do kontaktu telefonicznego. Pomyśl też, czy dane, które się na niej pojawią za jakiś czas się nie zmienią. Umieszczanie konkretnych pakietów cenowych nie jest dobrym rozwiązaniem. Jeśli podniesiesz ceny, może się okazać, że duża część niewykorzystanych wydruków będzie nieaktualna.

ulotka dla fotografa do druku, projekt ulotki dla fotografa, jak przygotować ulotkę fotograficzną do druku, projekt graficzny dla fotografa, projekt ulotki, projekt do wydruku, ulotka DL

Ulotka składana DL x3:

Ewa Mazurkiewicz Photography

Ulotka dla fotografa – przestrzeń barwna CMYK i RGB

Gdy grafik dostarczy Ci gotowe pliki nie przeraź się, jeśli kolory na grafikach będą zupełnie inne niż kolory Twoich zdjęć. Dzieje się tak dlatego, że grafiki do druku są zapisane w przestrzeni barwnej CMYK. Wyświetlając je na monitorze ujrzysz wersję, którą monitor zamienia ponownie na RGB, ale nie będzie to ta sama wersja zdjęć, co przed umieszczeniem w projekcie.

Czy kolory zdjęć w wydruku będą identyczne jak po eksporcie z Lightrooma lub Photoshopa? To zależy od wielu czynników, między innymi od kalibracji drukarki i rodzaju papieru (błysk, mat). W bardzo dokładny sposób opisała te różnice na swoim blogu Weronika z MAVELO. Spotkałam już się z sytuacją, kiedy ten sam projekt drukowany w dwóch różnych drukarniach miał zupełnie inne nasycenie kolorów. Warto starannie dobierać miejsce, gdzie zlecimy wydruk.

 

Ulotka dla fotografa – podsumowanie

  1. Wybierz drukarnię – zdecyduj, czy zlecisz wydruk samodzielnie, czy zaufasz w tej kwestii grafikowi.
  2. Ustal format ulotki i poproś o makietę – wybierz jeden format wydruku, poproś drukarnię o przesłanie wytycznych w postaci wymiarów netto i brutto lub gotowej makiety.
  3. Określ kolorystykę – najlepiej aby nawiązywała do kolorów identyfikacji wizualnej i strony www.
  4. Przygotuj zdjęcia i teksty – fotografie dobierz kolorystycznie, streść najważniejsze informacje.
  5. Nie bądź zaskoczona jeśli projekt, który otrzymasz od grafika, będzie miał inną kolorystykę niż Twoje zdjęcia – przestrzeń do druku CMYK rządzi się swoimi prawami ;-)

Potrzebujesz indywidualnego projektu graficznego lub chciałabyś zamówić projekt strony www?

Zapraszam Cię do odwiedzenia mojego portfolio, w którym znajdziesz dotychczasowe realizacje.

PORTFOLIO

Jak zwiększyć bezpieczeństwo fotograficznej strony www?

 

Bezpieczeństwo fotograficznej strony www – jak je zwiększyć? Czy są takie czynności, które możesz wprowadzić u siebie w portfolio, a które nie wymagają specjalistycznej wiedzy i umiejętności? Dziś przedstawię Ci kilka sposobów. Czy te sposoby gwarantują 100% skuteczność? Tego nikt nie może zagwarantować, ale lepiej je stosować niż nie robić zupełnie nic.

Bezpieczeństwo fotograficznej strony www – Login i hasło

Pierwsza rzecz, na jaką musisz zwrócić uwagę, to login i hasło do panelu administracyjnego Twojej strony www. Nie wprowadzaj loginu “admin” – to jest pierwsza opcja jaka jest wpisywana przy atakach hakerskich. Podaj zupełnie inną nazwę. W haśle spróbuj zastosować duże i małe litery, cyfry i znaki specjalne.

Bardzo ważne jest też to, abyś nie zapamiętywała danych do logowania w przeglądarce. Po zakończeniu prac w panelu administracyjnym zawsze się wyloguj.

 

Certyfikat ssl

Certyfikat ssl chroni dane przesyłane przez formularze umieszczone na stronie. Jeśli certyfikat nie jest zainstalowany, to klienci, którzy wchodzą na Twoją stronę, mogą zamiast niej ujrzeć informację, że strona nie jest bezpieczna. Jak zorientować się, czy na stronie jest zainstalowany ssl? Sprawdź, czy w adresie znajduje się https i czy jest przy nim widoczny symbol kłódki. Jeśli tak, Twoja strona posiada taki certyfikat. Jeśli nie, zainstaluj go. Teraz na niektórych hostingach można wygenerować bezpłatny certyfikat Let’s Encrypt. Sprawdź, czy Twój hostignodawca posiada taką opcję w swojej ofercie.

jak zwiększyć bezpieczeństwo strony www, zabezpieczenia strony www, jak zminimalizować ryzyko włamania na stronę www, dwuetapowa weryfikacja, wordpress, wtyczki, aktualizacje strony www, strona www dla fotografa, certyfikat ssl, lets encrypt, przesyłanie danych na stronie www

 

Bezpieczeństwo fotograficznej strony www – Dwuetapowa weryfikacja

Dwuetapowa weryfikacja to dodatkowe zabezpieczenie podczas logowania do panelu strony. Oprócz loginu i hasła pojawia się dodatkowe pole do wpisania kodu weryfikacyjnego. Kody generowane są przez aplikację zainstalowaną na telefonie. Jak ustawić dwuetapową weryfikację dowiesz się z tego poradnika: Uwierzytelnianie dwuskładnikowe w WordPressie.

Niektóre hostingi mają też opcję nałożenia dodatkowego okienka logowania na stronę wp-admin. Dopiero po wpisaniu loginu i hasła możemy przejść do logowania właściwego.

dodatkowe logowanie wp-admin, dodatkowe okno logowania, zabezpieczenie strony www

 

Kopia bezpieczeństwa w chmurze

Kopie bezpieczeństwa są tworzone na Twoim hostingu, ale warto też pomyśleć o robieniu dodatkowych zabezpieczeń w postaci kopii plików strony, motywu, wtyczek i bazy danych w chmurze. Tworzenie automatycznych kopii ustawiamy w panelu strony za pomocą specjalnej wtyczki. Pliki są wtedy regularnie przesyłane np. na Google Drive. Jak ustawić tworzenie automatycznych kopii zapasowych dowiedz się z poradnika: Tworzymy kopię zapasową strony www: UpdraftPlus + Google Drive. W przypadku pojawienia się nieprawidłowości na stronie www będziesz mogła przywrócić jedną z poprzednich kopii, aby wyeliminować błędy.

 

Aktualizacje WordPressa, motywu, wtyczek

Regularnie sprawdzaj, czy są do zaktualizowania wtyczki, motywy i WordPress. Pamiętaj, aby wcześniej wykonać aktualną kopię zapasową strony. Nieaktualizowane elementy na stronie mogą zawierać luki bezpieczeństwa, a aktualizacje mają na celu wyeliminowanie tych luk. Nie martw się, jeśli coś pójdzie nie tak przy aktualizacjach. Masz wykonaną kopię zapasową i z niej przywrócisz pliki. Możesz też zainstalować wtyczkę WP Rollback i za jej pomocą cofnąć aktualizacje, które powodują błędy na stronie. Gdy za niepożądane zmiany odpowiedzialny jest WordPress, jego też możesz cofnąć do jednej z poprzednich wersji za pomocą wtyczki WP Downgrade. A jeśli boisz się, że sobie nie poradzisz z aktualizacjami, napisz do mnie i zamów taką usługę.

 

Podsumowując:

  • ustaw inny login niż domyślny “admin” oraz używaj skomplikowanego hasła;
  • nie zapamiętuj danych do logowania w przeglądarce;
  • po skończonej pracy na stronie zawsze się wyloguj z kokpitu;
  • zainstaluj certyfikat bezpieczeństwa ssl;
  • ustaw dwuetapową weryfikację;
  • zabezpiecz panel wp-admin dodatkowym oknem logowania (wprowadź w nim inne dane niż w logowaniu właściwym);
  • regularnie twórz kopię zapasową strony w chmurze np. na Google Drive);
  • aktualizuj na bieżąco wtyczki, motywy, WordPressa.

 

Są jeszcze inne sposoby na dbanie o bezpieczeństwo fotograficznej strony www. Wymagają one jednak wiedzy z zakresu kodowania. W tym wpisie skoncentrowałam się na tych zabezpieczeniach, których wprowadzenie nie jest zbyt skomplikowane. Jeśli chciałabyś, abym rozszerzyła któryś z powyższych sposobów, daj mi znać w komentarzu poniżej. Przygotuję wtedy szczegółowy wpis na dany temat.


Kalendarz 2020 dla fotografa do druku

Nowy rok zbliża się wielkimi krokami i z tej okazji przygotowałam kalendarz 2020 dla fotografa do druku. Możesz w nim umieścić swoje własne zdjęcie, a następnie zapisać i wydrukować w formacie A3. Jak to zrobić, dowiesz się z dzisiejszego wpisu.

Więcej Info


Meta opisy na fotograficznej stronie www

Meta opisy na fotograficznej stronie www na pierwszy rzut oka nie są w ogóle widoczne. Jednak w momencie kiedy ich nie dodamy na stronę, w wynikach wyszukiwania umieszczą się zupełnie przypadkowe informacje. Odkąd stosuję do pozycjonowania wtyczkę Yoast SEO, umieszczenie meta opisów stanowi jeden z ważniejszych punktów na liście rzeczy do zrobienia.

 

Czym są meta opisy na fotograficznej stronie www?

Wyobraź sobie, że szukasz informacji bądź portfolio fotografa w wyszukiwarce. Co pojawia się w wynikach wyszukiwania? W pierwszej linijce będzie na pewno umieszczony tytuł strony. Pod spodem znajduje się jej adres, czyli domena pod którą dana strona się pojawia. Natomiast pod adresem przeczytasz kilka zdań na temat tego, co jest zawarte na stronie. Najlepiej będzie, jeśli zobrazuję Ci to, o czym przed chwilą napisałam. Zrobię to na przykładzie jednej z moich fotograficznych stron. Od razu wyjaśnię, że strona ta nie jest w pełni dopasowana do wyszukiwarek. W momencie pisania tego artykułu w realizacji znajduje się już moje nowe portfolio pod zupełnie inną nazwą. Stanowi ona jednak bardzo dobry przykład do omówienia zagadnień z dzisiejszego wpisu.

meta opisy na stronie www dla fotografa, meta opisy, tytuł w wyszukiwarce, jak dać się znaleźć w wyszukiwarce google, strona www, strona internetowaMeta opis to jest ten fragment, który zaznaczyłam na beżowo. Na górze jest nazwa strony (gdybym chciała tą stronę wypozycjonować, to na pewno w tytule pojawiłyby się nazwy fotografii, którymi się zajmuję oraz miasto). W meta opisie można wstawić dowolny tekst, który ma zachęcać do kliknięcia w link lub taki, który opisze to, czym się zajmujesz.

 

Czym objawia się brak opisów meta na stronie www?

Czasami w wyszukiwarce pojawiają się dodatkowe linki, są to tzw. google sitelinks (jeśli chcesz dowiedziesz się o nich więcej, zajrzyj do wpisu Pawła Kępy: Google sitelinks, czyli jak zdominować pierwszą stronę Google). U mnie na stronie wygląda to tak:

meta opisy na stronie www dla fotografa, meta opisy, tytuł w wyszukiwarce, jak dać się znaleźć w wyszukiwarce google, strona www, strona internetowa, pozycjonowanie strony www dla fotografa

Jak widzisz są tam dodatkowe tytuły takie jak: galerie, kontakt, o mnie, sesje, galeria kolorowa, galeria bw. Na przykładzie tych dodatkowych linków możesz zobaczyć, co się dzieje, jeśli meta opisy nie zostaną wprowadzone na stronę.

  • galerie – w meta opisie umieściły się nazwy podstron z menu
  • kontakt – został tutaj pobrany fragment tekstu ze strony kontaktowej
  • o mnie – do opisu wczytały się dane ze stopki strony
  • sesje – tu znajduje się ten sam opis, który dodałam na stronie głównej (w tym przypadku wczytał się on automatycznie, bo znajduje się na stronie sesje)
  • galeria kolorowa – pobrane zostały dane EXIF z jednego ze zdjęć, a więc nazwa aparatu, jakim to zdjęcie zostało wykonane oraz częściowe informacje ze stopki
  • galeria bw – ta sama sytuacja jak w przypadku podstrony galerie

Przyznasz, że nie wygląda to zbyt profesjonalnie. Należałoby zadbać o dodanie właściwych meta opisów. Za chwilę pokażę Ci, jak to zrobić za pomocą wtyczki Yoast SEO.

 

Dodawanie meta opisów na stronę za pomocą wtyczki Yoast SEO

Pierwsza rzecz, jaką muszę zrobić, to instalacja wtyczki Yoast SEO. W tym celu przechodzę w panelu swojej strony do Wtyczki > Dodaj nową. Wyszukuję wtyczkę o nazwie Yoast SEO, instaluję ją i aktywuję.

Przechodzę do wybranej strony, na której chcę dodać opis meta. Edytuję tą stronę (wybrałam stronę galerie). Na samym dole są zakładki wtyczki Yoast SEO. Będę zajmować się tym, co jest w zakładce SEO.

jak pozycjonować fotograficzną stronę internetową

Klikam w opcję Edytuj wygląd podstrony w wynikach wyszukiwania i kasuję wszystko to, co znajduje się w tytule SEO. Gdybym chciała wypozycjonować stronę na Lublin, to w tytule wpisałabym: “galerie zdjęć – fotografia rodzinna i dziecięca Lublin – bajkami utkane”. Pilnuję liczby znaków w tekście, bo jeśli przekroczę limit, to wtedy pojawi się kolor czerwony zamiast zielonego. Do tej sytuacji nie można dopuścić.

Nie będę w tym poradniku zajmować się takimi elementami jak fraza kluczowa (zostawiam ją pustą) oraz slug (zostawiam domyślny). Przechodzę więc do najważniejszego zagadnienia dzisiejszego artykułu, czyli samego opisu. Wstawię tam przykładowo taki tekst: “Zapraszam Cię do odwiedzenia mojego fotograficznego portfolio, gdzie znajdziesz kadry z sesji dziecięcych i rodzinnych, które miały miejsce w Lublinie”. Nieco wyżej mogę zobaczyć podgląd, jak ta strona będzie mniej więcej wyglądać w wynikach wyszukiwania. Następnie aktualizuję stronę.

meta opis na stronie www

I teraz przechodzimy do porównania, po lewej wersja przed dodaniem opisu meta, po prawej wersja z meta opisem i rozbudowanym tytułem. Jak myślisz, która wersja lepiej poradzi sobie w pozycjonowaniu strony?

porównanie opisów w wyszukiwarce

Masz dodane opisy meta na swojej stronie www, czy dopiero zamieszasz je dodać? 

 

Interesują Cię zagadnienia związane z projektowaniem fotograficznych stron www? Zajrzyj do pozostałych wpisów na blogu.


Cennik/ulotka do druku dla fotografa ślubnego

Cennik/ulotka do druku dla fotografa ślubnego – taki projekt możesz od dziś pobrać na blogu. Grafika znajdzie również zastosowanie w fotografii rodzinnej, portretowej, dziecięcej. Jeśli lubisz minimalistyczne, biało czarne motywy, możesz pobrać plik, który przygotowałam i go wydrukować.

Potrzebujesz indywidualnego projektu graficznego lub chciałabyś zamówić projekt strony www?

Zapraszam Cię do odwiedzenia mojego portfolio, w którym znajdziesz dotychczasowe realizacje.

PORTFOLIO

Cennik/ulotka do druku dla fotografa ślubnego – jak ją edytować?

Pobierz projekt cennika/ulotki dla fotografa ślubnego. Pobierz i zainstaluj 7-zip, jeśli jeszcze go nie posiadasz. Kliknij na pobrany plik ulotki prawym klawiszem i wybierz polecenie 7-zip > Wypakuj tutaj.

W folderze, który się pojawił, znajdziesz plik w formacie PSD. Otwórz go w programie Adobe Photoshop.

cennik do druku dla fotografa, cennik/ulotka do druku dla fotografa ślubnego, photoshop, warstwy, ulotka w photoshopie, edycja ulotki w photoshopie

 

Wstawianie zdjęć do projektu cennika/ulotki

W projekcie są przygotowane trzy miejsca na wstawienie zdjęć. W oknie warstw (menu górne: Okno > Warstwy) przejdź na warstwę nazwaną Warstwa 2. Fotografie umieścisz wybierając z górnego menu polecenie Plik > Umieść osadzone. Wczytaj pierwsze zdjęcie. Dopasuj jego rozmiar i położenie. Tą samą czynność powtórz dla pozostałych zdjęć.

logo dla fotografa, logo dla fotografa ślubnego, logo fotografia, fotograf ulotka, przykład ulotki dla fotografa, fotografia ślubna cennik, fotografia ślubna ulotka,cennik, ulotka do druku dla fotografa ślubnego, cennik dla fotografa ślubnego, cennik do pobrania, cennik za darmo, projekt graficzny dla fotografa ślubnego, ulotka fotografia ślubna, ulotka do pobrania dla fotografa, projekt cennika do wydruku dla fotografa, dream and design, ulotka fotografia PDF, ulotka fotografia do wydruku, cennik/ulotka dla fotografa ślubnego do druku

Wybierz narzędzie do edycji tekstu (pionowe menu narzędziowe po prawej stronie – litera T). Kliknij w tekst, który chcesz zmienić. Powtórz czynność dla kolejnych napisów.

umieszczanie fotograficznego logo i zapisanie projektu

Kliknij prawym na warstwę nazwaną Twoje logo. Usuń ją. Wczytaj swoje własne logo: Plik > Umieść osadzone. Dopasuj rozmiar i położenie.

Zapisz plik: Plik > Zapisz jako. Pamiętaj, aby wybrać rozszerzenie JPG. Wydrukuj projekt na kartce w formacie A4.

 

Jeśli spodobał Ci się ten wpis, możesz go udostępnić w swoich mediach społecznościowych za pomocą przycisków znajdujących się pod tekstem. 

Pozostałe wpisy z projektami do druku znajdziesz na blogu.


Jak przygotować zdjęcia na stronę www?

Jak przygotować zdjęcia na stronę www w Adobe Lightroom?, przygotowanie zdjęć do galerii, strona www dla fotografa, fotograficzna strona www, strona internetowa dla fotografa, projekty stron www dla fotografów, wordpress, nowoczesne strony www, fotograficzne portfolio, pomniejszanie zdjęć w Lightroom, dpi, pomniejszanie fotografii

 

Dziś przygotowałam kolejny temat z zakresu pozycjonowania strony internetowej fotografa, a dokładniej “Jak przygotować zdjęcia na stronę www?”. Czy musimy zadbać o odpowiednie nazwy plików? Czy rozmiar zdjęć ma znaczenie? Jak opisywać zdjęcia, aby strona pojawiała się wyżej w wynikach wyszukiwania? Gotowa na nową dawkę wiedzy? Zapraszam do dalszego czytania.

 

Jak przygotować zdjęcia na stronę www? Zadbaj o właściwe nazwy plików.

Co oznaczają właściwe nazwy plików? Tworząc nazwy dla zdjęć używaj w nich wyrazów, na które chcesz, aby Twoja strona się pozycjonowała. Dodaj nazwę swojej firmy, miasta, w którym oferujesz swoje usługi, słowa opisujące to, co znajduje się na zdjęciach. Zamiast spacji stosuj znak “_”. Nie używaj polskich znaków. W dalszej części tego artykułu pokażę Ci, jak możesz nadać nazwy plikom automatycznie bez konieczności ręcznej edycji tych nazw.

 

Jak przygotować zdjęcia na stronę www? Dopasuj rozmiar.

1. Zdjęcia nie mogą być zbyt duże.

Bardzo ważną kwestią w temacie przygotowania zdjęć na stronę www jest dopasowanie ich rozmiaru. Zdjęcia nie mogą być zbyt duże, więc oryginalne pliki uzyskane w wyniku obróbki i zapisane w rozmiarze takim samym, jak plik z aparatu, nie powinny pojawić się w galeriach.

Co się stanie, jeśli na stronie umieścimy zbyt duże zdjęcia? Strona będzie się bardzo wolno wczytywać, co może zniechęcić odwiedzających do jej dalszego przeglądania. Jeśli strona będzie się długo ładować, będzie mniej wejść, a co za tym idzie, będzie się wolniej pozycjonować. Google lepiej traktuje te strony, które szybciej się wczytują. Do umieszczania w galeriach w zupełności wystarczy rozmiar zdjęć 1400 px na dłuższym boku.

2. Zdjęcia nie mogą być zbyt małe.

Działa to też w drugą stronę: jeśli chcesz umieścić slider lub zdjęcie na całą szerokość strony, zdjęcia nie mogą być zbyt małe, bo będą rozpikselowane na dużych monitorach. Grafika rastrowa ma to do siebie, że przy powiększaniu z mniejszych rozmiarów do większych, traci na jakości. Więc jeśli umieścisz na całej szerokości strony fotografię, która ma 1000px, to na pewno uzyskasz plik gorszy jakościowo na dużych wyświetlaczach. Najlepszy rozmiar dla plików na całą szerokość strony www to około 2000 px szerokości. 

 

Jak przygotować zdjęcia na stronę www? Wprowadź do każdej fotografii opisy alt.

Opisy alt to inaczej opisy alternatywne. Możesz je wstawić z poziomu strony www. W WordPressie są dwa sposoby na umieszczenie takiego tekstu:

1. Sposób pierwszy (nie działa w przypadku stron i wpisów tworzonych za pomocą page buildera).

Edytuj stronę lub wpis blogowy, w którym masz umieszczone zdjęcia. Kliknij na dowolną fotografię. Pojawi się symbol ołówka.

tekst alternatywny na stronie www, jak umieścić tekst alternatywny WordPress, strona www dla fotografa, przygotowanie fotografii na stronę internetową

Po kliknięciu w ołówek ujrzysz panel, w którym będzie miejsce do wpisania tekstu alternatywnego. Jak najdokładniej opisz, co znajduje się na obrazie. Dodaj też słowa kluczowe do pozycjonowania. W przypadku tych nazw możesz stosować spacje, natomiast poszczególne wyrażenia oddziel od siebie przecinkami.

tekst alternatywny na stronie www, jak umieścić tekst alternatywny WordPress, strona www dla fotografa, przygotowanie fotografii na stronę internetową

 

2. Sposób drugi – edycja plików w bibliotece mediów

Przejdź do panelu administracyjnego strony, a następnie po lewej stronie wybierz Media > Biblioteka. Kliknij na wybrane zdjęcie i wstaw tekst alternatywny. Gotowe!

 

Jak przygotować zdjęcia na stronę www w Adobe Lightroom?

Przejdziemy teraz do najważniejszej części dzisiejszego artykułu, w której pokażę Ci, jak szybko możesz przygotować wiele zdjęć do umieszczenia na fotograficznej stronie www. Jako fotograf na pewno korzystasz z pakietu Adobe dla fotografów, który zawiera w sobie dostęp do programu Lightroom. To właśnie w tym programie zajmiemy się konwersją zdjęć. Zaczynamy :).

  1. Utwórz folder, umieść w nim wszystkie zdjęcia, które będą pomniejszane.
  2. Otwórz Adobe Lightroom.
  3. Kliknij w File > Import Photos & Videos. Odszukaj folder ze zdjęciami i wczytaj je do LR. Wybierz Import po prawej stronie na dole.
  4. Kliknij na jedno ze zdjęć i zaznacz wszystkie CTRL+A.
  5. Wybierz EXPORT (na dole po lewej).
  6. Pojawi się okno ze szczegółami konwersji plików. Wstaw następujące opcje:

pomniejszanie zdjęć w Lightroomie, jak przygotować zdjęcia na stronę www, strona www dla fotografa, eksport zdjęć w lightroomie, galerie zdjęć, fotograficzne portfolio, strona internetowa dla fotografa

W custom text wpisz wyrażenia, na które chcesz pozycjonować swoją stronę www. Do galerii ustaw Resize to Fit na 1400 px. Jeśli zdjęcia przygotowujesz do slidera, wpisz 2000 px, dodatkowo ustaw Resolution. Ustaw koniecznie Limit File Size To: 300 K. Resolution może być 72 pixels per inch (300 jest wymagane, gdy tworzymy pliki do druku).  Po wybraniu właściwych opcji kliknij Export. W folderze ze zdjęciami pojawi się nowy folder, nazwany “mniejsze”, gdzie będą znajdować się pliki na stronę www.

To już wszystkie informacje na dziś. Kolejne wpisy z zakresu pozycjonowania stron www pojawią się tu wkrótce, dlatego gorąco zachęcam Cię do śledzenia informacji na moim fanpage’u.

 

Zdjęcia ślubne w tym artykule pochodzą z darmowego banku zdjęć Unsplash.

 

Dotychczasowe wpisy na temat pozycjonowania fotograficznej strony www:

SEO dla fotografa – linkowanie wewnętrzne i zewnętrzne
Pokochaj SEO, czyli 7 prostych kroków do lepszego pozycjonowania Twojej strony www


SEO dla fotografa - linkowanie wewnętrzne i zewnętrzne

Jednym z bardzo ważnych aspektów w kontekście SEO dla fotografa jest linkowanie wewnętrzne i zewnętrzne. Wtyczka Yoast SEO, którą możesz zainstalować u siebie na stronie, podpowiada, aby we wpisie blogowym oraz na innych podstronach z menu umieścić hiperłącza. Dziś omówię bardzo dokładnie, jak takie odnośniki wstawić.

Więcej Info