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

Si trabajas habitualmente con Photoshop y buscas recursos sencillos para ampliar tu colección, este pack puede ser una buena incorporación. Photoshop Swatch and Gradient, creado por khyunkie, reúne un total de 13 swatches y 10 gradients que puedes utilizar para experimentar con diferentes combinaciones de color en tus proyectos.

Los swatches permiten guardar y reutilizar colores rápidamente, mientras que los gradients pueden venir muy bien para crear fondos, transiciones, efectos de luz o simplemente darle un poco más de personalidad a una composición. Son recursos especialmente prácticos cuando estás trabajando en proyectos de diseño gráfico y quieres probar diferentes opciones de color sin tener que crearlas desde cero.

El pack está pensado para utilizarse con Adobe Photoshop, por lo que puedes incorporarlo a tu biblioteca de recursos y tener estas combinaciones a mano cuando las necesites. No es un recurso enorme ni pretende serlo, pero precisamente ahí está su gracia: 13 swatches y 10 gradients que pueden servir como punto de partida para crear nuevas paletas y efectos.

Si eres de los que siempre está guardando nuevos recursos para Photoshop, este pequeño pack de khyunkie merece un hueco en tu colección.

#Photoshop #AdobePhotoshop #Swatches #Gradients #PhotoshopResources #DiseñoGrafico #GraphicDesign #RecursosDiseño #Diseño #RecursosGratis #Color #DeviantArt

Si te gusta trabajar con Photoshop pero echas de menos un acabado más tradicional, OIL SET puede ser justo lo que estabas buscando.

Se trata de un conjunto de brushes para Photoshop CC creados por Deharme, desarrollados durante bastante tiempo para conseguir pinceladas que recuerdan a la pintura al óleo tradicional.

El resultado es bastante interesante: los pinceles aportan textura, variación en la pincelada y esa sensación menos digital que muchas veces buscamos cuando hacemos ilustraciones o pinturas directamente en Photoshop.

Deharme comenta que lleva tiempo trabajando con este set y que los brushes están pensados precisamente para recrear una sensación de pintura tradicional.

Lo mejor es que puedes descargar el pack y probarlo directamente en Photoshop. Una herramienta sencilla que puede venir muy bien tanto para ilustración digital como para concept art, retoque creativo o simplemente para experimentar con nuevos estilos de pincel.

Si utilizas Photoshop habitualmente, siempre merece la pena tener una buena colección de brushes a mano. Nunca sabes cuándo uno de ellos puede darle ese toque diferente a un proyecto.

Descargar – Oil set

#Photoshop #PhotoshopBrushes #Brushes #OilSet #Deharme #DiseñoGráfico #IlustraciónDigital #DigitalPainting #PinturaDigital #AdobePhotoshop #RecursosDiseño #BrushesGratis

Si te gustan las interfaces limpias, ordenadas y con ese aspecto de «todo está en su sitio», esta skill para Cursor te puede interesar bastante.

Scandinavian Design sirve para aplicar automáticamente un sistema visual inspirado en el diseño escandinavo a un proyecto web. La idea es sencilla: quitar ruido visual y conseguir una interfaz mucho más limpia, con una base en blanco y negro, tipografías sans-serif, espacios generosos y un uso más cuidado de las imágenes.

Vamos, llevar un poco de ese estilo IKEA al desarrollo web. 😄

Lo interesante es que no se limita a decirle a la IA «hazlo minimalista». La skill está pensada para trabajar sobre un código existente y rediseñar su aspecto visual. El repositorio incluye además diez demos utilizadas para probar y corregir el resultado tanto en escritorio como en móvil.

Para instalarla solo tienes que ejecutar:

npx skills add ericzakariasson/scandinavian-design

Después puedes invocar /scandinavian-design sobre la superficie que quieras rediseñar.

Puede ser especialmente útil cuando tienes una web funcional pero visualmente demasiado cargada y quieres darle una vuelta rápida sin empezar el proyecto desde cero.

Eso sí, minimalismo no significa simplemente poner todo blanco y quitar elementos. Lo interesante está en conseguir que la jerarquía visual, los espacios, la tipografía y las imágenes trabajen juntos para que la interfaz respire.

Una herramienta bastante curiosa para quienes estamos utilizando IA para acelerar el diseño y desarrollo de interfaces.

Ver Scandinavian Design en GitHub

#DiseñoWeb #DiseñoMinimalista #ScandinavianDesign #Cursor #IA #InteligenciaArtificial #WebDesign #Frontend #Programacion #UX #UI #GitHub #DesarrolloWeb

Encontrar una buena tipografía puede cambiar por completo un diseño. A veces no necesitas complicarte con composiciones imposibles ni llenar el proyecto de recursos gráficos: una fuente bien elegida puede hacer prácticamente todo el trabajo.

