Archivo de la categoría: Tutoriales

Photoshop básico: Crear pinceles y efecto de desintegración


En este video aprenderas a crear tus propios pinceles para lograr diversos efectos. Con un par de pinceles lograremos recrear un efecto de desintegración en cuadros y en humo.
Por algún motivo que desconozco (lo más probable es que sea por la aplicación de captura de pantalla) el cursor quedó pegado con la forma de humo, pero en el video lo advierto con una nota.
Está pensado para ser realizado en las diferentes versiones de Photoshop.

95 Libros de distribución libre en español sobre diseño y más


Captura de pantalla 2015-05-17 a las 22.29.40Para actualizar mi anterior post sobre libros de diseño, y ya que no compartieron sus libros en los comentarios, me encontré en la biblioteca de Etnasoft con gran cantidad de libros con distribución libre sobre diversos temas. Algunos en español y otros en ingles en donde cada uno tiene su ficha técnica, categoría, descripción y comentarios.

Yo me tomé el trabajo de seleccionar los libros en español que no sean tan antiguos y que podrían interesarme o a cualquier otro diseñador.
Los tengo divididos en Diseño y 3D, Artes, Comics, Diseño Web, SEO/SEM, Social Media, Multimedia, Programación y Videojuegos. Seguir leyendo 95 Libros de distribución libre en español sobre diseño y más

Manual básico para el no entendido en el asunto del desarrollo y diseño web.


b-titanesDesde el sitio BrandWarm no encontramos con este interesante manual para comenzar a diseñar sitios web si no eres entendido en el tema, con los siguientes temas:

1) Planificación.

2) Estudia bien como usar los elementos disponibles y cómo es su compatibilidad en distintos browsers.

3) La gráfica a ocupar y el peso de ella.

4) Recursos y FrameWork

5) programas y app’s que ocuparemos.

6) Haciendo nuestros primeros Wire Frames.

y no olvides a ver la segunda parte en donde te explican el funcionamiento del HTML y CSS.

Ir a BrandWarm con el artículo completo.

 

Fusionar fondos con CSS3


css-background-blend-modeTodos los diseñadores que comenzaron con Photoshop y después pasaron a la web se han encontrado que no pueden utilizar modos de fusión de capas por que tienen problemas al separar las imágenes.
Con CSS3 parte de esos problemas se pueden ver resueltos (no todos), y que mejor que hacerlo en el código. Aquí les dejo un articulo desde el sitio Mantra Creativo en donde nos muestran el resultado, su código y una tabla con la compatibilidad en navegadores.
Si quieren experimentar y ver lo que su imaginación hace con eso, pasen por aquí.

20 sitios con recursos gratuitos para diseñadores


recursos-gratuitos-2Desde Creativos Online nos encontramos con esta recopilación de 20 sitios web con archivos PSD, tutoriales, elementos UI, mock ups y todo tipo de recursos que nos pueden venir muy bien en nuestro día a día como diseñadores. Lo mejor de todo es que son completamente gratuitos así que podremos disponer para lo que deseemos. Esto no demuestra como internet es una fuente inagotable para encontrar todo tipo de cosas.

Ir a la página con la recopilación.

Creando un corto animado 2D


10604049_757474884321628_5339139655685914536_oSi bien, flash ya prácticamente no se usa para el desarrollo web, se sigue utilizando en desarrollo de aplicaciones y juegos pero de mayor forma para realizar animaciones.  Para los que les gusta la ilustración y animación 2D les dejo este excelente webinar de Wacom America Latina, con el chileno Hernán Bruna, en donde pasa por todo el proceso, no solo el dibujo y el software, sino que también los pasos previos y posteriores a la creación del mismo corto.
El resultado de este corto esta al final de este post.
Creando un corto animado en Wacom Latinoamerica.
Facebook de HBrunaTV
Facebook Wacom America Latina

Agregar un lightbox a una web


Para los que recién comienzan a diseñar sitios web les asusta la cantidad de código que ven en los archivos de los lightbox y en realidad no tienen tanta dificultad y muchos funcionan de la forma forma.  Es muy probable de que ya sabiendo a utilizar uno se te haga más fácil los otros que encuentres. Para eso te dejo este video de ayuda a dar ese primer paso.

Herramienta de hueso en Flash


Gran desilusión provoco entre la gente que animaba en Flash cuando en el 2013 apareció la versión CC del programa y no incluía la herramienta de hueso que era tan buena para movimiento más natural de personajes. Tampoco incluyó la herramienta Deco, el texto TLF que te permita enlazar los bloques de textos tal como lo hacemos en InDesign e Illustrator entre otras cosas más.

El motivo de la eliminación de ciertas herramientas y características es por que Adobe esta destinando e programa casi por completo a la creación y desarrollo de aplicaciones y juegos.  Ver presentación con la evolución de Flash.

Por este motivo es que muchos diseñadores y animadores que utilizan Flash se quedaron con la versión 6 del programa que es la última que apareció con esta útil herramienta, y para los que aún no saben como manejarla les dejo este video tutorial en donde te muestro con 3 simples ejemplos el uso de la herramienta.