Inicio

Lorem Ipsum de imágenes

Deja un comentario

En éste post y en éste os hablé hace algún tiempo de algunos generadores de texto simulado bastante útiles para la creación de prototipos, mockups etc. Hoy me gustaría compartir con vosotros algunas herramientas que vengo utilizando de un tiempo a esta parte para generar imágenes simuladas que se pueden utilizar igualmente en la creación de cualquier maqueta y prototipo para diseño editorial, diseño web etc.

Placeholder.com

Esta web muestra, como su nombre indica, una imagen placeholder con el ancho, alto y color de fondo y de texto indicado. Por defecto el texto que aparece es el de las dimensiones de la imagen en píxeles (lo cual es muy útil cuando se está definiendo un layout por ejemplo). Para ello simplemente hay que introducir una URL dónde pasamos los parámetros que serán representados en la imagen. Esta url, por ejemplo, pintaría esta imagen

https://via.placeholder.com/400X150.png/3333FF/00000/

PLACEHOLDER

Aunque también se puede personalizar el texto que aparece en la imagen con una URL como ésta.

https://via.placeholder.com/400X150.jpg/FF0000/ffffff?text=Adobe

Esta sería la imagen que pintaría

adobeText

los dos primeros parámetros después de via.placeholder son las dimensiones de la imagen en píxeles (si únicamente introduces un número entonces la imagen aparece cuadrada con las mismas dimensiones de ancho y alto), a continuación se introduce la extensión del formato que se quiere utilizar seguido del código del color de fondo y el del texto, ambos en formato hexadecimal. Por último se añade el parámetro del texto si se quiere colocar en lugar de los números de las medidas.

Lorempixel

Cuando queramos ir un paso más allá y que las imágenes simuladas no se limiten a pastillas de colores, este recursos está francamente bien pues lo que crea son fotografías simuladas como la que hay a continuación que puede utilizarse en todo tipo de maquetas y que surge a través de una URL como ésta

Lorempixel.com/600/300/business/

loremimage

los números tras el prefijo Lorempixel representan las dimensiones de la imagen simulada seguido de la temática que queramos que tenga la foto. Aparte de negocios (business) hay tematicas como naturaleza (nature), deportes (sports), transporte (transport) o abstractas (abstract) …y sí… si os lo estabais preguntando también se pueden poner gatos (cats) ! 😀

Si no especificamos el tema simplemente crea una imagen aleatoria de cualquier tema y si añadimos el sufijo “g” la crea en escala de grises como el ejemplo que genera esta URL

http://lorempixel.com/g/400/200/

g2.png

De todos modos si vais a la página Lorempixel.com podéis ver todo el listado de parámetros.

Espero que estos recursos os puedan ser de utilidad.

Anuncios

Project Paras

Deja un comentario

Paras.png

Adobe acaba de anunciar un nuevo proyecto cuyo nombre en clave es “Project Paras”. Se trata de un conjunto de herramientas para Photoshop que tiene al mundo de la moda y el estampado textil como principal foco.

Mediante este conjunto de utilidades se hace posible la creación de diseños espectaculares que finalmente se verán reflejados sobre telas, vestidos, ropa de hogar y otro tipo de prendas. Entre las principales funciones está la creación de patrones de repetición con “rapport” (es decir, gestión de límites para que el patrón pueda extenderse hasta el infinito sin que se noten las costuras), la separación selectiva de colores para facilitar luego la estampación con un número limitado de tintas y la generación de paletas Pantone para el envío a los procesos de fotomecánica que crearán las planchas para serigrafía u otras técnicas de estampación de ropa similares.

En las siguientes imágenes podéis ver algunos ejemplos de estas funciones.

repeat

separation

spotcolors

Si te interesa probar esta tecnología ya es posible inscribirse al programa Beta de pruebas. Para inscribirse o simplemente saber más acerca de este proyecto podéis ir a https://www.adobe.com/es/products/projectparas.html

Pictoplasma

Deja un comentario

Pictoplasma.png

Pictoplasma es un festival de artes visuales centrado en el del diseño de personajes, que es una de las partes de la creación visual que más me apasiona.

Se celebra en Mayo en Berlín y da cabida a un montón de jóvenes creadores que expresan su creatividad desde múltiples disciplinas y con un afán totalmente experimental. De esta forma podemos encontrar personajes creados bajo la forma de dibujos, ilustraciones digitales, animación o creación artesanal en forma de esculturas, figuras o muñecos.

Desde su propia web declaran: “El proyecto impulsa la discusión interdisciplinar, el desarrollo y la promoción de nuevos vocabularios visuales -desde la ilustración hasta  la animación, desde los juegos al diseño interactivo, desde las artes urbanas a las artes gráficas”.