Esta colección reúne varias tipografías modernas con estilos diferentes, pero con algo en común: funcionan especialmente bien cuando buscamos diseños actuales, limpios y con personalidad.

Son fuentes que pueden encajar perfectamente en proyectos de branding, diseño editorial, carteles, redes sociales, presentaciones o páginas web. Algunas pueden funcionar como protagonistas de un diseño, mientras que otras son más interesantes para titulares, logotipos o pequeños detalles que necesitan destacar.

Una de las ventajas de trabajar con tipografías de este estilo es que permiten conseguir un aspecto contemporáneo sin caer necesariamente en el típico diseño minimalista que parece hecho con la misma plantilla de siempre. Cambiar el peso, el tamaño, el espaciado entre letras o combinar una tipografía llamativa con otra más sencilla puede dar resultados muy diferentes.

Y aquí está la gracia: no se trata simplemente de descargar muchas fuentes y tenerlas instaladas en el ordenador. Lo interesante es aprender a elegir la tipografía adecuada para cada proyecto.

Una fuente geométrica puede transmitir tecnología y precisión, mientras que una tipografía más experimental puede aportar personalidad y convertirse prácticamente en el elemento principal de la composición. También podemos jugar con mayúsculas, tamaños exagerados y mucho espacio en blanco para conseguir ese aspecto editorial que tanto se está utilizando actualmente.

Si trabajas habitualmente con Photoshop, Illustrator, Figma, Canva o cualquier otra herramienta de diseño, tener una pequeña colección de buenas tipografías modernas puede ahorrarte bastante tiempo cuando necesitas encontrar rápidamente una fuente que funcione.

Eso sí, antes de utilizarlas en un proyecto comercial conviene revisar siempre la licencia de cada tipografía. Que una fuente pueda descargarse gratis no significa necesariamente que pueda utilizarse libremente en trabajos comerciales.

En definitiva, una buena colección de fuentes no consiste en tener cientos de tipografías que nunca vas a utilizar. Consiste en encontrar aquellas que realmente pueden aportar algo a tus diseños y saber cuándo utilizarlas.

kanile

Bino Fimenk

Zegion

Regaris

Kovela

#Tipografias #Fuentes #Tipografia #DiseñoGrafico #Diseño #GraphicDesign #Typography #Fonts #DiseñoWeb #Branding #Figma #Illustrator #Photoshop #RecursosDeDiseño #DiseñoDigital

Diseñar una interfaz en una herramienta y después pasarla al desarrollador siempre ha tenido un pequeño problema: el diseño y el código viven en mundos distintos. pen.dev propone eliminar ese salto y poner el diseño directamente donde ya estamos programando.

La idea es bastante sencilla y, a la vez, muy interesante: pen.dev es un canvas de diseño basado en IA que vive dentro del entorno de desarrollo. El proyecto se guarda en el propio código y permite trabajar con el diseño y la implementación prácticamente uno al lado del otro. Actualmente funciona con entornos como Cursor y VS Code, además de otros IDE compatibles.

Aquí entra la parte que más nos interesa si programamos. Puedes diseñar una pantalla o un componente visualmente y después pedirle a la IA que genere el código correspondiente. La documentación muestra ejemplos como convertir un diseño en un componente React, generar una página de Next.js o crear componentes utilizando Tailwind CSS. También permite hacer el camino inverso: llevar código existente al canvas para trabajar sobre él visualmente.

Todo esto se apoya en un formato de diseño abierto basado en archivos .pen, pensado para vivir dentro del propio proyecto. Es decir, el diseño deja de ser un archivo perdido en otra herramienta y pasa a formar parte del workflow de desarrollo.

Y aquí está probablemente lo más interesante de pen.dev: no intenta ser simplemente otro Figma. Su planteamiento es bastante más cercano al de un entorno de programación con capacidades de diseño. La IA puede ayudarte a crear pantallas, explorar diferentes propuestas y trabajar en varios flujos en paralelo.

Además, existe una aplicación de escritorio para Windows, macOS y Linux, extensiones para diferentes IDE y una CLI que permite utilizar las capacidades de diseño asistidas por IA desde el terminal.

¿Va a sustituir a las herramientas tradicionales de diseño? Todavía es pronto para decirlo. Pero el concepto resulta muy interesante: diseñar, programar y utilizar IA dentro del mismo flujo de trabajo, sin estar continuamente exportando diseños, copiando medidas o intentando explicar al desarrollador cómo debería quedar una interfaz.

Para quienes mezclamos diseño gráfico, UI y programación, pen.dev es una herramienta que merece la pena tener en el radar.

