Hvordan lage et skrivesett for Xaviers skole for begavede ungdommer

Hva du skal skape

Professor X skriver ikke bokstavene sine på bare noen gamle skrivesaker. Denne opplæringen vil vise deg hvordan du lager et brevpapir som passer for X-Men-lederen, og lærer deg hvordan du kan ta med et moderne flatdesign til et brevhode og visittkort for Xaviers skole for begavede ungdommer.

For denne opplæringen, som passer for nybegynnere, trenger du tilgang til Adobe InDesign, Adobe Illustrator, og Adobe Photoshop. 

Leter du etter et enkelt å redigere skrivesett sett? Bla gjennom et stort utvalg av trendutskriftsmaler på Envato Market.

Klar til å komme i gang? Flott, la oss gå!

1. Lag skoleens logo

X-Men-logoen er ikonisk, men "X" sitter i en sirkulær grense har sett mange gjenfortolkninger i tegneseriene og filmene. Her lager vi en versjon av logoen som har et flatt, trendutseende, med en liten vintage-stil tekstur som ser bra ut på trykte papirvarer.

Trinn 1

Åpne opp Adobe Illustrator.

Nøkkelfunksjonen i den ikoniske logoen er den perfekte proporsjonale "X" -brevet. En perfekt symmetrisk 'X' er overraskende vanskelig å finne; men jeg har sporet et nesten perfekt alternativ i Intro-skrifttypen, som har en lignende følelse av grafikk i Futura-stil.

Last ned og installer Intro og gå tilbake til din Illustrator dokument.

Ta Typeverktøy (T), opprett en ny tekstramme og skriv inn en stor bokstav 'X'. Sett Font til Intro og Skriftfarge til Svart.

Med teksten valgt, gå til Skriv> Opprett oversikter, å slå X til en redigerbar vektorform.

Steg 2

Ta Saksverktøy (C) og snip "X" -formen ved to sentrale punkter, på venstre og høyre side av formen, for å lage to separate halvdeler til formen.

Slett den nedre halvdelen av formen for å forlate bare den øverste "v" -formen. 

Rediger> Kopier denne gjenværende form og Rediger> Lim inn.

Kontroll-Klikk (Mac) eller Høyreklikk (Windows)> Transformere> Reflektere å vende den lime "v" -formen for å lage en opp-ned-v-form.

Plasser den lime formen under originalen, for å lage en full 'X' -form på nytt. Ved å gjøre dette har du sikret at "X" er perfekt symmetrisk.

Velg begge deler av "X" -formen og gå til Objekt> Sti> Bli med å kombinere de to seksjonene sammen. 

Trinn 3

Ta Ellipseverktøyet (L) og holder Skifte, dra på en annen del av tavlen. Sett Fyll farge til Svart

Plasser din X-form over toppen av sirkelen, slik at den er helt sentral, og la kantene på "X" bare stikke ut forbi kanten av sirkelen, som vist nedenfor. Juster Fyll farge av 'X' til Hvit.

Trinn 4

Med både sirkelen og 'X' valgt, gå til Vindu> Pathfinder. Fra Pathfinders utvalg av ikoner, velg trim

Nå har du kuttet ut 'X', og bare etterlater formen til den svarte under.

Dette vil bli vår base logo, som vi nå kan legge til tekstur til å bruke Photoshop...

Trinn 5

Fil> Lagre som Illustrator dokumentet ditt som en AI fil og minimer Illustrator. Åpne opp Adobe Photoshop og opprett et nytt dokument. Fil> Plass vektoren din AI arkiver på lerretet.

For å lage en bokstavstryksformet teksturversjon av logoen, må vi ta med et teksturbilde. Bilder av sprakkull eller betong vil se bra ut. Prøv dette bildet av trekull eller denne sprukne betongen fra Envato Market.

Fil> Plass ditt valgte teksturbilde på et nytt lag i Photoshop dokument.

Med teksturlaget valgt, trykk Kommando-Skift-U til Avmett laget av farge.

Legg til en ny Nivåjustering lag (tilgjengelig fra bunnen av lag panel), og lek med posisjonen til skyvekontrollene. 

Prøv å sikte på å øke mengden svart og hvitt, og skape mer harde elementer i tekstur.

Trinn 6

Velg AI-logoen, og legg til en Lagsmaske.

Velg deretter teksturlaget og trykk Kommando-EN på tastaturet for å velge alt på laget, og trykk deretter Kommando-C til Kopiere

Slå av synligheten av teksturlaget og deretter Alt-klikk de Lagsmaske's miniatyrikon. Du kan nå redigere Lagsmaskeinnhold. 

