How du oppretter en Academy Ikon Fra enkle former
I denne opplæringen vil du lære hvordan du kan lage en kul akademi ikon ved å sette sammen enkle former i Illustrator og deretter bruke lageffekter på dem i Photoshop. Jeg bruker en tysk versjoner av både Illustrator og Photoshop, så noen skjermbilder er på tysk. Du bør være i stand til å forstå det fint om, som jeg gir detaljerte instruksjoner og mange eksempler på bilder. La oss komme i gang!
Final Bilde Forhåndsvisning
Nedenfor er det siste bildet vi skal jobbe mot. Vil ha tilgang til hele kildefiler og nedlastbare kopier av hver tutorial, inkludert denne? Bli med Vector Plus for bare 9 $ i måneden
Tutorial Detaljer
Program Bilde:. Illustrator CS3 og Photoshop CS3
Vanskelighetsgrad :
Intermediate
Estimert Gjennomføring Tid:
60 minutter
Trinn 1
Åpne opp en ny Illustrator-dokument og bytte til Outline modus (Command + Y). Begynne å lage fire rektangler av samme størrelse, ved hjelp av rektangel Tool (M). Disse vil være kolonnene i akademiet vårt.
Trinn 2
Nå kan du legge tre rektangler til hver kolonne. Disse vil være fluting av kolonnen. Gjør den indre rektangel litt større for å gi litt perspektiv.
Trinn 3
Lag rektangler på toppen og bunnen av hver kolonne. Disse vil være hovedstaden og bunnen av kolonnen.
Trinn 4
Lag tre rektangler under kolonnene. Disse vil være trapp av vårt akademi.
Trinn 5
Lag et rektangel over søylene. Dette er arkitravet av akademiet.
Trinn 6
Lag tre små rektangler på hver side av karm.
Trinn 7
Bruk Pen verktøy for å lage en trekantet form på toppen av karm. Dette er taket.
Trinn 8
Opprett en mindre trekantet form i taket.
Trinn 9
Tekst i sentrum av arkitravet . Velg en font du liker, valgte jeg Avenir Heavy.
Trinn 10
Lag en penn ikonet med Pen Tool og plassere den i midten av taket vårt. Det kan være lurt å trekke den ene halvdelen, deretter snu en kopi ved å gå til Transform > Reflektere > Vertikal og traff kopi. Så stille opp de to halvdelene og bruke Pathfinder verktøy for å slå dem sammen.
Trinn 11
Nå er det flere måter å lage en sunburst effekt i Illustrator. Jeg pleier å gjøre det på denne måten: Lag en liten sirkel. Gi den en stiplet strek med en virkelig stor vekt (250pt i dette eksempelet). Nå setter strek til en verdi som passer deg (dette bestemmer hvor mange bjelker din sunburst vil ha). Jeg setter den til 1,3pt. Still gapet verdi hvis du vil, jeg gjorde ikke det. Sørg for å sette Align Stroke i Outside.
Trinn 12
Utvid Utseende og plasser formen under pennen form.
Trinn 13
Dupliser mindre trekantet form. Beskjære den med sunburst form via Pathfinder.
Trinn 14
Rengjør sunburst formen opp litt slik at ingenting av det er synlig inne i pennen form.
Trinn 15
Lag et rektangel bak søylene. Dette er bakgrunnen for akademiet. Lag et rektangel som matcher dimensjonene i dokumentet. Dette er bildet bakgrunnen.
Trinn 16
Nå er vi ferdig med Illustrator del av denne opplæringen. Vi vil nå eksportere vårt akademi i en PSD-fil. Men det er visse ting å ta vare på når du eksporterer til PSD.
Illustrator fusjonerer alle baner i en gruppe i ett enkelt lag gjør det umulig å redigere dem separat. For å unngå at vi må plassere hver vei i en gruppe av sine egne. Det er veldig nyttig å deretter navnet gruppene riktig, det gjør det mye lettere å jobbe med dem i Photoshop. Etter gruppering og navngi alt riktig ditt lag vindu skal se noe sånt vist nedenfor.
Trinn 17
Velg alle stier og gi dem en hvit fill uten slag, vil fargene bli brukt senere i Photoshop. Så gå til Fil > Eksport og eksport til PSD. Bruk følgende innstillinger.
Trinn 18
Åpne den eksporterte filen i Photoshop. Hva du ser vil være et helt hvitt bilde. Heldigvis har vi kalt alt riktig så vi kan begynne med å påføre laget effekter. Start med å gi bakgrunnslaget en Color Overlay på 80% grå. Gi akademiet bakgrunnslaget en Color Overlay på 40% grå og en Gradient Overlay av Multiply, Opacity på 60%, svart til hvitt, og lineær ved 90 grader;.
Trinn 19
Toppen trinn i trappen har følgende lag effekter:
Indre skygge: Screen, Opacity på 75%, Distance 3px, størrelse på 5px, hvit
Inner Glow: Multiply, Opacity på 25%, Størrelse på 3px, svart
Color Overlay: Multiply, Opacity på 100%, 80% grå
Gradient Overlay: Multiply, Opacity på 50%, lineær 90-graders;, hvit til Svart
Stroke: Størrelse: 1px, posisjon på Utenfor, Multiplisere, Opacity på 25%, svart
Når du påfører Indre skygge sette lys vinkel til 90-graders og sjekk Bruk globalt lys. Trinnene nedenfor har samme effekt, men litt lysere farge overlegg (B: 85 /B: 90).
Trinn 20
hovedsteder Kolonne har følgende lag effekter:
Drop Shadow: Multipliser, Opacity på 60%, Distance 2px, størrelse på 5px, svart
Indre skygge: Screen, Opacity på 75%, Distance 2px, størrelse på 4px, hvit
Inner Glow: Multiply, Opacity på 25%, Størrelse på 3px, svart
Color Overlay: Multiply, Opacity på 100%, 98% grå
Gradient Overlay: Multiply, opasitet på 40%, reflektert 0-graders;, svart til hvitt
Stroke: Størrelse på 1px, Plassering av Outside, Multiplisere, opasitet på 20%, svarte
baser Kolonne ha samme lag effekter, men ingen Skygge.
Trinn 21
Kolonnene seg har de samme lageffekter som kolonner, men ingen Drop Shadow, ingen Indre skygge og ingen Color Overlay de. Størrelsen på Inner Glow er 5 px.
Trinn 22
For fluting vi har å gi hver av de tre rektanglene litt forskjellige lag effekter. Senteret får man følgende:
Outer Glow: Screen, Opacity på 100%, Størrelse på 5px, hvit
Inner Glow: Multiply, Opacity på 10%, størrelse på 5px , svart
Color Overlay: Multiply, Opacity på 100%, Farge: H = 0;, S = 1%, og B = 94%
Gradient Overlay: Multiply, Opacity på 10% reflekterte 0-graders;, svart til hvitt
Stroke: Størrelse på 1px, plassering: Inside, Multiplisere, Opacity på 35%, svart
Den venstre har man de samme effektene unntatt disse endringene:
Gradient Overlay: Multiply, Opacity på 10%, lineær 0-graders;, svart til hvitt
Stroke: Størrelse: 1px, Plassering av Inside, Multiplisere, Opacity på 25 %, svart
Og den rette har samme effekt som den venstre er unntatt selvfølgelig for Gradient Overlay som er:
Gradient Overlay: Multiply, Opacity på 10%, lineær 0-graders;, hvitt til svart
Trinn 23
Nå for karm. Det blir følgende lag effekter:
Drop Shadow: Multiply, Opacity på 35%, Avstand til 5px, størrelse på 5px, svart
Indre skygge: Screen, Opacity på 75% , Avstand til 5px, Størrelse 3px, hvit
Inner Glow: Multiply, Opacity på 25%, Størrelse 2px, svart
Gradient Overlay: Multiply, Opacity på 20%, lineær 90-graders , svart til hvitt
Stroke: Størrelse på 1px, plassering: Utenfor, Multiplisere, Opacity på 50%, svart
Step 24
De horisontale striper på til venstre og til høyre får følgende lag effekter:
Drop Shadow: Screen, Opacity på 75%, Avstand fra 2px, Størrelse 2px, hvit
Indre skygge: Multiply, opasitet på 50%, Avstand fra 3px, Størrelse 2px, svart
Color Overlay: Multiply, Opacity på 100%, 80% grå
Teksten blir samme lag effekter med følgende endringer:
Inner Glow: Screen, Opacity på 75%, Størrelse 2px, hvit
Color Overlay: Multiply, Opacity på 100%, 40% grå Anmeldelser
Angi tekst anti-alias for å glatte, standard for Illustrator import er skarp.
Trinn 25
Taket får de samme effektene som arkitravet men ingen Drop Shadow. Den indre delen av taket får følgende effekter:
Drop Shadow: Screen, Opacity på 75%, Avstand fra 5px, Størrelse 5px, hvit
Indre skygge: Multiply, opasitet på 50%, Avstand fra 5px, Størrelse 10px, svart
Inner Glow: Screen, opasitet på 75%, Størrelse 2px, hvit
Color Overlay: Multiply, Opacity på 100% , 70% grå
Gradient Overlay: Multiply, Opacity på 80%, lineær 90-graders, hvit til svart
Trinn 26
Pennen form får følgende lageffekter:
Drop Shadow: Multiply, Opacity på 50%, Avstand fra 2px, Størrelse 2px, svart
Indre skygge: Screen, Opacity på 50% Avstand fra 2px, Størrelse på 2px, hvit
Inner Glow: Screen, Opacity på 50%, størrelsen på 5px, hvit
Color Overlay: Multiply, Opacity på 100%, Farge: H = 0 &grader;, S = 1%, og B = 100%
Gradient Overlay: Multiply, Opacity på 10%, lineær 90-graders;, svart til hvitt
Stroke: Størrelse på 1px, posisjon satt til Ute Multiply , Opacity på 50%, svart
Wow, det var ganske mange lag effekter. Vector Plus-medlemmer kan se gjennom alle stilene som ligger i PSD kildefilen. Selvfølgelig er det ikke nødvendig å holde seg til disse verdiene. Lek litt og finne ut hva du liker best. Nå som vi er ferdig med de lageffekter, la oss gjøre resten.
Trinn 27
Opprett en opasitet maske for sunburst form. I opacity mask, velg Gradient verktøyet (G) og tegne en radial hvit-til-svart gradient fra midten av sunburst mot endene. Deretter satt lagets Opacity til 60%
Trinn 28
For skyggene på søylene jeg bruker denne enkle metoden. Ctrl-klikk på miniatyrbildet og trykk kolonnen lag Select piksler. Dette skaper et utvalg av de lagene innhold. Så med Elliptical Marquee trekke en del av utvalget slik at du får noe sånt vist nedenfor
Trinn 29
Gå til Velg >.; Endre > Kontrakt og kontrakten ditt valg av en px. Lag et nytt lag, navnet "Kolonne en skygge" og fylle markeringen med svart.
Opprett en opacity maske for dette laget. I opacity mask velg Gradient Tool, og tegne en lineær hvit til svart gradient fra nederste høyre hjørne til øvre venstre del av skyggen din. Sett Opacity av laget til 40%, og du bør ha en skygge som det er vist nedenfor
Trinn 30
Gjenta med de andre tre kolonner.. Jeg bestemte meg for å gjøre skyggene større til høyre
Trinn 31
Bruk samme teknikk for å legge høydepunkter til trappen. Velg Pixels av ett av trinnene, trekker en del, kontrakt etter 1, opprette et nytt lag, fyll med hvit, legge opasitet maske, tegne en gradient, og deretter sette lagets Opacity til 40%.
Final Bilde
Legg høydepunkter til de to andre trinnene, til taket og til pennen form og du er ferdig!
Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektor tutorials og artikler.