SEO dla fotografa - 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. Zwróć też uwagę na to, jaką dany plik ma rozdzielczość. Pliki z aparatu mają 300 dpi i jest to rozdzielczość do druku, na strony www powinny mieć 72 dpi. Spróbuj kliknąć prawym klawiszem myszki na wybranym zdjęciu. Wybierz Właściwości > Szczegóły. Będą tam zamieszczone informacje o wymiarach zdjęcia oraz o rozdzielczości w pionie i w poziomie.

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

Sprawdź, czy rozdzielczość jest równa 300 dpi czy 72 dpi. Jak ustawić odpowiednie dpi dowiesz się z dalszej części wpisu.

 

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. 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. Najlepszy rozmiar dla plików na całą szerokość strony www to około 2000 px szerokości. W tym przypadku również pamiętaj o dpi równym 72.

 

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 - to właśnie wspomniana wcześniej rozdzielczość. Do druku ma być 300 pixels per inch, na strony www 72.  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

 


Strona internetowa dla fotografa - metamorfoza Foto Baśnie

 

Strona internetowa dla fotografa może być projektowana od podstaw. Czasami zdarzają się też sytuacje, że już istnieje, ale wymaga odświeżenia. Wpis pokazujący taką metamorfozę chodził za mną już dawno. Okazją do jego stworzenia okazała się zmiana portfolio Foto Baśnie, którą w lipcu przeprowadziłyśmy razem z Sylwią. Kwestie techniczne tych działań były łatwiejsze ze względu na fakt, że byłam również autorką pierwszej wersji strony. Jak wyszło, dowiesz się za chwilkę śledząc kolejne zmiany.

 

Opinia Sylwii o projektach

"Z Moniką, właścicielką Dream&Design znamy się ponad rok. I chociaż nasza współpraca nie zaczęła się gładko i prosto, wypracowałyśmy metodę, która po prostu działa. To znaczy – Monika sugeruje, ja słucham i się zgadzam. Tak jak swoich Klientów namawiam do tego, by mi zaufali i powierzyli siebie na kilka godzin, tak ja zawierzyłam Monice i po prostu pozwoliłam jej robić swoje. Tak było w ubiegłym roku. Strona pasowała do mnie i treści, które zawierała. Lecz nadszedł czas na zmiany. Zarówno aktualizację portfolio, bloga, jak i samej szaty graficznej strony. Gdybym myślała o czymś takim jak telepatia, to właśnie w taki sposób chyba pomyślałyśmy o sobie – ja o zwróceniu się do Moniki o pomoc, a ona o mnie z propozycją zmian i unowocześnienia strony. I jak w ubiegłym roku miałam jakieś uwagi czy zastrzeżenia, tak tym razem Monika, czyli Dream&Design zaskoczyła mnie niesłychanie. Otrzymałam znacznie więcej niż miałam o tym wyobrażenie. Strona szybko się wczytuje, pięknie i płynnie chodzi, świetnie wygląda na wszystkich platformach, wszystko jest bardzo czytelne, nowoczesne i zrównoważone. Jestem zachwycona zarówno efektem jak i czasem wykonania. Szata wizualna Foto Baśnie to kawał graficznej i informatycznej świetnej roboty."

 

Strona internetowa fotografa - impuls do zmian

 

Pierwsza wersja strony www opierała się na motywie WordPress, który miał z góry określony wygląd. Oznacza to pewne ograniczenia w projektowaniu. O ile da się niektóre rzeczy ukryć za pomocą kodowania css, o tyle nie mamy już wpływu na szerokość strony, rozmieszczenie menu, umiejscowienie logo czy wygląd bloga. Na początku taka opcja była w pełni wystarczająca. Przyszedł jednak taki moment, kiedy Sylwia rozbudowała swoje portfolio i zmieniła częściowo zakres usług poszerzając je o warsztaty dla innych fotografów, więc zmiany na stronie były nieuniknione. Potrzeba ta pojawiła się w momencie, kiedy wchodziłam w zupełnie nowy etap projektowania stron www. Była to bardzo dobra okazja do stworzenia czegoś w zupełnie innym stylu, choć nadal idealnie współgrającym z moim poczuciem estetyki.

 

