Comparing logoen Creation Process Mellom Adobe Photoshop og Illustrator
Hva du skal lage

Så ofte vi bryter ned logoer og grafisk design prosjekter utelukkende i Adobe Illustrator. Dagens tutorial produserer ett prosjekt i både Adobe Illustrator og Adobe Photoshop, fremhever prosessen med design mens du bruker lignende metoder i hvert program.

1. Skisse it Out

Trinn 1

Jeg skisserte ulike logoer, skiltet design og bannere i min skissebok. Selv om jeg har gjort et helt sett av design, vil denne opplæringen fokusere på ett spesielt: en oval utforming lik øl flaske etiketter i sin form, men søtet opp for en iskrem butikk

Trinn 2
.

Jeg bestemte meg på oval design for denne opplæringen, og som sådan skisse ut varianter av det med bannere, ekstra kopi, og alternative designelementer. Jeg ønsker stykket å gi betrakteren den informasjonen de trenger. Merkevare og produkttyper

2. Ovaler i Photoshop

Trinn 1

La oss begynne denne opplæringen i Adobe Photoshop CC plakater (andre versjoner kan definitivt bli brukt, som de fleste av verktøyene er til stede i flere versjoner) . Opprett en Nytt dokument
som handler om 6 inches BY 8 inches
på 300dpi
.

Bruk Ellipse Tool (U)
å tegne en stor oval. Fyll den med en lett, kremet farge ( R: 248 G: 231 B:
213
) i Egenskaper
panel. Høyreklikk
formlag i Layers
panel, Rastrer
, og bruke Rectangular Marquee Tool (M)
å kutte ut en seksjonen (se nedenfor) av den ovale.

Trinn 2

Bruk Magic Wand Tool (W)
å velge utenom de ovale halvdeler og Invert
( Skift-Kontroll-I
) valget
. Gå til Velg > Endre > Kontrakten Hotell og kontrakt med 15 piksler
. Slett
den nylig kontrakt utvalg fra de ovale halvdeler, slik at du sitter igjen med to skisserer.

Trinn 3

Tegn to lange rektangler på de indre kantene på hver ovale halvdeler med rektangel Tool (U)
. Du kan matche den eksakte bredden på omrisset ved å velge hvert formlag med Direct Selection Tool (A) Hotell og definere høyden som 18px
. Velg
dine formlag og Align
dem til Senter
med Move Tool (V)
.

3. Bannere og Bakgrunn

Trinn 1

På et nytt lag, tegne et rektangel og angi fyllfarge til lyst blågrønn ( R: 89 G: 189 B: 189
). Rastrer
laget og velg utenfor den nederste halvdelen av den ovale (switch lag, velg deretter blågrønn rektangel laget igjen). Slett
de deler av rektangelet som eksisterer utenfor utvalget.

Trinn 2

Bruke Magic Wand Tool
, velg Interiøret i topp oval halvparten. Contract
utvalget av 20 piksler
, slik det ble gjort i § 2, trinn 2
. Opprett en Nytt lag Hotell og bruke Paint Bucket Tool (G)
å fylle i den nylig kontrakt med blågrønt.

Trinn 3

En rask skutt av logoen på dette punktet i opplæringen. Reduser lengden av de nedre krem ​​rektangler og trekke mindre seg i midten av de ovale former. Sørg for at hvert element er sentrert.

Trinn 4

Velg
blågrønn oval halvparten og lage en Nytt lag
i Layers
panel (for stykker som dette, pleier jeg å gjøre ett lag for hvert element av design slik at de er lett endres senere, omtrent som et dokument som er opprettet i Illustrator
).

Bruk Gradient Tool (G)
å plassere en Radial Gradient
som går fra mørk blågrønn ( R: 18 G: 112 B: 112
) til gjennomsiktig innenfor valg (i det nye laget).

4. Place Tekst

Trinn 1

Teksten i denne designen er ganske enkel og grei. Skriv ut tekst med Horizontal Type Tool (T)
. For "Sweet Treats", brukte jeg Bebas Neue
i samme krem ​​som brukes for de skisserte former. Flytt bunn ovale halvelementer oppover slik at teksten passer i sentrum av design uten å utvide forbi toppen lang rektangel.

Trinn 2

For "ICE CREAM" tekst, jeg brukte < b> Arkiv Svart
skrevet med store bokstaver på grunn av sin dristige, klumpete utseende. Rastrer
tekstlaget og velg bokstavene (pass på at det er et stort telt går rundt de indre delene av "R" og "A") og slette utvalg fra blågrønt banner laget. Skjul
tekstlaget i Layers
panel.

