Create en kode-stil T-Shirt Design for Website Promotion

Kampanjer spiller en viktig rolle i å markedsføre produktet. Høy kvalitet design gir en merkbar innvirkning på produktet bevissthet blant målgruppen. I denne opplæringen, vil vi utforme et kampanjetilbud t-skjorte for et nettsted som er laget eksklusivt for PHP-entusiaster.

Dette er en spesiell tutorial sponset av Astute Grafikk som omfatter bruk av sin høye kvalitet Phantasm CS ( Studio eller Publisher) Illustrator plugins. Vårt mål er å vise en vanlig programmerer som er svært begeistret for PHP. I så fall skal de delta på nettstedet uten forsinkelse. La oss se hvordan vi oppnå våre mål i utformingen som strategisk, salgsfremmende T-skjorte!

Final Bilde Forhåndsvisning

Vil du ha tilgang til hele Vector kildefiler og nedlastbare kopier av hver tutorial, inkludert denne? Bli Vector Plus for bare 9 $ i måneden

Tutorial Detaljer

Program:. Adobe Illustrator CS3 og Phantasm CS Studio eller Publisher Plugin

Vanskelighetsgrad: Middels

Estimert Gjennomføring Tid: 2 timer

Nedenfor er det siste bildet vi skal jobbe mot

Trinn 1:. Sette opp Document

Siden vi kommer til å gjøre en t-skjorte design, er det først og fremst skritt å bestemme dimensjonene på forsiden utformingen av en T-skjorte. Vanligvis vil en 12 inches bred utforming fungere ganske bra på nesten alle store t-skjorter. Så, begynne med å lage en CMYK-dokument på 12 inches med 15 inches dimensjoner

Trinn 2:. Importer Referansebilde

Deretter trenger vi en felles programmerer nærbilde fotografi. For det, bla noen av dine favorittbilder fra harddisken din, og plasser det i dokumentet, ved hjelp av Fil > Plass. Fjern merkingen Link alternativet

Deretter endre navn på dette laget som

Trinn 3. "Closeup.": Bilde Korreksjoner

Det er ganske åpenbart at bildet du nettopp importert kanskje ikke være i de ønskede dimensjoner, og vil kreve noe beskjæring eller endring av størrelse. For det, vil vi gjøre bruk av Phantasm CS rekke Plugins for å redigere bildet. Merk: Følgende trinn fungere hvis du har Phantasm CS rekke Plugins installert

Trinn 3,1

Velg bildet og gå til Rediger >. Rediger bilde.

Dette vil åpne fotografiet i Adobe Photoshop som en midlertidig eksempel, med et filnavn "Phantasm Bilde xx.psd."

Du kan beskjære, endre størrelse eller rengjøre fotografiet i PhotoShop. Når du er ferdig, lagre filen (Command + S) og bytte tilbake til Illustrator.

Trinn 3,2

Nå som vi har gjort nødvendige endringer i den midlertidige forekomsten av "Phantasm Bilde xx PSD, "det skal også gjenspeile i Illustrator-dokument. For det, velger du bildet og gå til Rediger > Oppdater bilde.

Du vil nå se de oppdaterte endringene du nettopp laget i Photoshop ved hjelp av Rediger bilde samtalen.

Trinn 4

nærbilde handler sett og plassert i dokumentet. Deretter vil vi fokusere på markedsføringsstrategi. Vi må vise en programmerer som er ganske begeistret for PHP. For det, vil vi lage en Typografisk portrett fra denne referansen fotografi. Portrettet vil inneholde mye av PHP-kode som en Typografisk element for å danne design.

Det er mange måter å oppnå dette, men den raskeste måten jeg har funnet er å bruke halvtone funksjon av Phantasm CS serien av Plugins

Trinn 4,1

Velg bildet og gå til Effect >.; Phantasm CS > Halvtone

. Merk: Du kan også åpne dette panelet ved hjelp av Filter > Phantasm CS Studio > Halvtone, som vil fungere som et filter.

Live-effekter og filtre fungerer på en annen måte innenfor Illustrator CS3. Live-effekter ikke endre den opprinnelige grafikken permanent, mens Filters endre utseendet på en grafisk permanent. For vårt formål, skal vi bruke en Live Effect, slik at vi kan endre dem senere fra utseendet panel, hvis det er nødvendig.

Den tidligere metoden vil åpne en halvtone innstillingspanelet som en Live Effect .

Trinn 5

Med Halftone panelet åpent, gjør endringene som beskrevet nedenfor

Type:. Velg Samplet fra denne combo. Dette vil trekke den nøyaktige fargekombinasjon, samplet fra referansebildet

