Share
Velkommen til den femte og siste opplæringen i serien "Opprett et sett med digitale malingsikoner". Vi vil ende med et ikon som viser både et verktøy og en typisk bruk av digitalt maleri: et stort display med ferdig matt maleri.
Skjermen vil bli tegnet i noen enkle trinn ved hjelp av kjente Photoshop-verktøy. Vi vil da bruke teknikker og arbeidsflyter som brukes av profesjonelle matmalere til å skape et ferdig bybild. Langt fra å være en øvelse på matt maleri, gir denne opplæringen oss likevel en titt på denne fascinerende grenen av digital kunst.
Du kan se det endelige bildet forhåndsvisning nedenfor.
Nedenfor er de fem ikonene vi lager i denne serien.
Ta en titt på ikonet vi skal lage i denne opplæringen, som er en stor LED-skjerm med et ferdig cityscape matt maleri på skjermen.
Dagens operativsystem gir oss sjansen til å jobbe med store ikoner. Åpne et nytt dokument og sett lerretet til 512px med 512px. Still forgrunnsfargen til lysegrå. Velg avrundet rektangulært verktøy (U) fra verktøylinjen, kontroller at Radius er satt til 10px, og tegne et 480px ved 300px rektangel i midten av lerretet. Dette blir den ytre rammen på skjermen.
Velg rammens piksler ved å Command-klikke på miniatyrbildet i Lagpaletten. Velg Velg> Kontrakt og velg 2 piksler (2a) fra Velg-menyen. Fyll utvalget med svart på et nytt lag. Dette er glasset som dekker LCD-panelet (2b).
Kommando-klikk glasset og kontrakten valget med 1 piksel (3a). Fyll utvalget med en hvit-til-svart vertikal gradient på et nytt lag, som vi vil kalle "refleksjon" (3b). Velg Polygonal Lasso Tool (L) og foreta et trapesformet utvalg rundt høyre halvdel av displayet (3c). Bruk det som en maske til "refleksjon" -laget, som skal settes til skjermblandingsmodus og 20% opacitet (3d).
Bruk det rektangulære markeringsverktøyet (M) til å lage et nytt lag over glasset og under "refleksjon" og fyll det med en plassholderfarge, for eksempel lyseblå (4a). Gi det navnet "skjerm". Legg til et pinhole webcam øverst på skjermen og en logo etter eget valg nederst. La oss få logoen til å lyse også (4b og 4c).
Nå må vi tegne støtten. Tegn et lysgrå, avrundet rektangel akkurat som vi opprettet rammen i begynnelsen (5a). Velg direkte markeringsverktøyet (A) fra verktøylinjen. Velg de øverste punktene, og demp dem mot midten, og ta av støtten (5b). Legg til en vertikal Gradient Overlay-stil for å simulere skyggen kastet av skjermen og krumningen av støtten. Se bildene 5c og 5d for innstillingene. Resultatet (5e) ser bra ut, men selvfølgelig må vi legge til litt tykkelse på støtten.
Dupliser "support" laget. Flytt kopien under den og kaller den "støtte tykkelse" (6a). Legg til en Gradient Overlay-stil for å skygge de avrundede hjørner (6b, 6c). Støtten er fullført (6d).
For å fullføre skjermen må vi tegne skyggen den kaster på den ideelle gulvet under den. Lag en horisontal svart ellipse (7a) og sett den til Multiply, 50% Opacity (7b). Gå til Filter> Blur> Gaussian Blur og skriv inn 10 piksler (7c). En opasitet på 50% er en god verdi å begynne med, men i dette tilfellet er skyggen for sterk, så la oss redusere den til 20% (7d). Velg nå Blur Tool fra verktøylinjen og bløt kantene på skyggen med flere slag til den ligner bilde 7e. Skjermen er nå ferdig.
Lag en laggruppe som heter "MALING" (8a). Jeg bruker små bokstaver for lagnavn og store bokstaver for gruppenavn. Det gjør dem enkle å skille når lagstakken blir lang. Kommando-klikk på "skjerm" (8b) og legg til dette valget som en maske til laggruppen (8c). På den måten sørger vi for at matt maling ikke bløder over glasset.
Vi skal nå lage et veldig grunnleggende mattemaleri som har et bylandskap på en strandlinje i skumringen. La oss begynne. Plasser "skjerm" -laget i "PAINTING" -gruppen og endre navnet på "bakgrunn" (9a). Ved hjelp av en gradientoverlegg (9b, 9c) forvandler vi plassholderblått til en komplisert gradient som representerer himmelen ved skumring. For et ikons skyld behøver vi ikke å være ekstremt nøyaktige. Vi har ganske mange farger, men topp til bunn: mørkblå, blå, lys blåblå i horisonten, lilla for solnedgangen og en dyp blå for sjøen (9d).
For å tegne bygningene som utgjør bybildet, trenger vi perspektivveiledere. Bruk linjearbeidet (U) og en lysegrønn farge, tegne en serie perspektivlinjer, alt sammen til et fokuspunkt til venstre. Pass på at punktet ligger i horisonten (10a). Grupper linjene.
Deretter tegner du en serie parallelle horisontale linjer med en kontrastfarge som rød (10b). Grupper også de røde linjene. Klikk nå Kommando + T for å påkalle Free Transform, høyreklikk på lerretet og velg Perspektiv. Endre linjens perspektiv slik at de konvergerer til et fokuspunkt i horisonten, langt til høyre utenfor skjermen (10c). Vårt perspektivruten er nå klar. Grupper de grønne og røde linjene sammen og reduser deres Opacity til 30% for å gjøre dem lite synlige (10d).
Velg en mørkblå farge. På et nytt lag, maling kysten ved hjelp av børsteverktøyet (B) satt til 100% hardhet. Fyll laget opp til horisonten og kontroller at toppen er flat og horisontal. Hold nede Skift for å male perfekt horisontale eller vertikale slag (11a).
Nå kommer den morsomme delen! Lag et nytt lag. Bruk det rektangulære markeringsverktøyet (M) til å gjøre flere valg og fyll dem med samme mørkeblå fra strandlinjen. Prøv å lage organiske grupper av høyere og kortere skyskrapere (11b). Kast noen lavriser for variasjon. Fortsett prosessen til du er fornøyd med bybildet ditt.
Bygningene må tilpasses perspektivgitteret. Spesielt må toppene deres kuttes langs perspektivlinjene. Gjør det ved å bruke Polygonal Lasso Tool (L) for å velge og slette de ekstra pikslene (12a). Når du er ferdig, vil du se hvordan byen sakte tar form (12b). Min sammensetning er ikke så bra, jeg håper du gjorde det bedre!
Nøkkelen her er å ha et par høye bygninger foran og nok variasjon for å unngå vanlige mønstre når bygningene går ned mot horisonten. Skjønnheten i denne metoden er at det er så enkelt og raskt å bygge bybildet at det ikke er noen problemer å starte fra begynnelsen til du liker det du ser. La oss skyve fremover.
Bygningene tennes fra fronten. Dette betyr at vi må male frontfasader med det purply-orange lyset i skumringen (13a). Gjør dette på et eget lag som er maskert med "bygninger" laget. Alt-klikk mellom dem (13b). Sørg for at du slør ut foten av frontljusfasadeene, slik at de fades ut i byens lavere nivåer (13c).
Hvis du tenkte å skape bygningene var morsomt, har du ikke sett noe enda! Vi vil nå bruke Photoshops fantastiske børste-motor for raskt å male hundrevis av forskjellige vinduer på våre bygninger.
Lag et nytt dokument og sett lerretet til 3px med 6px. Fyll lerret med svart (14a). Skriv kommandoen + A for å velge alt og gå til Rediger> Definer børsteinnstilling. I popup-dialogboksen navnet børsten "windows" (14b). Penselen er lagt til standard forhåndsinnstillinger. La oss gå tilbake til vårt hoveddokument.
Hit D for å laste standardfarger og X for å bytte dem: Forgrunnen vil være hvit og bakgrunnsvart. Skriv nå B for å velge Børsteverktøyet og trykk F5 for å åpne børstevinduet. Fra børsteinnstillingene velger du "vinduer" børsten vi nettopp har opprettet (15a). Sett opp en svært liten størrelse (3 piksler) og en veldig stor avstand (250%) fra alternativet Brush Tip Shape (15b). Som du kan se i forhåndsvisningsvinduet på bunnen, vil børstestrengene etterlate et spor av avstandsrektangler i stedet for et kontinuerlig merke.
Vi vil at vinduene skal ha forskjellige grader av lysintensitet, så la oss slå på Opacity Jitter. Velg en høy nok verdi som 75%. Sjekk ut hvordan opaciteten varierer tilfeldig i forhåndsvisningsvinduet (15c). Penselen er satt!
Lag et nytt lag. Mal vertikale streker ved å holde nede Skift. Se hvordan borsten vår skaper jevnt fordelte, forskjellige opplyste vinduer? Til de av dere som tror ikoner tilhører bare vektorverdenen, prøv å gjøre det med Illustrator! Ulike programvare, forskjellige arbeidsflyter, forskjellige resultater (16a).
Fyll en hel fasade ved hjelp av parallelle slag. Hit kommando + T og høyreklikk på lerretet og velg Forvreng. Flytt punktene opp og ned for å matche fasadens form (16b). Hvis du zoomer ut til 100%, kan du se at vinduene følger perspektivruten også (16c).
Kopier laget du nettopp har malt, flytt det til venstre og bruk Distort for å tilpasse det til fasaden under det (17a). Får du driften nå? Mal nye vindueslag med pensel sett til gradvis mindre størrelser, tilpass dem til perspektivgitteret, og dupliser dem og tilpass dem til de gjenværende fasadene til du har dekket alle bygningene (17b). Hvis dette var et ekte mattemaleri, ville vi måtte legge til flere fargevariasjoner, finjustere bygningens form og lage forskjellige vindusmønstre, men vi lager et ikon slik at vi kan være fornøyd med det vi har så langt.
Sett opp en liten grønn gul børste (18a). Slå på Opacity Jitter og velg alternativet Fade. Bruk forhåndsvisningen nederst, velg en verdi som ser bra ut, som 15 (18b). Våre malingstreker vil nå falme ut. På et eget lag maler noen lys på toppen av de høyere bygningene ved hjelp av oppadgående slag (18c). Legg til noen lys ved foten av bygningene på et annet lag (18d).
Sett "topplys" -laget til Linear Dodge (19a) og "Base lights" laget til Overlay (19b). Nå er lysoppsettet mer balansert (19c).
Selvfølgelig reflekterer vannet bygningene, så her går vi. Grupper alle relevante lag som "BUILDINGS" (20a). Dupliserer gruppen. Gi navnet navnet "BUILDINGS REFLECTION" og trykk på Command + E for å slå sammen gruppen. Flytt den under "shoreline" og vri den vertikalt (20b).
Gå til Filter> Blur> Motion Blur. Angi vinkelen til 0 (horisontal uskarphet) og Avstand til 6 piksler (21a). Refleksjonen er nå hensiktsmessig sløret (21b). Vannoverflaten er altfor rolig. La oss rette opp det. Gå til Filter> Forvreng> Ripple og eksperimenter med verdiene ved hjelp av forhåndsvisning for referanse (21c). Nå ser refleksjonene mer realistisk ut (21d).
Matte maleriet er alt annet enn ferdig. Noen skyer må legges til himmelen. Velg en gulaktig hvit farge. Velg penselverktøyet (B) og skriv inn penselvinduet (F5). Velg en myk, rund pensel og øk avstanden (22a). Sett Opacity Jitter to Pen Pressure (22b). Aktiver scatter og sett den igjen på Pen Pressure (22c). Hvis du ikke har en nettbrett, ser du ikke dette alternativet. Sett i stedet begge kontrollene til Av og bruk forskjellige opasiteter for børstestrengene for å oppnå variasjon. Mal skyene på eget lag. Ta deg tid til å oppnå et godt resultat (22d).
Vi kan nå gjenkjenne refleksjonen på skjermen, og vi kan deklarere ikonet ferdig.
Dette var den siste avgiften i "Opprett et sett med Digital Painting Icons Set" -serien. Vi opprettet en enkel LCD-skjerm med grunnleggende former og lagstiler. Vi fylte vår nydelige skjerm med en fin cityscape matt maleri, skapt med et øye for perspektiv, lysretning og noen smarte børste triks!
Jeg håper du likte denne ikon-serien så mye som jeg likte å gjøre det. Vi har opprettet fem ikoner hvis stilarter spenner fra den sketchy til den fotorealistiske. Dette ga oss muligheten til å utforske mange verktøy, teknikker og arbeidsflyter som bekreftet hva en venn Photoshop er for oss kreative fagfolk!
Accentsconagua