ZaRQuN – Diseño Gráfico, Web y Programación Blog sobre diseño grafico en general y curiosidades

Si te gusta experimentar con el color y darle un toque actual a tus diseños, los 40 Free Duotone Gradient Presets for Adobe Photoshop te van a venir de lujo. Este pack gratuito incluye una colección de degradados duotono listos para aplicar en Photoshop con un solo clic, perfectos para transformar fotos planas en imágenes con mucha más personalidad. Los efectos duotono llevan tiempo siendo tendencia en branding, cartelería, redes sociales y diseño editorial, y con estos presets no necesitas perder tiempo ajustando colores o capas, simplemente eliges el preset y listo. Funcionan genial tanto en fotografías como en composiciones más artísticas, y son ideales si buscas un estilo moderno, vibrante y profesional sin complicarte la vida. Además, al ser gratuitos, son una opción perfecta para ampliar tu biblioteca de recursos sin gastar un euro, ya seas diseñador, creativo freelance o simplemente alguien que disfruta trasteando con Photoshop.

Descargar: https://blog.spoongraphics.co.uk/freebies/40-free-duotone-gradient-presets-adobe-photoshop

#Photoshop #Duotone #GradientPresets #FreeResources #GraphicDesign #DiseñoGráfico #RecursosGratis #AdobePhotoshop #Creatividad

Fontfabric es uno de esos sitios que todo diseñador debería tener en favoritos, y su sección de free fonts es prueba de ello. Aquí no hablamos de tipografías genéricas o mal acabadas, sino de fuentes gratuitas diseñadas por profesionales, cuidadas al detalle y listas para usarse tanto en proyectos personales como comerciales. Si trabajas en diseño gráfico, web, branding o incluso impresión, estas tipografías encajan perfectamente sin parecer “la típica fuente gratis”.

La colección incluye estilos modernos, display, sans serif y tipografías con mucha personalidad, ideales para logotipos, titulares, carteles o interfaces digitales. Además, la descarga es rápida y sencilla, y las licencias están pensadas para que puedas usarlas con tranquilidad en proyectos reales, algo que siempre se agradece cuando vas con prisas y no quieres líos legales.

En resumen, si buscas fuentes gratis de calidad profesional, las Free Fonts de Fontfabric son una opción más que recomendable. Un recurso fiable, bien diseñado y perfecto para darle un plus visual a cualquier proyecto creativo sin gastar un euro.

#freefonts #fontfabric #tipografiasgratis #fuentesgratis #diseñografico #webdesign #branding #recursosdiseño #tipografia

Remotion es un framework open source que convierte componentes de React en vídeos reales. Cada frame es código, así de simple.

En vez de usar timelines y keyframes, aquí trabajas con JavaScript, CSS y lógica. Si sabes React, ya sabes usar Remotion.

Es perfecto para:

• Vídeos dinámicos
• Contenido personalizado
• Automatización a escala
• Reels, anuncios y vídeos de datos

Renderizas en local o en la nube y sacas MP4, WebM o GIF sin tocar After Effects.

Código dentro, vídeo fuera.

#Remotion #React #JavaScript #VideoAutomation #Frontend #DevTools #ContenidoDigital

jQuery vuelve a escena con su versión 4.0, y lo hace con una idea clara: adaptarse al desarrollo web actual. Esta nueva versión elimina soporte para navegadores antiguos y limpia muchas APIs legacy, lo que se traduce en un código más ligero y fácil de mantener.

No pretende competir con frameworks como React o Vue, sino seguir siendo una solución rápida y práctica para proyectos sencillos, scripts puntuales o mantenimiento de webs existentes. Si tu proyecto es moderno, jQuery 4.0 encaja sin problemas.

En resumen, un lavado de cara necesario para un clásico que se resiste a desaparecer

jQuery #jQuery4 #JavaScript #DesarrolloWeb #Frontend #WebDev #Programación #LibreríasJS #CódigoLimpio

Si estás buscando una forma sencilla y elegante de presentar tus diseños, este Free Elegant Poster Mockup es justo lo que necesitas. Los pósters siguen siendo una de las mejores herramientas para branding, publicidad y promoción de eventos, especialmente en exteriores, y contar con un buen mockup marca la diferencia.

Este recurso, creado por graphicgoogle, está disponible en formato PSD e incluye Smart Objects, lo que significa que podrás insertar tu diseño en segundos y obtener un resultado profesional sin complicarte la vida. Perfecto tanto para diseñadores gráficos como para estudios creativos o marcas que quieran mostrar sus trabajos de forma atractiva.