Lag en Nytt lag
over blågrønn banner lag og bruke Gradient Tool
for å plassere Radial
stigninger på hver side av banneret (konsentrere mørk blågrønn på kantene). Velg
blågrønn banner (i blågrønn banner laget) og Slett
de delene av gradient lag som ikke skjærer med blågrønn banner (slik det ble gjort i § 3 Trinn 1
).

Trinn 3

For å legge til noen bånd haler på hver side. Tegn en mørk blågrønn rektangel med rektangelverktøyet
, Rastrer
formlag, og bruke polygonal lasso Tool (L)
å tegne en trekant-formet utvalg til slette fra rektangel.

Roter
formen 45 °
, eller så, Duplicate
laget, og gå til Rediger > Transform > Vend vannrett
. Merge (Ctrl-E)
bånd lagene sammen og legg dem under iskremen banner lag. Velg
banneret og bruke Eraser Tool (E)
å slette bånd fra teksten utvalg (se siste bildet nedenfor).

Trinn 4
< p> Velg
de "Iskrem" banner lag og gå til Rediger > Fordreie
. Påfør en Arch
Bend
av -33%
avhengig banner plassering. Flytt bøyd banner og lavere oval halvparten oppover i design.

Trinn 5

Den endelige teksten touch for denne designen er "siden 1982" (eller hva år imaginære eller snarere reell virksomhet var etablert) skrevet i fet Myriad Pro
og i krem. Plass på bunnen av den andre oval halvparten i 12pt
eller 14 pkt
størrelse. Velg
din tekst med Horisontal Text Tool Hotell og deformere teksten i en Arc
stil av -36%
.

5. Tegn Ice Cream

Trinn 1

Bruk Pen Tool (P)
å tegne et rektangel med den øverste kanten buet. Hold nede Alt
å manipulere håndtakene mens du oppretter kurven. I Paths
panel, fylle formen med samme blågrønn farge brukt tidligere. Tegn en tynn, buet stripe (se nedenfor), også med Pen Tool
og fylle det inn med krem. Slett
de delene av stripe som strekker seg utover kopp form.

Trinn 2

Bruk Brush Tool (B)
å tegne en sky -lignende iskrem virvel. Spore form med Pen Tool
på en Nytt lag Hotell og fylle på med samme krem ​​farge brukes gjennom hele opplæringen. Bruk Ellipse Tool
å trekke en søt rød kirsebær. Skjul
eller Slett
trukket iskrem laget.

Trinn 3

Siden dette er på en hvit bakgrunn, lys krem ​​farge ble endret til en søt fersken. Det beholder sherbet fargetema, men er lesbar mot lyse farger. Hvis logoen skal være på en mørk bakgrunn, kan velge den lett krem ​​i stedet.

Når du er ferdig kan du Eksporter
filen eller fortsette å designe buttons, bannere, og logoer for " Søte Treats ", alles favoritt iskrem selskap som ble gjort opp for denne opplæringen. La oss gå videre til å skape samme design i Adobe Illustrator
.

6. Opprett Oval og grenser

Trinn 1

Lag en Nytt dokument
med samme dimensjoner som Avsnitt 2, trinn 1
. Bruk Ellipse Tool (L)
å tegne en stor oval-form og rektangel Tool (M)
å tegne et smalt rektangel som overlapper den ovale. Fyll både med krem ​​farge fra § 2, trinn 1
. Velg
begge former i hit Minus Front
i Pathfinder
panel. Høyreklikk
det sammensatte formen og trykk på Frigi sammensatt bane
for å skille

Trinn 2

Tegn fire rektangler i rommet mellom to ovale halvdeler. Legg merke til hvordan de to øverste er lengre enn de to nederste og ytterste to er tykkere enn de indre to rektangler.

Trinn 3

Velg den øverste oval halvparten og gå til Objekt > Sti > Offset Sti
. Input -6px
for Offset
. Velg
både toppen oval og dens offset formen og trykk på Minus Front
i Pathfinder
panel. Gjenta med bunnen oval.

7. Tekst og Bannere

Trinn 1

Tegn en mindre oval i toppen av kremen oval halvparten. Sett fyllfarge til samme blågrønn brukes i § 3, trinn 1
, og kuttet av den nederste delen av det ved hjelp av teknikken fra § 6, trinn 1
.

Med Type Tool
, skrive "Sweet Treats" i Bebe Neue
. Juster størrelsen og generelle formen av den typen med Selection Tool (V)
.

