El logotip és un dels elements visuals més representatius d'una marca, és capaç de transmetre als públics quina és la seva essència i és un símbol molt poderós. En aquest tutorial us mostraré les eines bàsiques que ofereix Illustrator per a disseny de logotips i us ensenyaré a treure'n el màxim partit. Si vols saber com crear un logotip amb Adobe Illustrator, no et pots perdre aquest post!
Logotip, isotip o imagotip
Normalment, utilitzem la paraula logotip per referir-nos a el símbol que representa una marca. No obstant això, aquest terme no està d'el tot ben emprat. Abans de començar a dissenyar, anem a aclarir això.
- El logotip és el símbol que representa la marca i que estigui format per imatges i text (O tipografia).
- Quan el símbol només està compost per una imatge, sense text, És més correcte utilitzar el terme isotip.
- Hi ha marques que de vegades utilitzen les diferents parts del seu logotip de forma independent. Per exemple, Nike en moltes ocasions ve representada únicament pel Swoosh Quan la imatge de el logotip s'associa a la marca sense la necessitat d'estar acompanyada per la tipografia, podem referir-nos a ella com imagotip.
Crea nou document en Illustrator i observar el model
Crearem un document nou. A la taula de treball li donarem un mida A4, així no ens faltarà espai per treballar. Jo he canviat el mode de color a RGB.
Començarem per un logotip senzill que ja he dissenyat prèviament. Fixant-nos en aquest model, anirem veient pas a pas com ho he creat i amb quines eines. El seu és que us feu una idea de com podeu treure-li el màxim partit al que ofereix Illustrator. A l'descompondre el logotip, veiem que està format per un conjunt de formes combinades i un text.
Crea totes les formes necessàries en Adobe Illustrator
El cos de l'mussol
Centrem-nos primer en les formes. A la barra d'eines, trobareu la eina formes. A l'prémer sobre ella, ens dóna l'opció de crear rectangles, el·lipses, estrelles, polígons o segments de línia. En aquest cas, necessitem crear un rectangle. Selecciona l'eina i arrossegant el ratolí crea un rectangle que tingui més o menys les dimensions que veus a la imatge superior.
Com podem arribar d'aquest rectangle a la forma que compon el cos de l'mussol? necessitem deformar, I per això tenim la eina selecció directa a la barra d'eines. A l'seleccionar-la, veuràs que a les cantonades de l'rectangle apareixen una espècie de controladors (Els cercles). Si tires directament de qualsevol d'ells veuràs que les cantonades es tornen rodones. Per deformar una única cantonada, només has de fer clic una sola vegada i després tirar. Comprovaràs que aquesta cantonada es mou i la resta es manté tal qual estava.
Començarem per la cantonada inferior esquerra, portarem el gestor a el límit. Seguirem per la superior esquerra i finalment redondearemos la superior dreta. Així aconseguiràs la forma desitjada.
L'ull de l'mussol
Àmplia per fixar-te bé en el model. Els ulls estan compostos per la mateixa manera que el cos i per dos cercles, Una dins d'un altre. crearem un rectangle més petit i el deformaremos com hem fet en el pas anterior. Ara, crearem els cercles. Selecciona la eina el·lipse. Per crear un cercle perfecte hem de prémer la tecla shift mentre arrosseguem, Si no podria deformar-se i ser més una el·lipse que un cercle.
Un cop tinguem tots els elements de l'ull, és el moment de muntar-lo. Per a qualsevol tasca de disseny que feu en Illustrator l'eina alinear és bàsica. Pot ser que no la tingueu visible, sempre podeu accedir-hi a finestra>alinear. Automàticament t'ajudarà a alinear diferents elements. Pots posar de referència la taula de treball, la selecció o un objecte clau. Per alinear només has de seleccionar diversos objectes i elegir una opció de alineació. Si vols triar un objecte de referència, fes la selecció i fes clic sobre l'objecte que vulguis transformar en objecte clau sense prémer cap tecla. Centrarem la pupil dins de la part externa de l'ull.
Duplicar i voltejar per crear l'altre ull
Si et fixes, l'altre ull és exactament igual però en la posició contrària. Per no haver de repetir tot el procés, el que farem serà duplicar el ja creat. Pots fer-ho amb comandament + c (copiar) i després comando + v (enganxar) o pots optar per prémer la tecla opció i arrossegar. Per invertir-, fes clic sobre ell, i en el panell de propietats, En l'apartat «transformar», en els símbols assenyalats en la imatge superior, podràs voltejar la forma, En aquest cas necessitem que sigui en sentit horitzontal.
Crear l'ala amb el Buscatrazos o l'eina ploma
Tornem a la forma gran, comprovaràs que té una mena d'ala. En realitat, és la mateixa manera que fem servir per al cos, col·locada darrere i girada. Vaig a aprofitar aquesta oportunitat per explicar-vos dues eines súper útils per a la creació de logotips: l'eina ploma i el Buscatrazos.
La eina ploma la teniu a la barra d'eines i pot servir-nos per crear l'ala. Utilitzar-és molt senzill. simplement fes clic per crear vèrtexs i automàticament es traçaran línies per unir-los.
Una altra manera de construir l'ala és utilitzant el Buscatrazos. Si no el tens visible, el trobaràs a la pestanya finestra> Buscatrazos. Amb aquesta eina pots combinar o restar parts. En aquest cas hem de seleccionar l'opció: menys front. Duplica la forma de el cos, col·loca-darrere formant l'ala i torna a duplicar, prem menys davant i esborra el sobrant. Ja tindríem la nostra ala. Un cop creades totes les formes, pots muntar el logotip.
Color i degradat per al teu logotip en Illustrator
Fins ara no hem tocat el tema de la color. És important que quan dissenyeu el vostre logotip presteu atenció a la color, escolliu tons que harmonitzin i que representin l'esperit de la marca. Jo he triat un rosa, us vaig a deixar el codi de color dalt per si us serveix. Els ulls no porten farcit, són un traç blanc amb un gruix de 0,25.
La part rosa de el cos, no és un color pla, té un degradat. Hi ha opinions contradictòries sobre logotips amb o sense degradat. Abans utilitzar-los era un risc perquè el degradat podia perdre a l'pujar-lo a la web. No obstant això, això és un problema superat. Moltes marques utilitzen degradats en els seus logotips, marques tan reconeixibles com Instagram. A mi personalment m'agraden perquè, si s'utilitzen bé, li donen volum a el logotip.
Per aplicar degradats, hem de seleccionar l'eina de degradat i fer doble clic sobre l'objecte. Podem tallar prement la G en el teclat i fent doble clic. Al tauler de propietats, en degradat, pots triar li tipus de degradat i desplegar en els tres punts un menú modificar-lo. En aquest cas hem triat un degradat que va de negre a blanc i hem canviat el negre pel rosa i el blanc ho anem a substituir per un rosa molt molt clar, gairebé blanc. Movent la barra que apareix en la forma i els punts, pots modificar la posició i estructura de l'degradat.
Tipografia en el logotip
El text no té complicació cap, està escrit amb la tipografia Oswlad Medium, que podeu descarregar-gratis a Google Fonts. Li hem donat una mida de 17 punts i hem triat el mateix to rosa Així quedaria!
Com personalitzar tipografies en Adobe Illustrator
Anem a parlar més de tipografia! Les tipografies poden convertir-se en traços, Trencar-se, deformar-se i podem jugar-hi. A mi em dóna bastant objecció fer-ho, però bé, per crear logotips és un bon recurs i heu de conèixer-lo. Anem a veure un exemple:
Triem la tipografia Arxiu Black, i vaig a escriure aquest nom. Tal com està ara mateix, poc podem fer amb ella. Hem de transformar la tipografia en un traç. Per això, la seleccionem amb l'eina de selecció, i anem a la pestanya text> crear contorns. Abans de fer això, assegura't que el text està ben escrit, perquè ja no podràs editar!
A l'crear els contorns, podràs tractar teu text com qualsevol altre traç d'Illustrator. Com hem fet amb les formes, amb l'eina selecció directa anem a corbar els extrems de les is i el punt de la segona "i" el transformarem en una espècie de fulla, a la qual jo li vaig a donar aquest to turquesa. L'interessant és que podria utilitzar-se la paraula completa com logotip o la "i" com imagotip independent.
Prova les teves logotips amb mockups en Photoshop
Una bona idea per veure si el teu logotip funciona és crear mockups amb Photoshop. És la millor manera de veure ràpidament com quedaria en la realitat i com podrien implementar Què et sembla?