SPA PARA

TIPS PARA SACAR EL MEJOR PROVECHO A TUS TRABAJOS VECTORIALES

VECTORES

Me especializo en el desarrollo y gestión de marcas corporativas, en donde he tenido la oportunidad de participar en la creación de más de cincuenta marcas nacionales e internacionales de pequeño y gran formato.

​

In: liches | @lichesni.com

Ulises Rodríguez (Liche)

Diseñador Gráfico

WordCamp Nicaragua 2025

SPA PARA VECTORES

Hobbies…

• Coffee lover
• Cinepedia andante
• Jpopero
• Friki as F**k
• Indie gamer
• Runner rookie
• Anime Lover

… pero en el diseño

• Ilustrador empedernido
• Catador de logos
• Chispa creativa
• Máquina digital
• UI/UX curioso
• Packaging explorer
• Intense yellow

SPA PARA VECTORES

WordCamp Nicaragua 2025

¡Bienvenidos!

Carta de Actividades

Recepción y evaluación

01

Baño de vapor

02

Ducha fría

03

Exfoliación

04

WordCamp Nicaragua 2025

SPA PARA VECTORES

Descanso

05

Masaje

06

Mascarilla facíal

07

Plataforma colaborativa para diseño de interfaces vectoriales, centrada en UX/UI y prototipado en tiempo real.

Herramienta profesional líder para diseño vectorial, ideal para ilustración, branding y gráficos detallados.

Software de código abierto para gráficos vectoriales, útil para diseño gráfico accesible y edición SVG.

Illustrator

Figma

Inkscape

WordCamp Nicaragua 2025

SPA PARA VECTORES

Los “compañeros”

WordCamp Nicaragua 2025

Recepción y evaluación

Actividad 1

SPA PARA VECTORES

Todo comienza con conocer a tu cliente. “La llegada” es el primer punto de contacto, y un momento clave para evaluar hacia dónde debemos orientar el resto de tus acciones. Ya sea que estés por crear un trabajo vectorial desde cero, colaborar sobre un archivo ya existente o trabajar con recursos de bancos preestablecidos, esta etapa te da el diagnóstico que necesitas para comenzar con buen pie.

WordCamp Nicaragua 2025

SPA PARA VECTORES

Recepción y evaluación

Actividad 1

Creativos

​

• Inducción.
• Identificar el contexto gráfico.

WordCamp Nicaragua 2025

SPA PARA VECTORES

Técnicos

​

• Levantamiento de información.
• Creación de carpetas.
• Delimitar deadlines.
• Definir prioridades.
• Distribución del trabajo.
• Organización y revisión de recursos.

Creación de carpetas

​

• Jerarquizar el proceso:

​

​

​

​

​

​

​

​

​

​

Organización de recursos

​

• Utilizar una nomenclatura preestablecida:

​

​

*marca_campaña_task_adaptación_versión*

​

Ej: tigo_verano_ads_600x600px_1

WordCamp Nicaragua 2025

1

2

3

4

5

Artwork

Export

Archive

• Draft_1
• Draft_2
• Old_Links
• …

• JPG
• PNG
• WEBP
• …

• EPS
• Fonts
• Links
• PDF

SPA PARA VECTORES

PRO

TIPS

Revisión de recursos

​

• Crea tu propio checklist al momento de confirmar todos los recursos para el proyecto:

​

¿Vienen todos los enlaces o links?

�¿Los recursos necesarios son editables?

�¿Poseen la resolución suficiente para el proyecto?

�¿Se encuentran todas las tipografías?

​

¿Contamos con un manual de marca?�� ¿El cliente respondió a todas nuestras dudas?�� ¿Sabemos todos los detalles del espacio donde será

aplicado (digital o impreso)?

WordCamp Nicaragua 2025

SPA PARA VECTORES

PRO

TIPS

WordCamp Nicaragua 2025

Baño de vapor

Actividad 2

SPA PARA VECTORES

Pasamos al sauna: es momento de entrar en calor en el terreno creativo. Aquí nos exponemos a los primeros estímulos visuales y conceptuales, acondicionando la mente y el cuerpo con bocetos, ideas sueltas y pruebas digitales. Todo fluye, se suelta y empieza a tomar forma.

WordCamp Nicaragua 2025

SPA PARA VECTORES

Baño de vapor

Actividad 2

Creativos

​

• Debrief.
• Brainstorming.
• Bocetaje.
• Búsqueda de referencias.
• Elaboración de moodboards.

WordCamp Nicaragua 2025

SPA PARA VECTORES

Técnicos

​

• Implementación de tecnologías.
• Preparación de archivos base.
• Selección de recursos de stock.

WordCamp Nicaragua 2025

Elaboración de moodboards

​

• Herramientas online:

Miro

Figjam�

Google Slides�� ------------ Recomendado en segunda opción ------------ �� Espacio de mensajería utilizado en cada equipo de

trabajo (Slack, Teams, Discord, Etc)

​

​

​

• Herramientas offline:�� El programa que usas para diseñar y luego una meet.

SPA PARA VECTORES

PRO

TIPS

Adobe acrobat

​

Pinterest

WordCamp Nicaragua 2025

Búsqueda de referencias

​

• Instagram:

� Logos: @bmnicks� @logoinspirations

@contrast8�� Sintesis: @the_monocromatic_institute� @steven_rodic� @doublecreative� @treyingran03

​

Hacks de estilos: @ogzeet� @pikseladamm

@woody_seo

@adrien_ninet

​

• Web: Dribbble - BrandNew - Packaging of the world

SPA PARA VECTORES

PRO

TIPS

WordCamp Nicaragua 2025

Implementación de tecnologías

​

• Plugins & pressets:

Grid: KSDrafter - Grid & maker generator

Brushes: Pixelbudha

​

Palette: PANTONE + Solid Uncoated.acb / PANTONE + Solid Coated.acb

​

Preparación de archivos base

​

• Ajustes y valores de documento:

​

CMYK: Web Coated (SWOP) v2 - 400 / 300 / 150 DPI

​

RGB: Adobe RGB 1998 - 72 DPI

AMBOS: Nombrar mesas de trabajo

​

• Organización de capas:

SPA PARA VECTORES

Guías

Comentarios

Diseño

Referencias

PRO

TIPS

WordCamp Nicaragua 2025

SPA PARA VECTORES

PRO

TIPS

Trata de que tus referencias no estén en la misma industria que estás trabajando.

Incluso fuera del diseño gráfico

WordCamp Nicaragua 2025

Ducha fría

Actividad 3

SPA PARA VECTORES

Después de sudar suficientes ideas creativas en el sauna, es momento de recibir el shock revitalizante de una ducha fría. Esta fase nos ayuda a estabilizar la mente y a despojarnos de todo lo que no aporta valor: conceptos innecesarios, elementos forzados o distracciones visuales. Un refrescante filtro antes de avanzar.

WordCamp Nicaragua 2025

SPA PARA VECTORES

Ducha fria

Actividad 3

Creativos

​

• Cuestionamiento interno.
• Selección de rutas y conceptos visuales.
• Presentar KVs.
• Feedback del cliente.

WordCamp Nicaragua 2025

SPA PARA VECTORES

Técnicos

​

• Depuración de vectores.
• Adaptar recursos.
• Archivar el draft.
• Pruebas de rendimiento.

WordCamp Nicaragua 2025

SPA PARA VECTORES

Depuración de vectores

​

• Utilizar el modo de vista contorno:

Ctrl/Cmd + Y (Illustrator)

Ctrl/Cmd + 5 (Inkscape)

Figma: Usando plugins como “Outline Stroke” o “Similayer”

Inspeccionar vectores invisibles

Fundir formas preestablecidas

Cerrar vectores sueltos

Expandir estilos (Dejando una copia preliminar)

PRO

TIPS

WordCamp Nicaragua 2025

SPA PARA VECTORES

Archivar el draft

​

• Crear una copia luego de cada iteración o punto de inflexión importante del proyecto:

Siempre mantiene un back-up tanto de ideas, recursos y

referencias descartadas como de versiones editables de

vectores.

​

Renombra y déjalos separados en la carpeta de archivo

con la versión de dicho draft.

PRO

TIPS

Artwork

Export

Archive

• Draft_1
• Draft_2
• Old_Links
• …

• JPG
• PNG
• WEBP
• …

• EPS
• Fonts
• Links
• PDF

WordCamp Nicaragua 2025

Exfoliación

Actividad 4

SPA PARA VECTORES

Con el cuerpo ya adaptado tras la primera ronda de desintoxicación, llega el momento de abrir cada poro y eliminar los residuos que quedan. Esta fase busca remover esas “células muertas” del proyecto: detalles innecesarios, trazos que sobran o ideas que ya cumplieron su función. Pulimos para que todo respire mejor.

WordCamp Nicaragua 2025

SPA PARA VECTORES

Exfoliación

Actividad 4

Creativos

​

• Cuestionar cambios.
• Contrapropuestas.

WordCamp Nicaragua 2025

SPA PARA VECTORES

Técnicos

​

• Actualización de deadlines.
• Implementación de feedback del cliente.
• Primer optimización de nodos.

WordCamp Nicaragua 2025

SPA PARA VECTORES

PRO

TIPS

Primer optimización de nodos.

​

• No es realmente un gran problema, pero esto puede mejorar el rendimiento del renderizado:�� Trazados + Limpiar trazos mientras se mantiene seleccionado, sinó el

comando Cmd/Ctrl-Shift-T en Adobe Illustrator y/o usar el plugin

Simplify Path �� Booleans - limpios en Figma/Inkscape.

​

Análisis manual nodo a nodo, eliminando con pluma en vista normal y

modo contorno.

WordCamp Nicaragua 2025

SPA PARA VECTORES

PRO

TIPS

Ejercita tu habilidad para sintetizar:

​

Toma ese logo famoso que tanto te gusta y trata de crearlo con la menor cantidad de nodos posibles.

WordCamp Nicaragua 2025

Descanso

Actividad 5

SPA PARA VECTORES

Es momento de relajarse y darle al cuerpo un respiro. Esta pausa es clave para reponer energías, recuperar perspectiva y prepararse para el tramo final del circuito. Una etapa ideal para observar desde nuevos ángulos y detectar detalles que antes podían pasar desapercibidos.

WordCamp Nicaragua 2025

SPA PARA VECTORES

Descanso

Actividad 5

Creativos

​

• Instropección.
• Búsqueda de referencias adicionales.
• Despejar la mente.

WordCamp Nicaragua 2025

SPA PARA VECTORES

Técnicos

​

• Reorganización de carpetas y recursos.
• Revisitar referencias y moodboards.

PRO

WordCamp Nicaragua 2025

TIPS

SPA PARA VECTORES

Reorganización de carpetas

​

• Mantener actualizado el proceso:

​

​

​

​

​

​

​

​

​

​

Búsqueda de referencias adicionales

Artwork

Export

Archive

• Draft_1
• Draft_2
• Old_Links
• …

• JPG
• PNG
• WEBP
• …

• EPS
• Fonts
• Links
• PDF

Trata de que tus referencias no estén en la misma industria que estás trabajando.

RECAP

WordCamp Nicaragua 2025

Masaje

Actividad 6

SPA PARA VECTORES

Ya casi terminamos. Es hora de estirar y relajar esos “músculos” creativos que, tras todo el proceso, han soltado toxinas y tensiones. Esta suele ser la parte favorita tanto del cliente como del especialista: el momento de pulir, alinear y embellecer, donde los resultados comienzan a brillar de verdad.

WordCamp Nicaragua 2025

SPA PARA VECTORES

Masaje

Actividad 6

Creativos

WordCamp Nicaragua 2025

