Advertisement
  1. Design & Illustration
  2. Logo Design

Kako Izraditi Moderan Logo sa Jednim Slovom u Adobe Illustratoru

Scroll to top
Hector Heredia
Read Time: 7 min
Logo DesignAdobe IllustratorVectorGraphic Design

Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

U ovom tutorijalu ćemo proći proces izrade jednostavnog logotipa u obliku slova P, koje se može upotrijebiti za posao, proizvode, trgovine, promet, ili bilo gdje drugdje. Raditi ćemo sa osnovnim geometrijskim oblicima u Adobe Illustratoru, uz lagan i zabavan proces crtanja. Počnimo!

Ako tražite logo za kupnju, vrlo velik izbor možete pronaći na stranici GraphicRiver.

1. Kako Izraditi Novi Dokument i Podesiti Rešetku (Grid)

Pritisnite tipke Control-N da napravite New Document (novi dokument). Podesite Units u Pixels, i unesite 800 x 600 za width (širinu) i height (visinu) dokumenta. Zatim u Advanced postavkama odaberite RGB, Screen (72 ppi), i aktivirajte Align New Objects to Pixel Grid prije nego što kliknete OK.

Aktivrajte rešetku, odnosno Grid (View > Show Grid) i Snap to Grid (View > Snap to Grid). Trebati ćete rešetku (grid) svakih 50 px, stoga samo pritisnite tipke Control-K da idete na Preferences postavke, i u Guides & Grid podesite Gridline every na 50 i Subdivisions u 4.Ne brinite. rešetka će vam pomoći da lakše radite, a možete je i uključiti ili isključiti korištenjem prečaca na tipkovnici Control-".

Možete aktivirati Info karticu (Window > Info) kako biste imali pregled veličine i pozicije oblika. Ne zaboravite podesiti mjerne jedinice na Pixels u postavkama Edit > Preferences > Units > General. To će prilično mnogo ubrzati rad.

Set a New Document with Align New Objects to Pixel Grid and set Gridline every 50 px and 4 SubdivisionsSet a New Document with Align New Objects to Pixel Grid and set Gridline every 50 px and 4 SubdivisionsSet a New Document with Align New Objects to Pixel Grid and set Gridline every 50 px and 4 Subdivisions

2. Kako Izraditi Osnovne Oblike

1. korak

U alatnoj traci odaberite Ellipse Tool (L). Uklonite boju ispune zatim odaberite liniju/rub (stroke) i podesite boju crnu (Black) u Swatches kartici.

U sredini radne površine izradite elipsu pomoću alata Ellipse Tool (L), dimenzija 200 x 200 px— rešetka (grid) i Snap to Grid će ovdje olakšati stvar. Sada iz sredine netom nacrtane elipse nacrtajte novu elipsu dimenzija 25 x 25 px.

Selektirajte obje elipse i kopirajte ih (idite na Edit > Copy i zatim Edit > Paste in Front) i povucite dvije elipse dolje pomoću Selection Tool (V) alata dok ne postignete oblik poput broja osam.

Two ellipses of 200 x 200 px forming sort of an eightTwo ellipses of 200 x 200 px forming sort of an eightTwo ellipses of 200 x 200 px forming sort of an eight

2. korak

Izradite dvije elipse od 50 x 50 px i poravnajte ih horizontalno sa svakom elipsom smještajući ih s lijeve strane kao što je prikazano na prvoj slici. Uzmite Line Segment Tool (\) i nacrtajte vertikalne linije između elipsi. I konačno, nacrtajte dvije ravne linije od 100 px prema dolje, počevši od rubova elipsi i zatvorite prostor između dvije paralelne linije sa još jednom linijom.

Drawing straight lines between the logo structureDrawing straight lines between the logo structureDrawing straight lines between the logo structure

3. korak

Selektirajte sve oblike sa alatom Selection Tool (V), i zatim uzmite Shape Builder Tool (Shift-M), odabirući ispunu bilo koje boje u Swatches kartici, bez boje linije (zatim primijenite gradijentne ispune, pa ispuna više nije važna).

Povucite dok ne formirate prsten koji okružuje oblike, zatim dodajte unutarnji prsten i konačnu projekciju slova "P".