Strona internetowa dla fotografa - etapy zmian w Foto Baśnie

1. Metamorfoza strony głównej.

Pierwsza zmiana zaszła na stronie głównej. W pierwszej wersji portfolio podstrona ta zawierała slider, który nie zajmował całej szerokości. Wynikało to z budowy motywu, którego użyłam jako bazy. Nazwa w menu tej strony to HOME. Logo było umieszczone na środku, kolorystyka znaku graficznego i tekstów w menu to złoto.

fotografia stylizowana, slider na stronie www, responsywna strona www dla fotografa, strona internetowa dla fotografa, galerie zdjęć na stronie www, strona www dla fotografa, przykład fotograficznej strony www, fotograf Gdańsk, Foto Baśnie, foto-basnie.pl, minimalistyczna strona www, portfolio dla fotografa, nowoczesna strona www, webdesign,

Strona główna po metamorfozie prezentuje się tak:

logo fotografa, logo dla fotografa, fotografia stylizowana, fotografia portretowa, slider na stronie www, call to action, przyciski, responsywna strona www dla fotografa, strona internetowa dla fotografa, galerie zdjęć na stronie www, strona www dla fotografa, przykład fotograficznej strony www, fotograf Gdańsk, Foto Baśnie, foto-basnie.pl, minimalistyczna strona www, portfolio dla fotografa, nowoczesna strona www, webdesign, dream and design , blog fotograficzny, oferta fotografa

Nowe elementy na stronie:

  • slider na całą szerokość;
  • krótkie zapowiedzi tego, co można znaleźć na pozostałych podstronach, np. tekst "O mnie", zapowiedź najnowszych wpisów blogowych;
  • przyciski tzw. CALL TO ACTION - prowadzące klientów do innych miejsc, np. do strony z ofertą, czy kontaktem - taki zabieg wpływa na lepsze pozycjonowanie strony w wynikach wyszukiwania i pozwala zatrzymać odwiedzających dłużej na stronie;
  • dodatkowe logo w stopce strony (które po kliknięciu przenosi do strony głównej) oraz ikony społecznościowe;
  • logo i napisy w menu w kolorze białym są lepiej widoczne na ciemniejszych zdjęciach wstawionych na slider.

Pojawiła się nowa kolorystyka na stronie: ciemne szarości w tekstach i jasne szarości oraz biele w tłach. Sylwii zależało na tym, aby portfolio opierało się przede wszystkim na intensywnych kolorach samych zdjęć, a oprawa graficzna tylko je delikatnie uzupełniała i była stonowana.

Zmieniłam też nazwę tej podstrony w menu na START. Dopełnieniem nowego designu są delikatne animacje tekstów i obrazów.

2a. Podstrona z galerią zdjęć

W poprzednim wyglądzie strony do portfolio prowadziły trzy zdjęcia. Po najechaniu myszką na wybrane zdjęcie pojawiała się nazwa galerii, do której fotografia prowadziła.

jak zrobić galerię zdjęć, galerie zdjęć na stronie www, jak zrobić galerię WordPress, wtyczka do galerii, WordPress, logo fotografa, menu na stronie www

 

W nowej wersji Sylwia zaproponowała podział galerii na pory roku. Jest to ciekawa alternatywa dla typowych podziałów wg kategorii fotograficznych.

jak zrobić galerię zdjęć, galerie zdjęć na stronie www, jak zrobić galerię WordPress, wtyczka do galerii, WordPress, logo fotografa, menu na stronie www

 

2b. Podstrona z galerią zdjęć

Po wejściu w daną kategorię w poprzedniej wersji strony ukazywała się galeria w stylu masonry utworzona za pomocą wtyczki FooGallery.

galeria w stylu masonry, portfolio fotografa, jak utworzyć galerię wordpress, galeria wordpress w stylu masonry, foogallery, wtyczka do galerii

 

Obecnie w wybranej galerii znajduje się karuzela zdjęć, dodatkowo jest ona umieszczona na całej szerokości strony. Pod spodem odwiedzający stronę mogą zobaczyć najnowsze wpisy blogowe z kategorii danej pory roku.

