Szablon dla nowego wyglądu kanału YT

Tym razem pokażę w jaki sposób zrobić sobie szablon, dzięki któremu będziemy mogli dokładnie rozplanować wygląd grafiki kanału na YouTube. Szablon robi się bardzo prosto. Składa się on z czterech warstw, które odpowiadają obszarom widzianym przez poszczególne grupy urządzeń, którymi można zalogować się na YT. Główny temat graficzny, niezależnie czy to nazwa, opis zawartości, czy obrazek, powinien znajdować się w polu, które obejmuje najmniejszy prostokąt. Uzyskamy dzięki temu pewność, że każdy kto odwiedzi nasz kanał, niezależnie od urządzenia dzięki któremu będzie go oglądał, zobaczy najistotniejszy fragment - informację - obrazek itd...
Warto spojrzeć w panel analizy i zobaczyć z jakich urządzeń najczęściej oglądany jest nasz kanał, jeśli np. są to komputery, można wykorzystać powiększoną przestrzeń i jakieś dodatkowe informacje czy grafikę umieścić tak, aby była objęta polem o nazwie Desktop.
Szablon możemy zapisać do formatu PSD i pozostawić sobie go do edycji grafiki kanału kiedy tylko zechcemy zrobić jakieś zmiany.
Wymiary poszczególnych warstw podane w pikselach :

TV - 2560 x 1440
Desktop - 2560 x 423
Tablet - 1855 x 423
Mobile - 1546 x 423

W jaki sposób zrobić cokolwiek za pomocą tego szablonu ? To bardzo proste... Możemy główną dużą grafikę umieścić na warstwie TV, następnie możemy wpisać tekst, bądź wkleić dodatkowe małe grafiki jako nowe warstwy. Na warstwach desktop, tablet i mobile robimy krycie ok. 20% aby były przezroczyste i ustawiamy sobie grafiki czy napisy tak, aby mieściło się wszystko pod określonymi polami.Warstwy które stworzyliśmy w szablonie służą tylko za pomoc w widoku.
Postaram się nagrać jakiś tutorial z tworzeniem grafiki za pomocą tego szablonu. Dziś możecie oglądać w jaki sposób zrobić sam szablon.

Zapraszam do oglądania




Ściągnij gotowy szablon

Trzy ostatnie zakładki - czyli kalibracja, ustawienia i migawki

Jak wiadomo każde urządzenie cyfrowe, które ma cokolwiek związanego z kolorami pracuje w jakiejś przestrzeni barw. Przestrzenie barwne np sRGB, aRGB, CMYK, Pro Photo RGB czy inne niby powinny zapewnić zgodność w oddawaniu barw. Niestety tak nie jest i właściwie każdemu urządzeniu wypadałoby zrobić jego własny profil barwny - czyli lekko go "naprostować" aby jak najlepiej wiernie oddawał barwy. To strasznie obszerny temat, więc by nie zanudzać napiszę o rzeczach najważniejszych. Jeśli chcemy, można kupić tablicę np. GretagMacbeth i za pomoca oprogramowania zrobić profil dla swojego aparatu, może być w poręcznej formie czyli ColorChecker Passport -  kosztuje bagatela ok 100$. Można ręcznie korygować kolory ale to dość karkołomne wyzwanie. Można wybrać też jakieś gotowe profile zapisane w programie, które imitują ustawienia w naszym aparacie. Ja właśnie tak robię bo nie potrzebuję aż tak wiernie oddawać kolory. W aparacie ustawiłem wszystko na neutral i taki sam profil wybrałem w ACR. Tej zakładki możemy też używać do zdjęć w BW. Po konwersji na skalę szarości można suwakami od barw nieco podnieść lub zmniejszyć nasycenie barw i tym samym wpływać na kontrast i wygląd poszczególnych elementów.
W zakładce ustawienia możemy zapisywać wszystkie nastawy programu. Możemy tworzyć gotowe presety pod konkretne rodzaje fotografii, możemy też zapisać ustawienia domyślne czyli w jaki sposób wszystkie zdjęcia mają się otwierać w ACR. Z czasem można wypracować i umieścić sobie tu sporo presetów, dzięki którym znacznie przyspieszymy czas obróbki zdjęć.
Migawki to taki punkt krytyczny, do którego możemy zawsze wrócić. Jeśli obrabiamy zdjęcie i doszliśmy do miejsca, w którym nie możemy się zdecydować co dalej, tworzymy taki punkt (migawkę) i możemy śmiało eksperymentować. W przypadku gdy efekty są sprzeczne z zamierzeniami, klikając w migawkę powracamy do punktu jej utworzenia - coś na wzór przywracania systemu Win. Możemy takich migawek ustawić kilka, każdej możemy nadać nazwę co ułatwi identyfikację. Oczywiście migawka kasuje się jeśli wyjdziemy z programu, lub zakończymy obróbkę i otworzymy zdjęcie w PS. Jest to bardzo przydatna funkcja, która potrafi uratować sporo włożonej pracy i równocześnie ma wpływ na kreatywność, bo nie musimy obawiać się eksperymentów.