Web: pen.dev

#penDev #DiseñoWeb #DiseñoUI #UX #Programacion #IA #InteligenciaArtificial #Frontend #WebDevelopment #React #Cursor #VSCode #DiseñoDigital #DesignToCode #AIDesign

Si te gustan los gradientes pero acabas perdiendo más tiempo buscando una combinación de colores decente que utilizándola en tu proyecto, Gradient Studio merece un vistazo.

Esta herramienta creada por Amit Gajare funciona como un generador de gradientes CSS procedurales. En lugar de ofrecerte simplemente una colección de degradados para copiar, genera nuevas combinaciones y les añade diferentes tratamientos de luz para conseguir fondos bastante más interesantes.

Puedes trabajar con paletas completas, duotono o monocromáticas y después aplicar efectos como mesh glow, aurora, bokeh, film grain, holográfico, prismas, nubes o rayos. Hay más de 24 tratamientos disponibles, así que las posibilidades son bastante amplias.

Lo mejor llega cuando encuentras uno que funciona. Puedes bloquear la paleta, probar diferentes efectos, navegar por el historial de resultados y, cuando lo tengas, copiar directamente el código. Gradient Studio permite exportarlo como CSS, Tailwind o SCSS, por lo que no tienes que reconstruir el gradiente a mano en tu proyecto.

Es especialmente interesante para diseñar fondos de hero sections, landing pages, portfolios, webs de agencias o interfaces en modo oscuro. También puede servir como punto de partida para una identidad visual o simplemente para generar rápidamente una atmósfera visual que luego puedas desarrollar en Figma, Photoshop o tu editor de código.

Además, es gratis, no requiere crear una cuenta y sus gradientes pueden utilizarse tanto en proyectos personales como comerciales.

En resumen, Gradient Studio es una de esas pequeñas herramientas que merece estar en los marcadores de cualquier diseñador web o desarrollador frontend. Generas, ajustas, copias el código y sigues trabajando. Sin complicaciones.

#GradientStudio #Gradientes #CSS #WebDesign #UI #UX #Frontend #TailwindCSS #SCSS #GraphicDesign #WebDevelopment #DesignTools

Si trabajas con Figma y quieres darle un poco más de vida a tus diseños, los degradados son un recurso que nunca falla. El problema es que crear algo que quede realmente bien puede llevar más tiempo del que parece. Para eso existen plugins como Mesh Gradient y Noisy Gradients, dos opciones interesantes para experimentar con fondos y composiciones más llamativas.

Mesh Gradient está pensado para crear degradados tipo mesh, esos fondos con transiciones suaves entre diferentes colores que se han convertido en un recurso habitual en interfaces, landing pages, presentaciones y piezas gráficas. Es una forma rápida de conseguir un resultado más orgánico y menos plano que el típico degradado lineal.

Por otro lado, Noisy Gradients añade una vuelta de tuerca al concepto incorporando ruido a los degradados. El resultado son fondos con una textura más granulada y con un aspecto menos digital, algo que puede funcionar especialmente bien en diseños modernos, carteles, portadas o interfaces que buscan un acabado más experimental.

Lo interesante es que puedes utilizar ambos plugins como punto de partida para generar fondos y después seguir trabajando sobre ellos directamente en Figma. Son recursos sencillos, pero pueden ahorrarte bastante tiempo cuando necesitas crear una composición visual atractiva sin empezar desde cero.

Si te gusta experimentar con el color, las texturas y los fondos abstractos, merece la pena tenerlos en tu caja de herramientas de Figma. A veces, un buen degradado es justo lo que necesita un diseño para dejar de parecer tan plano.

#Figma #FigmaPlugins #DiseñoGráfico #DiseñoUI #UXDesign #GraphicDesign #MeshGradient #NoisyGradients #Gradientes #DiseñoDigital #RecursosDiseño #DiseñoWeb

Si trabajas con Photoshop y te gusta conseguir un acabado más artístico y menos digital, este set de brushes puede ser un recurso bastante interesante para tener a mano.

Su autor (HoustonSharp) ha recopilado durante los últimos años los pinceles que utiliza habitualmente, reuniendo brushes procedentes de diferentes fuentes y organizándolos según las características y propiedades de cada uno. El objetivo principal es conseguir que muchos de ellos imiten el aspecto y la sensación de los medios tradicionales, algo especialmente útil para quienes buscan darle a sus ilustraciones un acabado más cercano al dibujo y la pintura tradicional.

El pack incluye una buena variedad de pinceles, por lo que el propio autor recomienda configurar los presets de Photoshop en formato de lista pequeña o grande para poder identificar mejor las categorías y nombres de cada brush. También resulta recomendable tener abierta la ventana de configuración de pinceles, ya que permite comprobar rápidamente cómo se comporta cada uno y visualizar el tipo de trazo que genera.