El mockup tiene un estilo limpio y elegante, ideal para presentar información corporativa, campañas publicitarias o materiales promocionales. Además, puedes usarlo tanto en proyectos personales como comerciales, aunque es importante tener en cuenta que el autor solicita back-link obligatorio como condición de uso.

Si te gusta coleccionar buenos recursos de diseño y mockups bien hechos, este merece un sitio en tu biblioteca.
Recuerda visitar el enlace original para la descarga.

#PosterMockup #MockupPSD #FreeMockup #PosterDesign #BrandingDesign #Publicidad #RecursosGratis #DiseñoGráfico #SmartObjects #MockupsGratis

Es el error clásico: abres tu web en el móvil y notas que puedes deslizar la pantalla hacia la derecha, dejando un espacio en blanco innecesario. Este «bug» visual suele romper la experiencia de usuario y ocurre porque un elemento es más ancho que el contenedor padre.

El Culpable: El Modelo de Caja (Box Model)

La mayoría de las veces, esto sucede porque añadimos padding o borders a un elemento que ya tiene un width: 100%. Por defecto, CSS suma esos valores, haciendo que el elemento mida más del 100%.

La Solución Rápida: box-sizing

La forma más eficiente de evitar que esto ocurra de forma global es aplicar la propiedad box-sizing: border-box;. Esto obliga al navegador a incluir el padding y el borde dentro del ancho total del elemento.

Añade esto al inicio de tu CSS:

*, *::before, *::after {
  box-sizing: border-box;
}

El «Truco Pro» para encontrar al infractor

Si después de aplicar lo anterior el scroll lateral persiste, es que tienes un elemento hijo «rebelde» (como una imagen grande o un texto sin saltos). Usa este snippet temporalmente para localizarlo visualmente:

CSS

/* Esto dibujará un borde rojo alrededor de cada elemento de tu web */
* {
  outline: 1px solid red !important;
}

Al recargar, busca qué caja roja se sale de los límites de la pantalla. Una vez lo encuentres, asegúrate de que ese elemento tenga un max-width: 100%;.

Seamos claros: un buen diseño entra por los ojos, y si lo presentas con un mockup potente, todavía más. Aquí es donde entra en juego MockupWorld.co, una web que recopila los mejores mockups gratis que hay por Internet y los pone todos juntitos en un mismo sitio.

No alojan los archivos directamente, sino que hacen de curadores de contenido: seleccionan mockups de calidad y te llevan a la página original para descargarlos. Así de simple y así de útil.

Todo tipo de mockups para cualquier proyecto

Da igual si estás trabajando en un logo, una app, un branding completo o una presentación para un cliente. En MockupWorld encontrarás mockups para casi todo:

• Dispositivos (móviles, tablets, portátiles, pantallas…)
• Packaging y productos
• Posters, carteles y vallas publicitarias
• Papelería, revistas y libros
• Ropa y merchandising
• Comida, bebidas y branding gastronómico

La mayoría vienen en PSD con Smart Objects, así que cambias el diseño en dos clics y listo. Nada de complicarte la vida.

#MockupWorld #MockupsGratis #MockupsPSD #RecursosDiseño #DiseñoGráfico #MockupsFree #Branding #Diseñadores

Parece que fue ayer cuando encendíamos la consola y escuchábamos ese mítico “SEEEGAAA”, pero no: Sonic cumple 35 años y sigue corriendo a toda velocidad. El erizo azul de SEGA no solo fue la mascota de una compañía, fue el símbolo de una época y el rival directo de Mario durante la guerra de los 16 bits.

Desde su debut en 1991 en Mega Drive, Sonic llegó con una propuesta clara: velocidad, actitud y una estética muy diferente a lo que se veía en aquel momento. Sus escenarios llenos de color, loops imposibles y una banda sonora inolvidable hicieron que millones de jugadores se engancharan desde el primer nivel de Green Hill Zone.

A lo largo de estos 35 años, Sonic ha pasado por altibajos, etapas gloriosas y experimentos arriesgados. Juegos en 2D, en 3D, spin-offs, cómics, series de animación e incluso películas de éxito que han vuelto a poner al personaje en el centro del foco mediático. Y sí, algunas entregas no salieron como se esperaba, pero eso también forma parte de su historia.

Hoy, Sonic no es solo nostalgia. Es una marca viva que sigue conectando con nuevas generaciones gracias a títulos recientes, colaboraciones, eventos especiales y una comunidad de fans muy activa. Su aniversario número 35 es la excusa perfecta para recordar por qué Sonic es mucho más que un videojuego: es cultura pop, es velocidad pura y es parte de la infancia (y adultez) de muchos de nosotros.