Zapraszam na filmik

Rozdziel tonowanie, Korekcja obiektywu i Efekty - wywoływania ciąg dalszy

Pierwsza z tych trzech zakładek podzielona jest na dwie główne sekcje - światła i cienie. Pomiędzy nimi znajduje się suwak od balansu pomiędzy tymi sekcjami. Za pomocą tej zakładki, możemy wywołać zdjęcie w tzw. bichromii czyli w dwóch wybranych przez nas odcieniach. Oczywiście możemy nakładać je na zdjęcie kolorowe, lub przetworzone na skalę szarości. W pierwszym przypadku często możemy uzyskać ciekawe efekty kolorystyczne, nawet przypominające nieco cross proces. Trzeba uważać z nasyceniem dodawanych kolorów, bo jak zawsze lekki niedosyt wygląda lepiej, niż zbyt wiele. Kiedyś zresztą, kiedy sam dopiero zaczynałem przygodę z cyfrową obróbką, przeczytałem ciekawą radę - jeśli już ustawiłeś wszystkie suwaki na swoim zdjęciu i uważasz że jest ok, to teraz z każdego zdejmij 10% i na pewno zdjęcie będzie dobrze wyglądać.
Dużo lepszy efekt na tej zakładce uzyskamy na zdjęciu, które zmienimy na odcienie szarości. Wtedy takiemu zdjęciu, te dwa dodatkowe odcienie będą nadawały głębię. Oczywiście jak zawsze wszystko zależy od tego co na zdjęciu się znajduje. Nie ma jakiś uniwersalnych ustawień, nawet pod konkretny rodzaj fotografii. Są tylko zbliżone wartości od których można zaczynać, ale takie rzeczy zapisujemy w zakładce "ustawienia domyślne" o której będzie mowa w osobnym wpisie.
Ważny jest balans pomiędzy odcieniami, czasem kolor który ustawimy będzie inaczej współgrał z drugim w zależności od przewagi świateł i cieni. Trzeba eksperymentować - to najlepsza droga. Po kilku próbach wypracujecie sobie oko, i będziecie mniej więcej wiedzieć jakie kolory i jakie proporcje będą odpowiednie dla portretów, krajobrazu czy architektury.
Drugą zakładką jest korekcja obiektywu, tu sprawa jest dość prosta. Jeśli mamy szczęście i posiadamy lepszy obiektyw, dla którego Adobe stworzyło już profil w ACR to jednym kliknięciem poprawimy większość optycznych mankamentów. Niżej korygujemy winietę oraz abberacje chromatyczne (takie kolorowe obwódki) a na karcie obok możemy całość zrobić ręcznie. Przydaje się gdy nie ma obiektywu wśród profili fabrycznych. W takiej sytuacji możemy też wybrać profil podobnego obiektywu - często daje całkiem dobre rezultaty. Fotografia źle wygląda z pokrzywionymi płaszczyznami, czy fioletowo-zielonymi obwódkami w kontrastowych miejscach i właściwie powinniśmy zaczynać wywołanie od korekcji...
Trzecią zakładką są Efekty. Tu możemy przywrócić "duszę" cyfrowym zdjęciom, dodając im imitację ziarna znanego z analogowych filmów. Czasem takie zdjęcie utrzymane w starym klimacie ma swój urok, ale takie ziarno możemy też dodać później w Photoshopie i niekoniecznie trzeba sobie nim zaprzątać głowę podczas wywoływania Raw-a. Niżej możemy zapanować nad winietą ale to jest winieta po kadrowaniu. Jeśli po korekcji obiektywu i kadrowaniu winieta zniknęła a chcielibyśmy ją mieć (bo czasem warto, szczególnie w portretach) to właśnie tutaj bez problemu nawet wykadrowane zdjęcie otrzyma właściwą winietę. Same suwaki są proste i każdy szybko się zorientuje który jak działa. Dodam, że i taką winietę możemy sami domalować później w Photoshopie, jednak tu jest szybciej i prościej.
Pozostaje mi tylko zaprosić na krótki tutorial

