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

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

Aprender Git puede ser un dolor de cabeza al principio, sobre todo cuando empiezan a aparecer conceptos como ramas, merges, rebases o commits que no siempre se entienden solo leyendo documentación. Para eso existe Learn Git Branching, una web que convierte el aprendizaje de Git en algo mucho más visual y, sobre todo, práctico.

Esta herramienta funciona directamente desde el navegador y no necesitas instalar nada. A través de pequeños retos interactivos, vas ejecutando comandos Git y viendo en tiempo real cómo cambian las ramas, los commits y el historial del proyecto. Todo se representa con diagramas claros que ayudan muchísimo a entender qué está pasando realmente por debajo.

Lo mejor de Learn Git Branching es que va de menos a más. Empieza con los conceptos básicos y poco a poco te mete en situaciones más avanzadas como rebase interactivo, cherry-pick o manejo de ramas complejas, algo ideal si ya usas Git pero sientes que no lo dominas del todo.

Además, al ser completamente gratuito y estar disponible en varios idiomas, se ha convertido en un recurso imprescindible para estudiantes, desarrolladores junior y cualquier persona que quiera perderle el miedo a Git sin romper repositorios reales. Una forma divertida y muy efectiva de aprender una de las herramientas clave del desarrollo moderno.

#Git #LearnGitBranching #DesarrolloWeb #Programación #HerramientasGratis #AprenderGit #Desarrolladores

En el ecosistema del diseño actual, la línea que separa al diseñador del desarrollador es cada vez más delgada. Ya no basta con entregar un Figma; entender cómo se construye la interfaz es un superpoder. Visual Studio Code (VS Code) es el editor favorito de la industria, y con estas 10 extensiones, lo transformarás en tu mejor aliado creativo.

1. Polacode

Si escribes tutoriales o compartes snippets de código en redes sociales, Polacode es mágica. Te permite crear capturas de pantalla de tu código con un aspecto profesional, manteniendo el esquema de color que tengas configurado. Es el «Instagram» de tu código.

2. Color Highlight

Como diseñador, el color lo es todo. Por defecto, VS Code solo muestra el código hexadecimal. Color Highlight subraya el código con el color real que representa, permitiéndote identificar paletas visualmente de un vistazo.

3. SVG Preview

¿Cansado de abrir el navegador para ver si un icono SVG es el correcto? SVG Preview abre un panel lateral que renderiza el gráfico en tiempo real mientras editas sus nodos o propiedades.

4. Adobe XD / Figma Toolkit

Muchas herramientas de diseño tienen sus propias extensiones oficiales. Estas permiten inspeccionar variables de diseño, tokens de color y assets directamente en el editor, evitando el constante «alt-tab» entre aplicaciones.
Adobe XD
Figma Toolkit

5. Google Fonts

Explorar tipografías sin salir del editor es posible. Esta extensión te permite buscar y previsualizar familias de Google Fonts directamente en tu archivo CSS o HTML, facilitando la toma de decisiones tipográficas.

6. Live Server

La regla de oro del UI: itera rápido. Live Server crea un servidor local que actualiza tu navegador automáticamente cada vez que guardas un cambio. Es lo más parecido al «Preview» de Figma pero en código real.

7. Tailwind CSS IntelliSense

Si usas Tailwind (el framework de CSS más popular), esta extensión es obligatoria. Ofrece autocompletado inteligente de clases, lo que te ayuda a mantener la consistencia del diseño y a aprender las utilidades de espaciado y color rápidamente.

8. Image Preview

Al pasar el cursor sobre la ruta de una imagen o un asset, Image Preview muestra una miniatura en el margen o al hacer hover. Ideal para no perderse cuando gestionas cientos de iconos o imágenes de producto.

9. Material Icon Theme

El orden visual ayuda a la productividad. Materian Icon Theme cambia los aburridos iconos de carpetas y archivos por otros basados en el sistema de diseño de Material Design, haciendo que tu estructura de proyecto sea mucho más intuitiva.

10. Better Comments

Un buen diseño necesita documentación. Better Comments te permite categorizar tus anotaciones en el código por colores: alertas (rojo), consultas (azul), tareas pendientes (naranja) o notas importantes (verde).

#UIDesign #WebDesign #VSCode #Productivity #Frontend #DiseñoGrafico #WebDevelopment #UIUX #CodingForDesigners #Figma #TailwindCSS

