Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Adobe Illustrator
Design

Com Crear un Estampat d'una Botiga de Soda Kawaii en Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

En aquest tutorial crearem de zero un joc d'icones inspirats en menjar d'una botiga de soda veritablement adorables i els ajuntarem en una impressió dinàmica en tots els aspectes, preparada per a usar com a fons d'escriptori o dins d'un mitjà imprès. Construirem els objectes a partir de formes bàsiques com el·lipses, rectangles arrodonits, i triangles, i afegirem una carita en cadascuna per completar-les. Obre Adobe Illustrator CC i anem a començar!

1. Contrueix la teva Hamburguesa

Pas 1

Els elements del nostre estampat comencen amb un essencial de la botiga de soda: l'hamburguesa.

  1. Usant l'eina El·lipse (L) dibuixa un cercle.
  2. Dibuixa un rectangle estret horitzontal solapant el cercle amb l'eina Rectangle (M).
  3. Selecciona les dues formes i punxa Menys Front en el panell del CercaTraços. Separa els dos objectes de manera que et quedin dues meitats d'un pa.
Draw your hamburger buns

Pas 2

Anem a afegir alguns ingredients a la nostra hamburguesa:

  1. Tant per l'hamburguesa com per a la rodanxa de tomàquet, dibuixa un rectangle arrodonit de l'amplada del panet de dalt utilitzant l'eina Rectangle Arrodonit. Ajusta els radis del rectangle al teu gust.
  2.  Fes servir l'Eina Selecció Directa (A) per seleccionar el panet d'a baix de l'hamburguesa i tira dels Vèrtexs Interactius cap a dins, arrodonint lleugerament les seves molestes cantonades.
  3. Repeteix amb un ajust de les cantonades de la meitat superior del panet d'hamburguesa.
  4. Dibuixa dos triangles per els talls de formatge amb l'Eina Ploma (P) i afegeix qualsevol ingredient addicional que t'agradaria que tingués la teua hamburguesa.
Draw your hamburgers toppings between each bun

Pas 3

Anem a centrar-nos en afegir detalls al nostre disseny.

  1. Per a les llavors de sèsam, dibuixa un cercle, tira cap a fora d'un punt d'àncora amb l'eina de Selecció Directa, i utilitza l'eina Convertir Punt de Àncora (Maj-C) per convertir el punt d'àncora en un punt d'una corba .
  2. Còpia (Control-C) i Pega (Control-V) llavors de sèsam per tot el teu panet de dalt. Escala i Gira com vegis adequat.
  3. Dibuixa dos cercles rodons per a cada ull.
  4. I mig cercle (sostreu un rectangle d'un cercle com vam fer amb el panet d'hamburguesa anteriorment) per a la boca.
Draw details on your hamburger

Pas 4

Anem a afegir una mica de color a la nostra hamburguesa!

  1. Els contorns i l'hamburguesa: #482c3b
  2. Les llavors de sèsam: #ffd9c6
  3. Els panets de l'hamburguesa: #dd8f69
  4. El tomàquet: #ff3662
  5. El formatge: #fff280

Per als contorns gruixuts, Agrupa (Control-G) el teu disseny i assegura't que qualsevol traç ha estat Expandit en ObjecteCòpia, Pega, i col·loca la còpia darrere del grup d'objectes original amb un traç d'un grossor major establert en el panell de Traços.

Add color to your hamburger

2. Pren-te unes Patates amb Això

Pas 1

Comença les teves patates fregides amb el recipient que les conté.

  1. Dibuixa una el·lipse estreta amb l'Eina El·lipse.
  2. Dibuixa un rectangle amb l'eina Rectangle i assegura't que el seu ample coincideix amb l'el·lipse. Alinealos amb el centre de l'el·lipse.
  3. Uneix les dues formes en el panell CercaTraços. Usa l'Eina Selecció Directa per tirar cap a fora dels punts d'ancora de la part superior dreta i esquerra perquè quedi en angle.
  4. Dibuixa una el·lipse que solape la part superior del recipient i que el seu ample coincideixi amb la vora superior del quadrilàter.
  5. Selecciona tant l'el·lipse com el quadrilàter i punxa Menys Front en el panell Cercatraços.
  6. Dibuixa una forma amb l'eina Ploma darrere de la forma del recipient que el seu ample coincideixi amb el contorn de la forma frontal i la vora superior es corbi lleugerament. Això formarà la part de darrere i l'interior del recipient.
Draw your french fry container

Pas 2

