Czy jesteś gotowy podjąć ryzyko w projektowaniu stron internetowych? Najprawdopodobniej nie każdy z Was udzieli odpowiedzi twierdzącej. Istnieje jednak ryzyko, że z czasem stało się to swego rodzaju standardem, trendem we współczesnym projektowaniu stron internetowych. Nazywamy to „czymś” ryzykiem tylko dlatego, że ważne jest nie tylko wyobrażenie sobie motywu i łączenie odmian elementów, ale także wyobrażenie sobie, jak będzie to odpowiednie w projekcie projektowania witryny internetowej. Polega na połączeniu fotografii i ilustracji w jeden projekt.

Fotografia jest obecnie wykorzystywana do urealnienia wyglądu projektu i zwrócenia uwagi zwiedzającego na fakt, że mówimy o sprawach bardzo ważnych i niezbędnych w życiu każdego człowieka. Ilustracja lub rysunek częściej nadaje się do wąsko ukierunkowanych projektów i podświadomie kojarzy się z akcją, „kreskownością”, a nawet frywolnością.

Ale projektowanie stron internetowych to sztuka innowacyjności i profesjonalizmu w pracy z redaktorami graficznymi. Dlatego łączenie dwóch rodzajów obrazów jest całkiem możliwe. Dzisiaj przyjrzymy się nie tylko opcjom wykorzystania tego typu obrazów przez webmasterów, ale także zawiłościom tworzenia ich w Photoshopie.

Niestandardowe akcenty

Włączanie ilustracji do projektów stron internetowych jest prawie łatwe, o ile reprezentują elementy interfejsu użytkownika. Ale nie muszą też być rysowane ręcznie lub zawierać tylko określone przyciski/strzałki. Może to być wysokiej jakości grafika wektorowa fabuły. Na poniższych przykładach możesz zobaczyć, jak ilustracje ożywiły projekt (www.wittycookie.com), a postać bohatera reprezentuje możliwości firmy.

Ilustracja obrazu logo

Jeśli lubisz ilustrację jako taką i planujesz skupić się na niej w swoim projekcie projektowania stron internetowych, dobrym rozwiązaniem będzie użycie ilustrowanego obrazu logo. Pierwszy projekt madebyfew.com doskonale to odzwierciedla. Ponadto rysunki były wszędzie używane jako osobne elementy projektu w postaci kół, serpentynowych wstążek, uśmiechów i miniatur materiałów. Ponieważ strona jest poświęcona konferencji i wyświetla jej uczestników, takie zdjęcie można wykorzystać zamiast masowego zdjęcia uczestników.

Inny przykład z onehappycampernj.org jest nieco skromniejszy i wykorzystuje jako ilustrację teksturę z elementami roślinnymi. Osobliwością jest to, że obraz został utworzony tylko dla jednej sekcji na stronie głównej. Pozwala to skupić uwagę na informacjach, ożywić witrynę i podkreślić specyfikę informacji. W jednym z naszych poprzednich materiałów mówiliśmy już o ogromnych kolekcjach tekstur. Następnie wystarczy zmienić kolor w Photoshopie, przezroczystość.

Belgijska firma budowlana konosair.be również zdecydowała się stworzyć ilustrację nad zdjęciem. Jednocześnie w projektowaniu stron internetowych nie wykorzystuje się już ręcznie rysowanych obrazów. Jednak już na pierwszej stronie to połączenie wygląda bardzo interesująco.

Ilustracja typograficzna

Istnieje sposób na dodanie podpisów do zdjęcia. Ale wyobraź sobie ręcznie rysowaną typografię, a nawet animowaną typografię (archrival.com). Tę „sztuczkę” można zastosować na istniejącym filmie lub obrazie.

Strona Steptoandson.co.uk/about/ wygląda skromniej, gdzie typografia i pary czcionek zostały użyte nie jako ilustracja, ale jako warstwa tekstowa. Jednak odpowiedni styl sprawia wrażenie, jakby fotografia została namalowana i napisana ręcznie, kaligrafią lub szablonem.

Opowiedzieć historię

Projekt mamyfactory.com/fr/ jest o tyle ciekawy, że rysunki wykorzystywane są dosłownie wszędzie, ale w połączeniu ze zdjęciami. Stworzenie takiego projektu jest trudniejsze. Po pierwsze, będziesz potrzebować prawdziwej fotografii rąk pracujących na drutach, a po drugie, będziesz musiał starannie wybrać nitki i dzierganie za pomocą lassa magnetycznego w Photoshopie, a następnie przekształcić to wszystko w narysowaną formę. Może to wymagać wtyczek, umiejętności rysowania lub prostej wiedzy na temat konwertowania zdjęcia na rysunek.