SPA PARA VECTORES

Técnicos

​

• Ajustes superfluous.
• Segunda optimización de nodos.
• Refinamiento de curvas.
• Expansión y contorno.
• Segunda revisión de trazado.

WordCamp Nicaragua 2025

SPA PARA VECTORES

PRO

TIPS

• Simplificar y eliminar nodos innecesarios
• Refinamiento de curvas

​

Ley de la “ranita triste” y el “Triángulo mágico”

Se usa para señalar errores como:

​

• Vectores desalineados o deformes
• Curvas mal tiradas, anclas que no coinciden.
• Nodos desordenados o tirados sin suavizar.
• Puntos de ancla con manecillas torcidas.
• Superposiciones incorrecta de formas que genera huecos, bordes dobles o cortes extraños.

WordCamp Nicaragua 2025

SPA PARA VECTORES

PRO

TIPS

Ejemplos de cómo no debe verse:

Alturas distintas de los nodos

Nodos fuera del triángulo

Nodos innecesarios que provocan “fracturas”

WordCamp Nicaragua 2025

SPA PARA VECTORES

PRO

TIPS

DISCLAIMER

Existen muchos tipos de nodos, una vez manejes lo básico aventurate a crear caminos incluso fuera de las reglas ya establecidas

WordCamp Nicaragua 2025

SPA PARA VECTORES

PRO

TIPS

Práctica la soltura en la mano, el conocimiento espacial y el ajuste óptico

• Adobe Pen Tool Game
• Boolean Game
• Tutoriales y archivos de la web de Adobe
• Linearity Pen Tool Blog

The Bezeir Game

WordCamp Nicaragua 2025

Mascarilla facíal

Actividad 7

SPA PARA VECTORES

No podemos irnos sin aplicar esos últimos retoques estéticos: los que literalmente se convierten en la cara del proyecto. Esta es la fase donde definimos lo que marca la diferencia entre un buen trabajo… y uno verdaderamente excepcional.

WordCamp Nicaragua 2025

SPA PARA VECTORES

Mascarilla facíal

Actividad 7

Creativos

​

• Agregar detalles finales.

WordCamp Nicaragua 2025

SPA PARA VECTORES

Técnicos

​

• Expansión y unión de vectores finales.
• Tercer revisión de trazado.
• Limpiar capas.
• Exporte final.

WordCamp Nicaragua 2025

SPA PARA VECTORES

PRO

TIPS

Limpiar capas

Una vez aprobado el diseño final, podemos comenzar a eliminar capas

​

• Eliminar guías que ya no son necesarias (Excepto las de impresión)
• Comentarios de equipo y otros assets.
• Eliminar estilos de símbolos o paletas de colores sin utilizar.
• Quitar máscaras o vistas de separación.

Expansión y unión de vectores finales

• Fundir varios vectores en una misma forma.

WordCamp Nicaragua 2025

SPA PARA VECTORES

PRO

TIPS

VISTA NORMAL

CONTORNO SIN PULIR

CONTORNO PULIDO

WordCamp Nicaragua 2025

SPA PARA VECTORES

PRO

TIPS

Exporte final

Al momento de exportar ten en cuenta estos detalles:

​

• Si tu diseño no tiene textos, puedes marcar la casilla de “optimizar para ilustración”, esto también reduce información y peso.

​

• Puedes ajustar la calidad hasta al 85% sin perder considerablemente resolución.

​

• En recursos para web usa el formato SVG (vector) ya que es mucho más liviano, escalable e incluso responde a cambios de estado y/o animaciones.

​

• Utiliza herramientas de compresión online para el formato final que ocupas exportar.�� iLoveIMG / IMG2GO

​

• Trata de subir la imagen final desde el dispositivo de origen donde lo creaste.

(INSERTA EL TITULO DE LA CHARLA)

WordCamp Nicaragua 2025

Score:

Me gustó, +10 y a favoritos.

WordCamp Nicaragua 2025

SPA PARA VECTORES