Si aún no conocéis este certamen y el interesante ecosistema que se está creando en torno a él, os recomiendo que echéis un vistazo a su web.

https://pictoplasma.com/

Algunas novedades de MAX 2018 en las herramientas creativas.

1 comentario

Pues sí, la keynote de MAX nos trajo atractivas sorpresas como ya era previsible. Si no tuvisteis la oportunidad de verlas aquí os traigo un breve resumen de lo que a mí más impresionó.

Degradado de forma libre.

Aún recuerdo la agradable sorpresa que supuso la llegada de la herramienta de malla de degradado a Illustrator (podéis ver una demo de como utilizarla aquí). Esta nueva herramienta superaba sobradamente las limitaciones de los clásicos degradados lineales y radiales y no eran precisos tantos pasos de elaboración como los que suponía crear fusiones. No obstante como una herramienta “fácil”. Tampoco es que tenga mucha complicación su utilización pero dista de la sencillez de aplicación y manejo de los degradados lineal o radial y precisa de cierto práctica y conocimiento de la técnica que hay detrás para conseguir resultados realmente satisfactorios.

Pues en la versión 2019 de IllustratorCC se añade un nuevo tipo de degradado, el degradado de forma libre que permite obtener resultados muy similares a los de la malla de degradado pero de una forma mucho más simple. Basta con seleccionar este tipo de degradado en la paleta correspondiente, seleccionar la herramienta de gradiente,  marcar dos o más puntos dentro de la forma que queramos colorear y asignarle un color a cada uno de esos puntos. Illustrator se encargará de distribuir los colores de forma suave entre todos los puntos del gradiente. Además es posible definir la intensidad de influencia de cada punto de degradado para poder obtener el resultado degradado con más facilidad.

Este que veis aquí es un ejemplo que he realizado con este nuevo tipo de degradado. Todos los cambios de tono se han realizado añadiendo puntos de control, se trata de un único degradado.

FreeformGrad

 

Cajas de imagen en Photoshop

Sí, sí, como lo oís. Ahora es posible crear cajas de imagen dentro de las  mesas de trabajo de Photoshop e introducir fotografías en su interior como si se tratara del mismo In Design. Aquí se pueden ver un par de ejemplos.

Screen Shot 2018-10-16 at 10.41.21

PSPFrames2.jpg

Reconozco que no es la herramienta en la que yo habría pensado pero también es cierto que para muchos creadores que utilizan Photoshop como herramienta de diseño para luego darle una salida a ese diseño como fichero bitmap, esta herramienta les será de mucha utilidad para crear sus composiciones.

 

Colocación inteligente de imágenes en In Design

La tecnología Adobe Sensei de Adobe se va extendiendo dentro de la compañía y cada día son más las aplicaciones que se aprovechan de sus ventajas. La última de ellas ha sido In Design con la colocación inteligente de imágenes. Al colocar una imagen dentro de una caja de imagen, Adobe Sensei averigua cual es el centro de interés de esa fotografía y encaja y re-dimensiona la composición de forma automática para que el encuadre sea el adecuado. Por supuesto el usuario siempre podrá retocar cualquier encaje pero el ahorro de tiempo que permite esta utilidad es espectacular.

inDesgn.jpg

Photoshop para Ipad.

Y ahora entramos en terreno realmente interesante. ¡Por fín Photoshop para iPad! y no, no estamos hablando de una app descafeinada con algunas utilidades sueltas como Photoshop Mix u otros sucedáneos que han ido apareciendo en los últimos años. Estamos hablando de Photoshop completo, con un interfaz adaptado al entorno touch pero con trabajo en PSD nativo, con acceso a toda la estructura de capas y con la casi totalidad de funciones de su hermano mayor de escritorio. No sabéis cuanto había soñado con la imagen que viene a continuación. Casi se me saltan las lágrimas cuando ví aparecer esa imagen sobre el enorme escenario del Max. Eso sí, no estará disponible hasta 2019.

PSPIpad.jpg

Photoshop para iPad presentado con todos los honores en el escenario del MAX

PSPInterfaz.jpg

Interfaz de Photoshop para iPad con acceso a toda la estructura de capas del documento.

 

Project Gemini

Se presentó también este proyecto aún en fase de prueba. Se trata del proyecto Gemini. Una app de ilustración para iPad que combina ilustración vectorial y bitmap en una sola herramienta.

Gemini.jpg

Vamos, que pretende hacer sombra a otras apps ya felizmente conocidas por los ilustradores como Procreate, Sketchbook Pro o Affinity Designer.