Projekt strony internetowej projektu Discoverphototours.com/photo-tours/ można również nazwać pięknym połączeniem ilustracji i fotografii. Tutaj projektuje się fotografie w podziałach stron, druki, tytuły tworzone są w formie pociągnięć pędzla i ilustrowanej typografii.

Podobnie wygląda Gili-lankanfushi.com, w której ilustrowane ikony i napisy są umieszczone na zdjęciach Malediwów, a liście na pasku bocznym i w stopce dodatkowo wzmacniają efekt rysowania.

Zasady korzystania z ilustracji

Wykorzystanie ilustracji i fotografii w jednym projekcie to możliwość rozwinięcia wyobraźni, uatrakcyjnienia projektu i dodania mu odrobiny wyrafinowania. Ale konieczne jest przestrzeganie pewnych zasad. Tak, tak, niestety, ale nawet w przypadku kombinacji zdjęć i obrazów są one również dostępne.

• Styl ilustracji powinien odpowiadać całemu projektowi. Oznacza to, że ikony i piktogramy, a także tekst, również powinny być spójne z ogólnym stylem.
• Lepiej jest używać ilustracji do ikon i przycisków, dodatkowych małych obrazków, ale dla wizualnego podkreślenia i interakcji z użytkownikami - tylko fotografie.
• Zacznij od stworzenia szablonu z ilustracjami, a następnie dodaj akcenty, dodając zdjęcia i filmy.
• Obok fotografii świetnie prezentują się nie tylko obrazy, ale także elementy animowane. Na przykład tmfp.co.uk; są one ledwo zauważalne w pobliżu zdjęć i w ogóle nie odwracają uwagi użytkownika od studiowania informacji.
• W formie rysunków warto stworzyć etykietę lub logo firmy i umieścić je obok lub na zdjęciach.
• Ilustracje pomagają odwiedzającemu poruszać się po witrynie, opowiadają mu historię i prowadzą użytkownika po stronach projektu.

Tworzenie ilustracji wPhotoshopa

Pomimo tego, że „ryzyko”, o którym mówiliśmy na początku, okazało się nie takie straszne, pojawia się pytanie, jak najłatwiej stworzyć ilustrację. Z jednej strony możesz użyć clipartów, których w Internecie jest wiele na wolnych licencjach. Ale z drugiej strony możesz sam stworzyć rysunek.

Ważne, że jakość finalnego materiału można długo poprawiać, rozjaśniać, przyciemniać, bawić się kontrastem i kolorem. I tak, istnieje wiele stylów ilustracji, rysunek ręczny.

Ale podamy mały przykład tego, jak ogólnie można stworzyć ilustrację i jak z niej dalej korzystać. Pamiętaj, że wtedy można to zamienić na wektor lub zrobić na wektor, możesz za pomocą gumki usunąć niepotrzebne detale i pozostawić jedynie kontury. Na przykład potrzebujesz rysunku torebki lub buta, ale nie ma odpowiedniego clipartu ani stylu rysowania. Przenieś do Photoshopa, a następnie usuń nadmiar, wzmocnij linie konturu i... voila, rysunek gotowy.

Weźmy na przykład kotka.

Otwórz Photoshopa, skopiuj zdjęcie na nową warstwę, utwórz kopię warstwy. Żeby było tło i dwie warstwy ze zdjęciem.

Wybierz ostatnią warstwę (na górze) i rozmyj go za pomocą Gaussa. Parametr dobierany jest „na oko”, ponieważ wszystkie zdjęcia różnią się szczegółami i kolorem. Ale po kilku próbach na różnych poziomach rozmycia zobaczysz dokładnie to, czego potrzebujesz.

Następnie zastosuj właściwości tej warstwy - Split. Otrzymasz już blankiet do rysowania ołówkiem.

Teraz chodzi o drobnostki. Skopiuj zawartość na nową warstwę (Ctrl+Shift+Alt+E) i Zmniejsz nasycenie (Regulacje obrazu — Zmniejsz nasycenie).

Teraz utwórz kopię tej warstwy i wybierz opcję Ściemniacz liniowy.

To wszystko. Teraz szczególnie czarne obszary można rozjaśnić z paska narzędzi. Możesz tworzyć jeszcze więcej warstw, uzyskując klarowność. Szare obszary można zatuszować pędzlem, aby uniknąć plam. Ale wszystko zależy od konkretnego materiału i Twojej wyobraźni.

Co teraz zrobić z pozornie niezrozumiałą ilustracją? Można go wstawić do szablonu. Wybraliśmy taki z kociętami, gdzie znajduje się sekcja z sekcjami i włożyliśmy naszego kociaka do jednego z nich. Dodatkowo dodaliśmy więcej warstw i sprawiliśmy, że wszystko jest wyraźniejsze. Jeśli użyjesz obok siebie innych rysunków kociąt w różnych pozach, nadasz nieco inny styl, sprawisz, że kocięta będą bardziej wyprofilowane, otrzymasz personifikację tematu naszego materiału. Źródło zostało zaczerpnięte stąd: templatemonster.com/ru/demo/47111.html.

