Home-theater-designers
Voleu començar a aprendre Adobe Illustrator , però us sentiu aclaparat? Consulteu 'Introducció a Illustrator', el primer manual de Illustrator de MakeUseOf. Amb instruccions fàcils de seguir i moltes captures de pantalla anotades, aquest manual facilita l'aprenentatge de Illustrator.
Adobe Illustrator és un programa de dibuix vectorial. Sovint s’utilitza per crear logotips, icones, il·lustracions, gràfics, infografies, samarretes, targetes de presentació, articles de papereria, sobres, disseny d’envasos. Tot plegat s’utilitza sobretot per crear gràfics d’alta resolució, que posteriorment també es poden imprimir.
A diferència de Photoshop, que emmagatzema la informació de la imatge en punts, Illustrator utilitza equacions matemàtiques quan es dibuixen formes. Els dibuixos vectorials es poden escalar per adaptar-se a pancartes de mida gratacels; les imatges ràster no poden. Per això, Illustrator s'utilitza per fer dibuixos que necessiten escalar fàcilment, com ara logotips.
Aquest manual d’Adobe Illustrator explica les eines bàsiques necessàries per crear un logotip, així que consulteu-lo. Obriu Illustrator vosaltres mateixos i seguiu-ho per obtenir una idea real de l’increïble programa d’art vectorial d’Adobe.
Taula de continguts
§2 – The Illustrator Workspace
§3 – Creació d'un logotip a Illustrator
§4 – Creació d'un text en 3D a Illustrator
1. Introducció
Si heu decidit aprendre Illustrator, heu de començar amb els conceptes bàsics. És un programa realment potent, però també complex. Un cop us familiaritzeu amb la interfície, les eines bàsiques, les paletes i l’espai de treball, estalviareu molt de temps i nervis i el vostre flux de treball us semblarà suau i agradable.
Adobe Illustrator és un programa de dibuix vectorial. Sovint s’utilitza per crear logotips, icones, il·lustracions, gràfics, infografies, samarretes, targetes de presentació, articles de papereria, sobres, disseny d’envasos. Tot plegat s’utilitza sobretot per crear gràfics d’alta resolució, que posteriorment també es poden imprimir.
A diferència de Photoshop, que emmagatzema la informació de la imatge en punts, Illustrator utilitza equacions matemàtiques quan es dibuixen formes. De què es tracta?
Vol dir que els gràfics vectorials (com un dibuix d’Illustrator) es poden escalar o ampliar a qualsevol mida sense perdre qualitat, mentre que les imatges ràster (com una imatge editada a Photoshop) es van pixelant a mesura que canvieu:
Bàsicament, els dibuixos vectorials es poden escalar per adaptar-se a pancartes de mida gratacels; les imatges ràster no poden. Per tant, si teniu previst utilitzar el vostre treball per a diverses mides, utilitzeu un programa basat en vectors com Illustrator.
• Avantatges dels gràfics vectorials:
• Alta resolució a qualsevol mida;
• Mida de fitxer petita;
• Impressió d'alta qualitat;
• Sense pèrdua de resolució durant l’edició.
Desavantatges:
• Difícil de produir dibuixos realistes (però encara possibles).
D’acord, de manera que encara llegiu aquesta guia. Això em diu que realment voleu acostar-vos amb Illustrator, així que estic aquí per compartir els vostres coneixements. En aquesta guia, us presentaré l’espai de treball, les eines bàsiques, les formes i crearem el nostre primer logotip amb aquest fantàstic programari.
Tingueu en compte que estic fent servir Illustrator CS5 al Windows, de manera que els usuaris de Mac hauran d’utilitzar combinacions de tecles lleugerament diferents: Comandament clau en lloc de Ctrl i Opció en lloc de Tot .
2. L'espai de treball Illustrator
Si coneixeu Photoshop, l’espai de treball d’Adobe Illustrator no us sorprendrà gaire, ja que les parts principals són bàsicament les mateixes:
Utilitzarà principalment el tauler d’Eines, ja que hi ha totes les eines que necessiteu. Per configurar una eina activa, feu servir el tauler de control, on es guarden totes les opcions de l'eina actual. I, per descomptat, l’àrea d’acoblament del tauler: manté paletes tan importants com a mostres de color, capes, opcions de traç, aparença, configuració de degradat, etc. (totes les paletes es poden activar o desactivar a Windows menú).
Vegem el Eines primer panell.
2.1 Tauler d'eines
Hi ha moltes eines disponibles a la caixa d’eines, però no cal memoritzar-ho tot. Només alguns faran la feina.
Aquí teniu una taula de referència (algunes eines, com ara Rectangle , contenen més eines a l'interior, que es poden seleccionar mantenint premuda la icona de l'eina):
Sempre dic que la millor manera d’aprendre és practicant. Per tant, aprenem les eines bàsiques utilitzant-les realment.
3. Creació d'un logotip a Illustrator
Normalment utilitzo Adobe Illustrator per crear logotips per als meus clients. Per què no en provem cap?
Truquem a la nostra fantàstica empresa LimeWorks . Haurem de crear una llima i posar-hi el nom. Com això:
Tingueu en compte, però, que crearem un logotip senzill perquè us familiaritzeu amb algunes eines i mètodes. Comencem per dibuixar segments de calç.
3.1 Ús de Pen Tool
Farem servir el Bolígraf eina, que és una de les eines més utilitzades a Illustrator. S'utilitza per crear tot tipus de formes i objectes. Seleccioneu-lo fent clic a la icona de la caixa d’eines o utilitzeu la tecla P.
com descarregar totes les fotos des del núvol de samsung
Amb l’eina Ploma, creeu el vostre primer triangle fent clic tres vegades on voleu que quedin les vores:
Nota: com veieu, faig servir Grid (Ctrl +) per ser més precís.
Per tancar el camí, feu clic al primer punt:
Ara ja es pot omplir amb un color. Assegureu-vos que el triangle està seleccionat (feu-hi clic amb Eina de selecció, V ) i trieu un to groc:
3.2 Fer racons rodons
Necessitem cantonades rodones per tal que el nostre segment de calç (triangle) sembli més suau. Farem servir el Racons rodons efecte:
A la Racons rodons quadre de diàleg, poseu alguna cosa així 4 mm (Faig servir mil·límetres com a unitats) i feu clic a D'acord per aplicar els canvis:
Té bona pinta. Afegim ara una mica de textura perquè sembli més realista.
3.3 Afegir efectes de Photoshop
A Adobe Illustrator, quan aneu al menú Efectes, veureu que hi ha Efectes Illustrator i Efectes Photoshop:
L’utilitzarem Vitralls (Efectes-> Textura-> Vitralls) .
Abans, però, necessitem una còpia del nostre triangle sobre la capa original.
3.4 Còpia d'objectes
Us mostraré alguns consells ràpids sobre com copiar i enganxar fàcilment objectes per sobre de la capa actual i per sota, mantenint la posició exacta.
Per enganxar una còpia d’un objecte seleccionat a sobre de l’original en la posició exacta, primer copieu-lo ( Ctrl + C) i després enganxeu-lo amb Ctrl + F (si utilitzeu Ctrl + V l’enganxarà al mig de la pantalla). Per enganxar-lo a sota de l’objecte original, utilitzeu-lo Ctrl + B :
D'acord, de manera que ja sabeu els trucs per copiar / enganxar.
Copieu i enganxeu el nostre triangle just davant seu (Ctrl + F) i ompliu l'objecte enganxat de color blanc:
Obriu el fitxer Vitrall quadre de diàleg i establir com a meu ( Mida de la cel·la = 17; Gruix de la vora = 2; Intensitat de la llum = 0 ):
3.5 Amplia l'aspecte
Amplia l'aparença es troba al Objecte és una de les eines més importants d’Illustrator. Pot ser que calgui una guia separada per descriure amb detall, però avui només estem aprenent els conceptes bàsics.
Així, en termes senzills, Amplia l'aparença s'utilitza per dividir un objecte en camins o imatges separats després que se li apliqui un efecte. Bé, això sona una mica confús. Utilitzem-lo i ho veiem en acció.
Assegureu-vos que heu seleccionat el triangle blanc amb el Vitrall fer-hi efectes i anar a Objecte-> Amplia l'aspecte . Ara el nostre objecte és una imatge:
3.6 Traça en viu
Una altra característica interessant d'Adobe Illustrator, Rastre en viu s’utilitza per convertir imatges ràster en objectes de seguiment. Ja hi ha algunes configuracions predeterminades de seguiment predeterminades, però utilitzarem la configuració personalitzada.
Anar a Objecte-> Seguiment en directe -> Opcions de seguiment i defineix els valors de la manera següent:
3.7 Amplia
Amplia s’utilitza per convertir objectes de seguiment en camins editables (vector). Després de traçar una imatge ràster, hauríeu d’utilitzar-la Amplia .
Com que ara es rastreja el nostre objecte amb textura i es pot tornar als camins, el farem servir Amplia :
Com veieu, ara la nostra textura és un conjunt de camins , però hem de canviar el seu color del negre al blanc. Aquesta vegada ho farem servir Ictus (ja que la textura és un conjunt de traços):
D'ACORD. Però ara és una mica massa agut. Desdibuixem-ho una mica.
3.8 Efecte de desenfocament
Anar a Efectes-> Desenfocament-> Desenfocament gaussià , establiu el radi a 2,8 píxels i hauríeu de tenir el següent:
En aquest punt, ja hem acabat amb la rodanxa de llima. La resta és més fàcil.
3.9 Agrupació d'objectes
En aquest moment, la nostra falca de calç està a punt i hem de duplicar-la. Però es compon de diverses capes (objectes), així que, per fer les coses més fàcils mentre es dupliquen, anem Grup ells.
Per agrupar un conjunt d’objectes, seleccioneu-los tots arrossegant el ratolí al voltant i fent clic Ctrl + G . Una altra forma còmoda de seleccionar diversos objectes és la celebració Maj i fent clic sobre els objectes.
Però com que no tenim cap altre objecte a la taula de treball, podeu seleccionar tots els objectes ( Ctrl + A ) i agrupeu-los ( Ctrl + G ):
3.10 Utilitzant l'eina Gira
Gira l'eina (R) s'utilitza per ... endevina què? Sí, per girar objectes o formes.
Seleccioneu l'eina Gira i Alt + clic a la part superior del triangle per configurar el nostre centre de rotació. Al quadre emergent, configureu el següent i feu clic a Copia :
Hauríeu de tenir-ho ara:
3.11 Un petit truc
Hi ha un petit truc (un dels molts) que us facilitarà l’experiència d’Adobe Illustrator en futurs projectes. El truc és només una drecera de teclat ( Ctrl + D ). Repeteix o aplica la darrera transformació a l'objecte seleccionat.
També és útil per a la nostra pràctica. Seleccioneu el nou segment i utilitzeu-lo Ctrl + D 6 vegades:
Voila! Tenim una saborosa llimona. Ara per alguns detalls.
Primer de tot, agrupeu totes les llesques per mantenir les coses en ordre. A continuació, assegureu-vos que no hi hagi res seleccionat fent clic en un altre lloc del tauler.
3.12 Dibuixar un cercle
Seleccioneu un color verd clar per a Omplir i cap per Ictus :
Seleccioneu el fitxer El·lipse eina (una subeina sota Rectangle o colpejar EL ):
Espera Maj + Alt , apunteu el ratolí cap al centre de la calç i arrossegueu el ratolí fins obtenir un cercle que cobreixi tota la calç:
Nota: no cal trobar el centre exacte per començar; alinearem els objectes més endavant.
3.13 Disposició d'objectes
Com veieu ara, el cercle verd és Davant de o bé a sobre la nostra calç. Per enviar-lo esquena o bé baix , seleccioneu-lo i premeu Ctrl + [(Ctrl +] per situar-lo per sobre de la capa actual):
Bé. Seleccioneu aquest cercle i dupliqueu-lo a sota mateix (com hem fet a la 3.4) amb Ctrl + C i llavors Ctrl + B :
Canvieu el color de farciment a un verd més fosc i feu-lo una mica més gran que el primer cercle mantenint premuda la tecla Maj + Alt i arrossegant un dels seus punts de referència:
Sembla bastant bo. Encara millor: ja hem acabat amb la part difícil.
3.14 Afegir text
Afegim el nom de la nostra empresa a sota de la calç. Seleccioneu Tipus eina ( T ), feu clic a sota de la calç i escriviu LimeWorks :
Ara alinem-ho tot al centre.
3.15 Alineació d'objectes
Per alinear perfectament els objectes, utilitzeu les eines d’alineació. Aquestes eines es troben al tauler de control, quan l'eina de selecció està activa. Vegeu a continuació per comprendre diverses alineacions:
Tingueu en compte que aquests exemples són certs per a Alineu-lo a Artboard :
Si trieu Alinea la selecció , els objectes es alinearan respecte als límits exteriors de la selecció.
D'ACORD. Seleccioneu tots els objectes (Ctrl + A) i, al tauler de control, feu clic a Centre d’alineació horitzontal (número 2):
Això és. Ara podeu jugar amb mides i colors si voleu.
Si reduïu la calç i canvieu els colors del text, quedarà molt millor:
Molt bé, felicitats pel vostre primer logotip!
Anem a Desar i exportar.
3.16 Desar i exportar
Per desar els fitxers d’Illustrator, només cal que premeu Ctrl + S (com sempre) i el guardarà .fins al format.
Si voleu desar el logotip a. png , llavors podeu fer ús d'una de les dues maneres següents: Fitxer-> Exporta o Fitxer-> Desa al web i als dispositius .
Tot i que la segona forma exporta tot el tauler d’art, la primera manera us permet exportar només els vostres objectes.
Aquí teniu un exemple:
Nota : sempre podeu canviar la mida del vostre Artb oard (Fitxer-> Configuració del document i feu clic a Edita taulers ). Després, quan feu servir Desa per a web i dispositius veureu que la mida de la imatge és la nova mida del tauler de treball.
Tingueu en compte també: podeu comprovar-ho Transparència en desar per al web i tindreu el vostre logotip amb un fons transparent.
Passem per un altre tutorial per conèixer altres eines bàsiques. Crearem un text en 3D amb un fons grungy.
4. Creació d'un text en 3D a Adobe Illustrator
Tot i que els gràfics vectorials solen ser de dues dimensions, també podeu crear objectes 3D d’aspecte agradable. En aquest tutorial crearem un text 3D senzill amb un fons grungy com a continuació:
Com he dit, ara estem aprenent els conceptes bàsics, de manera que us familiaritzeu amb la interfície i algunes eines útils. Un cop ho estigueu, veureu que no hi ha límits al que podeu fer amb Illustrator.
4.1 Afegir un fons grungy
Comencem amb un fons fresc.
Aneu al vostre lloc web preferit per obtenir textures i fons gratuïts i trobar un bon fons grungy. N’he pres un Imatge de stock :
Copieu-lo i enganxeu-lo al document d'Adobe Illustrator. El més probable és que sigui massa gran, de manera que haureu de reduir-lo. Ús Tauler de transformació per controlar la mida de la imatge:
Nota: podeu utilitzar els vostres propis valors, assegureu-vos que s’adapti al document.
Ara tenim la nostra imatge de fons preparada, però afegim-hi alguns efectes més. Primer, crearem un rectangle i, a continuació, afegirem l’efecte Inner Glow i utilitzarem el tauler Transparència per canviar la combinació entre la imatge i el rectangle.
4.2 Creació d'un rectangle
Seleccioneu Rectangle a Eines (M), dibuixeu un rectangle de la mateixa mida que la vostra imatge de fons (és possible que vulgueu utilitzar el Transformar per establir valors exactes) i definir el fitxer Omplir de color a marró clar i sense traç:
4.3 Afegir efectes de resplendor interior
Anar a Efecte-> Estilitza-> Resplendor interior i defineix els valors tal com es mostra:
Això és el que hauríeu de tenir:
4.4 Ús del tauler de transparència
Sempre es pot utilitzar Tauler de transparència per canviar la forma en què un objecte o una capa es fon amb les capes de sota. En primer lloc, enviem el nostre rectangle darrere de la imatge. Seleccioneu el rectangle fent-hi clic i utilitzeu Ctrl + [ .
Ara seleccioneu la capa d'imatge fent clic a la imatge i obriu-la Tauler de transparència (Finestra-> Transparència) i tria Multiplicar com a mode de fusió:
Bonic. Ja hem acabat amb el fons. Anem al text en 3D.
4.5 Treballar amb l'eina Type
Utilitzant el Eina de tipus (T) escriu MakeUseOf amb una bona font (he escollit Diavlo Bold , que es pot descarregar a exljbris Font Foundry ). Feu-lo prou gran com 65pt , defineix el seguiment a -20 i trieu el Blanc color:
4.6 Creació d'esquemes
Ús Crea esquemes - Feu clic amb el botó dret sobre el text i trieu Crea esquemes , per convertir text en camins vectorials:
4.7 Afegir efectes 3D
Els efectes 3D es poden aplicar a qualsevol objecte i text. Seleccioneu el text, aneu a Efecte-> 3D-> Extrusió i bisellat i apliqueu el següent:
Això és el que hauríeu de tenir fins ara:
Ara hem de separar les cares del text i el nostre efecte 3D entre si. Ús Amplia l'aparença fer això ( Objecte-> Amplia l'aspecte ).
Amb Eina de selecció directa (A) , seleccioneu només les cares del text (manteniu premut Maj per seleccionar diversos objectes):
Consell : mentre seleccioneu, assegureu-vos que els ancoratges estiguin blau i cap d’ells blanc. Per fer-ho, apropeu-vos una mica i feu clic en algun lloc del centre dels objectes (aquí - cares de text).
4.8 Utilitzar el tauler Unite des del Pathfinder
Ara copieu i enganxeu la selecció i l'ús Units des de Pathfinder per unir totes les cares seleccionades en un camí agrupat:
Col·loqueu la capa nova a sobre de l'antiga i configureu-la Color de traç a blanc i Pes del traç a 1pt:
Quasi hi som.
4.9 Afegir estil de degradat
Afegir el degradat és bastant senzill: només heu de seleccionar l’objecte i fer clic a Gradient a la dreta i configureu els colors. A més, sempre podeu fer ús de les predefinides Biblioteques des de Finestra-> Swatch Libraries-> Gradients . Però aquesta vegada, configurem-lo manualment.
A la Gradient panell, conjunt Tipus a Lineal , defineix el primer color al 0% d'ubicació en vermell fosc, el segon color al 80% d'ubicació en taronja i el color final al 100% en vermell brillant, l'angle a -90 °:
Consell : utilitzeu el control lliscant superior per controlar l'interval de colors del degradat.
4.10 Afegir ombra
Per donar una mica de profunditat al nostre text, afegim-hi una mica d’ombra. Farem servir el Desenfocament gaussià efecte.
En primer lloc, copieu ( Ctrl + C ) la nostra nova capa i enganxa-la per davant ( Ctrl + F ). A continuació, canvieu el color a negre i establiu el traç a cap, envieu-lo darrere de la capa d'efecte 3D amb Ctrl + [ (assegureu-vos que estigui per sobre de les capes de fons):
Moveu-lo cap avall mitjançant les tecles de fletxa (també podeu canviar les coordenades Y des del tauler Transforma per ser més precisos):
4.11 Aplicació del desenfocament gaussià
La nostra ombra no sembla realista ara; l’hem de difuminar una mica. Anar a Efecte-> Desenfocament-> Desenfocament gaussià i defineix el radi a 9 píxels:
Hem acabat!
5. Alguns consells útils
Els consells i trucs són infinits, però us en mostraré alguns:
• Bloqueja capes: quan vulgueu seleccionar alguns objectes petits que estiguin davant d'altres objectes (com ara un fons), en lloc de fer majúscules + fer clic sobre cadascun, podeu bloquejar el fons amb Ctrl + 2 o posar un inici de bloqueig el tauler Capes.
• Comproveu sempre la paleta Capes: quan treballeu amb molts objectes i capes, és molt útil anomenar les capes i comprovar com s’alineen les capes (si una capa està per sobre o per sota de l’altra, està bloquejada, etc.);
• Reediteu els estils de capa en qualsevol moment que necessiteu; sí, sempre podeu canviar la configuració d'estil o efecte que ja hàgiu aplicat a un objecte o a una capa a través del tauler Aparença (Finestra-> Aparença);
• Utilitzeu biblioteques: hi ha algunes biblioteques predefinides que podeu fer servir a les vostres obres. Aneu a Finestra-> Biblioteques i seleccioneu entre Biblioteques de pinzells, Biblioteques de mostres, Biblioteques d'estil gràfic o Biblioteques de símbols. N’hi ha molts.
6. Conclusió
Espero que tot estigués prou clar per començar a estimar Adobe Illustrator. El que he tractat en aquesta guia és només el més bàsic. La propera vegada mostraré usos més complexos d'altres eines i trucs sorprenents. Fins llavors - pràctica .
Guia publicada: agost de 2012
Compartir Compartir Tweet Correu electrònic Com accedir al nivell de bombolla integrat de Google a AndroidSi mai heu necessitat assegurar-vos que hi hagi alguna cosa al mateix nivell, podeu obtenir un nivell de bombolla al telèfon en qüestió de segons.
Llegiu a continuació Temes relacionats- Creativa
- Disseny assistit per ordinador
- Forma llarga
- Guia de forma llarga
Subscriu-te al nostre butlletí
Uniu-vos al nostre butlletí per obtenir consells tècnics, ressenyes, llibres electrònics gratuïts i ofertes exclusives.
Feu clic aquí per subscriure-us