fotografia stylizowana, fotografia portretowa, slider na stronie www, call to action, przyciski, responsywna strona www dla fotografa, strona internetowa dla fotografa, galerie zdjęć na stronie www, strona www dla fotografa, przykład fotograficznej strony www, fotograf Gdańsk, Foto Baśnie, foto-basnie.pl, minimalistyczna strona www, portfolio dla fotografa, nowoczesna strona www, webdesign, dream and design, układ galerii, galeria w typie karuzeli wordpress, karuzela zdjęć na stronie www, karuzela zdjęć

Zwróć też uwagę na to, że logo i teksty na stronach innych niż strona główna są ciemnoszare.

3. Podstrona o mnie

Poprzedni wygląd strony "o mnie" składał się z jednego zdjęcia i tekstu.

strona o mnie

 

Projektując nową wersję postanowiłam zamieścić tu zdjęcia z sesji, w której Sylwia wciela się w rolę Maryli z "Ani z Zielonego Wzgórza". Niesamowicie podoba mi się cała koncepcja pleneru, który powstał w Foto Baśniach.

fotografia stylizowana, fotografia portretowa, slider na stronie www, call to action, przyciski, responsywna strona www dla fotografa, strona internetowa dla fotografa, galerie zdjęć na stronie www, strona www dla fotografa, przykład fotograficznej strony www, fotograf Gdańsk, Foto Baśnie, foto-basnie.pl, minimalistyczna strona www, portfolio dla fotografa, nowoczesna strona www, webdesign, dream and design

4. Podstrona z ofertą

W starszej wersji strony do poszczególnych ofert przechodziło się z rozwijanego menu, a każdy zakres tematyczny znajdował się na oddzielnej stronie.

strona z ofertą fotograficzną, wordpress

 

W nowej wersji odpowiednie formatowanie kolumn, tekstu, zdjęć i kolorów tła pozwoliło zmieścić wszystko na jednej stronie. Podział dotyczy tylko oferty na sesje i na warsztaty, a przejście do ofert wygląda podobnie jak przejście do galerii. Przykładowo oferta z sesji wygląda tak:

 

5. Blog fotograficzny

Poprzednia wersja składała się z wyglądu kafelkowego, a zapowiedzi wpisów znajdowały się w dwóch kolumnach.

blog fotograficzny wordpress

Obecnie kolumny są trzy.

fotografia stylizowana, fotografia portretowa, slider na stronie www, call to action, przyciski, responsywna strona www dla fotografa, strona internetowa dla fotografa, galerie zdjęć na stronie www, strona www dla fotografa, przykład fotograficznej strony www, fotograf Gdańsk, Foto Baśnie, foto-basnie.pl, minimalistyczna strona www, portfolio dla fotografa, nowoczesna strona www, webdesign, dream and design, strona dla fotografa z blogiem, blog fotograficzny

 

6. Strona kontakt

I na koniec porównamy strony z danymi kontaktowymi:

strona z danymi kontaktowymi fotografa

fotografia stylizowana, fotografia portretowa, slider na stronie www, call to action, przyciski, responsywna strona www dla fotografa, strona internetowa dla fotografa, galerie zdjęć na stronie www, strona www dla fotografa, przykład fotograficznej strony www, fotograf Gdańsk, Foto Baśnie, foto-basnie.pl, minimalistyczna strona www, portfolio dla fotografa, nowoczesna strona www, webdesign, dream and design, dane kontaktowe

 

Zapraszam Cię do odwiedzenia strony Sylwii. Znajduje się ona pod adresem:
www.foto-basnie.pl

 

Wpisy, które też mogą Cię zainteresować:

 

 


Voucher na sesję do druku - dwie wersje do wyboru

projekt graficzny do druku dla fotografa, zielony voucher na sesję zdjęciową, projekty vouchera na sesję, zaproszenie na sesję do druku