Nowy Layout YouTube

Ponieważ koniec starego nieuchronnie się zbliżał, postanowiłem w końcu przejść na nowy wygląd kanału YouTube. Szczerze mówiąc ( a raczej pisząc ) niespecjalnie miałem na to ochotę... Raz, że zbyt dużo czasu poświęciłem na dopracowanie background-u starego a dwa, że nowy mi sie nie podobał. Tak, nie podobał bo już mi sie podoba! Co prawda aż tak wiele nie da się z niego wycisnąć co w starym, to jednak chwila cięższej pracy z PS-em dała całkiem przyjemny według mnie rezultat, w postaci nowej grafiki kanału. Niestety poprzez www czy smartfon nie widać całego obrazka, przypomina on trochę przerośnięty banner reklamowy i pod takim kątem należy na niego patrzeć podczas tworzenia( całość jest widoczna tylko poprzez TV ) dodatkowo wydaje się jakiś rozmyty i delikatnie wypłowiały (JPG). Z początku pomyślałem, że ten rozmyty wygląd to wina JPG i postanowiłem wrzucić grafę w formacie PNG. Ku mojemu zdziwieniu nic to nie zmieniło. Nie wiem jaki algorytm YouTube stosuje do skalowania grafiki kanałów, ale jest on KIEPSKI. Tak YT skaluje obraz, ponieważ grafika jest w rozdzielczości 2560-1440 specjalnie dla wyświetlaczy retina. Szkoda tylko, że faworyzowanie wyrobów jednej firmy powoduje znaczne pogorszenie jakości na wszystkich innych wyświetlaczach.
Ja postawiłem na prosty schemat. W tle umieściłem prostą abstrakcyjną grafikę, na niej umieściłem kafelki opisujące zawartość kanału ( obecną i przyszłą ). Kafelki zrobiłem prostokątne i przezroczyste, trochę przypominające wyglądem Androida czy Win8. Póki co jestem zadowolony i o ewentualnej zmianie jeszcze nie myślę.

Tak to wygląda w całości

Widok na komputerze ograniczony jest do środkowego pasa, biegnie przez cały obrazek i u mnie obejmuje on wszystkie kafelki. Na smartfonie nie widać pierwszych zewnętrznych kafelek z lewej i prawej. Warto mieć to na uwadze projektując grafikę - dokładne dane można odszukać w pomocy YT. Dodatkowo lewy górny róg zasłania avatar a prawy dolny jest zajęty przez ikony typu Facebook Twitter, G+, bloga czy linki które tam dodamy.
Wracając do sedna tematu - miejsca jest mniej, ale można wykazać się wyobraźnią i zrobić naprawdę ciekawą grafę. Najprościej jest przygotować sobie szablon do PS-a i na warstwach zrobić odpowiedniej wielkości pola, które później można zagospodarować. Jak ogarnę obsługę Google Drive, to udostępnię szablon z podstawowymi trzema polami. Chyba, że komuś bardzo będzie się podobał mój koncept z kaflami, mogę udostępnić kompletny szablon. A więc do dzieła YouTubowcy !