Rask Tips Lag et ASCII-inspirert tekstbasert bilde med Illustrator

I denne opplæringen lærer du hvordan du lager et ASCII-inspirert tekstbasert bilde. Denne teknikken vil tillate deg å lage bilder mer interessant enn du kan lage med monofilterte skrifttyper og bruke et bredere utvalg av skrifter i prosessen. Man kan si hva vi skal gjøre er å lage monospaced skrifttypemønstre. Etter en kort utflukt til Photoshop for å forberede vårt referansebilde, fortsetter vi med vår prosess i Illustrator, noe som vil resultere i et forbløffende resultat.


Trinn 1

Når du lager ASCII-kunst, er det viktig å bruke en monospaced skrift. Ved å bruke det, kan du være sikker på at figurene er jevnt fordelt horisontalt. De tre første eksemplarene er monospaced, noe som betyr at bredden deres alltid er den samme. Tahoma og Didot, som tradisjonelt er laget for typegang, løper i forskjellige bredder.

Som du kan se nedenfor, følger tegnene i den monospaced-fonten et rutenett, mens - som standard - skriften med varierende bredder ikke gjør det. Hver skrivemaskin bruker en monospaced skrift. Når du ser på typebjørene, vil du legge merke til at hver har samme størrelse. På den annen side, i tradisjonell typeetting er hver type like bred som den inneholder karakter. Lesbarhet er langt bedre med ikke-monospaced skrifttyper, så monospace skrifttyper brukes hovedsakelig for å skrive kode nå til dags.


Steg 2

Jeg har brukt dette lagerbildet med vennlig tillatelse fra lagerartisten.

Åpne bildet ditt i Adobe Photoshop og beskjær det ønskede området. Jeg bruker beskjæringsverktøyet med en innstilling på 600 × 800 piksler. Størrelsen på aksjen spiller ingen rolle for sluttresultatet. Selv små bilder vil fungere bra.

Slå bildemodus i gråtoner, gå til Bilde> Modus> Gråskala. Dobbeltklikk på bakgrunnslaget og slå det til et enkelt lag for å bruke følgende filter. Gå til Filter> Pixelate> Mosaic og sett cellestørrelsen til 5. Det er viktig å huske hvilket nummer du angir denne effekten for prosessen som følger senere i Illustrator.

Lagre filen som en .PNG da den gir det klareste resultatet, og vil ikke produsere gjenstander som en .JPG-ma.


Trinn 3

I Adobe Illustrator åpner du et nytt dokument med samme størrelse som det du lagret (min er .PNG, 600 × 800 piksler). Legg bildet på lerretet.

Vi skal nå utføre Live Trace på bildefilen. Velg bildet og velg "Live Trace" fra de øverste linjene. Vi vil redigere innstillingene, derfor gå til topplinjen og åpne dialogboksen Sporingsalternativer.

Ved å angi Maksimum mengde farger til 12, kan vi hjelpe oss ved å begrense antall arbeid for senere. Vi vil sette Blur til 0 fordi vi leter etter skarpe kanter. Innstilling av banemontering, minimumsareal og hjørnevinkel til 0 vil bidra til å oppnå et rent resultat for Live Trace. Klikk OK, Utvid nå Live Trace, og oppgrader resultatet.


Trinn 4

Vi ønsker å ha en form for hver farge, så vi må forene alle former fra hver farge ved hjelp av Pathfinder Panel.
Velg en form og gå til Utvalg> Samme> Fyll farge.


Trinn 5

Åpne Pathfinder Panel og velg Unite-alternativet. Du kan få en gruppe av alle valgte former, i så fall gå til pilikonet øverst til høyre på panelet, og velg Lag sammensatt form, og utvid deretter formen.

Gjenta trinn 4 og 5 for alle tolv farger. Du bør nå ha 12 former. Samme antall former som farger du plukket til live spor. Hvis du zoomer inn, ser du at figurene har perfekte rektangulære hjørner.


Trinn 6

Åpne Fargepanelet, velg alle farger og slett dem. Legg nå brukte farger fra panelvalgene.