Add shapes with Shape Builder Tool to form the letter PAdd shapes with Shape Builder Tool to form the letter PAdd shapes with Shape Builder Tool to form the letter P

4. korak

Sa alatom Direct Selection Tool (A) selektirajte donji lijevi čvor projekcije slova "P" i radite luk dok ne dodirne drugi čvor. Selektirajte donja dva čvora (držite Shift da selektirate više njih) i pomaknite ih gore jednom sa tipkama na tipkovnici. Uklonite rub spojenih oblika i ostavite samo primijenjene ispune.

Obrišite sve ostale oblike. Savjetujem vam da prvo izrežete sve oblike (Control-X), uklonite preostale i zatim ponovno zalijepite (paste) na isto mjesto  (Control-F) kako ne biste riskirali da ih obrišete.

Rounding lower corner and move up once the nodes with Direct Selection ToolRounding lower corner and move up once the nodes with Direct Selection ToolRounding lower corner and move up once the nodes with Direct Selection Tool

3. Kako Ispunite Gradijente i Izraditi Rubove pod Kutom

1. korak

Povucite horizontalni gradijent sa alatom Gradient Tool (G) u svakom obliku logotipa i za ispunu upotrijebite boje A (R: 246, G: 237, B: 69) i B (R: 163, G: 189, B: 49).

Applying Gradients in the shapes of logo to generate an 3D appearanceApplying Gradients in the shapes of logo to generate an 3D appearanceApplying Gradients in the shapes of logo to generate an 3D appearance

2. korak

