Advertisement
  1. Design & Illustration
  2. Icon Design
Design

Com Crear un Ícono amb Degradat Inspirat per Instagram en Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

Catalan (Català) translation by Óscar Salas Fernández (you can also view the original English article)

Final product image
What You'll Be Creating

Torna a dissenyar la marca del teu logo amb estil amb aquest breu tutorial sobre la creació d'una icona amb degradat en Adobe Illustrator CC. Construirem el disseny de la nostra icona des de zero amb formes ràpides i simples i un parell de degradats i efectes des del panell Aparença per completar el nostre disseny de moda.

Alternativament, podries voler usar una icona de línia pre-elaborat de Envato Market. Tant si uses icones d'arxiu com si continues per fer el teu a baix, no hi ha temps que perdre! Som-hi!

1. Crea el Gràfic de Línia de la Icona

Pas 1

Usa l'Eina Rectangle (M) per dibuixar un rectangle. Tira dels seus Vèrtexs Interactius cap a dintre per fer-los una mica arrodonits.

Create a quick rounded rectangle

Pas 2

Usa l'Eina Ploma (P) per dibuixar una forma de V des de la cantonada superior esquerra fins a la cantonada superior dreta.  Selecciona aquesta línia amb l'Eina Selecció Directa (A) i tira de la cantonada del Vèrtex Interactiu cap amunt per fer-ho arrodonit, similar al radi del rectangle.

Create the envelops rounded flap

Pas 3

Dibuixa dos segments de línia anant des dels dos vèrtexs inferiors cap a la meitat superior del disseny. Agrupa (Control-G) la teva icona i estableix el grossor del traç an 16 pt en el panell Traço, amb Rematada i Extrems Arrodonits.

El nostre ràpid i fàcil icona d'un sobre està complet!  Anem a fer això sofisticat.

Complete your envelop icon

Pas 4

Dibuixa un quadrat al voltant del teu sobre amb l'Eina Rectangle. Alinea el grup del sobre i el quadrat amb els seus centres en el panell Alinear. Tira dels Vèrtexs Interactius del quadrat cap a dintre per fer el quadrat una mica arrodonit. Tira dels Vèrtexs Interactius del quadrat cap a dintre per fer el quadrat una mica arrodonit.

Draw a rectangle around your envelope to create the icon base

2. Crea el Degradat

Pas 1

Afegeix un degradat al cuadrat arrodonit. Al panell Degradat, posa els colors en groc ( #f9ed32) i rosa intens (#ee2a7b).

Add a gradient to the square

Pas 2

Agrega un to violeta brillant (#002aff) al degradat. Empeny el rosa més prop del centre del degradat.

Push the pink closer to the middle of the gradient

Pas 3

Canvia el tipus de degradat a Degradat Radial. Ajusta el radi i l'angle amb l'Eina Degradat (G). L'angle del meu degradat està establert en 49.2° amb la seva Proporció en 81.2°.

Adjust the gradients radius and aspect ratio

Ben Fet, Vas acabar!

Estableix el color del traç de la icona del sobre en blanc per completar el disseny de la icona. Què altres icones divertides i senzilles pots crear amb aquest estil? Comparteix les teves icones completades en la secció de comentaris a baix!

The final icon result
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.