Jeśli chodzi o tekst pod łapką, można go w tym miejscu rozsunąć, a tło kotka ozdobić podziałem strony. Dodatkowo dopasuj krawędź, popraw plamy za pomocą gumki, zastosuj wyostrzanie, a nawet wyślij go do programu Illustrator w celu obrysowania i przekonwertowania na wektor. Wygodniej jest przełożyć architekturę i twarze na rysunki.

Ukończenie

Wykorzystanie ilustracji w połączeniu ze zdjęciami w projekcie jednej strony internetowej jest całkiem możliwe. Wygląda nawet niesamowicie, ale trudno go stworzyć, jeśli nie są dostępne dokładnie wymagane rysunki i trzeba je stworzyć samodzielnie w edytorach graficznych. Jest to trudniejsze, jeśli z natury i w życiu nie jesteś szczególnie dobry w rysowaniu. Można jednak stworzyć ilustrację, wystarczy mieć pomysł, jaki styl chcesz. Jeśli analogiem jest mamyfactory.com/fr/, możesz sam narysować budynek sklepu, ale przenieś psa ze zdjęcia, zaznacz kontury i usuń wszystko, co pojawia się w środku (kropki, artefakty, piksele) za pomocą gumki.

Projektowanie stron internetowych to zawód twórczy, który wymaga nie tylko czasu, ale także wyobraźni, zamiłowania do sztuki i poszukiwania inspiracji. I wiedza też.

Moja Wirtualna Szkoła prowadzi kursy i szkolenia z zakresu pracy Adobe Illustratorze. W 2012 roku nagrałem krótki kurs wideo „Adobe Illustrator in One, Two, Three”, który do dziś udostępniam bezpłatnie moim subskrybentom.

Następnie w 2014 roku wraz z zespołem uruchomiłem szkolenie online z tworzenia ilustracji wektorowych do microstocków. Szkolenie cieszyło się dużym zainteresowaniem i sukcesem – 4-krotnie rekrutowaliśmy grupy 50-70 osobowe.

Podczas kursu wielu naszych studentów było w stanie nie tylko stworzyć wysokiej jakości portfolio, ale wręcz zaczęło zarabiać na mikrostockach!

Kilka prac uczestników szkoleń

Aby zobaczyć cały obraz, kliknij jego miniaturę

Absolwenci naszego szkolenia Adobe Illustrator często pytali mnie, czy planuję przygotować nowe szkolenie zaawansowanych ilustratorów.

Pytanie jest dość logiczne, ponieważ w ilustracji wektorowej, podobnie jak w projektowaniu, nie ma ograniczeń co do perfekcji!

Nauczywszy się rysować proste ikony, ozdoby i tekstury, które zaczynają być sprzedawane na mikrostockach, człowiek zaczyna to lubić. Rysowanie ilustracji wektorowych staje się dla niego nie tylko hobby, ale także stale rosnącym dochodem. Oczywiście każdy chce zarobić jak najwięcej, a do tego trzeba być konkurencyjnym i stale doskonalić swoje umiejętności.

Nie jest tajemnicą, że na mikrostockach panuje ogromna konkurencja. Jeśli wejdziesz na ten rynek ze standardowym zestawem ikon, abstrakcyjnych teł i makiet, to niezwykle trudno będzie Ci wyróżnić się na tle tysięcy konkurentów z podobnym portfolio.

Aby Twoja praca została zauważona, musi być w jakiś sposób inna, mieć swoją "skórka owocowa".

Są na to 2 sposoby:

Sposób pierwszy: wytrwale poszukiwać nowych, niestandardowych form i stylów wizualizacji, aby wyróżnić się z tłumu ilustratorów.

Sposób drugi: znajdź niszę, w której konkurencja jest stosunkowo niewielka i stań się w niej jednym z najlepszych.

Nie trzeba być profesorem socjologii, aby stwierdzić, że druga opcja ma znacznie większe szanse powodzenia.

Jak jednak znaleźć taką niszę? A skąd wiesz, że naprawdę możesz w tym odnieść sukces?

Któregoś dnia szukając materiałów do zajęć z pracy z siatką gradientową w programie Adobe Illustrator natknąłem się na ilustracje w Internecie Andriej Panczenko.

Oprócz motywów „dla dorosłych” w portfolio autora widziałem wiele zabawnych postaci „z kreskówek” - głównie ilustracje uroczych małych zwierzątek o dużych oczach i nieśmiałych uśmiechach. Jakość i atrakcyjność tych postaci również nie budziła wątpliwości co do kunsztu autora.

Szukałem prac Andreya na kilku portalach giełdowych i odkryłem to
że mają dobrą ocenę - to nie przypadek, że pojawiają się na pierwszej stronie Google przy wyszukiwaniu postaci z kreskówek dla dzieci.

Postanowiłem skontaktować się z Andreyem i omówić możliwą współpracę. Okazało się, że stworzenie ilustracje postaci- dość dochodowa nisza giełdowa, ponieważ w przeciwieństwie do innych nie ma w niej jeszcze wielu konkurentów.

Andrey sprzedał swoją pierwszą ilustrację na microstocku 9 lat temu, kiedy w jego portfolio znajdowało się tylko kilka podstawowych prac. Co więcej, dzieło to nie jest „zabójcze”. Sam Andriej mówi dziś, że wtedy niewiele mógł zrobić. Jednak od tego czasu jego ilustracje sprzedają się niemal codziennie i przynoszą autorowi stabilny dochód, na który w żaden sposób nie wpływają wahania kursu rubla do dolara!

Dowiedziałam się też, że sam Andrey od dawna myślał o nauczaniu innych, nagrał nawet kilka filmów na YouTube, ale nigdy nie zabrał się za nic więcej... Jednym słowem chętnie zgodził się zostać jednym z nauczycieli naszego Wirtualnego Szkoła.

Poznać:
Andriej Panczenko
ilustrator,
mikrostoker.

„Ilustruję od około 10 lat. Na początku było to hobby, ale obecnie jest to moja główna aktywność zawodowa.

Brał udział w wielu niezależnych projektach, w szczególności wykonywał pracę dla Disney Channel. Współpracowała z kilkoma dużymi firmami meblowymi, takimi jak OJSC Vector i Leader, przy projektowaniu produktów dla przedszkolaków.

Obecnie sprzedaję moje ilustracje na mikrostockach — aktywnie współpracuję z prawie wszystkimi głównymi mikrostockami i rysuję niestandardowe ilustracje”.

Portfolio Andreya:

Postanowiliśmy przygotować nowe szkolenie z tematu tworzenia ilustracje postaci. Dlaczego w tym temacie?

Po pierwsze, jak już powiedziałem, nisza ilustracji postaci jest dość poszukiwana przy stosunkowo małej konkurencji. Ucząc się tworzyć takie ilustracje, ilustrator microstockowy lub freelancer może znacznie zwiększyć swoje regularne dochody.

Po drugie, rysowanie znaków wektorowych wymaga wysokiego poziomu biegłości w narzędziach Adobe Illustrator. Dlatego taki kurs będzie szczególnie przydatny dla wszystkich, którzy chcą odpowiednio „doszlifować” swoje umiejętności zawodowe.

No i po trzecie, niezwykle zainspirował mnie tok tworzenia ilustracji w wykonaniu Andreya. Jego prace wyróżniają się dużą precyzją, pewnością siebie i racjonalnością wszelkich działań. Po prostu hipnotyzujące jest obserwowanie, jak na czystej kartce papieru przed twoimi oczami pojawiają się zabawne, psotne postacie - kot w butach, tygrysiątko czy owca.

Jestem pewien, że dla początkujących ilustratorów niezwykle przydatne będą lekcje mistrzostwa od Andreya.

Najciekawsze jest to, że Andrey celowo nie wykorzystuje w swojej pracy tabletu graficznego – wszystkie ilustracje rysuje zwykłą myszką! Co więcej, w ogóle nie ma tabletu. Tym samym wyraźnie obala mit, jakoby wysokiej jakości ilustracje można stworzyć jedynie przy użyciu tabletu Wacom.

Nie zapomnij włączyć dźwięku w komputerze

Opracowanie i stworzenie kursu zajęło nam ponad sześć miesięcy. W rezultacie Andrey nagrał 30 szczegółowych lekcji wideo, w których szczegółowo pokazał proces tworzenia profesjonalnej ilustracji wektorowej postaci - od szkicu ołówkiem po ostateczną realizację w programie Adobe Illustrator.

Cześć! Nazywam się Hatice Bayramoglu, jestem artystą 3D i ilustratorem z Turcji. W tej lekcji pokażę jak narysować i pokolorować bohatera - ilustrację do książeczki dla dzieci. W miarę postępu lekcji będę wyjaśniał mój wybór niektórych narzędzi i moje przemyślenia na temat ilustracji. Mój tutorial pokazuje jak stworzyć ilustrację od wstępnego szkicu do pełnego rysunku. Wierzę, że po przeczytaniu tej lekcji znajdziesz coś przydatnego dla siebie. Do stworzenia pracy posłużę się Photoshopem i tabletem Wacom.

Ten rysunek zostanie utworzony w całości w programie Photoshop CS2.

