Illustrator'da ürün simgeleri kümelerini oluşturun

Sep 10, 2025

Nasıl Yapılır

Click the icon in the top right to enlarge the icons — Simgeleri büyütmek için üstündeki simgeye tıklayın

Resimli simgeler sizin için süper ek olabilir tasarım portföyü , onları yeni bir potansiyel istemciye sahip bir gruba ulaşmak ya da resimli bir sahneye daha fazla öğe eklemek için ekleyin. Bunda Adobe Illustrator Eğitimi Size basit ve kolay bir şekilde simgeleri nasıl oluşturacağınızı göstereceğim, böylece hiçbir zaman onların büyük birimleri oluşturabilirsiniz.

İki simge seti tasarlayacağım: bir dizi dijital telefon / tablet ve bir dizi kahve yapma ürünleri.

01. Neyi temsil ettiğinizi bilin

pictures of phones, tablets and coffee machines — Gerçek dünyadaki ürünlerin iyi bir araştırma seviyesine ihtiyacı var

Ürünleriniziniziniz ne olursa olsun, araştırmanızı yapın! Bir müşteri tüm ürünlerin doğru olmasını ister ve ben de yapmalısınız. Kişisel bir proje olsa bile, orijinal bir Nokia 3310'a yanlışlıkla bir kamera düğmesi ekleyemezsiniz veya bir İngiliz su ısıtıcısına iki pinli bir fiş koyun. Bir müşteri için bir ürünü gösteriyorsanız, tüm yol boyunca nasıl göründüğünü bildiğinizden emin olun, bu yüzden onu gerçek dünya nesnesi olarak anlarsınız.

02. Kalem içinde çizin

Coffee makers drawn in simple lines below a row of phones — Nesneyi basit çizgilere düşürmek

Keşke başlayabilirsiniz - istediğiniz - her zaman kurşun kalemle her şeyi çizerim, ancak birçok ürün için bir fotoğrafı izleyebilirsiniz. Çizmek için zor bir şekle sahipseniz ve bu simetrik olursa - örneğin bir ampul - sadece bir yarısını çizebilirsiniz (daha sonra geleceğim!).

03. Kinks'den kurtulun

A line drawing of a coffee pot — Düz çizgilere, mükemmel açılara ve pürüzsüz eğrilere sadık kalın

Linework oluştururken, her zaman satırları ve açıları düz ve temiz tutun. Resimli ürün simgeleriniz sayfada veya ekranda oldukça küçük olabilir ve gereksiz kinkler veya eğriler gözü karıştırabilir ve işleri belirsizleştirebilir.

Bunun için iki ana ipucu var. İlk olarak, şekil aracıyla, basılı tutun. Vardiya Mükemmel daireler ve kareler veya düz oturup çokgenler elde etmek için anahtar. Ve ikinci, kalem aracı ile tutun Vardiya Sadece bir eksene 45 dereceye veya 90 dereceye kadar açı çizin.

04. Simetriyi kullanın

Phone with box around screen to highlight symmetry — Simetri iş akışınızı daha verimli hale getirebilir

Birçok ürün mükemmel simetriktir, bu da işleri güzel ve basit hale getirir. Linework'ün olduğunda, seçim aracıyla hepsini seçin ( cmd + v ) ve üst barda bir dizi hizalama düğmesinin göründüğünü göreceksiniz. İhtiyacınız olanlara bağlı olarak yatay veya dikey hizalama merkezi düğmesini tıklayın ve her şey simetriye girecektir. Nesneleri birlikte gruplandırabilir ve daha sonra bunları diğer nesnelerle veya gruplarla hizalayabilirsiniz.

05. Daha karmaşık nesneleri yansıtır

An image of a jug reflected — Basit bir kopya ve yapıştır, nesnelerinizi güzel ve düzenli tutacak

Daha düzgün nesnelerde simetri için, bir buçuk'u mükemmel şekilde göster, ardından bu yarıları seçin ve kopyalayın ve hepsini bir araya getirin. Shift + Alt Ve sağ ok tuşuna basmak, bu, bu satır seviyesini orijinalleri ile tutacaktır.

Hala kopyalanan nesnelerle seçilen Nesne ve GT; Dönüşüm ve gt; Ana menüden yansıtın, dikey seçeneği seçin ve Tamam'ı tıklayın. Genişliği doğru elde etmek için nesnenin bu tarafını yerleştirin (yalnızca sol ve sağ ok tuşlarını kullanarak diğer yarısıyla hizalanırlar).

Doğrudan seçim aracını kullanma ( cmd + a ) İki satır uçlarını seçerek ve tıklayarak her satırın iki tarafını birleştirin. cmd + j .

06. Tutarlılığı koruyun

Picture of phones with consistency between them highlighted — Tüm ürünler evrimlerden geçer; Bir sonraki nasıl ilişkili olduğunu göster