Así que, ya seas fan desde los 90 o lo hayas descubierto hace poco, toca celebrar. Porque 35 años después, Sonic sigue sin frenar. 🚀

#Sonic35 #SonicTheHedgehog #SEGA #VideojuegosRetro #Gaming #CulturaGamer #AniversarioSonic #RetroGaming #ErizoAzul

Si llevas tiempo leyéndome ya te habrás dado cuenta de una cosa: soy muy fan de los cómics. Especialmente de Marvel, no lo voy a negar. Pero hay excepciones que confirman la regla… y Batman es una de ellas. Da igual que sea DC, el Caballero Oscuro siempre ha tenido algo especial, y más aún cuando está en manos de artistas como Jorge Jiménez.

Con motivo del lanzamiento de ALL IN BATMAN 1, que sale a la venta el 12 de febrero, se ha organizado la BAT-GIRA de Jorge Jiménez, una serie de presentaciones y firmas por varias ciudades de España durante febrero y marzo. Una oportunidad brutal para conocer al dibujante, llevarte tu cómic firmado y charlar un rato sobre viñetas, tinta y capas negras 🦇.

Fechas de la BAT-GIRA

FEBRERO

• Viernes 13 – Madrid · Akira Cómics
• Sábado 14 – Madrid · Omega Center
• Viernes 20 – Barcelona · Norma Cómics y Universal Cómics
• Sábado 21 – Zaragoza · Mil Cómics y Taj Mahal Cómics
• Jueves 26 – Málaga · ComicStores del Soho
• Sábado 28 – Alcázar de San Juan · Librería Argos

MARZO

• Miércoles 4 – Sevilla · Nostromo Cómics
• Viernes 6 – Granada · Librería Picasso
• Sábado 7 – Granada · ComicStores

Los horarios están aún por confirmar.

Nos vemos en Málaga

Yo, personalmente, estaré por Málaga el día 26, así que si te pasas por ComicStores del Soho nos veremos por allí seguro. Será el momento perfecto no solo para hablar de Batman y DC, sino también de Marvel, diseño gráfico, ilustración o incluso programación (que ya sabes que al final siempre sale el tema 😄).

Si te gustan los cómics y disfrutas viendo cómo el arte y la narrativa se juntan en cada viñeta, esta gira es un planazo. Y si encima te llevas un Batman firmado por Jorge Jiménez, mejor que mejor.

#Batman #JorgeJiménez #ALLINBatman #DCComics #ComicGira #FirmasDeCómics #ComicStores #AkiraCómics #NormaCómics #CómicsEspaña #Diseño #Ilustración #MarvelVsDC #Málaga

Si estás buscando una forma rápida y efectiva de darle vida a tus textos en Adobe Illustrator, este efecto 3D para texto en vector es justo lo que necesitas. Se trata de una plantilla con un diseño ya preparado que permite aplicar un estilo tridimensional a cualquier tipografía de forma sencilla y totalmente editable.

Este tipo de efectos son perfectos para logotipos, carteles, banners, portadas o publicaciones en redes sociales, ya que aportan volumen, dinamismo y un acabado mucho más profesional sin necesidad de complicarte con ajustes avanzados.

¿Qué incluye este efecto 3D para texto?

• Diseño vectorial 100% editable
• Estilo 3D aplicado mediante estilos gráficos
• Compatible con Adobe Illustrator
• Fácil de personalizar: colores, sombras y profundidad
• Ideal para proyectos creativos y comerciales

Cómo usar estilos de texto en Adobe Illustrator

Usar este tipo de plantillas es muy sencillo:

1. Abre el archivo en Adobe Illustrator
2. Selecciona el texto o escribe uno nuevo
3. Aplica el estilo gráfico incluido
4. Ajusta colores, tamaño o perspectiva según tu diseño
5. Exporta tu trabajo listo para usar

No necesitas plugins ni conocimientos avanzados: todo funciona directamente con las herramientas nativas de Illustrator.

En definitiva, este efecto 3D vectorial para texto es una excelente opción si quieres ahorrar tiempo, mejorar la calidad visual de tus diseños y conseguir resultados impactantes en cuestión de minutos.

Descargar Korean Drama (La web esta en Ruso pero solo tienes que esperar unos segundos y la descarga se hace automática)
Fuente: Creativo.one

#Illustrator #Efecto3D #TextoVectorial #AdobeIllustrator #DiseñoGráfico #Tipografía #RecursosGratis #PlantillasVectoriales #GraphicDesign