Krok 1: Szkic
Zacznij od utworzenia nowego dokumentu w Photoshopie. Jego wymiary powinny wynosić około 800x778 pikseli. Zacząłem od stworzenia szybkiego szkicu, który ujął moją główną ideę. Oto szkic głównego otoczenia wokół głównego bohatera.

Jak więc widać, ten szkic przedstawia główną bohaterkę - małą dziewczynkę stojącą obok jabłoni z jabłkiem w dłoniach. Uśmiecha się, bo jest szczęśliwa i może trochę smutna.

Krok 2: Konfigurowanie pędzli w Photoshopie
Oto jedyny pędzel, którym maluję moją bohaterkę. Do malowania użyję standardowych pędzli.

Zanim zaczniesz malować, musisz ustawić pędzel. Zacznij od wyboru narzędzia Szczotka(Pędzel), a następnie użyj standardowego pędzla pokazanego poniżej.

(kliknij na obrazek, aby powiększyć)

Krok 3: Paleta kolorów
Zanim zaczniesz malować, musisz zdecydować, jakich kolorów użyjesz. Oto kolory użyte w mojej pracy:

Krok 4: Warstwy (Warstwy)
Tworzyć Nowa warstwa(Nowa warstwa) i nazwij ją Szkic. Możesz utworzyć ten szkic w Photoshopie lub na papierze. Po utworzeniu warstwy szkicu zmień ją Tryb mieszania(Tryb mieszania) włączony Mnożenie(Pomnóż) i zawsze trzymaj go na wierzchu wszystkich warstw, abyś mógł zobaczyć, co malujesz.
Teraz spójrz na moją paletę warstw. Oto oddzielne warstwy dla każdego obiektu szkicu. Malowanie każdego szczegółu na nowej warstwie ułatwia wprowadzanie poprawek podczas malowania. O wiele łatwiej jest poprawić błędy, jeśli główne elementy ilustracji znajdują się na osobnych warstwach. Ten krok jest naprawdę bardzo ważny!

Krok 5: Praca nad kolorem tła
Tutaj pokażę Wam jak koloruję tło. Wybór narzędzia Wypełnić(Wiadro z farbą) (G). Po wypełnieniu tła powinno to wyglądać tak. Upewnij się, że warstwy są ułożone tak, jak pokazano na obrazku poniżej.

Krok 6: Kolorowanie podstawowych kształtów
Zanim zaczniemy kolorować, jeszcze raz pokażę Wam kolejność warstw. Zmieniłem to, ponieważ warstwa szkicu powinna znajdować się na wierzchu wszystkich warstw i również być ustawiona na Mnożenie(Zwielokrotniać). W tym momencie możemy zacząć kolorować szkic i identyfikować główne kształty. Korzystanie z narzędzia Szczotka(Pędzel) (B), zacznij malować głównego bohatera i drzewo na osobnych warstwach. Upewnij się, że Sztywność(Twardość) pędzla jest ustawiona na 100%. Pędzel o miękkich krawędziach może dać nieco rozmyty efekt.

W tym kroku chciałbym zmienić rozmiar mojego pliku, ponieważ chcę dodać bardziej subtelne szczegóły. Więc otwieram Obraz(Obraz) - Rozmiar obrazu(Rozmiar obrazu) i zwiększ rozmiar pliku do 1500x1495.

Krok 7: Dodawanie szczegółów
Teraz mogę zacząć dodawać szczegóły. W tym kroku zacząłem od pomalowania twarzy głównego bohatera. Przed malowaniem upewnij się, że pracujesz na właściwej warstwie.

I tutaj stworzyłem kopię warstwy drzewa i dodałem do niej trochę szczegółów. Pierwszą warstwę również przykryłam drzewkiem.

Oto zrzut ekranu, który pokaże Ci szczegóły. Zacząłem dodawać do mojego rysunku jeszcze więcej szczegółów, takich jak trawa i małe kwiaty. W tym momencie stworzyłem warstwę o nazwie Kwiaty.

Dodaję jeszcze więcej koloru i drobnych, szczegółowych linii na drewnie.

Teraz spójrz na szczegóły, które właśnie stworzyłem. Kontynuuję dodawanie szczegółów i, jeśli to konieczne, tworzenie nowych warstw.

Krok 8: Szczególna uwaga poświęcona głównemu bohaterowi
Teraz, gdy jestem już zadowolony z detali dekoracji i drewna, dodam detale do stroju dziewczynki. Na tym etapie zauważyłem, że moja postać wygląda bardzo zwyczajnie i niezbyt atrakcyjnie, więc pomyślałem, że powinienem poświęcić trochę czasu na wprowadzenie pewnych zmian. Próbowałem nadać bohaterce nieco inny wygląd i nadal dodawałem więcej szczegółów. Ponownie zwróć uwagę na kolejność warstw. Jak widać, w tym kroku mam jeszcze kilka nowych warstw. Wszystkie warstwy mają swoje własne nazwy.