Trinn 2

For å opprette blågrønn banner, tegne et rektangel over bunnen av den ovale formen. Velg både figurer og bruke Shape Builder Tool (Shift-M)
for å Velg
de ytre delene av rektangelet, Deselect
, og Slett
dem fra banneret.

Trinn 3

Med Type Tool
, skriv "ICE CREAM" i Arkiv Svart Hotell og Utvid
typen under Objekt
.
Unite
typen i Pathfinder
panel. Velg
teksten form og blågrønn banner og trykk på Minus Front
i Pathfinder
.

Skriv ut "siden 1982"
i Myriad Pro
. Å deformere teksten, gå til Effect > Warp > Arc Hotell og Bend
teksten ved -17%
. Plasser denne teksten på bunnen av den ovale.

Trinn 4

Kopier (Ctrl-C) Hotell og Lim inn (Ctrl + V)
"ICE CREAM" banner og bruke en gradient fyll, ved hjelp av Gradient
panel, som går fra mørk blågrønn ( § 3, trinn 4
) på 100%
til 0%
til 100%
Opacity
.

8. Bakgrunn, Ice Cream, og Ribbons

Trinn 1

Kopier Hotell og Lim
blågrønn oval halvparten og bruke en Radial Gradient
kommer fra
mørk blågrønn på 100%
til 0% Opacity
. Justere plasseringen av gradient med Gradient Tool (G)
.

Trinn 2

For sundae kopp, tegne en ellipse og rektangel av det samme bredde og Unite
dem i Pathfinder
panel. Bruk Pen Tool (P)
å trekke kremfarget buet stripe over hele forsiden av koppen. I likhet med prosessen i § 5 Trinn 2
, skissere iskrem form med Paintbrush Tool (B) Hotell og spore den med Pen Tool
. Slett
noen strøk skisser fra Layers
panel. Bruk Ellipse Tool
å trekke en søt liten rød kirsebær og legg den bak iskrem form.

Trinn 3

For blågrønn banner sin bånd, tegne et kort rektangel med rektangelverktøyet
. Bruk Pen verktøyet
å tegne en trekant på venstre side av rektangelet. Velg
både og
hit Minus Front
i Pathfinder
panel. Roter
formen 45 °
eller så. Kopier
, Lim
, og Nødvendigvis
båndet form over en Vertical Axis Hotell og plass på hver side av blågrønn banner innen design ( sørg for at den er plassert under banneret i Layers
panel).

Trinn 4

Velg
de "Iskrem" banner komponenter og Group (Ctrl-G)
dem sammen. Gå til Effect > Warp > Arch Hotell og Bend
det etter -21%
.

9. Fargevarianter

Trinn 1

Color valget er viktig. Jeg gjorde bakgrunnen mørk grå i dette tilfellet så krem ​​detaljer er synlige. Tenk deg at din logo blir trykt i en avis eller i et magasin, men det vil ikke bli skrevet ut i farger. Det er lurt å sørge for at du har valgt farger for den aktuelle forekomsten slik at merkevaren, produktet og annen informasjon er fortsatt lesbare.

Trinn 2

Den andre varianten er enkel svart og hvit. Jeg utelatt kirsebær delen av design. Alle gradienter ble slettet (dette er grunnen til at jeg har plassert dem på et eget lag fra den opprinnelige form), ble kremhvit, og blågrønn og mørk blågrønn ble svart.

Mye som gråtoner variasjon, er all fremtredende informasjon lett lese så lenge det finnes på en grå bakgrunn. Denne øvelsen er nyttig ikke bare for svarte og hvite publikasjoner, men også begrenset fargeutskrift der du kan bare velge to eller tre farger.

Til slutt, se din logo design, banner, etc. på denne måten hamre hjem hva deler av design skiller seg ut mest. I dette tilfellet er det iskrem og ordene "søte godbiter", som er de viktigste elementene i design siden det umiddelbart forteller betrakteren eller forbruker hva produktet eller selskapet.

Godt gjort, du!

En enkel design (opprettet separat, slik at variasjoner oppstått) i to programmer. Mens jeg foretrekker å bruke Illustrator
for alle ting logo og design-relaterte, bare å ha tilgang til Photoshop
bør ikke begrense en designer når det gjelder å skape lignende motiv sett og kunstverk. Det kan gjøre for tyngre filer og dokumenter, men å være i stand til å lage vektor-lignende stykker i raster form er en flott måte å få mest mulig ut av et program som Photoshop
.