Mønster. Velg Grid og Regular. Du kan spille med alternative stiler etter ferdigstillelse av denne opplæringen

DPI. Tast 9 for DPI og 0 for Grid Angle. DPI vil bestemme tettheten av halvtone elementer i figuren. Et stort antall vil skape en tettere utseende, mens et mindre antall vil skape en mer abstrakt utforming. Prøv å spille med DPI innstillingen i henhold til fargetettheten i bildet

Opprett Grunning:. La dette alternativet for å få en gjennomsiktig bakgrunn. Etter å ha sjekket, vil dette skape en hvit underull for bildet

Origin:.. Velg Relativ til markering og skriv 0 for X- og Y-verdiene


Dot Egenskaper: Dette er den viktigste delen som skal danne typografisk portrett.


Velg Tegn fra Shape combo og Klikk på alternativer. Dette vil åpne et rutenett Tegn Alternativer-panelet, som vist nedenfor.


skriften alternativene i dette panelet kan du velge skrift som vil style den typografiske elementer i grafikken. Siden vi er fremme en programmerer /koding tema, vil vi trenge en font som best kommuniserer kode. Courier passer godt i det temaet.


Velg den Courier-skriften fra Skrift combo og sjekk Gjenta Tekst alternativet.


Deretter erstatte standard "ABCD .." tekst med vår definert tekst. For det, ta noen av dine favoritt PHP-kode fra kode prosjekter og lim den inn i tekstboksen som vist i bildet ovenfor


. Merk: Dette feltet vil ikke godta mer enn 3 eller 4 linjer med kode. Så prøv å plassere noen unike linjer med kode


Etter inntasting av tekst, trykk OK for å fortsette


Dot Gain:.. La resten av feltene på standardverdiene og dra Dot Gain grafen litt mot sør-øst fra midten, som vist nedenfor.


Neste, trykk OK for å fortsette. Resultatet så langt er vist nedenfor

Trinn 6:. Fargekorrigering


Vi er nesten ferdig med typografisk behandling av Portrait. Deretter vil vi legge til noen fargekorrigering ved hjelp av Phantasm CS plugins. For det, Velg bildet og gå til Effect > Phantasm CS > Lysstyrke /kontrast. Tast 50 for lysstyrke og 50 for Kontrast, som vist nedenfor


Merk:. Vi har sjekket de rike til Pure Black alternativet og Fjern overtrykk når Hvit alternativet. Disse alternativene er nyttige i å kontrollere overtrykk problemer for Black and White


Etter å ha justert lysstyrke /kontrast, resultatet vil se ut som på bildet nedenfor

Trinn 7:.. Skille bilde objekter


Opp til dette punktet, har hele bildet en jevn tetthet for typografiske halvtone elementer. Vi vil nå generere noen objekter med varierende tetthet, slik at sluttresultatet har en bedre visuell appell.


For at skape et nytt lag ved å klikke på Opprett Layer ikonet Ny i Layers Panel og gi den navnet som "solbriller."

Trinn 8: Dupliser bildet på en annen Layer


Kopier bildet av "closeup" lag (Command + C) og lim inn Forsiden på "solbriller" Layer hjelp Command + F. kort sagt, vi er duplisere innholdet i "closeup" Layer på "solbriller" lag.

Trinn 9


Ved å duplisere resultatet inn i to lag, er vårt mål å skille solbriller fra selve bildet, slik at vi kan gi den et annet Halvtone Tetthet. For det, la oss gjøre bruk av Rediger bilde samtalen igjen

Trinn 9,1


Velg bildet på "closeup" lag og gå til Rediger >.; Rediger bilde.


Bildet åpnes i Photoshop midlertidig. Neste, med det mangekantede lassoverktøyet (L) i Photoshop, velger solbriller, som vist nedenfor.


Til slutt slette denne valgte området, og lagre filen (Command + S).

Trinn 9.2


La oss komme tilbake til Illustrator og sjekke oppdateringene. Med "closeup" lag valgt, gå til Rediger > Oppdater bilde. Skjule det andre laget for å se hvilke endringer vi faktisk gjort i vår Photoshop tur


Merk:. Endringene du nettopp laget i Photoshop vil ikke påvirke kopi av bildet som er plassert i "solbriller " lag. Dette skyldes det faktum at vi utløste Rediger bilde anrop for bildet som er plassert i "nærbilde" lag. Dette vil bli klarere fra flytskjemaet nedenfor

Trinn 9,3


På samme måte velger du bildet på "solbriller" lag og åpne den i Photoshop ved hjelp av Rediger >.; Rediger bilde