Teraz zaczynam dodawać drobne szczegóły do ​​bohaterki, dodając więcej żółci i zieleni. Przy okazji, nie zapominaj, że na tym etapie nie musisz opisywać wszystkiego szczegółowo. Na tym etapie pracuję nad głównymi szczegółami i światłem, aż uzyskam ładny kontrast. Czasami zmieniam niektóre kolory. Prawie skończyłem malować jej ubrania i ciało. Przesunąłem też warstwę szkicu trochę na bok, żebyście mogli zobaczyć jak bohaterka wygląda bez podstawy szkicu.

Krok 9: Dodawanie rozjaśnień i kontrastu
Użyłem narzędzia Wyjaśniający(Unikaj) (O), aby rozjaśnić obszary. Tak wygląda praca po wszystkich korektach dokonanych przez narzędzia Wyjaśniający(Unik) (O) i Opornik(Oparzenie). Nadal dodaję więcej szczegółów do drzewa, używając pędzli o różnych rozmiarach i kolorach. Po dodaniu wystarczającej ilości szczegółów zacząłem go wygładzać za pomocą pędzla o miękkich krawędziach. Ja też korzystam z narzędzi Wyjaśniający(Unik) (O) i Opornik(Spalić), aby dać cień gałęziom.

Dodaję też kilka pociągnięć narzędziem Palec(Plama). Używam tego, ponieważ chcę dodać miękkie, rozmyte obszary do chmur i tła. Na tym etapie zauważyłem, że moje chmury nie były zbyt szczegółowe. Stworzyłem więc nową warstwę, aby pomalować szczegóły w chmurze za pomocą dwóch narzędzi: Palec(Rozmazana) i Szczotka(Szczotka).

Krok 10: Dodawanie większej liczby szczegółów
Na tym etapie zauważyłem, że muszę dodać więcej kwiatów do mojego rysunku. Tworzę więc nową warstwę i, jak widać, rysuję kilka uroczych i prostych kwiatów. Kontynuuję dodawanie kolejnych szczegółów. Dodanie kilku akcentów za pomocą narzędzia Wyjaśniający(Dodge) (O), Robię to, ponieważ chcę dodać kilka lekko oświetlonych obszarów trawy.

Teraz, gdy trawa i tło są już gotowe, mogę zacząć dodawać więcej szczegółów do włosów i twarzy dziewczyny. Wybór trybu pędzla Podstawy rozjaśniania(Color Dodge) i dodaj kilka pociągnięć do jej twarzy.

Teraz zwróć uwagę na szczegóły, które dodałem przy użyciu samego pędzla w trybie Podstawy rozjaśniania(Unikanie kolorów).

Krok 11: Korekta koloru
Rysunek jest prawie skończony, z wyjątkiem korekty kolorystycznej. Zacząć Odpływ(Połącz) wszystkie warstwy. Teraz w Obraz(Obraz) - Poprawki(Korekty) - Jasność/kontrast(Jasność/Kontrast) Zmieńmy trochę kolor. Chcę nadać ilustracji bardziej słoneczny efekt.

Ustaw parametry, które ustawiłem. Tak wygląda ilustracja - bardziej słoneczna i radosna.

Gotowa ilustracja
Oto gotowa ilustracja. Mam nadzieję, że ten tutorial był dla Ciebie interesujący. Dziękuje za przeczytanie.

W ciągu ostatnich kilku dni przeżyłem bezprecedensowy wzrost kreatywności i pracy. Wreszcie lubię swoją własną pracę, wykonaną zarówno dla klientów, jak i na magazyn. Dlatego łatwo jest rysować i układać, jest miło i sprawia mi radość.
Chcę trochę uchylić rąbka tajemnicy pracy. Już od dawna chciałem nagrać film o tym, jak rysowane są obiekty na stock, ale jeszcze nie zabrałem się za nic, więc pokażę to tylko obrazowo i słownie.

Krok 1. Wybierz temat
Gdzie zaczyna się praca? Od wyboru tematu. Szczerze mówiąc, nie jestem jeszcze specjalnie wyczulony na trendy, wybierając nisze (może dlatego mam w portfelu skromne cyfry), rysuję to, co chcę. Wybrałem dla siebie styl, nazywając go „multirealizmem”, czyli wystarczająco realistycznym, aby oddać objętość i cienie, ale jednocześnie pozostawić kreskówkową wściekłość i połysk. Obecnie zajmuję się gatunkiem „przedmioty”, ale w przyszłości planuję uwzględnić tu ludzi i małe historie.

Nigdy nie staję przed pytaniem „Co narysować”, raczej „Co narysować najpierw”. Imponuje mi absolutnie wszystko: jedzenie w kawiarniach, witryny sklepowe, piękne fotografie ludzi, prace innych autorów. Na szczęście nie muszę siedzieć przy monitorze i przeciągać różnych kwiatków w tę i z powrotem w nadziei, że wyjdzie coś porządnego. Całkowicie porzuciłem tworzenie teł, tekstur, wizytówek i innych rzeczy, które cieszyły się dużą popularnością wśród innych stockerów. Po prostu nie wyszło, nie podobał mi się proces ich tworzenia, w związku z czym w ogóle się nie sprzedały.
Kiedy siadam do komputera, zawsze mam już wyobrażenie o tym, co chcę w rezultacie zobaczyć, ale trochę wyprzedzam siebie.

Zatem wybór tematu. Zawsze i wszędzie noszę ze sobą pamiętnik, który notabene też wprawia mnie w twórczy nastrój. A gdy tylko przyjdzie mi do głowy jakiś pomysł, dodaję go do Mapy Myśli. Nie będę się rozpisywał szczegółowo o co chodzi, tę informację można łatwo wyszukać w Google, wyjaśnię tylko, że metoda jest naprawdę fajna. Pozwala strukturalizować pomysły bez wciskania ich w ramy, umożliwiając rozwój jednej myśli w nieskończoność.
Tak zazwyczaj wyglądają moje kartki.
Pomysły są zapisywane w Internecie, następnie rozważane i analizowane. Coś zostaje przełożone, a coś ożywia się w drugim etapie.

Etap 2. Szkice
Wszystko jest tu niezwykle proste i przejrzyste, jeśli wybieram temat, to spisuję, które elementy mogą się z nim wiązać. A potem wyszukuję zdjęcia potrzebnych przedmiotów i kopiuję je do mojego moleskine. Kopiowanie jest konieczne, zdjęcia stockowe nie pozwalają na wykorzystanie zdjęć innych osób jako bezpośrednich odniesień (przerysowanie zdjęć innych osób), ale jeśli wybierzesz kilka zdjęć, weź coś z jednego, coś z drugiego i ostatecznie zdobądź własny rysunek, wtedy wszystko jest w porządku, prawa autora nie zostały naruszone.
Prawdę mówiąc rysuję sobie tak sobie, moja ręka nie skupia się na tworzeniu linii prostych, ale nie jest to specjalnie potrzebne, dlatego uwielbiam wektor.
Szkice tutaj służą jako przybliżone szkice schematyczne, z których wezmę ogólny kształt. Narzędzia programu Illustrator pomogą Ci później uniknąć krzywych linii, umożliwiając rysowanie nawet okręgów i prostokątów.

Etap 3. Jak robią to inni?
Dla siebie ustaliłem podstawową zasadę pracy z stockiem: moje zdjęcia nie powinny być gorszej jakości niż te prezentowane na pierwszych stronach popularnych. Jeśli praca nie będzie na odpowiednim poziomie, będę majstrował przy niej, dopóki nie będę zadowolony z wyniku. Oczywiście mówimy tu o pracach o tej samej tematyce i w tej samej technice co moje.

Wczoraj postanowiłam sięgnąć po motyw Fast Food. Korzystając z tej wyszukiwarki, znalazłem słodkie kiełbaski w cieście, ziemniaki, colę. Wybrałem to, co sam bym kupił, gdybym miał takie zamówienie, i po prostu to, co cieszyło oko. Znalezione zdjęcia od razu rzucam na kartkę, na której idę pracować. Nie biorę od nich niczego, ani koloru, ani kształtu, ani stylu. Potrzebuję tylko ogólnego wrażenia, cała reszta będzie pochodzić z moich szkiców i wybranych palet.

Etap 4. Przygotowanie podstawowych formularzy.
Następnie rozpoczyna się praca z komputerem. Mam tablet graficzny, ale korzystam z niego niezwykle rzadko.Lubię się chwalić, że całą swoją pracę wykonywałem myszką, co swoją drogą jest w pełni prawdą. Główne narzędzie: długopis. Ci, którzy rozumieją wektory, zrozumieją, jaka jest istota. Krótko mówiąc, pióro pozwala rysować zakrzywione linie o dowolnym kształcie za pomocą punktów i wektorów.
Za pomocą długopisu (dla przedmiotów wymagających równości: kubki, talerze, pudełka - elipsy, prostokąty) zarysowuję główne detale, maluję je w chaotycznych kolorach, tak aby określić kształt.
W rezultacie otrzymujesz takie nieatrakcyjne ilustracje, ale ogólny pomysł jest już jasny, a potem tylko komplikacje.