Bir ürün koleksiyonu üzerinde çalışıyorsanız, her zaman koleksiyondaki diğer eşyaları göz önünde bulundurduğunuzdan emin olun. Düğmeler, ürünler arasında aynı ise, eğer kavisli köşe her zaman aynı boyutta ise, bunları kopyalayıp yapıştırın, ardından aynı köşeyi kullandığınızdan emin olun.

Genellikle (özellikle teknik ürünler ile) bir cihaz yapabilirsiniz, sonra kopyalayabilir / yapıştırabilir ve bir sonraki simgeyi yapmak için oranlarınızı ayarlayabilir, bu da iş akışınızı gerçekten hızlandırabilir.

07. Biraz renk ekleyin

Two coffee pots, one grey, one green — Metal için gri kullanmak sıkıcı olabilir, bu yüzden blues ile deneyin

Gerkenizle tamamlayın, renge geçin. Genellikle, tonları gerçeğe mümkün olduğunca yakın olmak istiyorsunuz, ancak bazı istisnalar var. Örneğin, çoğu metal, herkes için sıkıcı olan orta gridir! Bunun yerine, çeşitli mavi-gri tonları (açık veya karanlık) kullanıyorum ve genellikle turkuazlara sokun.

Cam için şeffaf bir mavi kullanmayı deneyin, çünkü beyaz soğuk hissedebiliyor. Ayrıca, ahşap yüzeyler için gerçekten biraz sıcaklık getirmek için portakallar ve sarılar da tavsiye ederim.

08. Degradeleri Keşfedin

A phone with a green screen gradient — İnce bir renk degrade bile bir simge için gerçek bir fark yaratabilir

Resimli simgeler oluştururken, küçük detaylara ve dokulara çok fazla gitmek istemiyorsunuz. Ancak, bir ürünün yüzeyini bir degrade ile gerçekten satabilirsiniz. Adobe Illustrator'dan en iyisini elde etmek için, bir renkten diğerine gradyanlar oluşturmayın (genellikle yazdırıldığında bantlamaya neden olur).

Bunun yerine, bir nesne / şekil için düz bir renk seçin, şeklini seçin ve onu (Katmanlar panelinde) seçin, ardından bu üst nesneye% 100 oranında% 0'a düşen bu üst nesneye bir gradyan ekleyin.

09. Gölgeler ve vurgular dahil deneyin

A green cafetiere with shadows — Kendi olaylarını ve gölgelerinizi oluşturun ve kendi grafik tarzınızı geliştirin

Degradeler kullanmadığım zaman, genellikle bir nesneyi çoğaltıyorum ve sonra bir köşeye keserim. 45 derecelik bir açıda kırpılmış bir şekil oluşturmak için kalem aracını kullanıyorum (Shift tuşunu basılı tutarak), daha sonra basit fakat etkili bir gölge veya vurgulamak için daha hafif veya daha koyu gölgede renklendiririm.

10. Ekstra bilgi ekleyin

Two rows of green products, phones and coffee pots — Ekstra detaylar ekleyerek ürünlerinizi hayata geçirin

Son olarak, simgeleri kullandığınız boyutta izin verirse, onları gerçekten hayata geçirebilirsiniz. Bir teknoloji cihazı, ekranda hiçbir şeyle hiçbir şeyle görünür, bu nedenle işlevlerini göstermek veya bir uygulama satmak için bu alanı kullanın. Daha büyük bir illüstrasyon içinde kullanılan grafik ürün çizimleri (örneğin, bu kahve olanakları daha geniş bir sahnenin parçası olsaydı) izleyiciyi içeri çekecektir.

İlgili Mesajlar:

Illustrator'da tekrar desenler oluşturma
En iyi prim ve ücretsiz illustrator fırçaları
Kroki içinde tutarlı bir simge kümesi oluşturun

Illustrator'da ürün simgeleri kümelerini oluşturun

01. Neyi temsil ettiğinizi bilin

02. Kalem içinde çizin

03. Kinks'den kurtulun

04. Simetriyi kullanın

05. Daha karmaşık nesneleri yansıtır

06. Tutarlılığı koruyun

07. Biraz renk ekleyin

08. Degradeleri Keşfedin

09. Gölgeler ve vurgular dahil deneyin

10. Ekstra bilgi ekleyin

Nasıl Yapılır - En Popüler Makaleler

Pureref: Görüntü referans aracının nasıl kullanılacağı

Alev ressamı ile başlayın

Sanatta kontrast gücünü çizin

Grid ve FlexBox ile bir blog oluşturun

Gerçekçi bir dijital insan oluşturun

Bir video oyunu için oynanabilir bir avatar tasarımı

Üç.js ile 3B nesneyi eritiriniz

Zbrush'ta bir karikatür kafası nasıl şekillendirilir ve pozlanır

Kategoriler