Cuando vi la demostración de esta app en en el escenario de mano de Kyle Webster tuve sentimientos encontrados. No me entendáis mal, se trata de una app muy interesante. Tiene una buena colección de pinceles paramétricos que permiten mezclar los colores de forma muy orgánica y que imitan muy los medios tradicionales como óleo o acuarela, el interfaz es impecable y permite una gestión de capas muy dinámica. Pero al verlo, no me dio la sensación de que ofrezca nada realmente revolucionario que haga plantearse a los usuarios de Procreate o Affinity Designer pasarse a esta herramienta. Estoy deseando poder probarla el próximo año, que es cuando estará disponible para ver si realmente se trata de una herramienta indispensable o si, como me temo, Adobe llega tarde a este terreno dominado ya por la apps anteriormente mencionadas.

gemin2.jpg

Y de momento eso es todo por mi parte. Por supuesto se presentaron muchas más novedades en MAX pero tampoco considero necesario señalarlas todas aquí habida cuenta de que hay abundante información y vídeos en internet comentándolas. Si hay alguna que considero interesante comentar con mi opinión personal, como he hecho en este artículo, prepararé otro post para hablar de ello.

Recursos para Adobe XD

Deja un comentario

BHXD.png

El otro día hablaba acerca de las nuevas funciones de Adobe XD. Obviamente esta es una herramienta que multiplica sus posibilidades con el acceso de los recursos adecuados como juegos de iconos o bibliotecas de elementos de Interfaz.

Es por eso que os traigo dos enlaces que pienso os van a interesar a todos los que estéis trabajando en el ámbito de UX/UI.

En este enlace podéis encontrar un compendio de kits de elementos de intefaz y conjuntos de iconos para las principales plataformas: https://www.adobe.com/products/xd/resources.html

Y aquí un kit inspirado en diseño de la Bauhaus que puede utilizarse con las fuentes que Adobe rescató hace poco de esta institución.

https://theblog.adobe.com/free-adobe-xd-ui-kit-a-flexible-editorial-design-solution-inspired-by-bauhaus/

Espero que sea de vuestro interés.

 

 

Objetos 3D de Adobe Stock listos para utilizar en Photoshop o Dimensions

1 comentario

3dObjects

Adobe Stock sigue ampliando la gama de activos digitales que ofrece a los creativos para ampliar sus posibilidades y productividad a la hora de crear cualquier diseño.

Concretamente hoy os traigo una selección de archivos 3D que mi compañero Fernando Pulido ha tenido bien en descubrirme dentro del enorme catálogo de Adobe Stock. Estos ficheros son objetos 3D listo para importar y personalizar en aplicaciones como Photoshop o Dimensions. ¡Y además son gratuitos! que eso es algo que siempre sabe bien 😉

Podéis acceder a ellos y descargarlos desde estos enlaces.

o    Simple Beauty: Relax

o    Simple Beauty: Play

o    Simple Beauty: Escape

o    Simple Beauty: Refresh

Para que os hagáis una idea de la calidad de los objetos aquí os pongo un ejemplo de una camioneta que he descargado y en renderizado en unos minutos con Adobe Dimensions

pckp

También es importante recordar que además de estos freebies que a buen seguro nos solucionarán más de una papeleta en más de un proyecto, también tenemos muchos otros objetos 3D listos para descargar comprándolos de forma unitaria o mediante las suscripciones existentes de Adobe Stock.

o    3D: Food & Drink Packaging

o    3D: Home Design & Décor

o    3D: The Business of Advertising

o    3D: Abstract Elements

o    3D: Summer Foods

Todos los pinceles de Kyle Webster ahora disponibles para usuarios de Creative Cloud.

1 comentario

KBJA

 

Pues sí, finalmente hace unas semanas Kyle entró a formar de la plantilla de Adobe y eso supone una muy buena noticia para todos los creativos.

De entrada todas las colecciones de pinceles de Kyle, que estaban entre los objetos de deseo de la mayoría de artistas digitales, pasan a formar parte de Creative Cloud y están a la disposición de cualquier usuario sin coste adicional. Puedes ir a la web y descargarlos desde https://www.adobe.com/es/products/photoshop/brushes.html . Una vez descargados ya podrás añadirlos a tus colecciones de pinceles de Photoshop o Adobe Sketch.

PincelesKyle

¡Qué bien me lo he asado probando los pinceles Manga de Kyle en Adobe Sketch!

Por otra parte, la incorporación de Kyle nos garantiza que tendremos pronto nuevas y excitantes colecciones de pinceles ya que ahora dispone de todas sus horas laborables para desarrollar nuevas ideas dentro de Adobe. Bienvenido Kyle!

kyleansus.png

Con Pepa Porta y el bueno de Kyle en el OFFF de este año en Barcelona.

Older Entries