To 5. Wybór koloru.
Dobór koloru to jeden z najważniejszych momentów, któremu kategorycznie nie ufam sobie i sama nie dobieram kolorów. Istnieje wiele usług, które pozwalają kolekcjonować piękne palety, ale to nie to samo. Głównym pomocnikiem w doborze koloru był serwis Shutterstock.labs. Ciekawostka, polecam poszperać, chociażby dla ogólnego rozwoju. Strona umożliwia wybór zdjęć na interesujące Cię tematy, biorąc pod uwagę preferowaną paletę. Na przykład wiem, że do narysowania Fast Foodu najprawdopodobniej będę potrzebował koloru żółtego, czerwonego, pomarańczowego, brązowego i ich odcieni. Tworzę odpowiednią wyszukiwarkę, a program daje mi gotowe zdjęcia z tymi samymi hot dogami, ziemniakami itp., a nawet w jasnych, pięknych kolorach, które później wykorzystam w swojej pracy, dzięki narzędziu Kroplomierz.

Etap 6. Rozwój przedmiotu.
Zgrubna część procesu została zakończona, zacznijmy tworzyć. Do renderowanych szczegółów wybieram kolory ze znalezionych fotografii, następnie dodaję nowe detale: cienie, światła, światło, teksturę. W rezultacie otrzymuję zestaw pojedynczych elementów, które można teraz złożyć.


Etap 7. Komponowanie kompozycji.
Przedmioty zostały narysowane, czas pomyśleć o tym, jak je zaprezentować. Nawet podczas mojej krótkiej działalności jako stocker, udało mi się przekonać, że kompozycje sprzedają się lepiej niż tylko przedmioty na białym tle (choć w tej formie też je przesyłam i czasami je kupują). Dlatego teraz po prostu łączę całą naszą kolekcję w różne obrazy, z tłem, bez tła, z napisami, bez nich. Im więcej możesz stworzyć z jednej kolekcji zdjęć, tym lepiej. Szczególnie podoba mi się, gdy niektóre elementy można zaczerpnąć z wcześniejszych prac. Do zestawu „Fast Food” dodałam na przykład lody z kolekcji „Lato”. Dlatego staram się rysować w tym samym stylu, żeby móc wszystko połączyć.


Tak wygląda moja praca nad obrazami. Odkryłem, że takie etapy odcisnęły piętno na mojej pracy projektowej, zacząłem tworzyć produkty w innym stylu i o wiele wyższej jakości, co też sprawia mi przyjemność.

Z pewnością wielu artystów nie raz zastanawiało się, jak stworzyć cyfrowe ilustracje, i to nie tylko na zadowalającym poziomie, ale na wysokim poziomie, które zapierają dech w piersiach każdemu wyrafinowanemu widzowi. To, jak każde rzemiosło, wymaga ciągłej uwagi i czasu.

Najpierw trzeba zrozumieć proces tworzenia malarstwa cyfrowego, który może rozwijać się w kilku kierunkach. W artykule dowiesz się o tych opcjach, spośród których możesz wybrać tę, która Ci odpowiada.

Tworzenie ilustracji ze zdjęcia

Główną zaletą tej metody jest to, że jest ona odpowiednia dla każdego, bez wyjątku, dając szansę tym, którzy nie mogą pochwalić się umiejętnością dobrego rysowania. Zasada takiego szkicowania jest następująca: oryginalna fotografia służy jako podstawa rysunku, dopóki artysta nie poczuje się komfortowo, mogąc kontynuować pracę bez niej.

Jeśli na przykład pracujesz w programie Adobe Photoshop, to zmniejszając przezroczystość zdjęcia i tworząc nową warstwę, możesz bezpiecznie stworzyć ilustrację, pociągnięcie po pociągnięciu, powtarzając wszystkie linie i zagięcia obiektów. Można to zrobić za pomocą myszki lub za pomocą specjalnego tabletu z rysikiem – akcesorium w postaci małego, cienkiego pióra umożliwiającego sterowanie urządzeniem z interfejsem dotykowym.

Poniżej film prezentujący tę metodę tworzenia takich ilustracji:

Tworzenie ilustracji na podstawie zeskanowanego rysunku

Ta metoda jest już dla osób, które aktywnie ćwiczą tworzenie wysokiej jakości ilustracji, czyli umieją rysować.

Tak więc gotowa (lub częściowo ukończona) praca jest skanowana i otwierana w odpowiednim programie na komputerze w celu dalszego nałożenia pociągnięć na wierzch rysunku.

Poniższe filmy zademonstrują tę metodę w praktyce:

https://youtu.be/UVGxAJL7dSQ

Utwórz ilustrację bezpośrednio na swoim komputerze

Jak sama nazwa wskazuje, jest to najtrudniejszy poziom, z którego aktywnie korzystają profesjonaliści w tej dziedzinie.

W załączeniu odpowiednie filmy: