Guías y tutoriales
Blog de diseño web, SVG, CSS y marketing digital
En este blog comparto guías prácticas de diseño web, SVG, CSS, motion graphics y marketing digital en español. Cada artículo está pensado para resolver problemas reales, ofrecer valor útil y ayudarte a crear mejor con recursos claros, originales y aplicables.
Se trata de contenido propio, pensado para aprender haciendo y para aportar criterio útil sin relleno ni contenido repetido. Aquí cada tutorial busca ser práctico, honesto y útil.
Sonidos
Escucha las muestras y aprende a elegir y sincronizar el sonido de tu edición.
20 efectos de sonido de terror y fantasmas gratis
Diez gritos de fantasmas y diez sonidos inquietantes en WAV, con guía de uso y descarga.
Biblioteca WAVEfectos de sonido para videos gratis
Compara transiciones, cortes digitales, whooshes y sonidos de videojuego. Descargas, capítulos y consejos de mezcla.
Sonido
10 sonidos de introducción y desvanecimiento
Cinco intros y cinco salidas en WAV. Escucha las muestras, consulta las duraciones y descarga el pack con su guía.
Escuchar y descargar ↗ Pack WAV
5 efectos de sonido de suspenso, gratis (WAV)
Cuerdas en tensión, oleaje oscuro y un boom de impacto para tráilers y shorts de terror.
Sonido
16 transiciones de sonido gratis para tus videos
Fuego, viento, magia y cibernética en WAV, listas para tus videos y reels.
Sonido
13 efectos de sonido glitch gratis (WAV)
Sonidos WAV de interferencia digital para intros, cortes y transiciones.
After Effects
Personaliza texto animado, títulos y transiciones con las guías de cada proyecto.
Animación de texto en After Effects: plantillas gratis
Tipografía cinética lista para editar: titulares, apariciones palabra por palabra y textos con cursor, con tutorial en video.
Motion
Plantillas de After Effects gratis
Instala, personaliza y exporta títulos y transiciones editables en minutos.
Iconos
Compara los packs SVG y PNG y consulta cómo usarlos en tus proyectos.
50 iconos de ropa de hombre, en 2 variantes
Camisas, sudaderas, abrigos y accesorios en SVG y PNG, en variante clara y oscura para adaptarlos a cualquier fondo.
Iconos25 iconos de inteligencia artificial, en 3 estilos
Robots, redes neuronales y chatbots en SVG y PNG, en plano a color, contorno y sólido, los mismos 25 conceptos, tres estilos.
Iconos50 iconos de realidad virtual gratis en SVG y PNG
Visores, hologramas, sensores y realidad aumentada, con variante clara y oscura y nombres en español.
Iconos50 iconos de eventos virtuales gratis en SVG y PNG
Videollamadas, streaming y webinars, con variante clara y oscura y nombres en español.
Iconos50 iconos de hotelería gratis en SVG y PNG
Pack completo con variante clara y oscura, para hoteles, spas y apps de reservas.
Iconos50 iconos de cocina gratis en SVG y PNG
Pack completo con variante clara y oscura, más una guía para recolorearlos a tu marca.
3D y Spline
Explora escenas editables y aprende a integrar Spline en tu sitio web.
Cómo incrustar una escena de Spline sin iframe
Integra la escena en un canvas y controla su encuadre. Incluye código, dependencias y condiciones de exportación de Spline.
Escenas 3D
8 escenas 3D de desarrollo web, descargables una por una
Velocidad, SEO, login, búsqueda, VPN, anuncios, historial y optimización: cada objeto en su propio archivo .spline.
5 escenas 3D animadas gratis para tu web, editables en Spline
Gráficas, contratación, megáfono, mapa y Halloween: escenas .spline listas para editar y publicar.
SVG y color
Aprende a cambiar colores, crear un favicon y aplicar teoría del color en la web.
Cómo cambiar el color de un icono SVG: 3 métodos
Editarlo a mano, que herede el color del texto con currentColor o pintarlo desde el CSS como máscara. Con el código de cada uno.
GuíasTeoría del color para diseño web: guía práctica
Armonías, regla 60-30-10, escalas de tono y contraste WCAG explicados con criterio para interfaces reales.
GuíasCómo crear un favicon SVG (guía completa)
La guía completa: data URIs, modo oscuro, emoji y compatibilidad entre navegadores.
Lienzo en YouTube
Cada artículo nace de un video con recursos gratis
Suscríbete al canal para recibir packs de sonido, plantillas de After Effects y procesos creativos reales antes que nadie. También puedes explorar las herramientas gratuitas del sitio.
¿Alguien que conoces está aprendiendo diseño? El blog está para eso.