Hvordan lage Cityscape Concept Art

I denne opplæringen vil jeg lære deg hvordan du enkelt lager et vellykket stykke cityscape konseptkunst. Vi bruker en veldig grunnleggende 3D-scene som et grunnlag for stykket, og tar det inn i Photoshop for noen kreativ foto manipulering av referansebilder, grunnleggende maleri og justeringer. La oss skape denne urbane scenen!

Redaktørens notat: Denne opplæringen ble opprinnelig publisert på Psdtuts i desember 2009.


The Brief

Kort i mitt tilfelle var å lage en historisk gate scene fra hvor som helst i verden før 1914. Det skulle ikke være en bestemt gate, men konseptet måtte tjene formålet med å virke som om det kunne være en ekte gate på tid og sted jeg valgte, å ha en følelse av arkitektur og lys og total atmosfære.

Selvfølgelig kan du gjøre alt du vil ha for prosjektene dine, men for tutorialets skyld, la oss rulle med mitt valg, som var Glasgow (Skottland) i 1900.


Trinn 1

Det første du må gjøre er å samle mye visuell referanse. Bare fordi du gjør Glasgow i 1900 betyr det ikke at du bare skal søke etter bilder eller malerier av Glasgow i 1900.

Du bør se på arbeidet til tradisjonelle maleri mestere, samtidige malere og koncept kunstnere, fotografer, skulptører, arch-vis studioer, etc. Dette vil få deg til å tenke på farge, komposisjon, belysning og så videre. Alt dette kan finnes online, i bøker, TV, aviser og magasiner, og generelt omtrent hvor som helst. Hvis noe inspirerer deg, behold det på en eller annen måte! Jeg kunne sitte her kjedelig med lister over utrolig arbeid du burde se på, men det ville ta opp en hel artikkel i seg selv?

Jeg kan ikke understreke nok hvor viktig referansemateriale er, for uten det jobber du blindt. Og oftere enn ikke, det arbeidet du gjør opp i hodet ditt, vil være ti ganger svakere enn arbeidet produsert med godt brukt referanse. Omtrent en vellykket konseptkunstner vil fortelle deg dette.

En annen flott måte å samle visuell referanse til, er selvfølgelig å fange det selv! Nedenfor for eksempel, er et par bilder fra en batch jeg tok i London.


Steg 2

Utover den generelle inspirasjonstypen, er det en god ide å samle den mer praktiske og nyttige typen referansemateriale. Ved dette mener jeg faktisk bilder av Glasgow i 1900, kan vi bruke til å bidra til å bygge vår scene i senere stadier.

I mitt tilfelle fant jeg en utrolig ressurs gjennom AMICA-biblioteket, som er en gratis tjeneste for å søke på alle slags kunst fra alle slags perioder, men du må betale en premie for å få tilgang til full oppløsning bilder.

Her ser du at jeg kom over bilder fra en fantastisk bok av fotograf Thomas Annan kalt "The Old Streets and Closes of Glasgow" fra 1900. Det er disse bildene akkurat at vi til slutt vil kutte opp og manipulere for å legg til tekstur til vår scene. Du kan finne bildene her.


Trinn 3

Når du har alle dine referansebilder og er omtrent sikker på hva slags bilde du vil lage, er det en god idé å lage mange miniatyrskisser. Du kan bruke en blyant eller male direkte til Photoshop. Disse miniatyrbildene ble malt ved å bruke noen av Photoshops standardpensler satt til penisopacitet, men jeg skal gå litt i pensler litt senere.

For dette bør du jobbe ganske liten, og bruke den minste tiden på hver enkelt. Hastighet er nøkkelen! Hvis jeg kan huske riktig, ble disse trukket i mellom 30 sekunder og to minutter. På denne måten må du virkelig finne ut komposisjonen og hovedideen til bildet i stedet for å bli fanget opp i detaljene.

Ikke vær redd for å gjøre dette trinnet. Jeg er ikke en flott maler, men du kan se på noen av miniatyrbildene nedenfor at de er enkle, men komplekse nok til å formidle ideen til en scene.


Trinn 4

Nå begynner vi faktisk å jobbe med vårt siste stykke. Åpne Maya (eller programmet du ønsker), og opprett deretter et polygonfly. Gjør det ganske stort, så det kan fungere som vårt gulv.


Trinn 5

Deretter lager du en kube oven på flyet ditt, dette vil være mal for våre andre bygninger.

Når den er opprettet, trykk på Sett inn-tasten. Dette vil gjøre manipulatoren din til et litt annet ikon, og lar deg flytte bare pivotpunktet til objektet ditt. Flytt pivotpunktet til bunnen av kuben i en sidevisning (du kan endre visningsportene ved å trykke mellomromstasten mens du svever musen over et visningsport for å maksimere det eller zoome ut til 4-panelsvisning). Dette vil bety når du skalerer det, at det ikke skal skalere under gulvet, men i stedet vil det vokse utover fra bunnen.