Truffet Kommando-V til Lim inn tekstur. 

Kom ut av Lagsmaske ved å klikke andre steder i Photoshop lag panel.

Din logo vil trolig bli veldig blek, da alle de svarte delene av tekstur blir gjort ugjennomsiktig. Du kan invertere effekten for å gjøre den mørkere.

For å gjøre dette, gå til Vindu> Egenskaper. Fra Eiendommer panel, og med Lagsmaske valgt, klikk på Inverter knappen nederst til høyre på panelet.

Trinn 7

Bare for å gjøre effekten litt mørkere, ta en duplikat av det opprinnelige logoen laget ved å dra det ned på Lag nytt lag knappen nederst på siden lag panel.

Først gå til Fil> Lagre som og lagre filen som en Photoshop (psd) fil. 

Så gå til Fil> Lagre som igjen, og velg Photoshop EPS fra Format alternativer. Sørg for at bildet er lagret med en gjennomsiktig bakgrunn. Sett filnavnet til 'Endelig Logo_Texture.eps'.

Trinn 8

Gå tilbake til din Illustrator logo-fil, og velg den opprinnelige vektorversjonen av logoen. Kopiere og Lim inn inn i en ny Illustrator dokument. 

Legg til en ny CMYK swatch til fargeprøver panel (Vindu> Stopper), med verdiene C = 17 M = 100 Y = 96 K = 7.

Juster Fyll farge av logoen fra Svart til det nye rød swatch.

Lagre dokumentet som nytt AI fil, med 'Rød' et sted i filnavnet.

Trinn 9

Åpne opp din Utforsker (Windows) eller Finder (Mac) vindu og navigere til din lagrede Photoshop (psd) fil som du lagret i Trinn 7, ovenfor.

Kopier og lag en duplikat av filen i samme mappe. Gi nytt navn til filen med 'Rød' i filnavnet.

Åpne den nye psd-filen i Photoshop.

Høyreklikk (Windows) eller Control-Click (Mac) på hver kopi av AI-loggfilen i lag panel, og velg Erstatt innhold. Velg den røde AI logo fil og erstatte. 

Fil> Lagre som det teksturerte bildet som en Photoshop EPS fil, med en gjennomsiktig bakgrunn, navngi filen 'Endelig Logo_Texture_Red.eps'.

2. Sett opp brevpapirmalen

Trinn 1

For nå, la Photoshop og Illustrator. Åpne opp Adobe InDesign.

Gå til Fil> Nytt> Dokument. 

Sett Intent til Skrive ut og Antall sider til 6. Opphev valget Facing Pages.

Velge Brev fra Sidestørrelse rullegardinmenyen (som tilsvarer 215,9 mm av 279,4 mm). Sett marginene til 13 mm på alle sider, og legg til en Blø av 3 mm på alle kanter på siden.

Klikk OK å opprette det nye dokumentet.

Steg 2

Utvid lag panel (Vindu> Lag) og dobbeltklikk på standardinnstillingen Lag 1 Navn. Gi nytt navn til det Papirstruktur.

Klikk deretter på Lag nytt lag knappen nederst på panelet. Gi nytt navn til det nye laget Papirbakgrunn.

Lag ytterligere to nye lag, oppkalt vannmerke og på toppen av haugen, Innhold.

Låse alle lag unntatt bunnlaget, Papirstruktur.

3. Design brevpapiret

Trinn 1

Last ned et papirteksturbilde, som dette fra Envato Market. Jeg valgte å lette opp bildet litt i Photoshop først for å få det til å virke litt mindre grå, men dette er helt valgfritt.

I din InDesign dokument, og gjenværende på Side 1, ta Rektangelrammeverktøy (F) og dra på siden for å lage en ramme som strekker seg over hele siden, opp til kantene på blødet.

Gå til Fil> Plass og velg papir tekstur bildet. Klikk på Fyll Ramme Proportional knappen på toppen kontroller panel for å fylle rammen med bildet.

Steg 2

Gå tilbake til lag panel og låse Papirstruktur lag. Lås opp neste lag opp, Papirbakgrunn.

Utvid fargeprøver panel (Vindue> Farge> Svampe) og klikk på panelets Ny Swatch knapp. Dobbeltklikk på den nye fargeprøven for å åpne Swatch-alternativer vindu.

Navngitt fargeprøven Krem og sett Type til Prosess og Modus til CMYK. Flytt glidebryterne til C = 4 M = 5 Y = 6 K = 0. Klikk OK.

Trinn 3

