Så här skapar du en modern enstaka logotyp i Adobe Illustrator

Vad du ska skapa

I denna handledning kommer vi att gå över processen att skapa en enkel logotyp med formen av bokstaven P, som kan användas för affärer, produkter, affärer, transport eller var som helst. Vi kommer att arbeta med grundläggande geometriska former för att skapa vår logotyp i Adobe Illustrator, vilket gör processen att skriva lättare och roligare. Låt oss börja!

Om du vill köpa en logotyp kan du välja från ett urval på GraphicRiver. 

1. Skapa ett nytt dokument och skapa ett rutnät

Tryck Kontroll-N att göra en Nytt dokument. Ställ in Enheter till pixlar, och skriv in 800 x 600 respektive för bredd och höjd på dokumentet. Sedan i Avancerad alternativ, välj RGB, Skärm (72 ppi), och se till att aktivera Justera nya objekt till pixelnätet lådan innan du klickar ok.

Aktivera Rutnät (Visa> Visa rutnät) och Snap to Grid (Visa> Snap to Grid). Du behöver ett rutnät varje 50 px, så tryck helt enkelt på Kontroll-K att gå till Inställningar, och i Guider och galler uppsättning Gridline varje till 50 och underavdelningar till 4. Oroa dig inte, nätet hjälper dig att arbeta på ett enkelt sätt, och det kan också aktiveras eller inaktiveras genom att trycka på snabbtangenten Kontrollera-".

Du kan aktivera Info panel (Fönster> Info) för att få en förhandsvisning av storleken och positionen på dina former. Kom ihåg att ställa in mätenheten till pixlar från Redigera> Inställningar> Enheter> Allmänt. Detta ökar din arbetshastighet kraftigt.


2. Hur man skapar de grundläggande formerna

Steg 1

Ta Ellipseverktyg (L) i verktygsfältet. Ta bort fyllfärgen och välj sedan stroke och sätt på färgen Svart i rutor~~POS=HEADCOMP panel.

I mitten av duken skapar du enkelt en ellips med Ellipseverktyg (L) av 200 x 200 px- rutnätet och Snap to Grid funktionen kommer att underlätta detta. Dra nu en ny ellips av 25 x 25 px från mitten av den tidigare ellipsen.

Välj båda ellipserna och duplicera dem (gå till Redigera> Kopiera och då Redigera> Klistra in framför) och dra de två ellipserna ner med Urvalsverktyg (V) tills de bildar en sorts åtta.

Steg 2

Skapa två ellipser av 50 x 50 px och anpassa dem horisontellt till varje ellips, placerad på vänster sida som visas i den första bilden. Ta Linjesegmentverktyg (\) och dra vertikala linjer mellan ellipserna. Slutligen rita två raka linjer av 100 px ner, från ellipsernas kanter och stänga mellanrummet mellan de två parallella linjerna med ett annat slag.

Steg 3

Välj alla former med Urvalsverktyg (V), och ta sedan Formverktygsverktyg (Skift-M), fyller den med vilken färg som helst i rutor~~POS=HEADCOMP panel, utan stroke (använd sedan gradient fyllningar, så fyllningen spelar ingen roll längre).

Dra det tills en ritningsring bildas runt formen, och lägg sedan till den inre ringen och den sista projiceringen av bokstaven "P".

Steg 4

Med Direktmarkeringsverktyg (en), välj den nedre vänstra noden på projiceringen av "P" och skapa en båge tills den rör den andra noden. Välj de nedre två noderna (håll Flytta för att välja flera noder) och flytta dem upp en gång med tangenterna på tangentbordet. Ta bort konturerna för de sammanslagna formerna och lämna bara de fyllningar som applicerades.

Ta bort alla andra former. Jag råder dig först att klippa formerna (Ctrl-X), ta bort de återstående och klistra sedan in igen på samma plats (Kontroll-F), så du riskerar inte att radera längre.

3. Hur man fyller gradienter och skapar vinklade kanter

Steg 1

Rita en horisontell gradient med Övertoningsverktyg (G) i var och en av logotyperna, som används som fyllfärger A (R: 246, G: 237, B: 69) och B (R: 163, G: 189, B: 49).

Steg 2

Stäng av Rutnät (Kontrollera-") och inaktivera Snap to Grid (Visa> Snap to Grid). Detta gör att du kan flytta formerna fritt.

Ange ett värde av 0,5 px i Tangentbordsökning låda (Redigera> Inställningar> Allmänt).


Steg 3

Välj den interna formen på bokstaven "P" och duplicera den (tryck på Kontroll-C följd av Kontroll-F) och ställ in en fyllfärg på rött i rutor~~POS=HEADCOMP panel. Duplicera igen (Kontroll-F) Applicera färgen blå i rutor~~POS=HEADCOMP panelen och flytta den två gånger till höger med pilknappen på tangentbordet.

Välj båda formerna (rött och blått) och välj Minus Front i Stigfinnare panel. Om du inte hittar panelen, gå till Fönster> Pathfinder.

Steg 4

Upptagna formerna (Skift-Control-G) och ange fyllfärgen #ffffffmed Täcka över Blandningsläge i Utseende panel. Resultatet blir att få en ljusare kant för öppningen av vår logotyp.

Steg 5

Välj den yttre ringen på "P" och duplicera den (Kontroll-C följd av Kontroll-F) och fyll det med rött. Kopiera den igen och fyll den med blå. Flytta den upp två gånger.

Välj båda formerna och tillämpa Minus Front i Stigfinnare panel. Ungroup (Skift-Control-G) och ta bort formen ovan, bara lämna den nedre bågen som intresserar oss för avfasning.

Steg 6

Ställ in fyllningen till #ffffffoch välj Täcka över Blandningsläge i Utseende panel.

4. Hur man skapar höjdpunkterna och skuggan

I det här avsnittet kommer vi att skapa några höjdpunkter på botten av bokstaven P för att skapa ett ljusare utseende, dra nytta av logotypens sfäriska form.

Steg 1

Aktivera Snap to Grid (Visa> Snap to Grid) och klicka på duken med Ellipseverktyg (L). I popup-knappen ställer du in Bredd och Höjd till 50 px. Placera den högra ellipsen i den nedre inre kurvan på "P". Ange en röd fyllning från rutor~~POS=HEADCOMP panel.

inaktivera Snap to Grid igen (Skift-kontroll-"). Duplicera ellipsen (blå fyll i rutor~~POS=HEADCOMP panel) och i popup-panelen flytta den 10 px vertikalt nere (Objekt> Transformera> Flytta ... ).

Steg 2

Välj båda ellipserna och ställ in Minus Tillbaka i Stigfinnare panel. Skapa en linjär gradient i Lutning panel med två färger #ffffff, en på Plats 0% och 50% Opacitet och den andra i Plats 100% och 0% Opacitet

Innehav Flytta och dra en linje från låg till hög med Övertoningsverktyg (G).

Steg 3

Duplicera denna form (Kontroll-C följd av Kontroll-F) och applicera en röd färg från rutor~~POS=HEADCOMP panel. Kopiera det igen (Kontroll-F) och flytta upp den en gång med pilknappen på tangentbordet. 

Välj båda formerna och tillämpa Minus Front i Stigfinnare panel.

Steg 4

Skapa en linjär gradient i Lutning panel med färg #ffffffen på Plats 0% och Opacitet 0% och en annan i Plats 50% och Opacitet 50% och slutligen Plats 100% och Opacitet 0%.

Använd Övertoningsverktyg (G) för att rita en rak horisontell linje på formen.

Steg 5

Välj nu den externa formen på "P" och " Kopia (Kontroll-C) och Klistra in framför (Kontroll-F). Fyll den med rött. Duplicera (Kontroll-F) och fyll i blå.

Dubbelklicka på Urvalsverktyg (V) och i popup-rutan ställer du in Horisontell position till -15 px, och tryck på ok.

Välj båda formerna och tillämpa Minus Front i Stigfinnare panel.

Steg 6

Ta upp formen (Skift-Control-G) och ta bort formen till vänster. Nu är vi kvar med bara vad som intresserar oss för att lägga till en reflektion på höger sida av "P".

Ta formen och använd ovanstående genomskinliga fyllnadsfyllning med Eyedropper Tool (jag). Rita en rak linje från topp till botten med Övertoningsverktyg (G) så att insynen förblir blekad.

Steg 7

Kopia (Kontroll-C) denna form och Klistra in framför (Kontroll-F), och fyll det med rött i rutor~~POS=HEADCOMP panel. Duplicera (Kontroll-F) och fyll den med blå från rutor~~POS=HEADCOMP panel.

Ta Direktmarkeringsverktyg (en) och flytta noden till höger en gång med piltangenterna på tangentbordet. Välj båda formerna och tillämpa Minus Front i Stigfinnare panel.

Steg 8

Applicera en gradientfyllning med hjälp av Eyedropper Tool (jag). Rita en rak vertikal linje med Övertoningsverktyg (G).

5. Hur man skapar en skugga

För att avsluta ska vi skapa skuggan på projiceringen av bokstaven "P" och lägga till en bakgrund.

Steg 1

Välj den lägsta formen av "P" och ytterringen. Kopia (Kontroll-C) och Klistra in framför (Kontroll-F).

Välj bara den yttre ringen, Kopia (Kontroll-C) och Klistra in framför (Kontroll-F) och dubbelklicka på Urvalsverktyg (V). I popup-rutan flyttar du Vertikal placera 15 px.

Steg 2

Välj alla och duplicera, och med Formverktygsverktyg (Skift-M) lägg till den korsade formen. Ta bort alla andra former.

Steg 3

Skapa en linjär gradient i Lutning panel med färg A (R: 101, G: 117, B: 30) och B (R: 163, G: 189, B: 49) med Plats0% och 100% respektive.

Rita en lutande linje -57º från topp till botten med Övertoningsverktyg (G).

Steg 4

Klicka på duken med Rektangelverktyg (M) och i popup-rutan ställa in Bredd till 800 px och den Höjd till 600 px. Fyll den med färg # 2b300dSkicka tillbaka (Objekt> Ordna> Skicka till Tillbaka).

Använd Justera panel för att centrera rektangeln på duken. Om du inte hittar Justera panel, gå till Fönster> Justera.

Steg 5

Välj hela logotypen och gruppen (Kontroll-G). Placera den på duken med Justera panel.

grattis! Du är klar!

Logotypen är klar! Titta vad vi uppnådde - så bra resultat. Jag hade så mycket roligt med denna handledning, och jag hoppas att du också haft det.

Jag hoppas att du lärde dig nya tekniker, och för att detta ska vara användbart för din framtid, är resten en fråga om att öva. Kom ihåg att övningen är perfekt.