Zoom inn på det nederste venstre hjørnet av lerretet og opprett en 5 × 5 pikslet firkantform. Dette er den nøyaktige størrelsen på Mosaic-effekten du brukte tidligere i Photoshop. Hvis du brukte en annen størrelse for Mosaic, gjør du firkanten din den størrelsen nå.

Lag så mange kopier av kvadratet som antall farger du har i Live Trace Effect, som skal være lik antall farger i Swatches Panel. Jeg satte dem i en avstand på 10 piksler hver.


Trinn 7

Hva vi må gjøre nå, er å finne bokstaver som kan ligne hver farge. Kopier alle rutene dine og flytt dem 10 piksler opp. Slett alle fyllinger fra kopiene slik at de blir gjennomsiktige.

Dette er viktig for senere når vi skal lage mønstre fra bokstavene. Ved å bruke en gjennomsiktig bakgrunnsform vil Illustrator gjenkjenne den formen som grenser til mønsteret. Slik oppretter vi monospaced skrifttypemønstre.

Nå er det på tide å begynne med bokstavene. Vi skal begynne med den mørkeste fargen. (Det kan hende du vil bytte til Vis> Forhåndsvisningsmodus, slik at du fortsatt kan se grensene for de nå gjennomsiktige rutene.)

Målet er å finne et brev enn det som kan representere en viss gråton. Dette er ganske enkelt å se: bare se på hvert brev. Hvis du setter den i en firkant, hvor mye plass vil bli fylt med svart og hvor mye negativt mellomrom er igjen? Jo mer svart fyll, desto mørkere brevet, jo mørkere skyggen. Jo mer negativt mellomrom omgir brevet, jo lysere bokstav og skygge.
Vanligvis store bokstaver skaper en mørkere farge, mens små bokstaver fungerer bra for lysere nyanser. Bland inn noen tegnsettingstegn for å få mer variasjon. Så snart du er fornøyd med valg av bokstaver, grupperer du hvert brev og dets underliggende gjennomsiktige firkant. Plasser dem alle i det nederste venstre hjørnet av lerretet. Vær oppmerksom på de gjennomsiktige rutene når du plasserer gruppene, ikke bokstavformene.

Vi skal nå lage et mønster fra hver bokstav og kvadratgruppe. Bare dra hver gruppe inn i fargefargepanelet.


Trinn 8

Det neste trinnet er å erstatte hver nyanse av grå i Live Trace av vårt portrett med sin likhet som "Letter Pattern".


Trinn 9

Du kan legge merke til at du fyller på figurene at noen bokstaver har mer fyll eller negativ plass enn du skjønte før. I dette tilfellet er "a" -mønsteret mye mørkere enn dets naboland "?" mønster. Den raskeste løsningen på dette er å bare bytte fyllingene. Du kan også lage nye brevmønstre for å løse dette problemet. Det er alltid mye prøving og feil involvert.


Trinn 10

Her er et nærbilde av hvordan utveksling av "a" og "?" trer i kraft.


Trinn 11

Når du er fornøyd med alle nyanser av bildet ditt, er du i utgangspunktet ferdig. Men for å skille mellom ASCII og denne nye teknikken, kan vi legge til farger eller effekter på arbeidet vårt.


Trinn 12

Hvis du vil legge til farge på arbeidet, må du legge til en form fylt med hvitt under stående figurer og samme form med fargen du liker over portrettformene. Sett den fargede formen på skjermen, og bokstavene dine er nå farget.


Trinn 13

For å forbedre bildet enda mer, legg til en gradient fyll og sett den til Soft Light.


Konklusjon

Når du redder arbeidet ditt, vil det trolig se litt annerledes ut enn forhåndsvisningen i Illustrator. Hvis du er bekymret for å miste detaljer, bruk en mindre Mosaic-effekt i Photoshop og velg flere farger for Live Trace. For mer slående effekter, kan du velge forskjellige farger for bokstavene i dine mønstre. Å bruke hvit i stedet for svart kan resultere i et interessant utseende. Dessverre vil du ikke kunne se mønstrene i fargepanelet, når du bruker hvitt som fyll.

Men som alltid: det beste du må gjøre er å gå og prøve den ut!