Dziś przygotowałam dla Ciebie projekt vouchera na sesję zdjęciową do druku w dwóch wersjach do wyboru. Projekt jest edytowalny. Oznacza to, że możesz wstawić swoje własne logo, a także zmodyfikować treści. Kolorystyka projektu to wiosenno-letnia zieleń, ale już w przygotowaniu znajduje się voucher jesienny, dlatego serdecznie zachęcam Cię do śledzenia nowych wpisów na blogu. Informacje o nowościach pojawiać się będą też na moim fanpage'u i instagramie.

 

OFERTA PROJEKTÓW DO DRUKU

Chcesz zamówić projekt ulotki, wizytówki, karty stałego klienta? Zapraszam Cię do odwiedzenia działu "projekty", gdzie możesz zapoznać się z moją dotychczasową twórczością.

 

ZOBACZ PROJEKTY

 

 

Jak wygląda projekt vouchera na sesję do druku?

Poniżej zamieściłam wizualizację projektu. Pierwszą stronę możesz wybrać spośród dwóch opcji stylistycznych. Strona druga, to wersja do wprowadzania zmian, gdzie zamieścisz swoje własne logo oraz spersonalizujesz ją o dane osób, które voucher zamówią. Font, którego użyłam do napisów w opcji edytowalnej to Times New Roman - na pewno masz go u siebie w systemie, więc nie będzie konieczna dodatkowa instalacja.

voucher grafika do pobrania, voucher na sesję zdjęciową wzór, zaproszenie na sesję zdjęciową pdf, voucher wzór do edycji, projekt vouchera na sesję do druku, projekt graficzny dla fotografa, projekt do druku dla fotografa, voucher na sesję wzór, zaproszenie na sesję do wydruku,

TUTAJ MOŻESZ POBRAĆ PLIKI

 

Jak drukować voucher na sesję? - instrukcja krok po kroku

Projekty są tak przygotowane, abyś mogła samodzielnie zrobić wydruk na domowej drukarce. Na jednej kartce wielkości A4 zamieszczone są 4 vouchery, natomiast po wydruku będziesz mogła rozciąć je nożyczkami. Wersja edytowalna również zawiera plik z powieloną 4 razy drugą stroną vouchera.

  1. Pobierz pliki i je rozpakuj. Do rozpakowania użyj programu WinRar lub WinZip.
  2. Otwórz drugą stronę vouchera w Photoshopie.
  3. Warstwy nazwane Twoje logo zrób warstwami niewidocznymi. W tym celu kliknij na symbol oka obok warstwy.
  4. Wybierz polecenie z menu górnego Plik > Umieść osadzone. i wczytaj swoje logo. Następnie z wciśniętym klawiszem SHIFT dopasuj wielkość logo przeciągając myszką róg pliku z logo. Dwa razy kliknij myszką na logo, aby zatwierdzić wprowadzone zmiany.
  5. Wybierz narzędzie do wstawiania tekstu T. Kliknij w tekst, który chcesz zmienić. Wpisz konkretne dane.
  6. Powtórz czynność dla każdego z czterech voucherów.
  7. Wybierz polecenie Plik > Zapisz jako. Wpisz nazwę pliku i wybierz format jpg.
  8. Otwórz plik z pierwszą stroną vouchera. Przygotuj sztywniejszy papier w formacie A4. W ustawieniach wydruku wybierz drukowanie bez marginesu. Wydrukuj grafikę.
  9. Odwróć kartkę.
  10. Otwórz plik z drugą stroną vouchera. Ustaw drukowanie bez marginesów. Wydrukuj grafikę.
  11. Nożyczkami wytnij vouchery.

Gotowe :)

Jeśli skorzystasz z projektu i zamieścisz na swoim instagramie bądź facebooku zdjęcie przedstawiające gotowe wydruki, koniecznie oznacz mnie @monika_dream_and_design (instagram) lub @dreamanddesignfanpage (facebook). W ramach podziękowań za oznaczenie otrzymasz ode mnie projekt wizytówki.


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


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

logo dla fotografa, jak zaprojektować logo fotograficzne w photoshopie, jak zrobić logo

 

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. Musisz się jednak liczyć z tym, że logo zaprojektowane w Adobe Photoshop nie jest w pełni profesjonalne. Nie da się go zapisać w wektorach, ponieważ do tworzenia logo wektorowego służą np. programy Adobe Illustrator, Inkscape. Jeśli tworzysz plik na potrzeby strony www lub projektów do druku, to logo w formacie png zaprojektowane w Adobe Photoshop w zupełności wystarczy.

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, które można wykorzystać w grafice komercyjnej. 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 PDF

