udformning af en kaffebar menu layout forfra med photoshop og indesign

design en kaffebar menu layout forfra med photoshop og indesign - del 2, denne post er en del af en serie kaldet koffein - vektor. at skabe en kop med inkscapecreate en god kop te i illustrator cs5,,,, det er anden del af denne forelæsning serie om at skabe en klar til at trykke brochure menu for en imaginær café ved navn " violet kaffe. " i denne sidste del af de to led - udgaven, vil du lære at skabe en klar til at trykke brochure om indesign, arbejde med master sider tekst, stropper, punkt og karakter styles, de eksterne filer og trykke brochure.lad os komme videre!,, berigtiget forelæsning, hver anden uge, vi tage nogle af vores læsere er favorit stillinger fra hele historien om stedet.denne forelæsning blev offentliggjort første gang i august 2010.,, arbejdsgangen i denne forelæsning serie er fremragende forberedelse til at skabe denne slags arbejde for kunder.du kan også lægge din grafisk talent til at arbejde ved at lægge din egen enestående konstrueret mad menu skabelon graphicriver.det er en populær og voksende kategori til at bidrage til.og hvis du er kunde - projektet har en stram tidsfrist eller snævre budget, er der mange fødevarer menu - modeller for at vælge fra,, hvad du skal komme nu, i del 1 i nærværende tutorielle serie, jeg viste dig, hvordan at udforme en baggrund for både forsiden og interne sider, og at vi skal bruge to yderligere grafiske fremstillinger senere.før behandlingen med denne del af ministeriet, du skulle have følgende psd filer på hånden.psd præmie medlemmer kan finde filerne i kilden mappe af præmien download., at dokumentet, trin 1, lad os få det startet, åbne adobe indesign, gå til at indsende > nye > dokument.klik på flere muligheder knap til at vise alle muligheder.første sæt dokumentet hensigt at trykke, og antallet af sider til 4 og begynde at side, undersøge, om sider mulighed for, at dette er meget vigtigt, når man tegner en brochure, der siden størrelse som brev, som netop er 8,5% 11 cm, og vælge det portræt orientering.på de margener, der fastsættes 0,25 tommer (1 /4) på alle områder (klik på kæden ikon).og sæt den bløde værdi for 0125inches (1 /8) på alle områder.booth margener og bløde værdier varierer afhængigt af kravene i din trykkeri, værdierne er min personlige standarder, der fungerer godt med nogle stykker. efter an okay, vil du have en skrivelse mellemstore dokument med fire med sider, med en sikkerhedsmargen på 1 /4 cm og en printer cut - off. 1 /8 tomme.,, mester sider, trin 2, en mester side er noget, som en " skabelon " af basale layout, der kan bruges igen og igen på mange sider af deres dokument og giver mulighed for en hurtig og nem måde at ændre flere egenskaber.i dette tilfælde vil vi skabe tre master sider: en for forsiden, en til bagsiden, og den sidste i den interne sider. for det første må vise sider panel af hen til vinduet > sider (f.12).ved misligholdelse indesign skaber en blank mester side mærket " [ikke] " og en sekundær mester side med to sider, der hedder " b-master. ", vil vi skabe vores egen mulighed /ikke - klik på b-master og klik på ny mester, sæt præfiks til " a " navn på dæk, der er baseret på [ikke] og antallet af sider på 1, ramt okay og a-cover mester side skal anføres i øverste række på siderne panel.gentag processen at tilføje " tilbage dække " side og for den sidste mester side, der hedder " c-internal " kun ændre antallet af sider til 2. du skulle have noget lignende på bunden af billedet nedenfor.,, trin 3, det næste skridt er at anvende føreren sider til den faktiske sider i dokumentet.på side panel, i nederste række, der er en mini - indretning af dokumentets sider.vælg den første side med et klik, klik på den mulighed /ret - at vise mulighederne menu, udvælge og quot; anvendelse fører til sider " mulighed, en dialog vindue vil udvælge anvendelse viser mester: " a-cover " (da den første side er forsiden) sider: 1.gentager den samme proces med side 4, men at anvende " tilbage dække " i stedet.endelig udvælgelse af begge sider, 2 og 3 (skift klik) og anvende mester: " c-internal " sider: 2, 3. hvis du gjorde alt rigtigt, et lille brev i den øverste venstre hjørne på hver side vil vise resten af deres respektive mester side.,, tilføje baggrunde. sider, trin 4, nu er det tid til at importere baggrund elementer.dobbeltklik på " a-cover " master side, side vil vise sig i fuld offentlighed.så gå til at indsende > sted...(kommando d).find din fil system, indtil du finder den " violet_0000_cover ", psd fil, udvælge og klik på åben. nu markøren vil omfatte en miniature af importerede image, klik et sted over mester side til at placere det i konstruktionen.hvis du har det godt med det dokument, størrelsessortering, baggrunden er højde skal være nøjagtigt de samme som mester side højde, så det eneste du skal gøre, er at placere det matchende højre grænse i baggrunden med master side lige grænse.,, løntrin 5, gentager de tidligere skridt, men dette arbejde om " tilbage dække " master side, med den forskel, at du er nødt til at matche den baggrund forlod grænse med side har forladt grænse.,, trin 6, min favorit er karakteristisk for indesign er, at du kan resize dimensioner af indeholder rubrik uden at ændre dens indhold eller billedformat.vi vil reducere baggrund er bredde for at matche det med side er bredde, for det double-click på " a-cover " masterpage, så i toolbar, tag udvælgelse værktøj (v) og klik på baggrund at udvælge det vise omdannelse hjælpere, klik på den midterste venstre klare og få det til at gøre det sammen med side er tilbage. gør det samme med " tilbage, " men nedskæring bredde svarer til side har ret.denne proces vil gøre det muligt at have et bedre billede af det dokument, når redigering og siden vi lavede den baggrund i photoshop med " dobbelt brev " skik størrelse, bør der ikke være nogen skyde, når vi trykker historien, men vi vil dække det senere.,, trin 7 endelig tilføje " c-internal " baggrund.dobbeltklik på mester side mini - og sted (command + d) " violet_0000_inner ", psd fil, eftersom den baggrund allerede er konstrueret til en dobbelt side layout, du vil kun behov for at tilpasse grænser. de er vores mester sider, du skal have noget som bunden af billedet nedenfor.hvis du har brug for at tilføje flere sider til dit design, vil der ikke være nogen grund til at indsætte baggrunden igen og igen, kun anvende en mester til de respektive side.det gør redigerer letteste, fordi du kan altid ændre baggrund eller erstatte det kun én gang til at ændre hele dokumentet måske skabe en anden baggrund stil og har mange forskellige baggrunde i et enkelt dokument,.,, trin 8, nu skal vi tilføje nogle visuelle hjælpemidler til kolonnerne, afhængigt af deres design, kan du sætte en udformning med flere kolonner pr. side, i dette tilfælde vi vil splitte det indre sider i to kolonner, kan du huske det visuelle støtte (kolonne, blødninger, vejledninger) vil ikke blive trykt på det sidste stykke, double click på " c-internal " master side til at klippe det, gå til layout > margener og piller...i kan sige, at du vil være i stand til at ændre de margener og kolonne værdier.siden vi lavede margener, lad os tilføje kolonner.sæt nummer 2 og rendestenen (afstand mellem kolonner) 25 (1 /4 tommer.og det er det, nu har du to kolonne opstilling af interne sider.hvis du har brug for nogle sider med en anderledes indretning med mere eller mindre kolonner, skaber en ny mester side.,, at dække tekst tilbage, nu bliver vi nødt til at åbne den kunde er word - dokument, du kan downloade det her.dybest set, en flok tekst uden nogen rækkefølge, det er vores job at håne op på den bedst mulige måde,.,, trin 9, vil vi begynde med bagsiden, fordi det er det enkleste.for det første double-click på den side, du er redigering, i dette tilfælde side 4.vise magthaverne (command + f) og udarbejde en horisontal vejledning og placere det i midten af side, viser de lag panel (vindue > lag).der vil du se en lag, der indeholder baggrunden elementer, omdøbe den til " baggrund, " så vil skabe et nyt lag, der hedder " tekst " og vælge det.du kan blokere " baggrund " lag ved at klikke på den lille plads ved siden af lagets navn for at undgå uønsket udgaver, men det er ikke nødvendigt., vælge den type redskab (t) og drage en kasse fra midten vejledning fra den venstre kolonne, venstre grænse til bunden af venstre kolonne højre grænse, når du har den kasse, åben word - dokument og kopiere " virksomhedernes oplysninger " tekst. tilbage på indesign, klik et sted inde i tekstboks og pasta? tekst.så i toolbar, tag udvælgelse værktøj og klik i tekstboks, vise farveprøver panel (som vi vil bruge flere gange i denne forelæsning) ved at gå til enker > farve > prøver (f5).- klik på " papir " farve, som vil gøre teksten hvidt, og det er lettest at se, hvordan man skaber en farve swatch, dette mellemliggende skridt går ud på at skabe en farve swatch, jeg vil forklare det en gang, fordi vi er nødt til at skabe nogle farveprøver i denne forelæsning.i prøver panel, klik på eksisterende swatch, så klik på den nye knap på bunden af panelet og de udvalgte swatch duplikeres i bunden af farveprøver liste.dobbeltklik på den dobbelte "og i" muligheder vindue der farve tilstand til cyan, magenta, gul og sort, og de ønskede værdier, sikre navn med farve værdi check kasse er udvalgt og ramt okay.,, at skabe en karakter stil, trin 10, du bliver nødt til at vise karakter panel (vindue > type og tabeller > karakter) og sikre, at du har farveprøver panel synlige så godt.vælg den type redskab (t) og vælge de ord og quot; violet kaffe. " så karakter panel, ændre font ansigt til " edwardian manuskript " (du kan anvende enhver anden skrifttype, hvis du ikke har det) og størrelse ca. 34.i prøver panel, skabe en ny "med denne farve: c: 5, m: 15, y: 0, k: 0.- klik på den lille " t " ikon på toppen af panelet, at anvende den farve til skrifttype ansigt og endelig klik på ".du skal have noget som bunden af billedet nedenfor.,, trin 11, fordi vi vil bruge karakter stil meget i denne forelæsning, vi vil redde det i karakter, styles panel.vise panelet vil vindue > styles > karakter, styles.i panelet, du kan se, at der er en række mærket " [ikke] " der er en genvej til at fjerne alle former for udvalgte tegn. nu, til at skabe vores skik karakter stil.ved hjælp af den type redskab udvælge den tekst, vi har ændret, vil der i karakter, styles panel klik på den lille ny ikonet forneden.en ny række anføres ved navn " karakter stil #, " double-click på og en dialog med flere muligheder være åbne.du kan faktisk skabe en direkte der i stedet at gøre det, som vi gjorde før, men resultatet er det samme.i den dialog, vi kun vil ændre stil navn: " titel. " nu, uden at gentage processen med de tidligere skridt, vi kan anvende den stil, at ethvert ord i vores design.,, at skabe et stykke stil, trin 12, så lad os gøre noget lidt mere kompliceret. vi godt kombinere karakter og punkt styles at skabe en skik og genanvendelige punkt stil, der er et af de vigtigste elementer i dette program.for det første åbne punkt panel (vindue > type og tabeller > afsnit)., at vælge den anden række af forslag, som faktisk er en undertitel, først og fremmest i farveprøver panel, skabe en ny "med denne farve: c: 15: 10 m y k: 0, 0.i figurerne panel, ændre den skrifttype (jeg bruger itc avant - garde - ekstra lys) og størrelse: 12, åbne panelets mulighed menu (ikon på toppen af panelet) og vælge " alle hætter " store teksten. så i punkt panel, klik på linje lige muligheder.så i panelet muligheder menu, udvælge punkt regler, en dialog vil være der, og reglen om check kasse.vælg den regel under mulighed, ændre den bredde, 1px, stil punkterede, søgen efter en farve fra eksisterende prøver, og der kompenseres for 00625 tommer.du kan se dine ændringer i luften, ved at kontrollere forpremiere check kasse. sidst du skal have noget lignende på bunden af billedet nedenfor.,, trin 13, nu skal vi redde dette stykke stil at bruge den eller ændre den senere, for det viser punkt styles panel af hen til vinduet > styles > punkt styles, ligesom den karakter stil, " [grundlæggende punkt] " alternativ tilsidesætter alle de former for stk. anvendes den type redskab til at udvælge den række af forslag, som vi har udeladt.for at redde den linje, som en sædvane i punkt stil, klik på den nye knap på bunden af et panel, en ny række vil blive skabt, double-click på og en dialog med flere valgmuligheder, skal anføres.der kan du ændre næsten alt i den form, vi denne gang vil ændre kun stil navn " undertitel. ", og nu er vi i stand til at genbruge den stil, flere gange om udformning, punkt 14, nu vælge alle de ekstra tekst, kan du se, jeg har en opdeling i to punkt for at gøre eksempel mere synlig.den prøver panel, skabe en ny "c: 5, m: 5 - 0, og k: 0, vælger det.i de udvalg, der har den skrifttype til itc avant - garde ekstra lys kondenseret (du kan bruge alle andre naturligvis) med en størrelse på 12pt og fører til 20pt.på det punkt panel udvælge begrunde, sidste linje i overensstemmelse med venstre, første linje forlod led: 00625 og rummet: 01875, og klik på det glemmes check kasse at opdele de ord, når de overskrider den grænse, trin 15, medmindre den tidligere - i et nyt punkt stil, der hedder " standard stk. ",, previewing trin 16, indesign giver os mulighed for at se et kort glimt af design, på bunden af værktøjer, bar du kan skifte mellem betragter transportformer, normalt (w) viser alle de supplerende elementer i disse retningslinjer bløde og margener.udvælgelsen af de første mulighed, du kan kun se det printervenlig elementer.i bunden af billedet nedenfor er der en forsmag på omslagets side, design er begyndt at se godt ud, tilsættes det indre tekst, skridt 17, lad os tilføje det indre sider indhold ved hjælp af kolonnen grænse som grænser.brug den type redskab til at udarbejde en tekst boks på den første spalte på side 2, mulighed /højre klik over det og udvælge fyldes med indikation af en art tekst har billede af indholdet (du kan springe over dette skridt naturligvis).så ved udvælgelsen værktøj, klik på den æske tekst og trække det med alat - nøglen til at gentage det.gør det tre gange for at tilføje en tekst boks på hver kolonne på side 2 og 3.,, kæde tekst kasser, gå 18, ved hjælp af udvælgelsen værktøj (v), klik på den lille square ved retten i bunden af den første tekst boks.markøren vil ændre sig til en pil med en lille kæde ikon ved det, betyder det, at du skal vælge, hvor tekstboks vil teksten til at fortsætte.klik i anden kolonne tekst boks.så gentager de skridt, men at den anden med den tredje æske, og derefter med tredje og fjerde. bare for afprøvning ved hjælp af den type redskab vælge alle teksten (klik på en kasse og presse command + a), på det punkt styles panel klik på vores tidligere skabt " standard stk. " udformningen af den første så tilstand (se trin 16).prøv at redigere teksten, hvis du fjerner et ord på en kasse, indhold bør tilpasses i overensstemmelse hermed på alle de øvrige rubrikker. efter afprøvning kolonnerne kæde, vælge alle teksten og udgår, og sikre, at de nye tekst indsættes er fastsat med standard " [grundlæggende punkt] " stil om punkt styles panel.,, skridt. det er tid til at tilføje den faktiske menu tekst.ofte, hvad du får fra kunden er bare almindelig tekst, som i dette eksempel, det er dit arbejde at gøre, det ser godt ud.kopi og pasta menuen tekst fra kundens word - dokument, inden vi går videre, identificere, hvad din klient havde i tankerne.kan du skelne " afsnit ", for noget som menu sektioner: ", kaffe, " " varme drikke, " m.v., så den post, f.eks. espresso, cappuccino. nedenfor en kort beskrivelse af hvert punkt på dagsordenen, og endelig de priser for de forskellige størrelser eller ændringer. kategorierne titler, vil være de første i overensstemmelse med den type redskab begynder med at vælge ord " kaffe " og på karakter, styles panel klik på vores custom " afsnit ", stil.gentag dette trin med titlen på dokumentet (kun for visuel formål, jeg ændrede resten af ordene "farve hvid, til at gøre den mere synlig).,, gå 20, sæt den stil for posterne titler.ved hjælp af den type redskab udvælge ordet " espresso. " derefter i farveprøver panel bruge tidligere skabt swatch: c: 5, m: 5, y: 0, k: 0.i figur panel, der skrifttype til itc avant - garde bog, kondenseret med en størrelse på 12.på det punkt panel, der tilpasser venstre option, venstre led til 0, 125 cm, rum inden for 0.1875 tommer, og rum, efter at 0.0625 tommer.også tilføje et punkt regel ved anvendelse af følgende muligheder indhold af 0,5pt, type punkterede, farve papir, venstre led af 0125in, og udligning af 00625in.,, gå 21, medmindre alle de foregående styles i et nyt punkt stil, der hedder " punkt titel, ", så gælder det for alle poster i dokumentet.,, skridt 22, nu vælge den korte beskrivelse tekst.i prøver panel, der angivet farve papir, i de udvalg, der skrifttype ansigt til itc avant - garde ekstra lys, kondenseret med en størrelse på type, 11 pkt..og på det punkt panel vælger venstre tilslutter mulighed og led, 125.,, gå 23, skabe et nyt punkt stil og navn det ". kort beskrivelse, ", så gælder det på alle beskrivelser af dokumentet., der arbejder med tab, skridt 24, selvom det ikke er i dokumentet kaffebaren er kunde, skal vide, at prisen for hvert produkt, så vi vil gøre det på en pæn måde.anvende ". kort beskrivelse " stk. stil til to pris rækker under " espresso ", kaffe, " små " og " store. " så altid ved hjælp af den type redskab, som markør i slutningen af ordet " små " og klik regningen nøgle.næste skrive nogle tilfældige pris.gentag regning - processen om " store ", kaffe er pris.den regning karakter er meget vigtigt for dette skridt for at spare tid.vi skal bruge et indeks, som stil med stiplede linjer, der forbinder etiket med sin pris.gentag dette trin i hele dokumentet er priser.,, gå 25, nu er det tid til at stil den regning, sikre, at de to priser "rækker udvælges og gå til type > øje for at vise de tekniske vurderingsorganer panel.vil du se en lineal med trekantet mærker på venstre og højre side, de er faktisk venstre og højre led. klik på nogen del af hersker mellem led at tilføje et teknisk vurderingsorgan, mark, mark, vil være en reference for det tekniske vurderingsorgan karakter, at vi indsat på det foregående trin.træk til venstre eller højre, indtil de priser på holdning vist på skærmen er anbragt som vist nedenfor.så på leader - område, fastsætte en karakter, at erstatte den usynlige regning.i dette tilfælde, jeg bruger en periode ". " men det er gratis at benytte andre.endelig, i dette panel, du kan ændre led ved at sine vagter.jeg flytter den tilbage, led et par punkter, som vist på bunden af skærmbillede nedenfor.,, gå 26, at bevare de to rækker tekst, udvælgelse, skaber et nyt punkt stil, der hedder " menu pris. ", anvendelse på alle de nødvendige priser, stk.i nogle tilfælde er der ingen størrelser, så bare gælder prisen stil til beskrivelsen ro, at tilføje en regning, og en pris, selvfølgelig.,, skridt 27, og at de to rækker tekst skaber et nyt punkt stil ved udvælgelse og quot; menu pris. ", anvendelse på alle de nødvendige priser, stk.i nogle tilfælde er der ingen størrelser, så bare gælder prisen stil til beskrivelsen ro, at tilføje en regning, og en pris, selvfølgelig.,, redigering stykke styles, skridt 28, vi er næsten færdige, et lille tip på dette punkt.den fordel, anvender stk. styles, er, at de altid er i stand til at klippe dem uden at ændre det hele igen.i det følgende skærmbillede. der er to eksempler, vil vi ændre " menu priser " og " punkt afsnit ", styles.vi skal bare double-click på stil og ændre de værdier i overensstemmelse hermed, kan du se de ændringer og forpligter dem ved at klikke okay i panelet.alle punkter i forbindelse med deres respektive stil vil automatisk blive ændret.hvis du vil, fastsætte nye værdier som vist nedenfor for hver stil.,, rigtige æsker, skridt 29 ved hjælp af udvælgelsen værktøj og omdanne kontrol, kan du resize kasserne i henhold til deres behov.i dette eksempel, jeg er rigtige, første kolonne, rubrik for at skabe plads til at tilføje en kopi af kaffe er logo.vil du se, at alle indhold vil blive tilpasset i overensstemmelse hermed.hele teksten arbejde nu, så lad os tilføje de sidste detaljer.,, at tilføje yderligere objekter, gå 30, nu vil vi tilføje vores god kop kaffe og en lille udgave af virksomhedens navn til den interne sider.på lag - panelet, at skabe et nyt lag, der hedder " yderligere objekter, " desuden kan du blokere andre lag for at undgå uønskede udgaver.så gå til at indsende > sted og se til " kaffe. psd " fil.det om den anden spalte på side 3. trin 31, gå til at indsende > sted, se til " logo. psd " sag, og det er den første spalte på side 2.så på det værktøj, bar udvælge den frie omdanne værktøj (e) og anvende de omdanne kontanthåndterende virksomheder at reducere billedets størrelse svarer til nye bredde med kolonne er bredde.siden beslutningen af psd fil er stort, er der ikke noget problem at reducere størrelsen af genstande, men hvis du vil øge størrelsen vil du se fordrejning.,, trin 32, og sådan er det!. kontrol, hvis alt ser godt ud ved at skifte til forpremiere tilstand.,, udgive den som en pjece, skridt 33, nu er dit design bør se meget lignende til skærmbillede nedenfor.en forreste forside, to interne sider med menuen tekst, og en forside til oplysninger om selskaber.lad os trykke det.den mest økonomiske måde at trykke denne konstruktion gør det som en brochure, der betyder trykkeri vil trykke det i et enkelt ark papir med tryk på begge sider.den type papir afhænger af deres behov, men antallet af ark bør ikke være mindre end " dobbelt brev " størrelse.i denne forelæsning, vi vil eksportere udformningen af høj kvalitet pdf - fil, klar til at trykke.du skal have adobe akrobat, for at få det til at fungere. gå til fil > trykte hæfte om pop - up dialog klik på trykte indstillinger, en ny dukke op vil vise, klik på ".systemet vil vise dig en liste over de foreliggende trykkerier på din computer.vælg adobe pdf og klik på præferencer, så de indstillinger regning vælger den mulighed, nemlig høj kvalitet aftryk.- klik på ok at forpligte de ændringer og klik på tryk til at gå tilbage til indesign trykte indstillinger dialog.,, skridt 34, kontrollere, at i henhold til de almindelige valg den værdi for printer er adobe pdf.i henhold til muligheder udvælge synlig & trykt lag. i henhold til fælde muligheder, udvælge papir størrelse som skik og fastsætte følgende værdier bredde på 12, højde, 18 (siden trykt område af dokumentet er 11 x 17 cm, vi har brug for at tale med trykkeri og bede dem om standarder, der ofte er dig bare kan forlade den, som den er, men i dette eksempel, jeg ville vise dig, hvordan at tilføje aftryk er så jeg tilføjer en ekstra centimeter i design - området).sæt den side orientering til landskabet og sikre mere værdier på 100%. i henhold til mærker og bløder, se følgende kendetegn: vegetabilske mærker, registreringsmærke, farve, stænger og side oplysninger.tjek anvendelse dokument bløde områder.klik på det og så klik på tryk, skridt 35, og voila á, har vi en klar til at trykke pdf - dokument.du kan slippe af med det, er hvis du vil eller viser, at kun dem, du har brug for.,, konklusioner, og det er det!håber, du fandt det pædagogiske nyttige, prøv at ændre baggrund eller typografi til at få et andet resultat at anvende det på din personlige projekter, og held og lykke!,.,










































Previous:
Next Page: