Share
I dag skal jeg ta deg inn i skjønnheten i svart og hvitt design. Vi vil lage noen uttrykksfulle bokstaver, som inkluderer tanker knyttet til et sentralt ord. Vi gjør standard tekst til en fantastisk, ødeleggende illustrasjon, og gir den et enestående unikt utseende. Så, la oss rocke denne og lære alt om de kule teknikkene som er inkludert her!
La oss ta en titt på bildet vi skal skape. Du kan se den endelige bildet forhåndsvisning nedenfor eller se en større versjon her.
Vår videoredaktør Gavin Steele har laget denne videoopplæringen for å komplimentere denne teksten + bildeopplæringen.
Selv om det er vanskelig å spore konseptets eksakte opprinnelse, som de er utviklet over tid, har minst et par artister påvirket min visuelle tankeprosess som fører opp til denne opplæringen, og jeg vil koble til arbeidet deres. For en stund siden ønsket jeg å lage noe med sprut, da så jeg Peter Jaworowskis arbeid her, og jeg elsket de svarte og hvite sprutene som ble brukt i dette stykket. I det siste fant jeg noen fantastiske svart og hvite kunstverk fra Pete Harrison som også var innflytelsesrik.
I dette arbeidet lager jeg typografisk kunst ved hjelp av abstrakte linjer. Jeg koblet alle disse ideene til en og bestemte meg for å erstatte linjer med sprut, og gå inn i svart og hvitt humør ved å gi den generelle designen et godt uttrykk og konsept. Også lyst er det overordnede konseptet bak dette stykket, som illustrerer rotet og ødeleggelsen som det forårsaker i menneskets sinn.
I denne opplæringen er vår hovedoppgave å lage dekket typografi. For bedre å se hva som skjer, vennligst klikk på det siste bildet ovenfor for å se den større versjonen. Mens du forbereder deg på å lage noe slikt, må du finne veldig gode bilder som passer til hovedkonceptet. Jeg valgte sprutobjekter og funnet de som er lett ekstraherbare.
Den enkleste måten er bare å kjøpe dem, fordi det er svært vanskelig å finne støy av høy kvalitet på gratis lagerbilder. Jeg pleide mest 123rf.com, kreditter er ikke dyre og bildene er virkelig kvalitet. Så la oss ta en titt da. For å lage bokstaven brukte jeg denne. Hvis du vil oppnå et større utvalg av resultater, kan du også ta disse: bilde to eller bilde tre.
Det er mange ideer for dekket typografi, du kan prøve å gjøre det med vann, eller bruke andre sprut. I denne opplæringen er alt opp til personlig smak. All staveposisjonering avhenger av hva du vil se i dette arbeidet. Så, det er mange måter du kan implementere disse teknikkene på i arbeidet ditt.
Før vi starter, så lenge prosjektet kun er tilgjengelig for webgrafik, kan du holde med en oppløsning på 72px / tommer, så du trenger ikke å kjøpe større bilder. For meg, jeg liker alltid å ha mulighet til å skrive ut arbeidet mitt, så jeg skal gå til en oppløsning på 300px / tommer og kjøpe noen større bilder (de kan alltid være nyttige). Nå som vi har valgt våre bilder, la oss gå videre.
La oss tilbakestille fargene til standard. Det første du må gjøre er å treffe D på tastaturet for å få fargene til å skifte til svart / hvitt. Opprett nå et nytt dokument på 1400px bredde og 1000px høyde, og la oss si en oppløsning på 300 px / tommer
Lag et nytt lag og nev det "Lust." Ta tak i Paint Bucket Tool (G), endre Forgrunnsfarge til svart, og fyll bakgrunnen med den. Endre fargen til hvit, ta tak i Type Tool (T) og lag tekst i midten av bildet. Som en skrifttype brukte jeg Trajan Pro med skrifttypestilen satt til fet.
La oss ta vare på teksten. Vi må legge til en dybde av det. Gå til "Lust" -lagets Blandingsalternativer, og bruk innstillingene som vises nedenfor.
Lag et nytt lag under "Lust" -laget, betegne det "Back stars." Ta tak i Paint Bucket Tool (G), endre fargen til svart og fyll dette laget. Deretter går du til Filter> Støy> Legg til støy. Still beløpet til rundt 12% og Distribusjonen til Gaussisk, se også Monokromatisk. Deretter velger du Bilde> Justeringer> Nivåer, og gjør halvparten av prikkene innblandet.
Lag et nytt lag over "Back stars" -laget. Bytt farge til hvit, ta tak i børsteverktøyet (B) med hardhet satt til 0% og flyt til 18%. Deretter lage noen punkter bak denne typen. Deretter åpner du dette splatterbildet i Photoshop, venstre-klikk to ganger på laget for å låse opp bakgrunnen. Gå til Bilde> Justeringer> Inverter, for å gjøre splatteren hvit. Bruk deretter Filter> Uklarhet> Gaussisk uskarphet med en radius rundt 50 px (ikke mer).
Nå når du drar dette "Back blur" -laget i vårt hovedprosjekt og endrer blandingsalternativer til skjermen, vil de mørke farger nesten forsvinne, og vil ikke forstyrre illustrasjonen vår. Så lag rundt to duplikater (Command + J) av dette laget, legg det et sted bak teksten, og senk deres Opacities et sted mellom 10-20%.
Det kan være noen dårlige utseende deler med denne uskarpe splatteren. Så hjelp deg med Eraser Tool (E) med hardhet satt til 0%, og Flow of 50%, og slett noe hvis det er nødvendig.
Dra igjen "Blur back" -laget til vårt prosjektdokument. Senk opaciteten til et sted rundt 10%, og legg dette laget under "Lust" -laget i lagpaletten. Dupliser det fire ganger (Command + J), og plasser hver i alle fire bilde hjørner. Ta nå smudgeverktøyet (R), sett styrken til rundt 50-60% og smekk disse fire lagene for å få dem til å se tåke.
Finn nå noen rotete splash / scratch svart og hvitt bilder. Du kan bruke den samme som jeg gjorde. Åpne den i Photoshop (ikke dra den til prosjektdokumentet ennå) og gå til kanalpaletten. Mens du holder Command, klikker du på "Grey" -kanalens miniatyrbilde, dette vil legge inn mønstervalget. Deretter går du tilbake til lagpaletten og lager et nytt lag.
I kanalpaletten la vi utvalget av det hvite området, men vi vil at de svarte flekkene skal bli valgt. Så nå slår du Command + Shift + I for å reversere valget. Ta tak i Paint Bucket Tool (G), endre Forgrunnsfarge til hvitt og fyll ut valget. Nå skal du ha noe som ligner på det fjerde bildet nedenfor.
Når du er ferdig, trykk Kommando + D for å fjerne markeringen av valget.
Dra dette flekklaget til vårt hovedprosjekt og nev det "Back flakker hvitt." Det er viktig å plassere dette laget over lagene "Back Blur". Endre størrelsen på den ved hjelp av Rediger> Gratis transform og roter Rediger> Transform> Roter. Bytt nå Blending Mode til Overlay og lag lagets Opacity mellom 50-90%. Opasitetsnivået er opp til personlig smak.
Nå bruker du Command + J, dupliser dette laget et par ganger og plasser det som du vil. Også, lek med disse lagdisplayene. Hjelp deg med Eraser Tool (E) med hardhet satt til 0% og Flow rundt 40%. Jeg slettet noen flekker som plaget meg.
Og for å oppnå et bedre resultat, kan du gjenta trinn 6, men denne gangen farger du valget med svart, nevner dette laget "Ryggsmerter svart" og gjentar samme prosess - gjør bakgrunnen enda mer rotete (se på det fjerde bildet nedenfor).
Vær også oppmerksom på at Overlay Blending-modusen i lagene "Back stain white" fungerer bare når du plasserer dem i ikke-svarte flekker, så plasser disse lagene på grå uskarp bakgrunn. Men blandingsmodusen i "Ryggsmerter svart" kan settes til Normal, da det ikke er noen forskjell i dette tilfellet.
Opprett et nytt lag, kaller det "Text gloss." Ta tak i Elliptical Marquee Tool (M) og tegne ellipsen. Deretter velger du den hvite fargen, tar tak i Gradient Tool (G), setter gradienten til Linear, og forhåndsinnstilt til Forgrunn til Gjennomsiktig. Dra gradienten fra topp til bunn. Hit kommando + D for å fjerne markeringen.
Hold kommandoen og venstre-klikk på "Lust" -lagets miniatyrbilde for å laste inn valget. Gå til Velg> Endre> Kontrakt. Og hvis teksten ligner min, skriv 5 piksler. Mengden piksler avhenger av teksttykkelsen, jo tykkere det er, desto flere piksler må du ha for å få glansen til å se bra ut. OK, velg neste> Velg> Inverse og trykk Slett på tastaturet. Til slutt grip Eraser Tool med Flow sett til 30% og hardhet på 0%, og slett noen bunn deler av denne glansen.
Husk å leke med "Tekstglans" Opacity, senk den ned til rundt 10-20%. Når du er ferdig, hold Command og velg "Lust" og "Text gloss" lagene i Layout Palette, og trykk Kommando + E for å fusjonere dem. Navn dette sammenslåtte laget "Lust."
Her må vi trekke ut sprutet fra enfarget bakgrunn. Så åpne dette bildet, eller velg et eget valg. For dette trinnet vil jeg referere til en teknikk som Nik Ainley brukte i sin Mystic-veiledning, i trinn 8. Det er en fin måte å få dette gjort veldig raskt på.
Selvfølgelig kan du trekke ut dette sprutet ved hjelp av Pen Tool (P), hvis dette er teknikken du foretrekker. Uansett er det greit.
Etter å ha klippt dette nøyaktig, dra dette bildet til vårt hovedprosjektdokument. Navngi det "Black splash" og endre størrelsen på det bare et trykk (Rediger> Free Transform). Deretter trykker du på Command + Shift + U for å desaturere denne splashen. Gå til Bilde> Justeringer> Nivåer, og mørk dette bildet litt. Deretter øker du lysstyrken og kontrasten ved hjelp av Bilde> Justeringer> Lysstyrke / Kontrast.
Vårt svarte sprut er nå klart å stenge. Opprett en gruppe som heter "Black splashes" øverst på lagpaletten. Trekk "Black splash" -laget inn i det. Husk å holde denne gruppen over "Lust" -laget i lagpaletten.
Viktig! Før vi gjør noen operasjon på dette sprutet, husk alltid å kopiere det (Command + J). Det er godt å ha en splash backup - bare i tilfelle. Så gjør dette dupliserte laget usynlig og navnet "Splash backup." Hit igjen Kommando + J for å lage en annen kopi og jobbe på denne kopien.
Gå til Rediger> Gratis omforming og roter denne splashen for å finne den mest komfortable posisjonen med brevet L. Pilene viser et sprutstykke som vi skal bruke som base.
Ved hjelp av Lasso Tool (L), trekk et utvalg rundt sprutet som vi valgte å begynne med. Gå til Velg> Omvendt (Kommando + Skift + I) og trykk Slett på tastaturet. Dette vil gjøre alt det skitne arbeidet for deg. I stedet for å slette alt annet med Eraser-verktøyet, har vi nettopp organisert vår måte å gjøre dette enkelt og rent. Nå når du slår på Command + D for å fjerne markeringen, kan du se at vi er igjen bare med en splash. Og det er slik vi skal fylle hele denne teksten.
Når du arbeider med sprut, kan du alltid hjelpe deg med Eraser Tool (E) satt til 100% hardhet og 100% flyt. Bli kvitt deler som ikke passer til brevet (se på det tredje bildet nedenfor).
Som jeg nevnte før, må du alltid ha en sikkerhetskopi av laget som vi brukte som omslag. I dette tilfellet bruker vi en splash hele tiden. Så gjør en annen kopi av ditt reserveplash lag (den som heter "Splash backup"), endre navn på "Black splash" og spill rundt igjen med posisjonering og rotering (Rediger> Gratis transformasjon).
I utgangspunktet må du gjenta Trinn 12, så mange ganger du trenger. Opprett en liten omslag for første bokstav. Men dekk det ikke helt, vi ønsker ikke å skape et rot. Ta deg tid og legg til de sprutene med presisjon.
Bildene under viser mitt tilfelle når jeg håndterer brevet L. Jeg fikk ofte dårlig skyggekanter, og jeg hjalp meg selv med en hard viskelær.
Bare for ikke å bli rotete, husk å lage en gruppe for hvert dekket brev, betegne dem "L svart", "U svart" ... etc.
Før du dekker andrebrevet, vær oppmerksom på hvordan forbindelsene mellom bokstavene blir gjort. Prøv å få det til å se ut som en flytende overgang. Velg sprut forsiktig, og endre størrelsen på dem eller reposisjon dem etter behov. Men bruk aldri Warp, resultatet kan bli uklart og uklar.
Prøv å gjøre disse sprutene naturlige. Faktisk er det noe som ti mindre stumper her, men når de er riktig plassert og redigert, ser de ut som ett stykke.
Mens du dekker det andre bokstaven, prøv å bruke forskjellige stillinger, forskjellige splash størrelser og noen nye vinkler. Jeg opprettet hele teksten, med bare ett splash-bilde. Du må eksperimentere og teste hvilken posisjon og størrelse som passer best. Hold balansen og ikke overdrive med sprutbelegg.
Som du ser, er forbindelsen mellom U og S er ganske vanskelig å gjøre. Jeg eksperimenterte med noen forskjellige splash posisjoner, og det så fortsatt dårlig ut, så jeg forlot det til slutten. Og jeg tok vare på S. Det er et svingete brev, så oppgaven var ikke lett. Hvis du får et så komplisert brev i ditt eget brev, så husk nøkkelen er å kutte mange små sprut og bland dem med større. Små sprut passer best i kurvene.
Ikke glem å hjelpe deg med Eraser Tool (E) med hardhet satt til 100% og Flow på 100%. Det er en livredder.
Det er bare ett bokstav igjen i teksten min. Det er T, og som du kan se, er straight lettere lettere å dekke. Gjenta den samme prosessen på resten av din egen tekst. Når du er ferdig, ta en titt på dekket typografi. Det ser bra ut, men mangler fortsatt noe.
Først og fremst plager det meg at denne teksten kun har en farge på sprut. For det andre, de sprutene ser flatt ut (de omgir ikke teksten). Så la oss pope dem opp, og gi dem litt dybde.
Ta med det opprinnelige bildet av separert rødt splash igjen. Hit Command + Shift + U for å desaturere den. Gå til Bilde> Justeringer> Skygger / Høydepunkter og bare gi verdier for Shadows-delen. Det er en mengde på 90% og en tonal bredde på 100%. Deretter går du til Bilde> Justeringer> Eksponering, og du må leke med disse innstillingene for å få et godt skinnende, hvitt resultat. Til slutt berører du det med Bilde> Justeringer> Lysstyrke / Kontrast.
Nå har vi et hvitt sprut. Gi det navnet "Hvit sprut." Gjenta nå dekkprosessen ved å kutte og plassere den. Husk å lage en sikkerhetskopi av dette laget først. Denne prosessen er opp til din personlige smak, du kan plassere dette laget under eller over de svarte sprutene, prøv å finne den flotteste stillingen. Alle mine hvite sprut var under svarte, som jeg likte det mer på denne måten.
Mens jeg opprettet hvitt sprutdeksel, fant jeg en god måte å gjøre sammenhengen mellom U og S bokstaver. Og etter min mening passer det veldig fint. Så, når du lager din egen tekstdesign, så søk alltid etter en ny løsning. Og det er ingen bedre måte enn å eksperimentere. Igjen å bruke små stykker, kan du se at alt er mulig.
Stort utvalg av sprut har nå en fin balanse. Men bildet mangler fortsatt litt dybde. I stedet for å plassere disse sprutene bak teksten, tar vi bort noen brevdeler for å simulere dybden. Dette vil også gi en mer dramatisk effekt på det endelige resultatet.
Gjør nå en duplikat (Command + J) av dette "Lust" tekstlaget. Navngi det "Tekststykker", og skjul dette laget (gjør det enkelt usynlig ved å klikke på øyeikonet). Velg "Lust" -laget, legg til en lagmaske til den. Bytt forgrunnsfarge til svart, ta deretter med børsteverktøyet (B), og velg en fin grungy børste.
Siden jeg ikke er en børstefanatiker, bruker jeg for det meste standard Photoshop børster. Det er en god måte å vise deg at du kan lage noe kult uten å ha profesjonelt utstyr. Så jeg valgte "Spatter 24 piksler" og børster som ser ut som denne. I utgangspunktet er den beste børsten å gjøre en slik ting vanskelig, med mange skarpe detaljer.
OK, nå som vi har valgt riktig pensel, velg "Lust" Lags Mask og lakk med svart for å dekke noen rette tekstflater. Husk å holde børsten Hardness and Flow satt til maks. Pilene som vises nedenfor viser noen flekker som jeg valgte å slette.
Nå husk "Tekststykkene" laget (gjør det synlig). Ta tak i Flyttverktøyet (V), og flytt denne teksten litt mer til bunnen av bildet, for å bedre se hva som skjer.
Vi jobber på "Tekstbiter" -laget. Så ta tak i Lasso Tool (L), velg hvert brev separat, og hold inne Command, dra dem litt eller roter ved å bruke Rediger> Gratis omforming. Etter redigering treffer hvert brev Kommando + D for å fjerne markeringen av valget. Til slutt, ta tak i Flyttverktøyet (V) igjen og flytte denne teksten tilbake til sitt opprinnelige sted. Husk denne teknikken, du skal bruke den i neste trinn for å knuse denne teksten.
La oss nå ødelegge "Tekstbiter" -laget på samme måte som "Lust" lagteksten. Men denne gangen bruker du ikke en lagmaske, i stedet for den, bruk Eraser Tool (E) med maksimal hardhet og flytbørste, og bare maling på laget for å slette. Velg noen grungy viskelær børste (i det første bildet nedenfor, peker jeg på noen pensler du kan finne nyttige). Så bli kvitt noen deler av de roterte bokstaver.
Etter å ha slettet, gå gjennom samme prosess som i trinnet før, men denne gangen gjelder det ikke for hele bokstavene, men til valgte områder av bokstavene. Så ta tak i Lasso Tool (L), velg hvert brevbit separat. Neste, mens du holder Command, drar du dem litt, og roterer dem med Rediger> Gratis omforming. Etter redigering av hvert stykke, trykk Kommando + D for å fjerne markeringen av valget. I det tredje bildet nedenfor får du ideen.
Dette er en god måte å skape et destruktivt utseende på, og det beste er at de knuste stykkene har en fin dybde. Dette skyldes at de ble laget av stylet og lettere tekst med et snev av 3D-effekt.
Hvis noe med knustheten som er påført det, ikke ser riktig ut, kan du alltid hjelpe deg med Eraser Tool (E) med 100% hardhet og 100% flyt.
Dette var den viktigste effekten, når du får sprut og knusseffekt gjort, går det nå til målstreken.
La oss legge til litt fantasi til dette bildet. Opprett et nytt lag fremfor alt, navngi det "Linje". Bytt Forgrunnsfarge til hvit, og gjør børstestørrelsen 1px stor. Bruk pennverktøyet (P) ved å tegne en linje over hele illustrasjonen, høyreklikk og valgt Stroke Path. Dupliser nå (Command + J) dette laget fem til syv ganger. Deretter plasserer du og roterer (Rediger> Free Transform) de linjene som du vil. Også, lek med deres opasiteter, gjør dem passe fint.
Opprett et nytt lag fremfor alt og nevn det "lys". Velg børsteverktøyet (B) med en hardhet 0%, og en veldig lav Flow. Velg også hvitt for fargen.
Bruk nå en ganske stor diameter og lag en lett prikk, som vist i det første bildet under. Deretter reduseres diameterstørrelsen litt og gjør en mindre prikk (andre bilde nedenfor). Fortsett å redusere diameterstørrelsen og hver gang lage en mindre prikk. Og til slutt lage en liten, liten prikk midt i dette lyset for å simulere skinnet. Du kan klikke et par ganger for å gjøre det lysere (fjerde bildet nedenfor).
Når du er ferdig, gjør noen duplikater (Command + J) i dette "Light" -laget, plasser dem hvor du vil. Hele prosessen må opprettes på ett lag, ikke opprett et nytt lag for hver prikkbørste, da det er sløsing med tid.
La oss nå lage stjernene. Opprett et nytt lag fremfor alt, og la det være anonymt. Ta tak i børsteverktøyet (B) og endre børstinnstillingene til Flow 100%, Hardhet 100% og Master Diameter 1px. Kontroller at Forgrunnsfarge er satt til hvitt. Ta nå pennverktøyet (P) og trekk linjen over lyset. Høyreklikk deretter og velg Stroke Path (pass på at Simulate Pressure-alternativet er merket).
Dupliserer nå dette laget (Command + J) og bruker Rediger> Free Transform roter det for å lage to krysslinjer (andre bilde nedenfor). Velg de to linjene i Layout Palette (hold kommandoen og velg hvert av disse to lagene), og trykk deretter Kommando + E for å fusjonere dem. Navngitt dette sammenslåtte laget "Star". Og bruk Rediger> Gratis omforming igjen, for å endre størrelsen på den. Mens resizing holder Command + Shift; Dette vil tillate deg å beholde den perfekte formen.
Lag en duplikat av "Star" -laget ved å bruke Command + J. Navn denne kopien "Blur." Gå til Filter> Blur> Gaussian Blur, og legg til bare et blur av uskarphet. Nå dupliserer (Command + J) dette laget syv til åtte ganger.
Velg alle disse duplikatene i Lag Palette (hold kommandoen og velg hvert av disse lagene), og trykk deretter Kommando + E for å fusjonere dem. Navngi dette sammenslåtte laget "Blur" igjen. Gå nå til Filter> Blur> Gaussian Blur og legg til mer uskarphet enn tidligere, men ikke for mye (tredje bilde nedenfor). Deretter bruker du Rediger> Gratis omforming til å endre størrelsen på dette uskarpe laget, for å skape en glødende effekt.
Når du er ferdig, gå til lagpaletten. Mens du holder Command, velger du "Star" og "Blur" -lagene, og kombinerer dem med Command + E. Navn dette sammenslåtte laget "Star". Dupliserer det (Command + J) noen ganger, og det er godt å plassere det på hvert opplyst sted (femte bildet nedenfor).
Som en endelig berøring brukte jeg Typeverktøyet (T) og skrev på hver linje noen tanker knyttet til hovedordet, og ga hverandre en annen opasitet. Etter dette følte jeg at denne illustrasjonen trenger noe mer. Så jeg gikk noen skritt tilbake da vi gjorde de svarte sprutene, og jeg brukte samme teknikk for å skape et nytt sprut. For å gi dybdeskarpheten til dette bildet brukte jeg en av de foregående sprutene og en annen. Jeg gjorde dem ganske store, og la et blur av blur (Filter> Blur> Gaussian Blur).
OK, så dette er det første jeg kom opp med, er ordet "lyst". Finn noe kreativt av deg selv og dekke det med noe uttrykk. Når du eksperimenterer med dette, vil en ide følge en annen, bare fokusere på ordet du illustrerer. Takk for at du leste denne opplæringen. Jeg nøt virkelig å gjøre det. Du kan se det siste bildet under eller se en større versjon her.
Accentsconagua