Możesz swój projekt zapisać również w formacie PDF. Aby to zrobić, kliknij prawym na napis w oknie warstw i zamień tekst na krzywe. Następnie zapisz logo wybierając format PDF, co umożliwi Ci w przyszłości powiększanie napisu do dowolnego rozmiaru bez straty jakości.

 

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? 

 

Wszystkie dotychczasowe posty znajdziesz na blogu.

 

 


Czy fotograf powinien mieć responsywną stronę www?

strona internetowa dla fotografa, fotograficzna strona www, strona www, fotograficzne portfolio, fotografia portretowa, fotografia zwierząt, fotografia psów, fotografia kotów

Czy fotograf powinien mieć responsywną stronę www? Zdecydowanie tak. W dzisiejszych czasach większość tego, co przeglądamy w Internecie wyświetlamy na urządzeniach mobilnych. Jeśli nie dostosujemy do nich naszej strony, jest duże prawdopodobieństwo, że odwiedzający witrynę bardzo szybko z niej wyjdą. Dlaczego? Tego dowiesz się z poniższego wpisu, gdzie na przykładzie swojego fotograficznego portfolio pokażę Ci, jak wyglądają strony nieresponsywne, a czym charakteryzują się te responsywne.

 

Moje pierwsze portfolio fotograficzne

Zanim zainteresowałam się fotografią, zajmowałam się tworzeniem stron www i projektowaniem grafiki. W czasach kiedy zaczynałam zagłębiać się w tajniki kodowania serwisów opartych na języku HTML, nikt jeszcze nie słyszał o możliwościach przeglądania stron internetowych na urządzeniach mobilnych. Nie było więc potrzeby, aby responsywność była brana pod uwagę podczas projektowania.

Kiedy uznałam, że moje fotografie są już na jako takim poziomie i że warto zebrać je w jednym miejscu, zaprojektowałam swoje pierwsze fotograficzne portfolio. Na większych monitorach prezentowało się tak, jak na załączonej poniżej grafice. Miało dwie wersje: zimową i letnią.

wordpress galerie, galeria w wordpress, seo dla fotografa, pozycjonowanie strony fotografa, galeria internetowa z hasłem, galeria zdjęć online, galeria online z hasłem, galeria zdjęć dla klientów zabezpieczona hasłem, galeria internetowa strzeżona hasłem, strona www dla fotografa, fotografia, projekty stron www, strony responsywne dla fotografa, strona responsywna, wordpress, czy strona www dla fotografa musi być responsywna?, internetowa galeria zdjęć dla klienta,

Jak wyglądałaby ówczesna wersja strony, gdybyśmy ją wyświetlili na urządzeniach mobilnych? Byłby widoczny tylko niewielki jej wycinek, a po dopasowaniu stałaby się bardzo nieczytelna. Zwróć uwagę na wielkość napisów w menu - kliknięcie w nie bez powiększania byłoby nie lada wyczynem. Gdyby na stronie znajdowało się więcej tekstu ciężko byłoby go przeczytać. Tak właśnie wygląda strona nieresponsywna.

wordpress galerie, galeria w wordpress, seo dla fotografa, pozycjonowanie strony fotografa, galeria internetowa z hasłem, galeria zdjęć online, galeria online z hasłem, galeria zdjęć dla klientów zabezpieczona hasłem, galeria internetowa strzeżona hasłem, strona www dla fotografa, fotografia, projekty stron www, strony responsywne dla fotografa, strona responsywna, wordpress, czy strona www dla fotografa musi być responsywna?, internetowa galeria zdjęć dla klienta,

 

Kolejna wersja mojego fotograficznego portfolio była bardziej minimalistyczna pod względem designu, ale również nieresponsywna.