Når det er gjort, trykker du på Sett inn-tasten igjen for å gå ut av pivot-punkt redigeringsmodus.


Trinn 6

Når du har ditt grunnleggende kubeoppsett, må du begynne å plassere duplikater rundt scenen for å lage gaten.

For å gjøre dette, velg kuben og trykk på Kommando + D for å kopiere den, W-tasten for å flytte den, og R-tasten for å skalere den. Gjør dette nok til du har noe som bildet nedenfor.

Ikke prøv å justere ting perfekt, sjarmen til disse gatene er den kaotiske asymmetrien og variasjonen.


Trinn 7

Nå som vi har et grunnleggende gateoppsett, oppretter vi et enkelt dagslyssystem. Åpne oppsettinnstillingene, og velg Mental Ray under Render Using-rullegardinmenyen. Deretter velger du Kvalitetskodet under kategorien Kvalitet, kalt "Preview: Final Gather."


Trinn 8

Fortsett i vinduet Render Settings, gå til fanen Indirekte belysning, og ved siden av Fysisk sol og Sky trykk på Create-knappen.


Trinn 9

Dagslyset skapt faktisk et retningslys for å fungere som solen. Dette lyset kan være vanskelig å finne ved øyet, så gå til Window> Outliner. Der kan du se en liste over alle elementene i scenen din. Rull ned til du ser noe som heter "sunDirection", bruk deretter flytte- og skalaverktøyene for å plassere det et sted litt enklere å se og manipulere.

Merk at disse typer lys ikke endres i henhold til deres størrelse eller posisjon, bare rotasjonen vil påvirke lysets utseende.

Så, for å manipulere lyset, trykk nummeret 7 på tastaturet ditt, som aktiverer lys forhåndsvisningsmodus i visningsporten, og roter sollyset til du er fornøyd med det. Ikke vær redd for å eksperimentere med dette og produsere noen testreferanser. Jeg ønsket at himmelen min skulle komme nesten mot kameraet, så jeg plasserte det likt det du kan se nedenfor.


Trinn 10

Vi skal gjøre kameraet litt mer interessant ved å gi det en vidvinkelvisning. I visningsporten klikker du på Vis> Velg kamera.

Hvis Attributredigering ikke allerede er opp, trykker du på Kommando + A. Deretter skriver du under 18 Kamera-attributter under Kameraattributter.


Trinn 11

Når du er fornøyd med vinkelen din, går du til Render Settings igjen, og under kategorien Felles kan du endre størrelsen på gjengivelsesutgangen. I mitt tilfelle jobbet jeg med A4-størrelse, så jeg satte disse dimensjonene inn, men vær så snill å velge din egen.

Deretter under Render-menyen, trykk Render Current Frame. Du bør ende opp med noe som ligner på bildet nedenfor!

I Render View, trykk på File> Save Image. Lagre det som en fin, høy kvalitet Targa-fil.

Deretter lager du et nytt Photoshop-dokument (igjen, A4-størrelse i mitt tilfelle) og limer inn det gjengitte bildet i det.


Trinn 12

Det er her det blir morsomt!

Start med å åpne opp referansebilder, og tenk på hvilke deler av bildene som kan gå hvor. Du kan da starte med å bruke Polygonal Lasso-verktøyet til å gjøre valg rundt rektangulære flekker av dine referansebilder som vekk ligner vinkelen der du vil lime dem over din gjengivelse. Når et valg er gjort, Kommandoen + C for å kopiere og Kommando + V å lim inn på dokumentet med det gjengitte bildet.

På dette punktet, ikke bekymre deg for mye om å oppskalere små referansebilder, det blir neppe merkbart i ditt endelige resultat. Når du har en oppdatering av bygninger limt inn i scenen din, trykk på Command + T til Free Transform, og bruk Command + klikk og dra på hjørnene av eksempelbildene dine for å manipulere deres perspektiv grovt på plass. Sett blandemodus til Overlay, Multiply eller hva som helst annet fungerer best. Du kan også leke med opasitet.

Igjen, føler ikke behovet for å være veldig presis. Det spiller ingen rolle så mye om noe av perspektivet ser ut til å være feil, det er et veldig løs konsept, og bildene er bare der for å skape en ide om arkitektur og overflatestruktur. Disse feilene vil bli dekket i senere stadier uansett.

En ting du bør være veldig forsiktig med er skala! Prøv og bilde et menneske som står på gaten (lim inn i, hvis det hjelper!) Og tråkke ut om det er noe for urealistisk i forhold til personen i skala.

Dette er en veldig organisk prosess, jeg kan ikke fortelle deg nøyaktig hvor du skal lime inn hvert bilde, men jeg håper du får ideen om prosessen!


Trinn 13

Det neste trinnet er hvor en grafikkbrett virkelig kommer til nytte. Det er fordi vi skal gjøre noe faktisk maleri! De tilpassede børstene jeg bruker 99% av tiden, er "MyBroosh" og "Oil Pastel Large 3", som er inkludert i gratisbørstepakken, med vennlig hilsen fra kunstneren Daarken på hans hjemmeside. Du finner borstene i sin fantastiske Tutorials-seksjon.


