Opanuj gorące trendy w projektowaniu dzięki tym samouczkom Photoshop

Nasze codzienne życie jest przesycone niesamowitymi obrazami. Eksperymenty z projektowaniem wizualnym stają się gorącymi trendami w projektowaniu graficznym i nagle widzimy je wszędzie.

Uderzające projekty wizualne są przyklejone na wszystkich bokach autobusów, plakatów, billboardów, reklam telewizyjnych, czasopism i oczywiście produktów cyfrowych. Mają wiele nazw, w tym bichromię, podwójną ekspozycję, linie skanowania, usterkę, rozmazywanie, kanał koloru, maskowanie zdjęć, żywe jaskrawe kolory i błędy drukarskie.

Podobnie jak w przypadku mody, trendy w designie często powracają do poprzednich dekad — widzimy, że powracają raz po raz: rosyjski konstruktywizm, Bauhaus, sitodruk, lata 70.… itd. Proste, nasycone geometryczne wzory projektowe istnieją już od prawie wieku, a projektanci nadal ich używają, ponieważ są tak samo skuteczne, jak 100 lat temu.

Na szczęście dzisiejsi projektanci mają znacznie szerszą gamę narzędzi cyfrowych, za pomocą których mogą tworzyć te trendy, niż miało to miejsce wcześniej. Mimo to, mimo że narzędzia mogą być łatwiejsze do zdobycia, nie zapominajmy, że to odważna kreatywność i innowacja wizualna stworzy najświeższe, najbardziej przekonujące projekty.

Czy projektanci powinni podążać za trendami projektowymi?

Niektórzy dyrektorzy kreatywni i projektanci mogą opierać się trendom w projektowaniu, ponieważ nie chcą być postrzegani jako „naśladowcy”. Jednak wykorzystanie trendów w projektowaniu graficznym może okazać się ważną decyzją, ponieważ może to pomóc uczynić projektanta bardziej współczesnym. Odwaga bycia innym też ma swoje zalety. Najlepsi projektanci „podążają i zapożyczają” w dużej mierze od trendów – przeszłych i obecnych – czasami tworząc coś zupełnie nowego, łącząc trendy projektowania graficznego w coś uderzającego i świeżego.

Uwaga – projektanci powinni wykorzystywać trendy projektowania graficznego w swojej pracy tylko wtedy, gdy jest to właściwe i pamiętając o brandingu. Na przykład ludzie oczekują stabilności i zaufania od banków, inwestycji, marek ubezpieczeniowych itd. — więc wywrotowy efekt kontrkultury, taki jak „usterka”, może nie być odpowiedni w takich przypadkach.

Przyjrzyjmy się kilku z tych gorących trendów w projektowaniu graficznym i udostępnij niektóre z najlepszych samouczków Photoshopa, jak je tworzyć.

Gorący trend projektowy: efekt podwójnej ekspozycji

Spektakularne kombinacje obrazów można uzyskać dzięki zastosowaniu efektu „podwójnej ekspozycji”. Nazwa pochodzi od fotografii na kliszy celuloidowej, w której wykonuje się dwa lub trzy zdjęcia bez przewijania filmu do przodu w aparacie, co powoduje wielokrotne naświetlanie tego samego kadru z różnymi obrazami. Ten trend często pojawiał się na plakatach filmowych i reklamach telewizyjnych. Jak widać powyżej, tytuły otwierające programy telewizyjne, takie jak True Detective w HBO, wykorzystują ten efekt z grafiką ruchową, co ma ogromny wpływ.

Aby uzyskać doskonały efekt podwójnej ekspozycji, bardzo ważna jest staranna selekcja zdjęć. Obrazy o wysokim kontraście działają najlepiej, gdy ciemniejsze obszary zajmują obszar obrazu, w którym zostanie użyty inny obraz. Często zestawia się portret z bardziej szczegółowym obrazem, takim jak pejzaż miejski lub krajobraz.

Oto kilka najlepszych samouczków Photoshopa, jak osiągnąć ten gorący trend w projektowaniu:

Samouczek programu Photoshop nr 1 z efektem podwójnej ekspozycji:

Samouczek programu Photoshop nr 2 z efektem podwójnej ekspozycji:

Samouczek programu Photoshop nr 3 z efektem podwójnej ekspozycji:

Zakłócenia, błędy drukarskie, zakłócenia wizualne

To jest dwójka. Przyciąga wzrok w morzu „doskonałych obrazów”, ponieważ chodzi o niedoskonałość. Opiera się na nieoczekiwanym wyniku błędów cyfrowych znanych jako „usterki”. Wszystko wokół nas — reklamy, plakaty, okładki magazynów i programy telewizyjne — zostało perfekcyjnie sfotografowane w Photoshopie (niektórzy nazwaliby to nawet „fałszerstwem” lub „zanieczyszczeniem wizualnym”), wywołując w ten sposób pragnienie oglądania bardziej realnych, organicznych, mniej… niż doskonałe obrazy.

Ten trend projektowy, często bardziej przemawiający do młodszych pokoleń, jest wywrotowym, kontrkulturowym ruchem „anty-fałszywym” mającym na celu wyróżnienie projektów. Jak wspomniano powyżej, może nie być odpowiedni w niektórych sytuacjach lub markach, dlatego projektantom zaleca się ostrożne podejście do realizacji tego efektu.

Większość projektantów używałaby terminu „usterka”, ale czasami nazywa się to efektem VHS, przesunięciem RGB z liniami skanowania, błędami drukarskimi lub zakłóceniami wizualnymi. Innowacyjni projektanci czasami łączą kilka rodzajów tych modnych efektów w coś nowego.

Każdy ma własną metodę tworzenia tego efektu, więc rozejrzyj się po YouTube i wybierz ten, który Ci się podoba. Istnieją nawet projektanci programu Photoshop Actions, które mogą kupić, aby stworzyć efekt usterki za pomocą zaledwie kilku kliknięć. Oto kilka najlepszych samouczków Photoshopa dotyczących tego, jak osiągnąć ten trend w projektowaniu:

Samouczek programu Photoshop nr 1:

Samouczek programu Photoshop nr 2:

Istnieją nawet sposoby na uzyskanie fajnego efektu usterki za pomocą samego CSS, jak to demo pokazu slajdów i to demo strony docelowej.

Efekty bichromii

Duotone istnieje już od jakiegoś czasu, ale nigdy się nie męczy. Setki lat temu Sanguine był używany (czerwona kreda na papierze) do tworzenia prostych jednotonowych rysunków takich artystów jak Leonardo da Vinci. Jest coś trwałego w sprowadzaniu obrazu do prostej tonacji, a nowoczesny obraz dwutonowy nie różni się aż tak bardzo od szkicu starego mistrza.

Dziś, od hollywoodzkich plakatów kinowych po Apple i Spotify, wydaje się, że wszyscy używają efektu bichromii. Celem, znowu, jest wyróżnienie się, bycie postrzeganym jako coś innego. Istnieją nawet akcje Photoshopa i wiele aplikacji mobilnych do łatwego tworzenia efektów bichromii.

Oto kilka najlepszych samouczków Photoshopa, jak osiągnąć ten trend w projektowaniu:

Samouczek programu Photoshop nr 1:

Samouczek programu Photoshop nr 2 z efektem bichromii:

Samouczek Photoshop nr 3 z efektem bichromii:

Podział RGB, kanał kolorów, podwójna ekspozycja kolorów

Oto kolejny przyciągający wzrok efekt, który może wykorzystywać zdjęcia, tekst i kształty. Ten efekt czasami wykorzystuje 3 różne obrazy w 3 różnych kanałach kolorystycznych tego samego obiektu i zestawia je w celu uzyskania interesującego obrazu. Ten efekt może być czasami postrzegany jako mieszanie efektu glitch i efektu podziału RGB. Niektórzy projektanci są naprawdę kreatywni i mieszają efekty podwójnej ekspozycji, usterki i podziału RGB.

Oto kilka najlepszych samouczków Photoshopa i Affinity Photo na temat tworzenia tego modnego efektu wizualnego (proszę zignorować to, co nazywają efektem, każdy ma na to inną nazwę):

Samouczek programu Photoshop z efektem podwójnej ekspozycji:

Samouczek fotograficzny powinowactwa z efektem podwójnej ekspozycji:

Żywe, jaskrawe kolory i fluorescencyjne efekty bichromii

Ponownie, celem jest naprawdę wyróżnienie się. Ten trend wykorzystuje żywe, nasycone i fluorescencyjne kolory w obfitych ilościach w całym projekcie.

Kierunkiem, który należy obrać, jest bycie odważnym (w stosownych przypadkach) i podejmowanie ryzyka z jaskrawymi, nasyconymi kolorami, niezależnie od tego, czy jest to strona internetowa, okładka albumu, czy plakat.

Maskowanie zdjęć, wycinanki, abstrakcjonizm, kubizm

Jest to jeden z tych powracających trendów w projektowaniu, który nadal jest trwałym podejściem do projektowania graficznego. Może to być hybryda pogrubionych, płaskich obszarów kolorystycznych, montażu i maskowania. Jest to technika, która ma prawie 100 lat, jak pokazują te rosyjskie plakaty propagandowe z lat 20. XX wieku.

Aby tworzyć dzieła o szerokiej gamie kolorów i złożoności, w ostatniej dekadzie swojego życia Henri Matisse wykorzystał dwa proste materiały — biały papier i gwasz — które stały się jego słynnymi wycinankami z papieru. Proste nożyczki były narzędziem, którego Matisse używał do przekształcania farby i papieru w świat roślin, zwierząt, postaci i kształtów.

Cyfrowa odmiana kubizmu, sztuki abstrakcyjnej i „wycinanek” jest dziś trendem w projektowaniu fotomasek stosowanym przez wielu projektantów w celu przyciągnięcia uwagi.

Nie ma sztywnych i szybkich zasad, jak stworzyć ten efekt. Wszystko zależy od materiałów źródłowych i Twojej kreatywności. Szukaj inspiracji projektowych i artystycznych, takich jak rosyjskie plakaty propagandowe, abstrakcyjna sztuka kubistyczna Picassa i wycinanki Matisse'a. Większość z tych technik maskowania zdjęć i kolaży można utworzyć za pomocą maskowania warstw w programie Photoshop. Bardziej chodzi o wybór zdjęć i kreatywność, a mniej o technikę.

Niemniej jednak, oto kilka najlepszych samouczków Photoshopa, jak stworzyć ten modny trend w projektowaniu, efekt maskowania zdjęć:

Jak stworzyć plakat z efektami tekstowymi w Photoshopie:

Jak stworzyć samouczek Photoshopa z portretem literowym:

Oto kolejny interesujący samouczek Photoshopa wykorzystujący maskowanie zdjęć do stworzenia tego obrazu:

Samouczek jest przykładem tego, jak można użyć kilku prostych technik do tworzenia skomplikowanych ilustracji przy użyciu wielu warstw, maskowania, narzędzia Pióro, podstawowego oświetlenia i jednej prostej tekstury.

Odkrywaj, bądź odważny i ustal własny kurs

Dziś odwaga twórcza nie jest opcjonalna. To jest to, co muszą robić projektanci, gdy oczekiwania ludzi rosną, a ich uwaga staje się coraz trudniejsza do uchwycenia. Nie wahaj się podążać za niektórymi trendami w projektowaniu. Właściwie to wymieszaj, zrób z nimi coś nowego! Rozbujaj status quo, bądź odważny i odkrywaj swoją wyobraźnię. Zrób skok! Bądź twórczo odważny!

• • •

Dalsza lektura na blogu Toptal Design:

• eCommerce UX – przegląd najlepszych praktyk (z infografiką)
• Znaczenie projektowania zorientowanego na człowieka w projektowaniu produktu
• Najlepsze portfolio projektantów UX – inspirujące studia przypadków i przykłady
• Zasady heurystyczne dla interfejsów mobilnych
• Projekt przewidujący: jak tworzyć magiczne doświadczenia użytkownika