wordpress galerie, galeria w wordpress, seo dla fotografa, pozycjonowanie strony fotografa, galeria internetowa z hasłem, galeria zdjęć online, galeria online z hasłem, galeria zdjęć dla klientów zabezpieczona hasłem, galeria internetowa strzeżona hasłem, strona www dla fotografa, fotografia, projekty stron www, wordpress, internetowa galeria zdjęć dla klienta,

Dodawanie nowych zdjęć do galerii polegało na podpinaniu ich kodem i wgrywaniu zarówno strony jak i obrazów na serwer poprzez specjalny program. Trwało to bardzo długo, bo za każdym razem trzeba było przygotowywać dwie wersje plików: zdjęcia w większym rozmiarze i miniatury wykadrowane do niewielkich kwadratów. Jak się łatwo domyślić, nie aktualizowałam strony zbyt często. Szukałam więc innego rozwiązania, które będzie bardziej intuicyjne. I tak odkryłam responsywnego WordPressa.

 

Responsywna strona www, czyli moje początki z WordPressem

Moje początki z WordPressem nie należały do udanych. Był to zupełnie inny sposób na projektowanie stron www od tego, który znałam dotychczas. Po pierwszym podejściu przez jakiś czas odpuściłam sobie dalsze próby, by powrócić do nich w późniejszym terminie. Za drugim razem zaskoczyło i udało mi się zaprojektować stronę, która odpowiadała w 100% moim wyobrażeniom. Teraz już nie potrafiłabym zrezygnować z możliwości jakie daje WordPress.

Przez te kilka lat design portfolio się zmieniał, a obecnie wygląda to tak, jak na poniższej wizualizacji (screeny pochodzą ze strony Am I Responsive):

Czy fotograf powinien mieć responsywną stronę www?

Jest to wersja w pełni responsywna. Widać to, jeśli pod uwagę weźmiemy:

  • Czytelny wygląd menu oraz układ kolumn - na mniejszych monitorach menu zwija się do ikony, a z kilku kolumn robi się jedna.
  • Tekst na urządzeniu mobilnym - na tyle duży, że nie wymaga powiększania.
  • Miniatury zdjęć tworzone są automatycznie pod wersję responsywną. Nie trzeba martwić się dopasowaniem ich rozmiaru do ekranu. Jeśli będą zbyt duże same dopasują się do rozdzielczości, w jakiej będą wyświetlane. Mogą się też "zwinąć" do mniejszej liczby kolumn.
    W poprzednich nieresponsywnych wersjach mogłam ustawić tylko jeden konkretny rozmiar miniatur. Musiałam je dopasowywać ręcznie w programie graficznym. Było to bardzo czasochłonne rozwiązanie.

Czy fotograf powinien mieć responsywną stronę www?, wordpress galerie, galeria w wordpress, seo dla fotografa, pozycjonowanie strony fotografa, galeria internetowa z hasłem, galeria zdjęć online, galeria online z hasłem, galeria zdjęć dla klientów zabezpieczona hasłem, galeria internetowa strzeżona hasłem, strona www dla fotografa, fotografia, projekty stron www, strony responsywne dla fotografa, strona responsywna, wordpress, czy strona www dla fotografa musi być responsywna?, internetowa galeria zdjęć dla klienta,

Zobacz jak wygląda moja strona w rzeczywistości.

 

Zawsze zachęcam do tego, aby sprawdzić jak prezentuje się strona responsywna na różnych urządzeniach: monitorach graficznych, laptopach, smartfonach, czy tabletach. Na komputerze możesz pomniejszać okno przeglądarki internetowej tak bardzo, jak to tylko możliwe, by zobaczyć widok mobilny. Jest też inny sposób na to, by sprawdzić układ w różnych rozdzielczościach. Wejdź na stronę Am I Responsive i wklej adres strony, którą chcesz obejrzeć.

Czy fotograf powinien mieć responsywną stronę www? - podsumowanie

Odpowiadając więc na pytanie, czy fotograf powinien posiadać stronę responsywną? - Jak najbardziej. Przeglądanie fotograficznego portfolio, które responsywności nie posiada, jest mocno utrudnione z punktu widzenia odwiedzających stronę. 

Czy Twoja strona jest responsywna?

 

Pozostałe wpisy omawiające tematykę fotograficznych stron www znajdziesz na blogu.