29 may 2015

Plantilla 001 - Plantilla en Venta para Mercado Libre

En esta sección colocaré plantillas ya diseñadas en psd y html las cuales están a la venta.
Recomendable para personas que saben editar desde phothosp.
Una vez que efectúan el pago, me llega un mail con sus datos y los archivos se los envió a su correo.

Plantilla 001


Incluye: Archivo PSD + html con zona Editable USD $2
Contactarse a m.z@live.com.ar si realiza la compra, podes ver todas mis redes sociales al costado del blog para contactarme, gracias!

Acciones al mover el mouse EDGE

27 may 2015

Intercambiar Texto en EDGE



Muy útil cuando hacemos infografias interactivas.

26 may 2015

Insertar Pre Cargador en Adobe EDGE



Simple tutorial para un preloading o precargador como mas te guste.

22 may 2015

Ori



Ori un juego con todo el arte gráfico, excelentes escenarios, luces muy bien aplicadas, historia 10, Música, ideal para aquellos videojugadores que aman el arte

Slider de imagenes con botones en Edge



Creando un slider con botones en Edge Animate

Crear Slider de iamgenes con Adobe Edge



La manera más fácil de crear un slider con Edge, el único inconveniente que encontré es a la hora de actualizar.

20 may 2015

Efecto parallax en Adobe Edge



Efecto parallax en adobe Edge, tambien muy fácil de realizar con un pequeño código, dejo el link de descarga aquí

Insertar fuentes de google Font a Edge



Tutorial muy practico para insertare fuentes desde google a EDGE, también podes ver los otros videos de html para realizar el mismo procedimiento a nuestras paginas webs

Animando en adobe Edge la opacidad



Opacidad en EDGE, de transparente a opaco

18 may 2015

Adobe EDGE Animate


Primer video de Adobe EDGE,
Edge es una herramienta para crear banner en html5, también se pueden hacer otras cosas como slider, o paginas web. de todas maneras donde mejor se explota es en infografias interactivas

Insertando un video de youtube en wordpress o web

Bueno es una forma muy fácil y sencilla a travez del codigo, para insertar un video de youtube en nuestra web

14 may 2015

Pseudos elementos



Pseudos elementos, en el css, algo que se usa con frecuencia para agregar funcionalidad

Herencias en el Css3


Herencias en el css, cuando un elemento contenedor le ponemos propiedades automáticamente si ese elemento posee otro contenido va a tomar las propiedades de su contenedor, se lo identifica como elemento padre y elemento hijo.

13 may 2015

Slider responsive



Bueno les traigo este Slider Responsivo, click en el enlace para bajar, incluye en la carpeta Demo un html para ver el código fuente

Click aquí

Bordes en css3


Bordes en css3, se puede definir en los 4 lados o en forma independiente.

Propiedades de texto y sombra en texto - css3



Fonta Family y text-sahdows en css3

12 may 2015

Background image css3



Posición de la imagen como fondo en css3

Posición fija de un div



Bueno este tutorial sirve para poner una botonera que quede fija en la parte superior o banner que siga el scrool

11 may 2015

Posicion absoluta y apilamiento con z-index



Bueno la posicion de los divs, uno arriba del otro superponiendose, para ello se usa position: Absolute y le definimos un top y un left o right dependiendo lo que queramos.

Aquí el link para descargar el html:
Click Aquí

Crack Universal de Adobe


Aqui el link (Esperar 5 segundos click en saltar anuncio)
Click Aquí para descargar

10 may 2015

Creando columnas en css3



Crear columnas con Css3,
Link de descarga del html con el css3:
http://adf.ly/1Gskt9

8 may 2015

Insertar fuente de google en mi pagina web



Bueno en este tutorial super útil, ponemos fuentes desde google totalmente gratis.
Dejo aquí el link del documento para descargar:
Click Aquí

7 may 2015

Propiedades de fuente en css3

Ancho de div en porcentaje



Ajustar div centrado.
El ancho tiene que ser menor a la ventana y tener la propiedad: margin:auto; en el css2, el ancho puede estar en % para que se achique mientras la ventana se ajuste.

6 may 2015

Diseño de personaje - Character Design




Bueno El diseño de un personaje a partir de una moto, recortamos, reflejamos, transformamos, bue todas las opciones que puede existir.

Solo en photoshop

Botonera desde dreamwaver y tabs


Bueno aquí explico como insertar una botonera desde dreamwaver con los srpy de manera fácil, no es lo más recomendado es mucho mejor hacerlo desde css.
Pero puede solucionar algunos problemas también,

5 may 2015

Inspiración para diseño gráfico web

Este es un listado de sitios donde tienen grandes diseños que nos sirve como inspiración:

http://www.behance.net/
http://abduzeedo.com/
http://www.cssmania.com/

La siguiente lista la encontre en este blog:
http://origenarts.com/70-sitios-web-sobre-diseno-grafico-inspiracion-y-creatividad/
Espero que les sirva

Crear una galeria de imagenes con dreamwaver



Insertando una galería de imágenes simple con dreamwaver

Crear Formulario en html y php

Insertar Plantilla de Mercado Libre Editable

Explico como insertar el código de la plantilla para Mercado Libre y también como Editar el contenido, PRODUCTO Y DESCRIPCIÓN. Estoy dando un curso completo de DISEÑO y PROGRAMACIÓN para la realización de una plantilla para mercado libre. Aprenderás a diseñarla de cero con photoshop, su exportación y la complementación en mercadolibre. Aprenderás a hacer plantillas EDITABLES para publicar todos los productos que tengas usando el diseño de 1 plantilla, y plantillas ANIMADAS. los programas a enseñar son photoshop y dreamwaver. La modalidad a distancia.

4 may 2015

Colocar botones para compartir en redes sociales



Bueno un video simple para colocar botones sociales para compartir contenido
Link de face:
https://developers.facebook.com/docs/plugins/like-button

Video Tutorial HTML Como insertar imagenes en Dreamwaver


Usando Dreamwaver para ver las etiquetas, en este caso insertaremos imágenes a nuestro html.
Insertando vínculos a las imagenes
Herramientas de zona interactiva
Insertando Tablas

Vídeo Tutorial de HTML

Bueno seguimos con el curso de html para principiantes, es importante que sepan y entender las etiquetas y su funcionamiento.

3 may 2015

HTML parte 00, administración de sitio, metas, vínculos

Bueno en este vídeo explico HTML desde cero y lo primero que vemos es como administrar un sitio en dreamwaver el paso mas importante, las etiquetas meta y creación de vínculos.

Medusa - Diseño de personaje

Personaje para videojuego

En este caso es es un diseño mitológico un poco mas interesante a mi parecer mas estilo anime. Fue realizado el lineart en illustrator y entintado en Flash.

2 may 2015

Hechicero maligno - Character Design

 

Personaje para videojuego

Bueno es algo que estuve experimentando, hacer algo a travez de imagenes de huesos, en el proceso me doy cuenta que puedo usar otras cosas, uso tecnica de recorte, reflejo, y distorcion es ideal para cuando tenes que armar algo y no sabes por donde empezar, las mismas operaciones en la imagen generan mas imagenes interesantes.
Un Dato todo lo que cortes a la mitad y lo reflejes, el cerebro trata de recomponer una imagen y siempre es la de un rostro.