Ta Rektangelverktøy (M) og dra til siden for å lage en form som er like stor som rektangelet sitter på laget nedenfor.

Sett Fyll farge til Krem.

Så gå til Objekt> Effekter> Gjennomsiktighet og sett Modus til Multiplisere. Minske opacity til 95%, å bringe gjennom tekstur av papirbildet nedenfor.

Trinn 4

Lås Papirbakgrunn lag og låse opp vannmerke lag.

Ta Rektangelrammeverktøy (F) og dra på siden for å lage en stor firkantramme. Gå til Fil> Plass og velg 'Endelig Logo_Texture.eps' fil, som er den svarte versjonen av den teksturerte logoen. Sett bildet pent i rammen.

Med rammen valgt, gå til Objekt> Effekter> Gjennomsiktighet og sett Modus til Multiplisere. Minske opacity til 3% å skape en vannmerke effekt.

Trinn 5

Gå tilbake til lag panel og låse vannmerke lag og låse opp topplaget, Innhold.

Lage en ny CMYK-prosess swatch fra fargeprøver panel, ring det rød og sett verdiene til C = 17 M = 10 Y = 96 K = 7. Klikk OK.

Ta Rektangelverktøy (M) og dra på bunnen av siden for å lage et langt rektangel som strekker seg over lengden av siden, opp til blødet og ned til bunnen av blødet, som vist nedenfor. Sett Fyll farge til rød.

Trinn 6

Zoom inn i toppen av Side 1 og ta deretter Rektangelrammeverktøy (F). Opprett en liten firkantramme sentralt øverst på siden, nær toppmargenen. 

Fil> Plass din 'Endelig Logo_Texture_Red.eps' fil. 

Flytt over på skuffe ved siden av siden og ta Typeverktøy (T). Dra på siden for å lage en tekstramme. Skriv inn 'Xaviers skole for begavede ungdommer'. 

Plasser markøren i begynnelsen av setningen og sett inn Font til Futura Std, Light, Size 9 pt. Fra glyphs panel (Vindu> Type og tabeller> Glyfer), sett inn et kulefelt.

Fremhev den gjenværende teksten og sett inn Font til BankGothic, Fet, størrelse 11,5 pt. 

Fremhev all tekst og sett inn Farge til rød og teksten til Juster senter.

Trinn 7

Flytt tilbake til siden, og til den røde logoen øverst.

Ta Ellipseverktøyet (L) og holder Skifte, dra for å lage en sirkel 35,4 mm i diameter. Plasser sentralt over toppen av den røde logoen.

Deretter fjerner du noen Stroke eller Fyll farge fra sirkelen ved å velge [Ingen] fra fargeprøver panel.

Gå tilbake til tekstrammen din (opprettet i Trinn 6, ovenfor) og markere og Rediger> Kopier teksten.

Velg Skriv på et sporverktøy (Shift-T) og klikk på sirkelen rundt logoen for å forvandle den til en typebane. Rediger> Lim inn teksten på banen. Vri rammen til punktpunktet er i bunnen av sirkelen.

Trinn 8

Flytt ned til bunnen av siden, og bruk Typeverktøy (T) for å lage noen tekstrammer over toppen av det røde rektangel. 

Her kan du skrive inn adressen til Xaviers skole-1407 Graymalkin Lane, Salem Center, Westchester County, New York-plasserer hver linje av adressen i en ny tekstramme.

Sett inn teksten Bank Gothic Bold, 8 pt, og legg til kuler satt inn Futura Std mellom hver seksjon av tekst. 

Lage en ny CMYK swatch, C = 16 M = 11 Y = 14 K = 20, og nev det Grå. Sett inn teksten og punktene i Grå.

Brevpapiret er komplett-fantastisk arbeid! 

Hvorfor ikke bruke Side 2 av InDesign-dokumentet ditt for å lage et duplikat av brevpapiret kunstverk (låse opp alle lagene før du kopierer og Rediger> Lim inn i sted). Inverter fargene, bruk rød for Papirbakgrunn farge og endre topplogoen til den svarte versjonen.

Fantastisk arbeid. Nå kan du lese videre for å finne ut hvordan du lager et samsvarende visittkort ...

4. Lag et matchende visittkort

Trinn 1

Gjenværende i din InDesign dokument, flytt ned til Side 3. 

Ta Sideverktøy (Shift-P) og klikk på Side 3 for å velge det. Fra toppen kontroller panel, juster Sidestørrelse til US-visittkort (88,9 mm bredde, 50,8 mm høyde).

