Share
Vad du ska skapaProfessor X skriver inte sina bokstäver på bara något gammalt brevpapper. Denna handledning visar dig hur du skapar ett brevpapper som är anpassat för X-Men-ledaren, och lär dig hur man tar med en modern plattformslook till ett brevhuvud och visitkort för Xaviers skola för begåvade ungdomar.
För denna handledning, som är lämplig för nybörjare, behöver du tillgång till Adobe InDesign, Adobe Illustrator, och Adobe Photoshop.
Letar du efter en lättanpassad brevpapperuppsättning? Bläddra bland ett stort utbud av trendmallar på trend på Envato Market.
Klar att komma igång? Bra då går vi!
X-Men-logotypen är ikonisk, men "X" sitter i en cirkulär gräns har sett många omtolkningar i serier och filmer. Här skapar vi en version av logotypen som har en platt trendy look, med en bit vintage-stil konsistens som kommer att se bra på tryckta pappersvaror.
Öppna Adobe Illustrator.
Nyckelfunktionen i den ikoniska logotypen är den perfekt proportionerade "X" -bokstaven. En perfekt symmetrisk 'X' är överraskande svår att hitta; men jag har spårat ett nästan perfekt alternativ i Intro-typsnittet, vilket har en liknande känsla för grafiska typsnitt i Futura-stilen.
Hämta och installera Intro och återgå till din Illustratör dokumentera.
Ta Typverktyg (T), skapa en ny textram och skriv in en stor bokstav 'X'. Ställ in Font till Intro och den Fontfärg till Svart.
Med den markerade texten går du till Skriv> Skapa konturer, att vrida X till en redigerbar vektorform.
Ta Saxverktyg (C) och snipa "X" -formen vid två centrala punkter, på vänster och höger sida av formen, för att skapa två separata halvor i formen.
Ta bort den undre halvan av formen för att lämna den översta "v" -formen.
Redigera> Kopiera denna återstående form och Redigera> Klistra in.
Kontroll-klicka (Mac) eller högerklicka (Windows)> Transformera> Reflektera att vända den inpassade "v" -formen för att skapa en upp och ner "v" -form.
Placera den klistrade formen under originalet, för att skapa en full "X" -form igen. Genom att göra detta har du säkerställt att "X" är perfekt symmetrisk.
Välj båda delarna av "X" -formen och gå till Objekt> Sti> Gå med att kombinera de två sektionerna tillsammans.
Ta Ellipsverktyg (L) och håller Flytta, dra på en annan del av tavlan. Ställ in Fyllnadsfärg till Svart.
Placera din "X" -form över toppen av cirkeln, vilket gör det helt centralt och så att kanterna på "X" bara stöter ut över kanten av cirkeln, som visas nedan. Justera Fyllnadsfärg av "X" till Vit.
Med både cirkeln och "X" vald, gå till Fönster> Pathfinder. Från Pathfinders val av ikoner, välj Trimma.
Nu har du klippt ut 'X' och lämnar bara formen på svarta nedan.
Detta kommer att bli vår baslogo, som vi nu kan lägga till konsistens för att använda Photoshop...
Arkiv> Spara som ditt Illustrator-dokument som en AI fil och minimera Illustrator. Öppna Adobe Photoshop och skapa ett nytt dokument. Arkiv> Plats din vektor AI filen på duken.
För att skapa en textpoststil, texturerad version av logotypen, måste vi ta in en texturbild. Bilder av knäckt träkol eller betong kommer att se bra ut. Prova den här bilden av kol eller den här sprickbetongen från Envato Market.
Arkiv> Plats din valda texturbild på ett nytt lager i Photoshop dokumentera.
Med det markerade textilskiktet, slå Kommando-skift-U till avmätta färgskiktet.
Lägg till en ny Nivåjustering lager (tillgänglig från botten av Skikten panel) och spela runt med skjutreglaget.
Försök och sträva efter att öka mängderna av svartvitt och skapa mer hårda element i texturen.
Välj AI-logotypens lager och lägg till en Layer Mask.
Välj sedan textilskiktet och tryck på Kommando-en på tangentbordet för att välja allt på skiktet och sedan slå Kommando-C till Kopia.
Stäng av textilskiktets synlighet och sedan Alt-Click de Layer Masks miniatyrikon. Du kan nu redigera Layer Masks innehåll.
Träffa Kommando-V till Klistra konsistensen.
Kom ut ur Layer Mask genom att klicka någon annanstans i Photoshop Skikten panel.
Din logotyp kommer antagligen att bli väldigt blek, eftersom alla svarta delar av texturen görs opaka. Du kan invertera effekten för att göra den mörkare.
För att göra detta, gå till Fönster> Egenskaper. Från Egenskaper panel och med Layer Mask välj, klicka på Invertera knappen längst ned till höger på panelen.
För att få effekten lite mörkare, gör en kopia av det ursprungliga logotypskiktet genom att dra det ner på Skapa nytt lager knappen längst ner på Skikten panel.
Först till Arkiv> Spara som och spara filen som en Photoshop (psd) fil.
Gå sedan till Arkiv> Spara som igen och välj Photoshop EPS från Formatera alternativ. Se till att bilden sparas med en transparent bakgrund. Ange filnamnet till "Final Logo_Texture.eps".
Återgå till din Illustratör logotypfil och välj den ursprungliga vektorversionen av logotypen. Kopia och Klistra in i en ny Illustratör dokumentera.
Lägg till en ny CMYK swatch till rutor~~POS=HEADCOMP panel (Fönster> Svampar), med värdena C = 17 M = 100 Y = 96 K = 7.
Justera Fyllnadsfärg av logotypen från Svart till din nya Röd swatch.
Spara dokumentet som nytt AI fil med 'Röd' någonstans i filnamnet.
Öppna din Explorer (Windows) eller Finder (Mac) fönster och navigera till din sparade Photoshop (psd) fil som du sparade i Steg 7, ovan.
Kopiera och skapa en kopia av filen i samma mapp. Byt namn på filen med 'Röd' i filnamnet.
Öppna den nya psd-filen i Photoshop.
Högerklicka (Windows) eller Control-Click (Mac) på varje kopia av AI-loggfilen i Skikten panelen och välj Byt ut innehållet. Välj den röda AI logotyp och ersätt.
Arkiv> Spara som Den texturerade bilden som en Photoshop EPS fil med en transparent bakgrund, namngivning av filen "Final Logo_Texture_Red.eps".
För nu lämna Photoshop och Illustrator. Öppna Adobe InDesign.
Gå till Arkiv> Nytt> Dokument.
Ställ in Avsikt till Skriva ut och den Antal sidor till 6. Välja bort Facing Pages.
Välja Brev från Sidstorlek rullgardinsmenyn (vilket motsvarar 215,9 mm av 279,4 mm). Ställ in marginaler till 13 mm på alla sidor, och lägg till en Blöda av 3 mm på alla kanter på sidan.
Klick ok för att skapa det nya dokumentet.
Expandera Skikten panel (Fönster> Lager) och dubbelklicka på standardvärdet Layer 1 namn. Byt namn på det Pappersstruktur.
Klicka sedan på Skapa nytt lager knappen längst ned på panelen. Byt namn på det nya lagret Pappersbakgrund.
Skapa ytterligare två nya lager, namngivna Watermark och på toppen av högen, Innehåll.
Låsa alla lager utom bottenskiktet, Pappersstruktur.
Ladda ner en pappersstrukturbild, som den här från Envato Market. Jag valde att lätta upp bilden lite i Photoshop först för att få den att bli lite mindre grå, men det här är helt frivilligt.
I din InDesign dokument och återstår på Sida 1, ta Rektangelramverktyg (F) och dra på sidan för att skapa en ram som sträcker sig över hela sidan upp till kanterna av blödet.
Gå till Arkiv> Plats och välj pappersstrukturens bild. Klicka på Fyll ramen proportionellt knappen på toppen kontroller panel för att fylla ramen med bilden.
Återgå till Skikten panel och låsa Pappersstruktur lager. Lås upp nästa lager uppåt, Pappersbakgrund.
Expandera rutor~~POS=HEADCOMP panel (Fönster> Färg> Färgämnen) och klicka på panelen Ny Swatch knapp. Dubbelklicka på den nya swatchen för att öppna Alternativ för swatch fönster.
Namn fönstret Grädde och ställa in Typ till Bearbeta och Läge till CMYK. Flytta reglagen till C = 4 M = 5 Y = 6 K = 0. Klick ok.
Ta Rektangelverktyg (M) och dra till sidan för att skapa en form som är lika stor som rektangeln som sitter på lagret nedan.
Ställ in Fyllnadsfärg till Grädde.
Gå sedan till Objekt> Effekter> Genomskinlighet och ställa in Läge till Multiplicera. Minska Opacitet till 95%, att föra igenom texturen i pappersbilden nedan.
Låsa Pappersbakgrund skikt och låsa upp Watermark lager.
Ta Rektangelramverktyg (F) och dra till sidan för att skapa en stor fyrkantig ram. Gå till Arkiv> Plats och välj "Final Logo_Texture.eps" fil, som är den svarta versionen av den texturerade logotypen. Placera bilden snyggt i ramen.
Med den valda ramen, gå till Objekt> Effekter> Genomskinlighet och ställa in Läge till Multiplicera. Minska Opacitet till 3% för att skapa en vattenstämpel effekt.
Återgå till Skikten panel och låsa Watermark skikt och lås upp toppskiktet, Innehåll.
Skapa en ny CMYK-processen swatch från rutor~~POS=HEADCOMP panel, kalla det Röd och ange värdena till C = 17 M = 10 Y = 96 K = 7. Klick ok.
Ta Rektangelverktyg (M) och dra ner på undersidan för att skapa en lång rektangel som sträcker sig över sidans längd, upp till blödet och ner till bottenblödet, som visas nedan. Ställ in Fyllnadsfärg till Röd.
Zooma in i toppen av Sida 1 och ta sedan Rektangelramverktyg (F). Skapa en liten fyrkantig ram centralt högst upp på sidan, nära toppmarginalen.
Arkiv> Plats din "Final Logo_Texture_Red.eps" fil.
Flytta över på pasteboard bredvid sidan och ta Typverktyg (T). Dra på sidan för att skapa en textram. Skriv in "Xaviers skola för begåvade ungdomar".
Placera markören i början av meningen och ställ in Font till Futura Std, Ljus, Storlek 9 pt. Från glyfer panel (Fönster> Typ & Tabeller> Glyfer), sätt in en kula glyf.
Markera den återstående texten och ställ in Font till BankGothic, Fet, storlek 11,5 pt.
Markera all text och ställ in Färg till Röd och texten till Centrera i linje med.
Flytta tillbaka till sidan och till den röda logotypen överst.
Ta Ellipsverktyg (L) och håller Flytta, dra för att skapa en cirkel 35,4 mm i diameter. Placera centralt över toppen av den röda logotypen.
Ta sedan bort eventuella Stroke eller Fyllnadsfärg från cirkeln genom att välja [Ingen] från rutor~~POS=HEADCOMP panel.
Gå tillbaka till din textram (skapad i Steg 6, ovan) och markera och Redigera> Kopiera texten.
Välj Skriv på ett sökverktyg (Shift-T) och klicka på cirkeln runt logotypen för att omvandla den till en typväg. Redigera> Klistra in texten på banan. Vrid rammen tills kulpunkten ligger längst ner i cirkeln.
Flytta ner till botten av sidan och använd Typverktyg (T) för att skapa några textramar över toppen av den röda rektangeln.
Här kan du skriva in adressen till Xaviers skolan-1407 Graymalkin Lane, Salem Center, Westchester County, New York-Placerar varje rad av adressen i en ny textram.
Ange texten i Bank Gothic Bold, 8 pt, och lägg till kulor som anges i Futura Std mellan varje sektion av text.
Skapa en ny CMYK swatch, C = 16 M = 11 Y = 14 K = 20, och namnge det Grå. Ställ in texten och kulorna i Grå.
Ditt brevpapper är komplett-fantastiskt arbete!
Varför inte använda Sida 2 av ditt InDesign-dokument för att skapa en kopia av brevhuvudet (låsa upp alla lager innan du kopierar och Redigera> Klistra in på plats). Invertera färgerna med Röd för Pappersbakgrund färg och ändra topplogotypen till den svarta versionen.
Fantastiskt jobb. Nu kan du läsa om för att få reda på hur man skapar ett matchande visitkort ...
Återstående i din InDesign dokument, flytta ner till Page 3.
Ta Sidverktyg (Shift-P) och klicka på Page 3 för att välja den. Från toppen kontroller panel, justera Sidstorlek till US-visitkort (88,9 mm bredd, 50,8 mm höjd).
Hoppa tillbaka till Sida 1 av ditt dokument, lås alla lager utom den Pappersstruktur och Pappersbakgrund lager, och sedan Redigera> Kopiera allt innehåll sitter på dessa lager.
Flytta tillbaka ner till Page 3 och Redigera> Klistra in. Ändra storlek på rektanglarna så att de passar in i visitkortets mått.
Justera Fyllnadsfärg av Pappersbakgrund rektangel till Röd, och se till att transparensinställningarna är inställda Multiplicera, 95%.
Arkiv> Plats de "Final Logo_Texture.eps" fil i en ram gjord av Rektangelramverktyg (F) mitt på sidan.
Flytta ner till Page 4 av ditt InDesign-dokument och använd Sidverktyg (Shift-P) att omforma sidan till US Visitkort storlek.
Kopia de Pappersstruktur och Pappersbakgrund innehåll från Page 3 och Redigera> Klistra in på plats till Page 4.
Justera Fyllnadsfärg av den högsta rektangeln till Grädde.
Lägg till text på visitkortet med hjälp av Typverktyg (T) för att skapa en serie textramar längs vänster sida av kortet.
Sätt namnet ('Prof. Charles Xavier') på toppen, i [Svart], yrke och skolnamn ("Principal"; "Xavier's School for Gifted Youngsters") nästa i Röd, och äntligen placera adressen ('1407 Graymalkin Lane, Salem Center, Westchester County, New York') längst ner i Grå.
Ställ in all text i Bank Gothic Bold.
Spara ditt InDesign-dokument, minimera det och återgå till Adobe Illustrator. Skapa ett nytt dokument.
Använd Arc Tool för att skapa en försiktigt krökt diagonal linje från topp till vänster till botten till höger.
Kopia och Klistra linjen två gånger för att skapa tre Wolverine-stil "klor".
Från Pensel Definition menyn på toppen kontroller panel, öppna Borstbibliotek menyn och välj Konstnärlig> Artistic_ChalkCharcoalPencil.
Med de valda linjerna justerar du Pensel Definition till Charcoal Smooth, och ställa in Slagvikt till 4 pt.
Välj alla tre rader och Redigera> Kopiera.
Återgå till din InDesign dokument och till Page 4 och Redigera> Klistra in.
Ändra storlek på klorna grafik, position på höger sida av sidan och ställ in färgen till Röd.
Stort arbete - ditt X-Men visitkort är klart och det ser fantastiskt ut!
Du kan använda Sidan 5 och 6 av ditt dokument för att skapa en inverterad version av kortet, duplicering av konstverket från Sidor 3 och 4, och sedan vända färgerna.
Ditt brevpapperskonstverk är klart. Du är nu redo att exportera den, redo för professionell utskrift.
Gå till Arkiv> Exportera och välj Adobe PDF (Skriv ut) från Formatera rullgardinsmenyn. Namn PDF "Brevpapper konstverk" och klicka Spara.
I fönstret som öppnas väljer du Presskvalitet från Adobe PDF Förinställd meny. Ställ in Sidintervall till 1-2, precis så brevpapperskonstverket exporteras den här gången.
Från Märken och blöder alternativ, kolla Alla skrivarens märken och Använd dokumentblöda inställningar.
Klick Exportera.
För att exportera visitkortet, upprepa processen ovan, men justera filnamnet till den här gången "Visitkortkonstverk" och ändra Sidintervall till 3-6.
Vi vet att professor X kommer att älska att använda sitt helt nya skrivbordsunderlägg!
I denna handledning har vi täckt ett brett spektrum av tekniker och färdigheter som du kan tillämpa på andra designprojekt. Du vet nu hur man ska:
Vill du upptäcka ännu mer coola skrivartillbehör? Bläddra bland det enorma urvalet av snygga mallar för designdesign på Envato Market.
Accentsconagua