Trinn 14

Ikke vær kvitt hvis du ikke har hatt noen tidligere digital maleri opplevelse. Vi maler ikke en hel scene, men legger bare biter av detaljer og tone for å blande bildeelementene sammen.

Sørg for at du arbeider i nye lag når du gjør ting som å male, slik at du alltid kan slette alle penselstrøkene uten å skade materialet under.

Som du kan se nedenfor, trenger du bare å legge til tilfeldig tone og detalj over hele scenen din, uten å være for presis. Bare husk å vurdere lyskilden, slik at du legger til høydepunkter og skygger på de riktige stedene. På det andre bildet under, kan du se bare malingslaget klistret over rødt, slik at du kan se svarte og hvite slag. Jeg håper du kan se hvor rotete du kan være med dette!


Trinn 15

En god og billig måte å legge til fargeinformasjon uten å male det, er å bruke eksisterende fotografier eller malerier. For eksempel likte jeg virkelig fargen og lyset på dette fotografiet av Leo Rubinfien, så jeg klistret akkurat det over dokumentet mitt, strakte det for å fylle hele lerretet mitt vertikalt og sette det til Overlay, med omtrent 67% opacity. Så slettet jeg bare den øverste delen av bildet slik at det ikke gikk inn i himmelen.

Prøv å eksperimentere! Mange ganger vil disse forsøkene gå galt, men feilene er verdt det bare for få ganger når de jobber.


Trinn 16

Du bør da begynne å etablere lys- og skyggeområdene litt lenger, for å stramme opp scenen. Igjen kan du bare se det nye malte laget klistret over rødt. Jeg satte opaciteten til dette laget til rundt 84%.


Trinn 17

Hvis du føler behov for, fortsett å fortsette å legge til flere biter av tekstur og arkitektur til din scene. I dette tilfellet har jeg plassert noen flere vinduer og noen skorstene rundt scenen, siden det så litt for bokslignende.

Deretter begynner du å legge til flere toner ved å lage et Gradient Map-justeringslag, sette det til Soft Light og ca 11-15% deksel. Jeg brukte graden "gul, violett, oransje, blå". Jeg har også lagt til en gul / oransje grunge tekstur funnet på designshard.com og satt den til Soft Light, på rundt 22%.

Disse trinnene er på ingen måte absolutt. Igjen, de er ikke eksakte verdier og ressurser som vil fungere med hvert bilde, så på alle måter eksperimentere til noe fungerer for deg. Jeg håper bare å dele metoden for å skape dette bildet, og det vil forhåpentligvis gi deg ideer når du lager din egen.


Trinn 18

Lag et nytt lag og begynn å male noen penselstreker i oransje-ish og røde toner, med laget satt til farge og om lag 40% opasitet. Siden bildet lente seg mest til kjøligere toner, trodde jeg det kunne legge til litt fargebalanse og variasjon.

Deretter legger jeg til et nytt kurvjusteringslag, og lager en liten S kurve på den, for å mørke skyggene og lyse høydepunktene.


Trinn 19

For å fremheve skyggen og solopplyste toner, skaper du et nytt lag og fyller det med en gradient som går fra en oransje til en blå tone, som du kan se på bildet nedenfor. Sett deretter dette laget til Overlegg på rundt 10% opasitet.

Du kan deretter legge til en annen gul / oransje grunge tekstur, som den som tidligere nevnt, og sette den til Soft Light med rundt 34% opasitet.

Jeg trodde også at jeg skulle nevne at selv i dette stadiet fortsatte jeg å legge til arkitekturreferansefotografier der jeg trodde de trengte å legge til flere detaljer.



Trinn 20

Vi er nesten der! Bare legg til noen smågraderkort for siste øyeblikk eller andre justeringslag. Deretter lager du et nytt lag og fyller det med Mid-Gray, og går til Filter> Noise> Add Noise. Avhengig av bildestørrelsen, juster prosentandelen slik at den bare er en veldig subtil effekt, og kryss av i Monokromatisk boksen. Sett dette laget til Overlegg ved rundt 60-70% opasitet, eller til det ser riktig ut til deg.

Deretter flater du bildet ditt og bruker et uskarpt maskfilter for å smake!


Konklusjon

Du kan nå gjøre hva du vil, jeg har nettopp lagt en hvit ramme over en svart bakgrunn, og litt tekst, men presentasjonen er opp til deg.

Takk så mye for at du tok deg tid til å lese dette. Jeg håper denne opplæringen har vært innsiktsfull og inspirerende.

Som du kan se, trenger du ikke å være en flott maleren med mange års erfaring med å skape vellykkede stykker konseptkunst. Kan ikke vente med å se hva dere kommer med. Lykke til i dine fremtidige kreasjoner!