Un detalle interesante es que, aunque los pinceles ya están organizados por categorías, el autor recomienda dividir el pack en varios grupos más pequeños. Así será mucho más sencillo encontrar el brush que necesitas sin tener que navegar por una lista interminable. Si en algún momento necesitas un pincel de otra categoría, simplemente puedes cargar el conjunto correspondiente.

En definitiva, es un pack pensado para quienes trabajan habitualmente con Photoshop y quieren ampliar su biblioteca de herramientas con pinceles que aporten diferentes texturas y acabados. Una recopilación especialmente interesante para ilustradores, diseñadores y artistas digitales que buscan acercarse un poco más al aspecto de las técnicas tradicionales.

El pack y los brushes pertenecen a HoustonSharp. Desde aquí simplemente compartimos el recurso porque nos parece interesante para la comunidad de diseño e ilustración.

#Photoshop #Brushes #BrushesPhotoshop #PincelesPhotoshop #DiseñoGrafico #DiseñoDigital #IlustracionDigital #Ilustracion #ArteDigital #DigitalArt #RecursosDiseño #RecursosGraficos #GraphicDesign #PhotoshopBrushes

Si estás creando un videojuego, una interfaz futurista o simplemente buscas darle un toque de ciencia ficción a tus diseños, este FREE Sci-Fi Icon Starter Pack es uno de esos recursos que merece la pena guardar.

El pack incluye más de 40 iconos vectoriales seleccionados de una colección premium, con una calidad excelente y, lo mejor de todo, puedes utilizarlos gratuitamente incluso en proyectos comerciales. Es una forma perfecta de probar el estilo del autor sin pasar por caja.

Encontrarás iconos de habilidades y combate con estética cyberpunk, armaduras, implantes, cascos tácticos, objetos tecnológicos, créditos, botiquines futuristas, materiales alienígenas, flechas, alertas y muchos otros elementos pensados para interfaces de videojuegos y aplicaciones.

Además, el paquete viene preparado para prácticamente cualquier flujo de trabajo. Incluye archivos SVG para escalado ilimitado y versiones PNG en resoluciones de 512, 256, 128 y 64 píxeles, además de una variante con altura fija de 512 píxeles para composiciones que no son cuadradas. Si trabajas en inventarios de juegos, el tamaño de 128×128 px es probablemente el más útil.

Como extra, cada icono está disponible en seis colores diferentes (blanco, negro, azul, verde, morado y rosa), todos con fondo transparente y un espaciado uniforme para que encajen perfectamente en cualquier interfaz sin tener que editarlos antes.

Si estabas buscando recursos para un proyecto de ciencia ficción, un RPG, un roguelike o una aplicación con estética futurista, este pack puede ahorrarte muchas horas de trabajo y servirte como base para construir una interfaz mucho más profesional.

Descarga: https://free-game-assets.itch.io/free-sci-fi-icon-starter-pack

#GameDev #IndieDev #GameAssets #SciFi #Cyberpunk #UI #UX #Icons #SVG #PNG #Videojuegos #DiseñoGráfico #RecursosGratis #Unity3D #UnrealEngine #Godot #PixelArt #DiseñoUI #Interfaces #FreeAssets

Si alguna vez has visto una ilustración de Aaron Griffin y te has preguntado qué pinceles utiliza, estás de suerte. El propio artista publicó un pack gratuito después de recibir infinidad de mensajes de gente preguntándole por las herramientas que usa en sus pinturas.

En sus propias palabras: «Hey everyone, I have been getting a lot of requests recently regarding the brushes I use in my current paintings. Feel free to download them and try them out!» Y eso es exactamente lo que hizo: compartirlos para que cualquiera pueda probarlos.

El pack incluye una buena selección de brushes para Photoshop con los que Aaron crea retratos, estudios de color y concept art. No esperes que los pinceles hagan el trabajo por ti, pero sí son una excelente base si buscas un trazo natural, texturas interesantes y un flujo de trabajo más cómodo.

Lo mejor es que puedes descargarlos completamente gratis desde su Gumroad y empezar a utilizarlos en cuestión de minutos.

Descarga de los brushes

Perfil de Aaron Griffin en ArtStation

Si trabajas con ilustración digital, concept art o simplemente quieres ampliar tu colección de pinceles, este pack merece un hueco en tu biblioteca. No todos los días un artista profesional comparte las mismas herramientas que utiliza en su trabajo.

#Photoshop #Brushes #AaronGriffin #DigitalPainting #ConceptArt #Illustration #PhotoshopBrushes #RecursosGratis #ArteDigital #DiseñoGráfico