Hvordan lage en tilpasset avisikon

Ekstra, ekstra les alt om det! Lær hvordan du lager et avisikon. Avansert kunnskap om Adobe Illustrator er nødvendig for å fullføre denne opplæringen. Du lærer hvordan du oppretter dette detaljerte ikonet trinnvis. La oss komme i gang med denne kreative opplæringen!

Du kan finne kildefilene i katalogen merket "kilde" som kom i filene du lastet ned. Du kan ønske å se gjennom dem kort før vi begynner.


Trinn 1

Bruk rektangulærverktøyet (M) til å tegne et rektangel, som vist nedenfor.



Steg 2

Skriv overskriften til avisen. Det kan være hva du vil. Tenk på hvordan du vil bruke ikonet spesielt. Vil ikonet ditt være for et RSS-feed? I så fall vil du kanskje skrive "RSS" i stedet. Eller kanskje nyhetsseksjonen din blir oppdatert hver måned, hvis det er tilfellet, vil du si noe annet.

Skriften jeg bruker er Lucidia Blackletter. De fleste aviser bruker denne typen skrift, så jeg vil anbefale å stikke med noe på disse linjene hvis du skal ha en tradisjonell følelse.



Trinn 3

Bruk TT-verktøyet (T) til å tegne to tekstområder, en stor og en tynn. Fyll dem med plassholdertekst. Besøk lipsum.com for å hente litt rask tekst. Du kan også bruke Adobe InDesign til å lage plassholdertekst.

Merk: Ofte i design må du bruke plassholdertekst når du lager et design. For å gjøre teksten rask tilgjengelig kan du finne det nyttig å lage en enkel tekstfil og lagre den på datamaskinen for rask bruk.



Trinn 4

De fleste aviser er begrunnet, noe som betyr at både venstre og høyre kant av tekststykker er flush. For å oppnå dette, velg Justify (Justify) med den siste linjen rettet til venstre i Paragraph Palette. Ikke bli for opptatt av hvordan teksten bryter på dette punktet. Du kan legge til linjeskift eller hard retur senere, når du har alle elementene på plass.



Trinn 5

For å gi teksten litt mer interesse, endrer vi den første linjen med tekst litt. Velg den første linjen med tekst og i Karakterpaletten Flyttemeny (uthevet nedenfor) og velg Små Caps.



Trinn 6

Jo mer visuell interesse avisen har, jo bedre blir det endelige resultatet. Velg den høye teksten og endre stilen til kursiv.



Trinn 7

Under overskriften legger du til en annen tekstblokk som tjener som en tittel til en viktig nyhetshistorie.

Merk: Hvis det ikke allerede er klart, må du passe på at du bruker en skrift som har flere forskjellige stiler og vekter, slik at du kan opprette en rekke interessante tekstområder.



Trinn 8

Bruk pennverktøyet (P) til å tegne en tynn linje over og under en tekstlinje. Ikke nøl med å ta en avis eller Google "avisdeksel" for å hjelpe deg med å komme opp med oppsettideer.



Trinn 9

Bruk Rectangle Tool (M), tegne et kort rektangel under overskriften for historien.



Trinn 10

Legg til tre blokker med tekst og kursiviser dem for å gi inntrykk av at denne teksten er en intro til en historie som fortsetter andre steder i avisen. Legg til et lite firkant på slutten av hver tekstblokk ved å bruke rektangelverktøyet.



Trinn 11

Deretter legger vi til området for bildet som følger med hovednyheten. Bruk rektangelverktøyet en gang til, tegne et rektangel over teksten.



Trinn 12

Velg rektangelet og gå til Objekt> Tekstpakke> Lag. Deretter går du til Objekt> Tekstbryter> Tekstbryteralternativer ... Endre offsettet til det som ser bra ut til deg.



Trinn 13

Du kan gjenta det siste trinnet for de to mindre bildene, eller bare flytte tekstblokken litt, da teksten ikke trenger å vikle rundt sidene av disse små rektanglene.



Trinn 14

For å enkelt lage illusjonen av et fotografi, bruker vi Gradient Mesh Tool til å legge til litt variasjon i rektangelet. Klikk et par ganger i rektangelet for å gi det noen poeng. Bruk Direct Select Tool (A) til å justere håndtakene og kurvene til punktene, slik at linjene ikke er helt rette.



Trinn 15

Endre fargene på punktene slik at det ser ut som om det er noe detalj i fotografi.



Trinn 16

Gjenta denne prosessen for de to andre små bildene.



Trinn 17

Velg alt og gå til Type> Opprett oversikter. Velg alt en gang til og gå til Objekt> Gruppe.



Trinn 18

Bruk det runde rektangelverktøyet til å trekke et rektangel som vist nedenfor.

Merk: For å endre radius av rektangelens hjørner, hold opp- eller nedpilene mens du tegner formen.



Trinn 19

Tegn et annet rektangel og legg det over enden av den buede formen. I Pathfinder Palette velger du Subtract from Shape Area etterfulgt av Utvid.



Trinn 20

Dette er formen du burde være igjen med.



Trinn 21

Velg formen og gå til Objekt> Konvolutt forvreng> Lag med varsel ... Velg Shell Lavere fra listen og endre Bend til ca. 3%, og klikk deretter OK.



Trinn 22

Velg objektet og gå til Objekt> Utvid ... La alternativene stå som de er, og klikk OK på den resulterende dialogen.



Trinn 23

Ved hjelp av Direct Selection Tool velger du det øverste venstre punktet og drar kurven innover for å lage en subtil bue på venstre side av formen. Gjenta denne prosessen etter å ha valgt det øverste høyre punktet.



Trinn 24

Dette er hvordan figuren skal se ut.



Trinn 25

Velg formen og gå til Effect> 3D> Extrude & Command ... Skriv inn rotasjonene jeg velger, og velg Flere alternativer og skriv inn variablene som er markert nedenfor.



Trinn 26

For å passe avisdekselet til 3D-formen, trenger du muligheten til å forsyne dekselet vesentlig. For å gjøre dette, velg avisen og gå til Objekt> Konvoluttforvreng> Lag med mask ... Skriv inn 2 for rader og 2 for kolonner.



Trinn 27

Ved hjelp av markeringsverktøyet (eller rotasjonsverktøyet) roterer du formen som vist nedenfor.



Trinn 28

Bruk Direct Selection Tool Grab hvert hjørne av avisen og dra den til det tilsvarende hjørnet av avisformen.



Trinn 29

Å få avisens side til å samsvare med formen vil være vanskelig, men det er gjennomførbart. Fortsett å bruke Direct Selection Tool for å finjustere de andre punktene i avisen. Også juster håndtakene som fremhevet nedenfor, slik at avisen flyter nøyaktig hvor du vil ha den til.



Trinn 30

Legg merke til håndtakene i riktig posisjon.



Trinn 31

Dette ser ut som avisens ansikt ser ut når det er helt montert på formen.



Trinn 32

Vi må gi avisen et gammelt utseende. For å gjøre dette, velg avisens ansikt og gå til Rediger> Farger> Juster fargebalanse. Velg Forhåndsvisning og Konverter (om nødvendig), og juster deretter glidebryterne for å passe deg.



Trinn 33

Opphev 3D-formen til du ikke lenger kan gruppere den. Velg nederste kanten av avisen og bytt farge for å matche avisens ansikt.



Trinn 34

For å oppnå den tilfeldige kanten som papirets øverste kant trenger, bruk bare blyantverktøyet (N) til å tegne en vilkårlig og skråformet form.



Trinn 35

Velg formen du nettopp har tegnet og velg siden av avisen. I Pathfinder Palette velger du Subtract from Shape Area etterfulgt av klikke Expand.



Trinn 36

Dette er hva du bør være igjen med.



Trinn 37

Bruk pennverktøyet til å tegne noen glatte bueformer som angir hvor kantene på sidene er. Disse kan være tilfeldige.



Trinn 38

Pass på å bruke en rekke farger og gradienter for å gjøre effekten mer troverdig. Også eksperimentere med å bruke gjennomsiktighet om nødvendig.



Trinn 39

Legg merke til hvordan midten av siden av avisen er mye mørkere. Dette er viktig for å skape en generell dimensjonal effekt vi er ute etter.



Trinn 40

Bruk pennverktøyet til å tegne to rektangler som følger kanten av bunnen av avisen.



Trinn 41

Gi dem en subtil gradient og i Transparency Palette, og velg deretter Multiply, slik at formen blir mer effektiv med avisens farge.



Trinn 42

Vi vil skape en tøff følelse av dybde ved å tegne en vilkårlig form på avisens side. Fyll den med en lysegrå farge.



Trinn 43

I Transparentpaletten velger du Multiply og endrer Opacity til omtrent 85%.



Trinn 44

For å gjøre formen mindre åpenbar, velg den og gå til Effect> Stylize> Gaussian Blur. Skriv inn et nummer som ser bra ut til deg.

Merk: Tallet du angir, kan være mye høyere eller lavere enn det jeg viser nedenfor. Mengden av uskarphet du søker på et objekt, er basert på omfanget av kunstverket du lager.



Trinn 45

For å fullføre ikonet, bruk samme teknikk for å bruke andre dropshadows til andre områder av papiret, som under det.



Trinn 46

Den luksus vektoren kunstverk er at den skalerer til enhver størrelse uten kvalitets tap. Det kan være tilfeller hvor du vil bruke ikonet i forskjellige størrelser. Når du skaller ikonet til forskjellige andre størrelser, må du kontrollere hva dine preferanser er for Illustrators slag og effekter. Før du forstørrer eller reduserer ikonet, går du til Illustrator> Innstillinger> Generelt, og kontrollerer Skaleregler og -effekter hvis den ikke er merket. Nå kan du skala ditt ikon til alternative størrelser.



Endelig bildeforhåndsvisning

Her er den ferdige designen. Du har nettopp lært hvordan du lager et detaljert avisikon!