Tips & Tricks
6 godz. 14 min · Photoshop · Foto, Audio i Wideo
Grzegorz RógIdea ArchitectKurs stanowi zbiór praktycznych porad przedstawionych w krótkich lekcjach. Calosc podzielona jest na sekcje tematyczne takie jak interfejsy, korekta zdjec, narzedzia, camera raw czy nowosci w Photoshop. Wskazówki w wiekszosci jednak nie sa ze soba scisle powiazane co sprawia, ze kurs mozesz przerabiac praktycznie w dowolnej kolejnosci i stale do niego wracac aby poznac nowe lub przypomniec sobie poznane techniki.Kurs stanowi narzedziowy przewodnik po wybranych funkcjach Photoshopa, których uzycie nie jest oczywiste i technik, które trudno jest znalezc w poradnikach i podrecznikach do tego programu, a które stanowia duze usprawnienie w naszej codziennej pracy.
Jeden z dzialów kursu zawiera zbiór praktycznych, narzedziowych wskazówek które przydadza sie kazdemu, niezaleznie od wykonywanych w Photoshopie zadan. Dowiesz sie miedzy innymi jakie sa sztuczki zwiazane z samplowaniem kolorów, praca z pedzelkami, obiektami inteligentnymi, jak poradzic sobie z resetowaniem i latwym wprowadzaniem wartosci w pola Photoshopa czy jak oszczedzic miejsce na dysku generujac mniejsze pliki.Opanujesz tez szereg niezwykle przydatnych trików w interfejsie, które pozwola Ci jeszcze latwiej niz wczesniej poruszac sie i nawigowac po otwartych dokumentach, jak równiez poznasz kilka ciekawostek dostepnych w Adobe CC.
Szereg lekcji w kursie Sekrety Photoshop przeznaczylem na omówienie ciekawych skrótów w aplikacji Camera Raw - dowiesz sie miedzy innymi jak latwo stosowac presety dla wielu zdjec czy przenosic na rózne sposoby pliki do Photoshopa, gdzie odkryjesz malo znane techniki obróbki zdjec z wykorzystaniem takich narzedzi jak HDR Toning, galerii filtrów oraz gotowych akcji a nawet narzedzia Puppet Warp.
W kursie nie moglo tez zabraknac najciekawszych wskazówek dla projektantów interfejsów. W zwiazku z tym otrzymasz ogromna dawke sztuczek poczawszy od pracy z kompozycjami warstw, przez pomocne narzedzia ich filtrowania, szereg wskazówek zwiazanych z tworzeniem mockupów i wymiarowaniem, jak równiez wygodnym eksportem grafik nawet do wektorowych plików .svg z pomoca Adobe Generator i Extract Assets.
W kolejnym dziale kursu zapoznasz sie z ciekawymi trikami w zakresie tworzenia i pracy z efektami - nauczysz sie jeszcze wydajniej pracowac z efektami warstw a takze dostepnymi od dawna efektami jak Flara. Dowiesz sie tez jak wykorzystac zupelnie nowe efekty w Photoshop CC w celu wygenerowania ramek, drzew a nawet ognia! Nie zabraknie takze wskazówek zwiazanych z wykorzystaniem efektów 3D!
Automatyzacja pracy z wykorzystaniem akcji to jeden z najprostszych sposobów na oszczednosc czasu i uporzadkowanie czesto wykonywanych czynnosci. W kursie znajdziesz wiele wskazówek na temat optymalizacji zasobów jak równiez wykorzystania gotowych, ciekawych akcji. Bedziemy takze pracowac z typografia i zobaczysz szereg sztuczek, które w Photoshop mozesz zastosowac na tekscie.
Jedne z najwazniejszych technik sa zwiazane z umiejetnym maskowaniem i wycinaniem obiektów z fotografii - w tym celu przedstawimy szereg ciekawych sztuczek zwiazanych z wykorzystaniem masek oraz selekcji z wykorzystaniem ciekawych narzedzi jak Color Range czy Focus Area. Dowiesz sie takze jak latwo zaznaczyc wlasciwe fragmenty podczas retuszu fotografii i jak moze sprawdzic sie selekcja na kanalach oraz szybkie maski.
Kurs przeznaczony jest dla osób, które znaja przynajmniej podstawy Photoshop i chcialyby nauczyc sie pracowac wydajniej. Kurs dedykowany jest takze dla osób zaawansowanych i srednio-zaawansowanych, które pracuja w Photoshopie. Jestem przekonany, ze takie osoby równiez znajda w kursie cos dla siebie. Jesli jestes osoba poczatkujaca, polecamy przed przystapieniem do kursu przerobienie materialu.
Photoshop CS5+
Jedną z podstawowych zasad i kanonów projektantów którzy zajmują się tworzeniem na potrzeby druku czy
projektowaniem interfejsów stron internetowych lub aplikacji mobilnych jest tzw. grid layout czyli
tworzenie koncepcji układu naszych elementów w konwencji i wyrównania ich do pewnych linii pomocniczych
co sprawia że nasz layout wygląda bardzo stabilnie i tworzenie takiego grid layoutu w programie Adobe
Photoshop
chciałbym teraz Ci zaprezentować.
Zacznę od utworzenia nowego pliku i chcę zwrócić też twoją uwagę na szereg nowych presetów, które się
tutaj znajdują. Bardzo często nikt nie korzysta z tych presetów tylko np. jeżeli chcecie stworzyć layout na
Iphone'a 6 to wpisujcie w Google rozmiar, jaki jest rozmiar ekranu.
Następnie wpisujemy tutaj jego szerokość i wysokość.
Tymczasem możemy wybrać coś takiego jak Mobile app design.
I jak widzisz, zarówno Iphone 6 czy Iphone 6 Plus jest tutaj dostępny do wyboru i możemy stworzyć plik który
jest już, ma dedykowane ustawienia pod te zastosowania wybieram polecenie Ok i
w momencie projektowania interfejsu takiej aplikacji wielokrotnie będziesz chciał zastosować właśnie
reguły grida i przechodzimy do tego grida z pomocą,
po prostu podziałki czyli Ctrl+R, wybieram Ctrl+R, czyli inaczej View/Rulers i będę mógł teraz wyciągnąć
z mojej linijki, którą oczywiście muszę ustawić na odpowiednie jednostki to kolejna wskazówka, jeżeli dwa razy
klikniesz na podziałce to przejdziesz od razu do sekcji preferencji, która pozwoli Ci ustalić że wszystko będziemy
robić w pixelach, zarówno Rulers, jak i rozmiary krojów pisma będziemy wyrażać w pikselach
i to jest odpowiednia metoda do pracy z interfejsami.
Jeżeli teraz wyciągnę jakąś linię podziałki, to mogę ją ustawić na konkretnym pikselu.
Mogę również z menu View wybrać polecenie New Guide i jeżeli będę chciał stworzyć konkretną linię podziału
horyzontu czy wertykalną na przykład, to mogę ustawić ją na konkretnej wartości np. na 0.2 pikselów, wybieram
Enter i już mam kolejną linie podziałki dodaną.
Jednak Photoshop w nowej wersji oferuje pewną bardzo fajną funkcjonalność, która pozwala nam operować
tym takim grid layoutem na kilka sposobów. Pokazywałem Ci w jednej z darmowych lekcji to jak można zainstalować zewnętrzny
dodatek do Photoshopa
i często korzystam z dodatku GuideGuide, który pozwala nam tworzyć te grid layouty.
Teraz ta możliwość jest bezpośrednio w programie Adobe Photoshop.
Z menu View, wystarczy wybrać polecenie New Guide Layout i jak widzisz mamy dość intuicyjny preset.
Ten domyślny który wyświetla nam szereg linii podziałki, możemy go zmienić na przykład na 16 kolumn czy
nawet na 24 kolumny.
To pewnie w przypadku layoutów webowych czy trochę większych plików.
Ja mogę jednak liczbę kolumn zmodyfikować również ręcznie mogę zastosować tutaj odpowiedni odstęp np.
30 pikseli, mogę dopasować szerokość.
Mogę również włączyć sobie rzędy i np. podzielić dodatkowo jeszcze nasz layout na 20 rzędów i w ten sposób zarządzać
także marginesami, wycentrować kolumnę, wybrać kilka innych preferencji które pozwolą mi stworzyć w
bardzo prosty i intuicyjny sposób nowy layout
do grida naszej aplikacji, czyli tzw. New Guide Layout.
Jeszcze jedna rzecz. Wybieram teraz Cancel, aby odwołać tą operację.
Spotkałem się wiele razy z tym, że jeżeli macie za zadanie np. odmierzenie jakiejś odległości od lewej,
górnej krawędzi w Photoshopie, to niektórzy z was mają tendencję do wybierania na przykład narzędzia kształtu
narzędzia Rectangle Tool, klikają sobie gdziekolwiek i np. wpisują jego rozmiary.
Jeżeli chcemy odmierzyć sto od lewej, górnej to tworzymy prostokąt 100 na 100, ok bardzo fajnie i teraz umieszczamy
go właśnie w lewym górnym rogu i te linie podziału po sobie wyciągamy.
Otóż, teraz istnieje bardzo intuicyjny sposób na tworzenie linii podziałki względem jakiegoś elementu.
Jeżeli masz element względem którego chcesz stworzyć grida, możesz wybrać teraz z menu View,
pod warunkiem że zaznaczona jest ta warstwa,
polecenie New Guides From Shape i w tym momencie zostają dostosowane wszystkie linie podziałki względem krawędzi
tego kształtu. No i teraz już możecie otwierać szampana, a nie, w zasadzie jeszcze nie, ponieważ jeszcze jedna
rzecz. Cofnę na chwilę tę operację, zmienię sobie wielkość tego kształtu tylko po to aby stworzyć kilka kształtów
czyli Alt+Shift, kopiuje, kopiuje ten kształt
i teraz uwaga, uwaga.
Zaznaczam sobie wszystkie kształty. Mogę mając zaznaczony ten górny, wcisnąć, przytrzymać Shift i kliknąć
na kształcie który jest na samym dole.
W ten sposób wszystkie się ze znaczą i przechodzę teraz do menu View, a następnie Adobe mnie tutaj nie zmyli, jest tutaj
napisane New Guides From Shape czyli Shape w liczbie pojedynczej, ale ja chcę to zastosować na kształtach
w liczbie mnogiej, więc wybieram New Guides From Shape i okazuje się, że mam tworzone na podstawie tych wszystkich kształtów
linie podziałki, które teraz doskonale wyznaczają mi grid, który chciałem uzyskać w programie Adobe Photoshop.
Moi drodzy to już wszystko w tej lekcji. Dziękuję wam za uwagę i możecie otwierać szampana. Do usłyszenia.