Hopp tilbake til Side 1 av dokumentet ditt, lås alle lag unntatt Papirstruktur og Papirbakgrunn lag, og deretter Rediger> Kopier alt innhold sitter på disse lagene.

Flytt deg tilbake til Side 3 og Rediger> Lim inn. Endre størrelsen på rektanglene slik at de passer til visittkortets dimensjoner.

Juster Fyll farge av Papirbakgrunn rektangel til rød, og kontroller at gjennomsiktighetsinnstillingene er satt til Multiply, 95%.

Steg 2

Fil> Plass de 'Endelig Logo_Texture.eps' fil i en ramme laget av Rektangelrammeverktøy (F) på midten av siden.

Trinn 3

Flytt ned til Side 4 av InDesign-dokumentet ditt og bruk Sideverktøy (Shift-P) å endre størrelsen på siden til US Visittkort størrelse.

Kopiere de Papirstruktur og Papirbakgrunn innhold fra Side 3 og Rediger> Lim inn i sted videre til Side 4.

Juster Fyll farge av det øverste rektangel til Krem.

Trinn 4

Legg til tekst på visittkortet ved hjelp av Typeverktøy (T) for å lage en serie tekstrammer ned på venstre side av kortet.

Sett navnet ('Prof. Charles Xavier') på toppen, i [Svart], yrke og skole navn ('Principal'; 'Xavier's School for Gifted Youngsters') neste, i rød, og til slutt plassere adressen ('1407 Graymalkin Lane, Salem Center, Westchester County, New York') nederst i Grå.

Sett all tekst inn Bank Gothic Bold.

Trinn 5

Lagre ditt InDesign-dokument, minimere det og gå tilbake til Adobe Illustrator. Opprett et nytt dokument.

Bruke Arc Tool å lage en forsiktig buet diagonal linje som går fra topp til venstre til bunn til høyre.

Kopiere og Lim inn linjen to ganger for å skape tre Wolverine-stil "klør". 

Fra Pensel Definisjon menyen på toppen kontroller panel, åpne Penselbiblioteker menyen og velg Kunstnerisk> Artistic_ChalkCharcoalPencil. 

Med linjene som er valgt, juster du Pensel Definisjon til Trekull glatt, og sett Stroke Weight til 4 pt.

Velg alle tre linjene og Rediger> Kopier.

Trinn 6

Gå tilbake til din InDesign dokument og til Side 4 og Rediger> Lim inn.

Endre størrelsen på klørens grafikk, posisjon på høyre side av siden, og sett fargen til rød.

Trinn 7

Flott arbeid - ditt X-Men visittkort er ferdig, og det ser fantastisk ut!

Du kan bruke Side 5 og 6 av dokumentet ditt for å lage en omvendt versjon av kortet, duplisering av kunstverket fra Sider 3 og 4, og deretter reversere fargene.

5. Eksporter ditt skrivesaker til utskrift

Ditt skrivesaker er ferdig. Du er nå klar til å eksportere den, klar for profesjonell utskrift.

Trinn 1

Gå til Fil> Eksporter og velg Adobe PDF (Print) fra Format nedtrekksmenyen. Navngi PDF-filen 'Brevpapir kunstverk' og klikk Lagre.

I vinduet som åpnes, velg Trykk på kvalitet fra Adobe PDF Forhåndsinnstilling Meny. Sett Sidevalg til 1-2, bare slik at brevpapiret kunstverk blir eksportert denne gangen.

Fra Merker og bløder alternativer, sjekk Alle skriverens merker og Bruk Dokument Bleed Innstillinger.

Klikk Eksport.

Steg 2

For å eksportere visittkortets kunstverk, gjenta prosessen over, men denne gangen justerer du filnavnet til 'Visittkort Artwork' og endre Sidevalg til 3-6. 

Konklusjon

Vi vet at professor X kommer til å elske å bruke sitt helt nye brevpapir-stort arbeid! 

I denne opplæringen har vi dekket et bredt spekter av teknikker og ferdigheter som du kan søke på andre trykkdesignprosjekter. Nå vet du hvordan du skal:

  • Lag vektoriserte logoer i Illustrator og legg til moderne tekstur til dem i Photoshop
  • Klargjør en InDesign-mal for et brevhode
  • Lag et vannmerket brevhode design komplett med papiriske teksturer, farger, logo og typografi
  • Endre størrelsen på et InDesign-dokument som er klart for et visittkortdesign
  • Design et moderne, enkelt visittkort komplett med stilig typografi og kul vektor grafikk 

Vil du oppdage enda mer kule skrivesett sett? Bla gjennom det store utvalget av stilige utskriftsdesignmaler på Envato Market.