El nostre recipient necessita un munt de Patates Fregides, així que anem a cuinar.

  1. Dibuixa un rectangle arrodonit vertical amb l'eina Rectangle Arrodonit.
  2. Ajusta els radis de les cantonades perquè estiguin una mica més quadrades empenyent els Vèrtexs Interactius cap a fora.
  3. Selecciona el punt d'ancora superior dret amb l'Eina Selecció Directa i tira d'aquest punt d'ancora cap a endavant tan lluny com sigui possible de manera que el seu radi sigui més rodó que les altres tres cantonades.
  4. Còpia i Pega les teves patates fregides i col·loca-les detras de la part frontal del recipient de les patates.
  5. Gira i Escala les teves patates si cal. Agrupa les teves patates juntes per tenir un panell de Capes més organitzat.
  6. Dibuixa una cara mona per completar la línia de les teves patates fregides
Draw some fries to fill your design

Pas 3

Ajusta els teus colors de farciment al mateix marró, groc i vermell que vas utilitzar en l'hamburguesa.

  1. Per a l'interior del recipient, posa el color de farciment blau clar (#b1edee).
  2. Per al cos del recipient en si, posa el color de farciment en un blau fins i tot més clar (#f7ffff).
Add color to your French fries

3. Perrito Calent Diggity

Pas 1

Per al nostre perrito calent, començarem per construir els panets.

  1. Dibuixa un rectangle arrodonit horitzontal amb l'eina Rectangle Arrodonit.
  2. Deforma el teu rectangle arrodonit anant a Efecte> Deformar> Arc i posa la Corba a -50%.
Bend your bun

Pas 2

  1. Ajusta el gruix del teu panet com sigui necessari i assegura't d'Expandir la forma en Objecte.
  2. Per al perrito calent en si mateix, dibuixa un altre rectangle arrodonit més petit.
  3. Copia i Enganxa el panet. Col·loca la còpia darrere de les altres dues formes i lleugerament per sobre pel que veuries la part superior darrere del perrito calent en si.
Draw the hotdog

Pas 3

Posa els colors de farciment usats a l'hamburguesa. Amb l'eina Llapis (N), dibuixa una línia de mostassa serpentejant i posa el Gruix del Traç en 3-5 pt (el pes dependrà de la mida de la teva obra en si) amb Cantons i Extrems Arrodonits. Expandeix el traç en Objecte. Jo vaig usar groc brillant (#feff45) per al color de farciment de la mostassa.

Complete your hotdog

4. Pots Posar-li Cogombret

Pas 1

Dibuixa un cercle amb l'Eina El·lipse. Desplaça el cercle anant a Objecte > Traçat > Desplaçament i introdueix 2-6 px per a la quantitat de desplaçament. Igua lque els grossors del teu traç, la quantitat de desplaçament depèn de la grandària del teu objecte i com de gruixuda vols que sigui la forma.

Offset a circle to form a cute pickle

Pas 2

  1. Posa de color del deplazamiento verd ( #4i9d30) i el centre del cercle verd llima ( #c6f453).
  2. Dibuixa rectangles estrets superposant el centre del cogombret.
  3. Vaig dibuixar cinc rectangles en total. Selecciona el cercle verd llima i els cinc rectangles. Usa l'Eina Creador de Formes (Shift-M) per seleccionar les parts que no s'intersequen de cada rectangle. Deselecciona i Esborra les peces externes del rectangle perquè et quedis amb les ratlles verdes que coincideixen amb el cercle verd llima.
Create stripes for your pickle

Pas 3

  1. Agrupa juntes les ratlles del cogombret i redueix la seva Opacitat al 50%.
  2. Còpia, Pega, Escala i Gira el cogombret i així tens dos cogombrets, un darrere de l'altre.
  3. Dóna-li als teus cogombrets un contorn gruixut i una cara adorable, i Agrupa tots els components junts.
complete your pickles

5. Crear els Condiments

Pas 1

Els pots de mostassa i ketchup són idèntics excepte pels seus colors de farcit.

  1. Dibuixa dues el·lipses idèntiques i un rectangle entre elles del mateix ample.
  2. Uneix les tres formes juntes en el panell de CercaTraços. Repeteix amb la part superior del pot.
  3. Ajusta els colors de farciment per al teu objecte en vermell.
Draw the base of the ketchup bottle

Pas 2

  1. Per al filtre del pot, dibuixa un triangle o amb l'Eina Polígon o amb l'Eina Ploma. Sota, dibuixa una el·lipse que el seu ample coincideixi amb la vora inferior del triangle. Uneix-los en el panell de CercaTraços.
  2. Retalla la part superior del filtre superposant la punta del triangle amb un rectangle i punxant Menys Front en el panell CercaTraços.
draw the nozzle of the bottle

Pas 3

  1. Posa els colors de farciment de les tres formes en vermell i assegura't que estan Alineats amb els seus centres. Ajusta l'ample d'aquestes formes com vegis adequat.
  2. Còpia i Pega l'objecte del pot de ketchup i posa de color de farciment nul i el color del traç en marró fosc.
  3. Col·loca cada objecte del grup del pot de ketchup damunt de la seva còpiacorresponent perquè tinguin un contorn simple de 1-2 pt com es veu a baix.
outline the ketchup bottle

Pas 4

Dóna-li al teu pot final un contorn més gruixut i dibuixa una cara adorable al davant. Còpia i Pega el pot de ketchup per al teu pot de mostassa a joc. Els colors que vaig usar són igual que els que vénen a continuació:

  1. Vermell: #ff80b3
  2. Groc: #fff07f
  3. Marró Fosc: #4a293c
Complete your condiment bottles

6. Beu-te el teu Batut

Pas 1

Anem a prendre'ns el nostre temps creant el nostre batut, atès que és a més la base per al got alt de cola en el nostre últim disseny estampat.

  1. Comença amb dues el·lipses. La més ampla de les dues serà la part superior del got mentre que l'altra serà la part inferior del recipient de cristall.
  2. Dibuixa una línia amb l'Eina Segmento de Línia (\) al centre de les dues el·lipses. Això ajudarà amb la construcció del got.
  3. Dibuixa tres el·lipses més, una sota el recipient de cristall, mostrant la part inferior de la base i dos petits de la mateixa grandària que ens ajudaran amb l'amplària del peu mateix.
Plan out the glass with ellipses

Pas 2

He dibuixat dues el·lipses addicionals en el cos del cristall i així puc assegurar-me que el recipient tindrà la forma que jo pretenia. 

  1. Utilitza l'Eina Ploma per dibuixar una línia corba des de l'el·lipse petita de la part inferior del recipient de cristall fins a l'exterior de la part inferior de la base. Això formarà una meitat del peu.
  2. Usant les quatre el·lipses més grans com a guia, dibuixa una línia, amb l'Eina Ploma, que comenci al centre de l'el·lipse de la part superior i arribi al centre de l'el·lipse de la part inferior. Ajusta l'angle del traç amb el tirador del punt d'ancora com sigui necessari perquè les quatre el·lipses toquin el traç.
  3. Còpia i Pega les línies dibuixades prèviament i Reflecteix-les en un Eix Vertical perquè puguin estar Alineades amb el costat contrari del got.
Draw the glass itself

Pas 3

Agrupa junts els components del teu got.

  1. Usa l'Eina Ploma per traçar la corba exterior del costat esquerre del got i connecta-ho amb el centre de la forma del got amb dos angles apropiats.
  2. Desagrupa les el·lipses de la part superior i la part inferior (mira sota). Còpia i Pega l'el·lipse de la part superior i posa-la en un costat. Uneix les tres formes en el panell de CercaTraços.
  3. Superposa la meitat dreta de la recentment Unida forma amb un rectangle i punxa Menys Front en el panell de CercaTraços perquè et quedi el costat esquerre del got.
Draw the bowl or body of the glass

Pas 4

  1. Còpia, Pega i Reflecteix la meitat esquerra del recipient de cristall.
  2. Superposa lleugerament les formes i Uneix-les en el panell de CercaTraços. Repeteix el pas anterior amb el peu del got. Posa de colors de farcit un blau molt clar al mateix temps que el color del traç serà simplement blau clar, igual que l'utilitzat anteriorment en el dibuix de les patates fregides.
  3. Col·loca l'el·lipse copiada del pas anterior en la part superior del got. Assegura't que el color de farcit estigui posat en nul.
Complete the base glass shape

Pas 5

  1. Usa l'Eina Ploma per dibuixar una línia corba per a la vora del got.
  2. Segueix el contorn del recipient de cristall per dibuixar una forma igual que un rectangle arrodonit per als canals de la part més a l'esquerra del got amb l'Eina Ploma.
  3. Dibuixa quatre formes en total, assegurant-te que hi ha espai entre cadascuna.
Draw the glasss flutes

Pas 6

Posa el color de farciment dels canals en un Degradat Lineal en blau que vagi d'una Opacitat del 100% a una del 0% i en un angle de 90º.

Set the flutes fill colors to gradients

Pas 7

  1. Dibuixa una forma de rectangle arrodonit dins del got (darrere de l'el·lipse, la línia i els canals) per al propi batut. Posa el color en rosa ( #ff80b3).
  2. Usant l'Eina Llapis (N), comença a dibuixar la nata muntada del batut amb una línia corba en la part superior, començant per la dreta.
  3. Mou cap avall la forma de la crema batuda amb festones.
  4. Completa la forma tancant-la en l'origen en la part superior dreta. Mira el corbat, el grumoso i l'irregular que és.
  5. Posa de color de farcit el blanc i de color del traç un blau o un blau clar.
Draw the milkshakes contents

Pas 8

  1. Dibuixa línies corbades per mostrar com la nata muntada es plega sobre si mateixa amb l'Eina Ploma.
  2. Dibuixa un cercle vermell per a la guinda i col·loca-ho darrere de la crema batuda.
  3. Dóna-li a la guinda una tija amb l'Eina Ploma o Llapis. Finalment, dóna-li al teu batut un gruixut contorn marró com vam fer amb les altres icones.
Draw details into the design

Pas 9

Per a un toc final al batut, anem a crear una pajita.

  1. Dibuixa una el·lipse i un rectangle amb un ample que coincideixi.
  2. Còpia i Pega l'el·lipse. Uneix la primera el·lipse i el rectangle en el panell de CercaTraços.
  3. Els colors de la pajita haurien de coincidir amb els de el got del batut.
  4. Dibuixa una sèrie de rectangles vermells diagonals (Gira'ls 45º) al llarg de la pajita i usa l'Eina Creador de Formes com vam fer amb les franges en el cogombret per esborrar-los de la base de la pajita.
  5. Agrupa juntes les formes de la pajita.

Posa la pajita en el batut darrere de la crema batuda i el contingut.

Draw a red striped straw

7. Pren-te un Refresc de Cola

Pas 1

Per a la nostra icona final, necessitaràs Copiar i Pegar el batut. Esborra tots els components del batut excepte el recipient de cristall i el contingut. Posa la pajita a un costat i allarga el propi got. A més esborra el peu. No serà necessari per a aquest disseny.

Set up your milkshake to become cola

Pas 2

  1. Estableix el color de farciment del contingut del got en marró fosc (#482c3b).
  2. Dibuixa quadrats arrodonits amb l'Eina Rectangle Arrodonit per al gel en el got de cola. Posa de color de farcit el marró ( #dc8i68).
  3. Còpia, Pega i Gira els glaçons en la part central del got.
Fill up your glass with ice and cola

Pas 3

  1. Per a les bombolles de la soda, dibuixa diverses grandàries de cercles al voltant dels glaçons.
  2. Dibuixa un petit i prim rectangle blanc per crear una vora en els glaçons.
  3. Repeteix en els altres dos glaçons i Agrupa junts tots els components dels glaçons i les bombolles de cola.
  4. Col·loca en el got la pajita que vas deixar a un costat abans. . Dibuixa una línia corba davant de la pajita per a la vora del got.
Draw details on your color glass

8. Crea l'Estampat

Pas 1

Anem a fer un cop d'ull als elements finals del nostre estampat. Vaig afegir una mica de ketchup a les patates, cares a cada cosa, i cors en lloc de llengües en algunes de les boques. A més mira com la cara de la cola és blanca en lloc de marró perquè romangui visible. Assegura't que cada element està Agrupat i ha estat afegit al panell de Biblioteques a la seva pròpia biblioteca per a un accés fàcil durant el procés de creació de l'estampat.

Finalize your pattern components

Pas 2

  1. Col·loca cinc dels teus elements, selecciona els cinc, i punxa Crear Mostra en el panell d'Opcions de Mostra. Assegura't que el Tipus de Taulell està posat en Maó per Columna.
  2. Arrossega els cogombrets fos del panell de Biblioteques i col·loca'ls prop de la part superior del disseny. Assegura't que creuen per sobre de la caixa delimitadora de l'estampat.
  3. Col·loca el ketchup dins del disseny també. Gira o Escala cada element com sigui necessari.
  4. Finalment afegeix el batut. És un dels dissenys més grans, així que vaig reorganitzar els elements del meu estampat perquè encaixés amb facilitat. Assegura't que els elements tenen espai de sobres al seu al voltant i que no es superposan.

Punxa Fet quan estiguis satisfet amb el teu estampat i ho trobaràs en el panell de Mostres.

Create the pattern

Pas 3

Una opció final és crear un senzill estampat secundari per posar en una capa sota l'estampat de menjar adorable en la imatge final. Dibuixa un cor, posa el Tipus de Taulell en Maó per Columna, selecciona Grandària de Taulell per a Gràfics, i estableix l'Espaiat H i V com sigui necessari.

Create a secondary optional pattern

Gran treball, Ho vas aconseguir!

Fes una capa amb tres rectangles per a la teva imatge final: l'estampat adorable, l'estampat de cor i un color sòlid. Què altres menjars adorables trobaries en una botiga de soda? Què hi ha d'una cafeteria? Comparteix els teus resultats en la secció de comentaris de sota!

the final print design
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.