Denne gangen hogge hele bildet unntatt solbriller, som vist nedenfor

Trinn 9,4


Gå tilbake til Illustrator og oppdatere bildet ved hjelp av Rediger >.; Oppdater bilde


Nå har vi to separate lag - ett for ansiktet og en annen for solbriller


Merk:.. Trinn 9 kan også utføres ved hjelp av Maske i Illustrator selv. Vi har nettopp fulgt en annen måte å oppnå rent og godt atskilt resultater

Trinn 10:. Endre Solbriller Halvtone


Med "solbriller" lag valgt, åpner Utseende Panel hjelp Shift + F6. Deretter dobbeltklikker du på "Phantasm CS Halvtone" effekt, som vist nedenfor.


Endre DPI til 15 og dra Dot Gain grafen til North-West, som vist nedenfor.


dette vil skape en solbrille objekt med en annen tetthet, og et bedre utseende. Du kan videre skille objekter som lepper, ører og øyne til å leke seg med varierende DPI-innstillinger og tetthet

Trinn 11:. Legg litt kreativitet


La oss nå legge til noen grafiske elementer for å forbedre design . Med rektangelverktøyet (M), lage en lang vertikal skive på rundt 0,15 tommer med 12,5 tommer og legg den langs venstre side av T-skjorte. Neste, fyll den med lineær gradient som vist nedenfor

Trinn 12


Velg rektangelet og gå til Effect >.; Phantasm CS Studio > Halvtone. Deretter gjelder innstillingene som vist i figuren nedenfor.


Vi har endret rutenett mønster til FM, Floyd-Steinberg og spilte rundt med noen DPI og punktstigning innstillinger. For Shape-felt, bruker samme tegnsettet for typografi behandling som vi brukte i trinn 5.

Trinn 13


Duplicate resultatet av trinn 12 og legg den bare til side rektangel, som vist under:


Deretter lage en mer eksemplar av dette rektangelet skive og plassere den på høyre side av T-skjorte. Lek litt med gradient fargeprøver, og resultatet vil reflektere synkront med Live Halvtone effekt. På bildet under har jeg brukt en grå til svart gradient for høyre side rektangelet.

Trinn 14


La oss legge til et par kode brakettene til design. For det, skriv "<" og ">" i hvilken som helst standard font og konvertere den til disposisjon ved hjelp av Command + Shift + O. Plasser disse skiltene på venstre og høyre kant av T-skjorte henholdsvis

Trinn 15:. Ved å legge til slagord


til slutt, som en merkevare strateg, vi må plassere et slagord med en unik melding. For det, vil vi gjøre bruk av standard PHP-kode stil. Det begynner med <? Php og slutter med >.? Så vil våre slagord se slik ut

Trinn 16:. Skrive Forberedelser


Sist men ikke minst; vi vil se CMYK-separasjoner for hele kunstverk som vi har skapt. For det, Velg hele design (Command + A) og gå til Vindu > Phantasm CS separasjoner. Dette vil åpne et separasjoner Panel.


Deretter klikker du på generere separasjoner. Dette vil åpne et nytt dokument vindu som inneholder kunstverket nettopp delt inn i fire prosess plater av cyan, magenta, gult og sort. Du kan enkelt se disse separasjoner i lagpanelet


De fire separasjoner av prosessfargene er vist nedenfor.

Konklusjon og Scope


Vi har laget en kampanje T-skjorte som viser entusiasme av en PHP-programmerer. Den typografiske portrett er selvforklarende i forbindelse med promotering tema. Oppgaven ble utrolig lett ved å gjøre bruk av Phantasm CS utvalg plugins.


Raster Plugin er et flott verktøy som åpner for en lang spillerom for kreativitet. Viktigst, alle disse effektene er utskriftsvennlig og produksjonen kan være klart atskilt i prosess- og spotfarger for utskrift din.


Ved hjelp av disse verktøyene, kan du spille med monokrome versjoner, som kan hjelpe mye for manuell skjerm utskrift med én eller to farger.


Hvis sluttresultatet ikke kommer som forventet, kan du prøve å spille med forskjellige fargekorrigering filtre som Hue /Saturation, Curves, Levels, eller bytte til farger for å få det beste ut i bildet. Det er et bredt omfang av kreativitet med de verktøy som Duotone, Temperatur /Tint og bytte kanaler innenfor Phantasm CS rekke Plugins. Håper du likte tutorial!


Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektor tutorials og artikler.





Previous:Candy Cane Pattern Brush
Next Page:Bruk Illustrator for å lage en morsom, 3D Character Logo