Si te dedicas al diseño o simplemente te gusta trastear con Photoshop, seguro que más de una vez has necesitado un PSD rápido para salir del paso o inspirarte en un nuevo proyecto. Ahí es donde entra en juego PNGTree, una web que se ha convertido en un auténtico filón de recursos gráficos gratuitos.

En su sección de PSD gratis, encontrarás desde mockups y plantillas hasta diseños editables pensados para carteles, redes sociales, presentaciones o proyectos web. Todo está organizado por categorías, lo que facilita bastante encontrar justo lo que necesitas sin perder tiempo.

Uno de los puntos fuertes de PNGTree es que no solo ofrece archivos PSD, sino también ilustraciones, vectores, fondos y elementos gráficos que puedes combinar fácilmente en tus diseños. Muchos recursos se pueden descargar de forma gratuita, ideal si no quieres gastar presupuesto pero sí mantener un buen nivel visual.

En resumen, PNGTree es una de esas webs que conviene tener guardada en favoritos, tanto si eres diseñador profesional como si estás empezando. Un banco de recursos versátil, práctico y perfecto para darle un empujón creativo a tus proyectos sin complicarte la vida.

#PNGTree #PSDGratis #RecursosGráficos #DiseñoGráfico #Photoshop #Mockups #DescargasGratis #Diseñadores

Si trabajas en diseño gráfico, desarrollo web o creación de contenido, sabes lo importante que es contar con buenas imágenes sin preocuparte por licencias restrictivas. FreeTheStock es una plataforma que reúne fotografías gratuitas compartidas por fotógrafos de todo el mundo bajo licencias abiertas, lo que permite utilizarlas en proyectos personales e incluso comerciales.

Su punto fuerte es la simplicidad: entras, buscas por palabra clave y descargas la imagen directamente sin registros obligatorios ni procesos largos. El estilo de las fotografías es bastante moderno y natural, muy en la línea de lo que se busca hoy en día para webs, redes sociales o presentaciones.

Aunque no es tan grande como otros bancos más conocidos, precisamente ahí está su encanto: encuentras imágenes menos vistas y más originales. En algunos casos se recomienda acreditar al autor como gesto de cortesía, algo que siempre suma dentro de la comunidad creativa.

Si estás cansado de ver siempre las mismas fotos en todos los proyectos, FreeTheStock es una alternativa nueva y gratuita que merece un hueco en tus favoritos.

#bancosdeimagenes #fotografiasgratis #recursosgratis #diseñografico #freephotos #creatividad #webdesign #freethestock

Bruno es una alternativa ligera y muy bien pensada a herramientas como Postman o Insomnia. Su principal diferencia es que no usa la nube, no requiere cuentas ni sincronizaciones externas y guarda todas las colecciones de APIs de forma local, como archivos de texto plano. Esto hace que trabajar con Git sea algo natural y que compartir o versionar cambios sea tan sencillo como en cualquier proyecto de código.

Está pensado para desarrolladores que quieren velocidad, privacidad y control total, sin interfaces sobrecargadas ni dependencias innecesarias. Soporta peticiones HTTP, GraphQL, gRPC y WebSockets, además de contar con CLI y extensión para VS Code, lo que lo convierte en una herramienta muy cómoda para el día a día.

Si trabajas con APIs y te gusta tener todo bajo control, Bruno es una opción muy a tener en cuenta.

Comparado con herramientas tradicionales

#Bruno #APIs #OpenSource #DesarrolloWeb #PostmanAlternative #HerramientasDev #Git #Programación

Hoy quiero compartir con vosotros un pequeño pack de recursos que seguro os viene genial para vuestros proyectos creativos. Se trata de un paquete que incluye 7 pinceles junto con sus diferentes variaciones, pensados para aportar textura y dinamismo a tus diseños de forma rápida y sencilla.

Dentro del pack encontrarás los archivos en formato .PNG, ideales para usarlos directamente en cualquier software de diseño, y también en formato .ABR, listos para instalar en Photoshop y empezar a trabajar con ellos como pinceles personalizados. Esto los hace muy versátiles, tanto si prefieres integrar los recursos manualmente como si trabajas habitualmente con pinceles.

Es un recurso perfecto para ilustraciones, fondos, carteles o cualquier diseño al que quieras darle un toque más orgánico y creativo sin complicarte demasiado. Como siempre, me gusta compartir este tipo de materiales que ahorran tiempo y ayudan a elevar el resultado final con muy poco esfuerzo.

#pinceles #photosho #brushes #gratis #recursosdediseño #diseñográfico #photoshop #pinceles #pincelesabr