Quick Tips: Lag en ASCII Inspirert Tekstbasert bilde med Illustrator
I denne opplæringen vil du lære hvordan du oppretter en ASCII inspirert Tekstbasert bilde. Denne teknikken vil tillate deg å lage bilder mer interessant enn du kan lage med mono-spaced skrifter og bruke et bredere utvalg av fonter i prosessen. Man kan si hva vi skal gjøre er å lage monospace skrift mønstre. Etter en kort utflukt til Photoshop for å forberede våre referansebilde, vil vi fortsette med vår prosess i Illustrator, noe som vil resultere i en forbløffende resultat.
Trinn 1
Når lage ASCII art er det viktig å bruke en monospace font. Ved å bruke den, kan du være sikker på at karakterene er jevnt fordelt horisontalt. De første 3 eksempel skrifter er monospace, noe som betyr at deres bredde er alltid den samme. Tahoma og Didot, blir tradisjonelt laget for sats, kjøre i forskjellige bredder.
Som du kan se nedenfor, tegnene i monospace font følger et rutenett, mens - som standard - skriften med varierende bredder ikke. Hver skrivemaskin bruker en monospace font. Når du ser på typebars vil du se at alle har samme størrelse. På den annen side, i tradisjonell sats hvert slag er like bred som dens inneholdende karakter. Lesbarhet er langt bedre med ikke-monospace-fonter, så monospace skrifttyper brukes hovedsakelig for å skrive kode i dag.
Trinn 2
Jeg har brukt denne aksjen bilde med tillatelse av bestanden artist.
Åpne bildet i Adobe Photoshop og beskjære det ønskede området. Jeg bruker beskjæringsverktøyet med en innstilling på 600 × 800 piksler. Størrelsen på bestanden spiller ingen rolle for det endelige resultatet. Selv små bildene vil trene bra.
Slå av bildemodus i gråskala, gå til Bilde > Mode > Gråtoner. Dobbeltklikk på bakgrunnslaget og slå den inn i et enkelt lag for å bruke følgende filter. Gå til Filter > Pikseler > Mosaic og sette cellestørrelsen til 5. Det er viktig å huske hvilket nummer du setter dette til for prosessen som følger senere i Illustrator.
Lagre filen som en PNG som det vil gi det klareste resultatet, og vil ikke produsere gjenstander som en JPG kan.
Trinn 3
I Adobe Illustrator åpne et nytt dokument av samme størrelse som den lagrede (mine er PNG, 600 × 800 piksler). Plasser bildet på lerretet.
Vi vil nå utføre live Trace på bildefilen. Velg bildet og velg " live Trace " fra toppen bar alternativer. Vi vil redigere innstillingene, derfor gå til toppen bar og åpne Tracing Options Dialog.
Angi den maksimale mengden av farger til 12 vil hjelpe oss ved å begrense mengden av arbeid for senere. Vi vil sette Blur til 0 fordi vi er ute etter skarpe kanter. Innstilling Sti Montering, minimumsareal Corner Angle til 0 vil bidra til å oppnå et rent resultat for Live Trace. Klikk OK, nå utvide Live Trace og dele opp resultatet.
Trinn 4
Vi ønsker å ha en form for hver farge, slik at vi blir nødt til å forene alle fasonger fra hver farge ved hjelp av Pathfinder Panel.Select en form og gå til markering > Samme > Fyllfarge.
Trinn 5
Åpne Pathfinder Panel og velg alternativet Unite. Du kan få en gruppe med alle figurene valgt, i så fall gå til pilikonet øverst i høyre hjørne av panelet og velge Lag Compound Shape og deretter Utvid form.
Gjenta trinn 4 og 5 for alle tolv farger. Du skal nå ha 12 figurer. Samme mengde figurer som farger du plukket for live spor. Hvis du zoomer inn, vil du se at figurene har perfekte rektangulære hjørner.
Trinn 6
Åpne Fargeprøver-panelet, velger du alle farger og slette dem. Nå Legg Brukte farger fra panelalternativer.
Zoom inn på nedre venstre hjørne av lerretet og skape en 5 × 5 pixel firkantet form. Dette er den nøyaktige størrelsen på Mosaic effekten du har søkt tidligere i Photoshop. I tilfelle du har brukt en annen størrelse for Mosaic, lage din kvadrat denne størrelsen nå.
Lag så mange kopier av plassen som antall farger du har i Live Trace Effect, som skal være lik antallet farger i fargekartpanelet. Jeg setter dem i en avstand på 10 pixel hver.
Trinn 7
Det vi må gjøre nå er å finne bokstaver som kan ligne hver farge. Kopiere alle dine firkanter og flytte dem 10 piksler opp. Slett alle fyllinger fra kopiene slik at de blir gjennomsiktig.
Dette er viktig for senere når vi skal lage mønstre fra bokstavene. Ved å bruke en gjennomsiktig bakgrunn form Tegner vil erkjenne at formen som grenser til mønsteret. Dette er hvordan vi skaper monospace skrift mønstre.
Nå er det på tide å begynne med bokstavene. Vi kommer til å starte med den mørkeste fargen. (Det kan være lurt å bytte til Se >. Preview-modus, slik at du fortsatt kan se grensene for nå gjennomsiktig kvadrater)
Målet er å finne et brev enn det som kan representere en viss nyanse av grått. Dette er ganske lett å se: bare se på hver bokstav. Hvis du setter den i en firkant, ville hvor mye plass fylles med svart og hvor mye negativ plass det er igjen? Jo mer svart fyll, jo mørkere brevet, jo mørkere nyanse. Jo mer negativ plass omgir bokstaven, jo lysere brevet og skyggen. Vanligvis store bokstaver skape en mørkere farge, mens små bokstaver fungerer fint for lysere nyanser. Bland i noen skilletegn for å få mer variasjon. Så snart du er fornøyd med valget av bokstaver, gruppe hver bokstav og dens underliggende gjennomsiktig kvadrat. Legg dem alle i nedre venstre hjørne av lerretet. Vær oppmerksom på de gjennomsiktige rutene når du plasserer gruppene, ikke bokstav.
Vi skal nå lage et mønster fra hver bokstav annet gruppen. Bare dra hver gruppe inn i Fargeprøver-panelet.
Trinn 8
Det neste trinnet er å erstatte hver nyanse av grått i Live Trace vår portrett med sin sin likner " Letter Pattern ".
Trinn 9
du kan legge merke til ved å fylle formene som noen bokstaver har mer å fylle eller negativ plass enn du realisert før. I dette tilfellet, " en " mønsteret er mye mørkere enn sin nabo "? " mønster. Den raskeste løsning på dette er å bare bytte fyllingene. Du kan også opprette nye brev mønstre for å løse dette problemet. Det er alltid mye prøving og feiling involvert.
Step 10
Her er et nærbilde av hvordan utveksling av " en " og "? " trer i kraft.
Trinn 11
Når du er fornøyd med alle nyanser av bildet du er i utgangspunktet gjort. Men for å ytterligere skille mellom ASCII og denne nye teknikken, kan vi legge til farger eller effekter til vårt arbeid.
Trinn 12
Hvis du vil legge til farge til arbeidet, må du legge til en form fylt med hvit under portrett former og samme form med fargen på din smak over portrett former. Sett den fargede formen til skjermen og brevene er nå farget.
Trinn 13
For å forsterke bildet enda mer, legger en gradient fyll og sett den til Soft Light.
Konklusjon
Når du lagrer arbeidet ditt, det vil nok se litt annerledes, enn forhåndsvisning i Illustrator. Hvis du er bekymret for å miste detalj, bruke 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. Ved hjelp av hvitt i stedet for svart kan resultere i en interessant utseende. Dessverre vil du ikke være i stand til å se mønstre i Fargeprøver-panelet, når du bruker hvit som fyll
Men som alltid:. Den beste tingen å gjøre, er å gå og prøve det ut!