Creació i treball de gràfics vectorials a Adobe Photoshop

Creació i treball de gràfics vectorials a Adobe Photoshop

Adobe Illustrator és l'aplicació estàndard de la indústria per al disseny gràfic. És la millor eina per treballar amb fitxers basats en vectors.





Malauradament, no tothom té Illustrator, però molta gent té Photoshop. I Photoshop té suport bàsic per a imatges vectorials. En aquesta guia, veurem com fer art vectorial a Photoshop com a substitut de Illustrator.





Què és una imatge vectorial?

Photoshop està dissenyat principalment per a imatges ràster. Són imatges poligonals dibuixades píxel a píxel. Admeten grans quantitats de detalls i s’utilitzen per fer fotos. Tot i això, les mides dels fitxers poden ser grans i no es poden ampliar sense una pèrdua de qualitat.





Imatges vectorials són línies i corbes generades per fórmules matemàtiques. Això significa que podeu redimensionar-los infinitament i que les mides dels fitxers solen ser molt reduïdes. Els vectors són ideals per a treballs de disseny gràfic, inclosos el disseny de logotips i icones. Vostè pot fins i tot converteix imatges a gràfics vectorials a Adobe Illustrator .

Una peça d’art vectorial consta de múltiples objectes. Cada objecte és una línia o forma la vora del qual està definida per un camí. A Photoshop, el camí es mostra com una fina línia blava (encara que tècnicament és invisible).



Podeu aplicar dos tipus de color a cada objecte:

  • A Ictus és una línia que segueix el camí.
  • A Omplir afegeix un color o patró sòlid a l'espai envoltat pel camí.

Els definiu a la barra d'opcions de la part superior de la pantalla. També podeu configurar-lo a no Color si voleu que quedin en blanc. Per al traç, també podeu definir el gruix en píxels i l’estil. Una línia contínua és la predeterminada.





A Photoshop, dibuixeu imatges vectorials amb formes, línies i text.

Dibuixeu línies i formes vectorials

Photoshop inclou eines per dibuixar diverses formes comunes. Per defecte, el fitxer Eina de rectangle està ressaltat. Feu clic i mantingueu premuda aquesta icona per mostrar el conjunt complet d'eines:





  • Eina de rectangle
  • Eina de rectangle arrodonit
  • Eina El·lipse
  • Eina de polígons
  • Eina de línia
  • Eina de forma personalitzada

Sempre podeu seleccionar l'eina ressaltada prement U al teclat. També podeu prémer Maj + U per recórrer les eines fins que trobeu la que voleu.

Per treballar més ràpidament, és recomanable obtenir més informació Dreceres de teclat de Photoshop .

Dibuixa formes bàsiques de vectors

Seleccioneu l'eina per a la forma que vulgueu dibuixar i, a continuació, afegiu-la Omplir i Ictus colors.

Ara feu clic i arrossegueu el llenç. La forma es dibuixa des de la cantonada en qualsevol direcció que arrossegueu. Per crear una forma simètrica, com ara un cercle o un quadrat, manteniu premuda la tecla Maj clau.

Per dibuixar un triangle, seleccioneu Eina de polígons . Feu clic una vegada al llenç per obrir el fitxer Crea polígon quadre de configuració. Conjunt Nombre de cares a 3 .

Modifiqueu i editeu formes vectorials

No es limita a les formes bàsiques en crear gràfics vectorials a Photoshop. Es poden modificar molt ràpidament.

l’ordinador no reconeix el meu telèfon

Primer, seleccioneu la forma. Això ressaltarà la forma i mostrarà punts d'ancoratge al llarg del seu recorregut. Són punts on la forma té cantonades o corbes.

Escull el Eina de selecció directa des de la barra d 'eines (feu clic i manteniu premut el botó Eina de selecció de camins per trobar-la o premeu Maj + A ). Ara feu clic en un dels punts d'ancoratge i arrossegueu-lo en qualsevol direcció per deformar la forma.

Per a edicions més avançades, moveu dos o més punts d'ancoratge alhora.

Feu clic a un per ressaltar-lo i, a continuació Maj + clic un altre. Ara utilitzeu el fitxer tecles de cursor al teclat per moure els dos punts simultàniament.

Combina i combina formes vectorials

Podeu utilitzar formes encara més complexes Operacions de camins . Això us permet combinar diverses formes en altres de noves.

Comenceu dibuixant una forma al llenç. A continuació, feu clic a Operacions de camins a la barra d'opcions de la part superior de la pantalla. Normalment, cada nou camí o forma va a la seva pròpia capa. Canvieu-ho fent clic Combineu formes .

Ara dibuixa una altra forma. Això seguirà la mateixa capa que la vostra primera forma.

Quan necessiteu moure els objectes individualment, utilitzeu el fitxer Eina de selecció de camins .

Arrossegueu la segona forma de manera que es superposi a la primera. Els dos es fonen junts en una única forma, tot i que continuen sent objectes separats. Feu clic a Combina components de forma dins Operacions de camins per combinar-los en un sol objecte.

ok google encén la llanterna

Utilitzar el Eina de selecció de camins per seleccionar la segona forma que vau dibuixar. Ara, a Operacions de camins tria Restar la forma frontal . La forma s'elimina, juntament amb l'àrea on es superposa amb la primera forma.

Ressalteu les dues formes. En Operacions de camins seleccioneu Intersecta les àrees de forma . Això elimina les dues formes, a part de les zones on es superposen. Estem utilitzant aquesta opció per crear un semicercle.

Finalment, ressalteu les dues formes i seleccioneu Exclou les formes superposades . Això elimina l'àrea on es superposen les dues formes i deixa intacte tota la resta.

Aquestes eines són una manera eficaç de construir noves formes o de dividir o retallar peces de les existents. Treballen amb el Eina de ploma i Text també.

Dibuixa línies vectorials

Hi ha altres dues eines relacionades amb la forma que cal conèixer. El primer és el Eina de línia .

Seleccioneu l'eina i configureu el fitxer Alçada a la barra d’opcions. Això defineix el gruix de la línia. A continuació, feu clic i arrossegueu el document per dibuixar-lo. Mantingueu premut el botó Maj tecla per ajustar la línia a zero o 90 graus.

Aquesta eina té algunes funcions ocultes, però, en la seva majoria, l’utilitzarà per dibuixar una línia recta.

Dibuixa formes vectorials personalitzades

Finalment, el fitxer Eina de forma personalitzada . Establiu els colors de farciment i traç i, a continuació, feu clic a Forma a la barra d’opcions. Aquí podeu triar una de les innombrables formes personalitzades predeterminades que proporciona Photoshop.

Per afegir més formes més enllà de la selecció inicial, feu clic a Configuració cog i seleccioneu una categoria per afegir. Hi ha formes per a tots els usos: icones, bafarades, fletxes, textures i molt més. També podeu carregar formes de tercers.

Feu clic i arrossegueu per afegir la forma a la vostra imatge. També podeu fer clic al llenç per especificar una amplada i una alçada exactes.

Dibuix de vectors amb l'eina de ploma

Si teniu experiència amb Illustrator, sabreu que utilitzeu l'eina Paintbrush per dibuixar a mà alçada. Photoshop té una eina de pinzell que fa una feina similar. Però a Photoshop l’eina no es basa en vectors, de manera que no l’heu d’utilitzar per dibuixar. Heu d'utilitzar el fitxer Eina de ploma en canvi.

L'eina Pen és una de les funcions més potents de Photoshop. L’utilitzaràs molt mentre editeu fotografies a Photoshop, ja que us permet crear seleccions molt precises. També és ideal per al dibuix i l’art vectorial.

Comenceu a utilitzar l'eina Pen

L'eina de ploma funciona dibuixant un camí entre els punts d'ancoratge que creeu quan feu clic al llenç. Afegiu un traç al camí i podreu dibuixar un esquema; afegiu un farciment i podeu dibuixar un objecte sòlid.

Aquí teniu una introducció ràpida per començar:

com connectar Alexa a Samsung TV
  1. Seleccioneu el fitxer Eina de ploma (P) . Feu clic al llenç de la imatge per deixar anar un punt d'ancoratge.
  2. Mou el cursor uns centímetres i torna a fer clic per deixar anar un altre punt d'ancoratge. Es crearà un camí per connectar els dos. Estableix el traç a 5 px, negre, per ajudar-lo a veure millor.
  3. Feu clic unes quantes vegades més per desenvolupar el camí. Feu clic i arrossegueu per crear un camí corbat. Això també afegirà manillar al punt d'ancoratge. Arrossegueu-los per controlar l’angle i la profunditat de la corba.
  4. Feu clic a Entra per crear un camí obert (una línia) o feu clic al primer punt d'ancoratge per crear un camí tancat (una forma).

El que fa que l'eina Pen sigui tan útil és que podeu tornar enrere i editar la vostra forma en qualsevol moment:

  • Obtenir la Eina de selecció directa (A) . Seleccioneu un punt d'ancoratge al camí i arrossegueu-lo a una nova posició. Utilitzeu aquesta eina amb el manillar d’un punt d’ancoratge per editar també una corba.
  • Seleccioneu el fitxer Afegeix l'eina de punt d'ancoratge fent clic i mantenint premut a l’eina Pen. Feu clic en algun lloc del camí per afegir manualment un nou punt d'ancoratge i, a continuació, arrossegueu-lo al seu lloc. Això us permet afinar la vostra forma.

Tres eines de ploma

Photoshop ofereix tres bolígrafs diferents per dibuixar:

  • El Eina de ploma és l'opció per defecte i més flexible. Per als principiants, recomanem utilitzar-lo principalment per dibuixar línies rectes. A mesura que avanceu, potser us trobareu fent servir per a tot.
  • El Eina de ploma de forma lliure us permet dibuixar a mà alçada, de manera similar a l'eina Pinzell. Encara es crea un camí que podeu modificar i editar més endavant. Els punts d’ancoratge es generen automàticament a mesura que dibuixeu. Aquesta és una gran eina si utilitzeu un fitxer tauleta gràfica .
  • El Eina de ploma de curvatura fa que sigui fàcil dibuixar corbes sense necessitat de jugar amb el manillar, tal com es fa amb l’eina principal de llapis.

Traça una imatge com a vector a Photoshop

Un cop hàgiu après a utilitzar les diferents eines de ploma, podeu utilitzar-les per rastrejar imatges. Així es converteix un esbós que heu escanejat o un objecte d’una fotografia en una imatge vectorial.

Obriu la imatge a Photoshop i acosteu-la. Ara seleccioneu Eina de ploma i col·loqueu el primer punt d’ancoratge a la vora de l’objecte que voleu traçar. El vostre nou dibuix passarà automàticament a la seva pròpia capa. Continueu fent clic al voltant de les vores per crear el vostre camí.

Si l'objecte que traqueu és sobre un fons pla, proveu el Eina de ploma de forma lliure amb el Magnètic opció activada a la barra d'opcions. Això ajusta el vostre camí fins a la vora de l'objecte.

Treballar amb text vectorial a Photoshop

L’ús de text a Photoshop s’explica per si mateix. Seleccioneu el fitxer Eina de text horitzontal (T) , feu clic al llenç de la imatge per crear un quadre de text i, a continuació, escriviu. Podeu ajustar el tipus de lletra, la mida, el pes i tota la resta, tal com ho faríeu en qualsevol altra aplicació.

Per al text normal, establiu un color d’ompliment però sense traç. Apliqueu un traç només per al text molt estilitzat.

Quan hàgiu acabat, podeu convertir el text en un objecte vectorial. Seleccioneu el text i aneu a Escriviu> Converteix en forma . Això us permet accedir als punts d’ancoratge de cada personatge, de manera que podeu ajustar-los individualment. És bo per canviar el color d’una sola lletra o modificar l’aspecte de la font.

Un cop convertit, el text ja no es pot editar. És una bona idea duplicar i amagar la capa de text original, per si de cas necessiteu una còpia de seguretat.

Gestió d'objectes vectorials

Per crear la vostra obra d'art, necessiteu que tots aquests objectes estiguin en la posició i la mida adequades. A continuació s’explica com fer-ho:

  • Mou objectes seleccionant-los amb el fitxer Eina de selecció de camins (A) i arrossegant-los al seu lloc.
  • Canviar la mida dels objectes seleccionant-los amb el fitxer Eina de selecció de camins després colpejant Ctrl + T al Windows o al Cmd + T al Mac. Es mostra un quadre al voltant de l'objecte. Agafeu un manillar al llarg de la vora i arrossegueu-lo cap a dins o cap a fora per canviar la mida. Mantingueu el Maj clau per mantenir la relació d'aspecte original.
  • Gireu un objecte mantenint el ratolí just fora d'un del manillar fins que el cursor es converteixi en una icona de rotació. Ara feu clic i arrossegueu.
  • Reordenar objectes fent clic a una capa i arrossegant-la per sobre o per sota d’una altra capa.
  • Alinear objectes seleccionant-los tots amb el fitxer Eina de moviment (V) (o aguantant Maj i fent clic a diverses capes) i, a continuació, utilitzeu els controls d’alineació de la barra d’opcions.

Gràfics vectorials a Photoshop: uniu-ho tot

Ara que ja sabeu fer servir totes les eines, podeu combinar-les per crear les vostres pròpies peces d’art vectorial:

Tot i que Photoshop no és una alternativa genuïna a Illustrator per al disseny gràfic professional, és sorprenentment potent. Per a coses senzilles com ara logotips, icones i imatges petites que vulgueu utilitzar en altres documents, és més que suficient.

Compartir Compartir Tweet Correu electrònic Adobe Illustrator vs. Photoshop: Quina diferència hi ha?

Aclarim qualsevol confusió sobre les diferències entre aquestes dues suites d’edició d’imatges.

Llegiu a continuació
Temes relacionats
  • Creativa
  • Adobe Photoshop
  • Gràfics vectorials
  • Adobe Creative Cloud
  • Tutorial de Photoshop
Sobre l'autor Andy Betts(221 articles publicats)

Andy és un ex-periodista imprès i editor de revistes que fa 15 anys que escriu sobre tecnologia. En aquest temps ha col·laborat en innombrables publicacions i ha realitzat treballs de redacció per a grans empreses tecnològiques. També ha proporcionat comentaris d'experts als mitjans de comunicació i ha organitzat panells en esdeveniments de la indústria.

Més d'Andy Betts

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