Skeuomorphic PSD al diseño plano con Skeuomorphism.it

Así que el esqueuomorfismo está fuera y el diseño plano, lo cual es una noticia antigua, pero bueno, las tendencias pueden ser realmente inconstantes y los diseñadores están a merced de tratar de mantener el ritmo. Si tiene diseños skeuomorphic que desea convertir plana, aquí hay una herramienta que será de gran ayuda.

Skeuomorphism.it es una extensión gratuita de Photoshop, de Roy Barber, que convierte el diseño del skeuomorphism en un diseño plano con un solo clic. Si encuentra algo skeuomorphic (icono, fondo o plantillas de sitio web) que desea convertir plana, este es el complemento para obtener.

Instalación

Tenga en cuenta que para poder usar esta extensión, debe tener al menos Photoshop CS6 instalado en su máquina. Ahora vayamos a la página de inicio de Skeuomorphism.it y descarguemos la extensión primero.

Haga doble clic en el archivo Skeuomorphism.it.zxp y se abrirá Adobe Extension Manager. Acepta el acuerdo de licencia. Antes de que comience el proceso de instalación, primero debe verificar el editor de la extensión. Instálalo y reinicia tu Photoshop si es necesario. Ahora está listo para usar la extensión.

Solo hace un clic

Vamos a utilizar este icono de Facebook de Christophe Tauziet para la demostración. Este es el ícono original.

En su Photoshop, debería ver un nuevo panel a la derecha. Si no aparece, diríjase a Window> Extensions> Skeuomorphism .

Haga clic en el botón Trabajar El botón Mágico y todas las sombras, sombras internas, degradados o luz se eliminarán o reducirán para hacer que el diseño quede plano. Echale un vistazo.

Limitaciones

Cuando use esta extensión, no todos los diseños de skeuomorphism se transformarán planos como usted lo espera. A veces, el color o la forma original del diseño puede cambiar. En este formulario de suscripción de Tempees, notará que el botón de suscripción está en azul.

Cuando intenté volverlo plano con el complemento, el botón de suscripción se volvió gris. Si esto no funciona para usted, presione Ctrl + Z para volver al estado inicial.

Pensamiento final

Solo tengo que decir que el nombre de este complemento es irónico, pero es un ahorro de tiempo realmente útil y hace que la transformación sea casi instantánea. No tiene que repetir o hacer el proceso de diseño desde cero. Todo lo que necesitas es un clic y tus diseños son planos. ¿Cuan genial es eso?

Crear nuevos proyectos con el kit de inicio web de Google [Guía]

Google acaba de lanzar una plantilla repetitiva llamada Google Web Starter Kit . Web Starter Kit está destinado a ayudar a los desarrolladores web a comenzar un nuevo proyecto de desarrollo web rápidamente .Contiene potentes herramientas como BrowserSync, LiveReload, HTTP Server, PageSpeed, ImageMin, Sass Compiler, JSHint y un par de plantillas que podemos usar para desarrollar aplicaciones web que funcionen en múltiples dispositivos . E

(Consejos de tecnología y diseño)

Cómo filtrar y recorrer el árbol DOM con JavaScript

¿Sabías que hay una API de JavaScript cuya única misión es filtrar e iterar a través de los nodos que queremos desde un árbol DOM? De hecho, no uno, sino que hay dos de tales API: NodeIterator y TreeWalker . Son bastante similares entre sí, con algunas diferencias útiles. Ambos pueden devolver una lista de nodos que están presentes en un nodo raíz determinado al tiempo que cumplen con las reglas de filtro predefinidas y / o personalizadas que se les aplican.Los filtr

(Consejos de tecnología y diseño)