Isključite rešetku/Grid (Control-") i onemogućite Snap to Grid (View > Snap to Grid). To će vam omogućiti da slobodno pomičete oblike.

Podesite vrijednost od 0.5 px u Keyboard Increment okviru (Edit > Preferences > General).

Setting a Keyboard Increment of 05 px in the Preferences and enable Grid and Snap to GridSetting a Keyboard Increment of 05 px in the Preferences and enable Grid and Snap to GridSetting a Keyboard Increment of 05 px in the Preferences and enable Grid and Snap to Grid

3. korak

Selektirajte unutarnji oblik slova "P" i kopirajte ga (pritisnite Control-C i zatim Control-F) i u Swatches kartici podesite boju ispune u crvenu. Duplicirajte opet (Control-F), primijenite plavu boju ispune u Swatches kartici i pomaknite udesno sa dva pritiska na tipku sa desnom strelicom na tipkovnici.

Selektirajte oba oblika (crveni i plavi) i odaberite Minus Front u Pathfinder kartici. Ako ne možete pronaći karticu idite na Window > Pathfinder.

Set a Minus Front in the inner ring of P to add the bezelsSet a Minus Front in the inner ring of P to add the bezelsSet a Minus Front in the inner ring of P to add the bezels

4. korak

Uklonite oblike iz grupe (Shift-Control-G) i podesite boju ispune u #ffffff sa Overlay 'Blending Mode' načinom u Appearance kartici. Rezultat će biti svjetliji rubovi na otvoru logotipa.

Set a Overlay in Blending Moves with White fill colorSet a Overlay in Blending Moves with White fill colorSet a Overlay in Blending Moves with White fill color

5. korak

Selektirajte vanjski prsten slova "P" i napravite duplikat (Control-C, zatim Control-F) i ispunite ga crvenom bojom. Napravite još jedan duplikat i ispunite ga plavom. Pomaknite ga dva puta.

Selektirajte oba oblika i primijenite Minus Front u Pathfinder kartici. Raspustite grupu (Shift-Control-G) i uklonite oblik iznad, ostavljajući samo donji luk.

Drawing a bezel in the lower of the outer ring letter PDrawing a bezel in the lower of the outer ring letter PDrawing a bezel in the lower of the outer ring letter P

6. korak

Podesite ispunu na #ffffff i odaberite Overlay 'Blending Mode' način u Appearance kartici.

Applying a Overlay in the bezel of outer ringApplying a Overlay in the bezel of outer ringApplying a Overlay in the bezel of outer ring

4. Kako Izraditi Osvjetljenje i Sjenu

U ovom dijelu ćemo izraditi osvijetljene dijelove na donjem dijelu slova P kako bismo postigli sjajniji izgled, za što ćemo iskoristiti obli oblik loga.

1. korak

Aktivirajte Snap to Grid (View > Snap to Grid) i kliknite na radnu površinu sa odabranim alatom Ellipse Tool (L). U okviru podesite Width i Height vrijednosti na 50 px. Smjestite desnu elipsu u donju unutarnju krivulju slova "P". Podesite ispunu crvene boje u Swatches kartici.

Opet onemogućite Snap to Grid (Shift-Control-"). Napravite duplikat elipse (plava ispuna u Swatches kartici) i pomaknite je 10 px vertikalno dolje (Object > Transform > Move...).

Tow ellipses of 50 x 50 px Duplicates one and move down 10 px in vertical positionTow ellipses of 50 x 50 px Duplicates one and move down 10 px in vertical positionTow ellipses of 50 x 50 px Duplicates one and move down 10 px in vertical position

2. korak

Selektirajte obje elipse i podesite Minus Back u Pathfinder kartici. Izradite linearni gradijentu u Gradient kartici sa dvije boje #ffffff, jednoj podesite Location 0% i 50% Opacity a drugoj Location 100% i 0% Opacity.

Držite Shift i nacrtajte liniju odozdo prema gore sa Gradient Tool (G) alatom.

Set a transparency with Gradient panel to add a highlightsSet a transparency with Gradient panel to add a highlightsSet a transparency with Gradient panel to add a highlights

3. korak

Napravite duplikat ovog oblika (Control-C, zatim Control-F) i primijenite crvenu boju u Swatches kartici. Napravite opet duplikat (Control-F) i pomaknite ga jednom gore pomoću tipke sa strelicom na tipkovnici.

Selektirajte ba oblika i primijenite Minus Front u Pathfinder kartici.

Creating a bezel to that highlight with a Minus Front in the Pathfinder panelCreating a bezel to that highlight with a Minus Front in the Pathfinder panelCreating a bezel to that highlight with a Minus Front in the Pathfinder panel

4. korak

U Gradient kartici napravite linearni gradijent sa bojom #ffffff: prvoj podesite Location 0% i Opacity 0% a drugoj Location 50% i Opacity 50% te posljednjoj Location 100% i Opacity 0%.

Upotrijebite Gradient Tool (G) da povučete ravnu horizontalnu liniju na obliku.

Set a linear gradient in that bezel on the highlightSet a linear gradient in that bezel on the highlightSet a linear gradient in that bezel on the highlight

5. korak

Sada selektirajte vanjski oblik slova "P" i kopirajte klikom na Copy (Control-C) i zatim kliknite Paste in Front (Control-F). Ispunite ga crvenom bojom. Napravite duplikat (Control-F) i ispunite ga plavom.

Dvaput kliknite na Selection Tool (V) i u padajućem izborniku podesite Horizontal poziciju na -15 px, i pritisnite OK.

Selektirajte oba oblika i primijenite Minus Front u Pathfinder kartici.

Duiplicating the outer ring of letter P to create a new highlightDuiplicating the outer ring of letter P to create a new highlightDuiplicating the outer ring of letter P to create a new highlight

6. korak

Raspustite grupu (Shift-Control-G) i obrišite oblik s lijeve strane. Sada nam je ostalo samo ono što nam je potrebno kako bismo dodali refleksiju na desnu stranu slova "P".

Selektirjte oblik i na njega primijenite gore prikazanu transparentnu gradijentnu ispunu sa alatom Eyedropper Tool (I). Sa Gradient Tool (G) alatom povucite ravnu liniju od vrha prema dnu kako bi transparentnost i dalje postepeno blijedila prema dolje.

Applying a new linear gradient in the new shape to the highlightApplying a new linear gradient in the new shape to the highlightApplying a new linear gradient in the new shape to the highlight

7. korak

Kopirajte/Copy (Control-C) ovaj oblik i zalijepite sprijeda/Paste in Front (Control-F), te mu podesite crvenu ispunu u Swatches kartici. Napravite duplikat (Control-F) i ispunite ga plavom u Swatches kartici.

Uzmite Direct Selection Tool (A) alat i pomaknite čvorište udesno jednim klikom na tipku sa strelicom na tipkovnici. Selektirajte oba oblika i primijenite Minus Front u Pathfinder kartici.

Creating a bezel to that highlight Duplicating the shapes and using Pathfinder panelCreating a bezel to that highlight Duplicating the shapes and using Pathfinder panelCreating a bezel to that highlight Duplicating the shapes and using Pathfinder panel

8. korak

Primijenite gradijentnu ispunu pomoću Eyedropper Tool (I) alata. Sa alatom Gradient Tool (G) povucite ravnu vertikalnu liniju.

Apply a linear gradient with Eyedropper Tool on the bezelApply a linear gradient with Eyedropper Tool on the bezelApply a linear gradient with Eyedropper Tool on the bezel

5. Kako Izraditi Sjenu

Kako bismo dovršili efekt izraditi ćemo sjenu na projekciji slova "P" i dodati ćemo pozadinu.

1. korak

Selektirajte najniži oblik slova "P" i vanjski prsten. Kopirajte/Copy (Control-C) i zalijepite sprijeda/Paste in Front (Control-F).

Sada selektirajte samo vanjski prsten, kopirajte/Copy (Control-C) i zalijepite sprijeda/Paste in Front (Control-F), te dvaput kliknite na Selection Tool (V). U padajućem izborniku pomaknite Vertical poziciju na 15 px.

Selecting all shapes and creating a shape intersected to create a shadowSelecting all shapes and creating a shape intersected to create a shadowSelecting all shapes and creating a shape intersected to create a shadow

2. korak

Selektirajte sve, izradite duplikat i zatim sa alatom Shape Builder Tool (Shift-M) dodajte preklapajući oblik. Uklonite sve ostale oblike.

With Shape Builder Tool adding a shape to draw a shadow in the projection of letter PWith Shape Builder Tool adding a shape to draw a shadow in the projection of letter PWith Shape Builder Tool adding a shape to draw a shadow in the projection of letter P

3. korak

Napravite linearni gradijent u Gradient kartici sa bojom A (R: 101, G: 117, B: 30) i B (R: 163, G: 189, B: 49) kojima podesite Location na 0% i 100%.

Nacrtajte nakrivljenu liniju, za -57° od vrha do dna sa alatom Gradient Tool (G).

Applying a gradient linear with -57 angle to the shadowApplying a gradient linear with -57 angle to the shadowApplying a gradient linear with -57 angle to the shadow

4. korak

Kliknite na radnu površinu sa alatom Rectangle Tool (M), i u padajućem izborniku podesite Width na 800 px i Height na 600 px. Ispunite ga bojom #2b300d. Pošaljite straga klikom na Send to Back (Object > Arrange > Send to Back).

Upotrijebite Align karticu da poravnate pravokutnik na radnoj površini. Ako ne možete pronaći Align karticu idite na Window > Align.

Creating a rectangle of 800 x 600 px as background to the logoCreating a rectangle of 800 x 600 px as background to the logoCreating a rectangle of 800 x 600 px as background to the logo

5. korak

Selektirajte cijeli logo i grupirajte (Control-G). Poravnajte ga na radnoj površini pomoću Align kartice.

Focusing the logo on the canvas with Align panelFocusing the logo on the canvas with Align panelFocusing the logo on the canvas with Align panel

Čestitam! Završili ste!

Logo je gotov! Pogledajte što smo postigli - fantastičan rezultat. Zaista sam se zabavio sa ovim tutorijalom i nadam se da ste vi uživali također.

Nadam se ste naučili nove tehnike koje će vam biti korisne u budućnosti, a sve ostalo je stvar prakse. Ne zaboravite, praksom do savršenstva.

Final resultFinal resultFinal result
Colour variationsColour variationsColour variations
Advertisement
Logo DesignAdobe IllustratorVectorGraphic Design
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Hector Heredia
Hector Heredia
Graphic & Motion Designer
Hey! My name is Hector Heredia. I'm a graphic designer focused on logo design, illustrations, and motion graphics. I'm proficient with Adobe Illustrator and Adobe After Effects. Also, I create tutorial videos on my YouTube channel about design and animation. I love to write tutorials and share my knowledge. In my free time, I like to listen to music and play FIFA or NFS!
Advertisement
Advertisement
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.