Quick Tips: Hvordan lage et enkelt banner
Dette innlegget er en del av en serie kalt Web og grensesnittdesign Med Vector.Quick Tips: Hvordan lage en enkel Vector Web Ribbon i Adobe PhotoshopHow til Lag et sett med Rubber Band Corner banner behandlinger i Illustrator
i det følgende opplæringen vil du lære hvordan du bruker Drop Shadow effekt og Warp alternativer for å lage en enkel banner. Designen er perfekt for web og print og kan tilpasses med ulike fonter og farger. La oss komme i gang
Trinn 1
Gå til Fil >!; Ny. Skriv inn 510 i boksen Bredde og 170 i høyden boksen klikk deretter på knappen Avansert. Velg RGB fra Color Mode nedtrekksmenyen og klikk på OK. Nå som du har opprettet dokumentet sving på Grid (View > Grid) og Fest til rutenett (View > Fest til rutenett).
Deretter trenger du et rutenett hver 10 px. Gå til Rediger > Preferanser > Linjer og rutenett, skriv 10 i linjenettet hver boks og en i underinndelinger boksen. Du kan også åpne infopanelet (Vindu > Info). For en live forhåndsvisning med størrelsen og plasseringen av figurer
Ikke glem å erstatte måleenheten til piksler fra Rediger > Preferanser > Enhet > General. Alle disse alternativene vil øke arbeidshastigheten.
Trinn 2
Velg den rektangelverktøyet (M) og lage en 350 av 100 piksler form. Fest til rutenett vil lette arbeidet ditt. Fyll denne friske form med R = 169 G = 124 B = 80.
Trinn 3
Velg den formen laget i forrige trinn, og legge til et første slag. Gjør det 8PT bred og sette farge på R = 232 G = 193 B = 155. Velg denne slag (fra Utseende panel) åpne deretter Strek-panelet (Vindu > Stroke) og klikk på Juster-Stroke til Inside-knappen.
Med den formen fortsatt er valgt gå den Utseende panel, åpne fly-out menyen og klikk på Legg til ny Stroke. Dette vil legge til en ekstra slag for den valgte form. Velg denne nye slag. Gjør det 4PT bred, justere den til innsiden og setter farge på R = 60 G = 36 B = 21.
Trinn 4
Velg den rektangelverktøyet (M), opprette en 100 ved 100px form og legg den som vist i det første bildet. Igjen, vil Fest til rutenett komme til nytte. For øyeblikket fylle denne nye formen med hvilken som helst farge. Velg den og gå til Object > Sti > Legg ankerpunkter. Plukk Direct Selection Tool (A), velger ankerpunktet markert i det andre bildet og flytte den 30px til venstre. Fyll den resulterende form med lineær gradient som vises i det endelige bildet.
Trinn 5
Velg den formen laget i forrige trinn, og legge de samme to slag som brukes til andre form.
Trinn 6
Grab rektangelverktøyet (M), opprette en 50 ved 10px form og legg den som vist i det første bildet. Fokus på denne formen. Plukk Slett Anchor Point Tool (minus) og klikk på bunnen, rett ankerpunkt. Fyll den resulterende form med R = 60 G = 36 B = 21
Trinn 7
Velg figurer skapt i de tre siste trinnene og gå til Effect >.; Transform > Reflektere. Sjekk Vertikal knapp klikk deretter på Kopier-knappen. Dette vil legge til en horisontal snudd kopi av de utvalgte figurer.
Trinn 8
Velg kopiene laget i forrige trinn og flytte dem som vist i det første bildet. Nok en gang vil Fest til rutenett lette arbeidet ditt. Velg gradient fra større form og angi vinkelen til 180 grader.
Trinn 9
Velg den type Tool (T), og legge til tekst. Du kan bruke " Batikk Regular " skrift med en størrelse på 60pt og sette farge på R = 60 G = 36 B = 21.
Trinn 10
Velg alle figurene laget så langt og gruppere dem (Ctrl + G) . Velg denne nye gruppen og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK
Trinn 11
Til slutt reselect gruppen og legge til Warp effekt (Effect > Warp).. Eksperimenter til du finner en du liker. Her er noen eksempler.
Konklusjon
Det du har det, en enkel måte å lage en enkel banner. Eksperimentere med forskjellige stiler og utførelser og se hva du kan komme opp med. Jeg håper du har hatt glede av denne tut.