16 ago 2015
Scroll Deslizante con botonera para efecto parallax
Exelente tutorial, se puede combinar con parallax
7 ago 2015
6 ago 2015
Crear Blog - Personalizar la imagen y colocar texto en 3d
Esto es exactamente igual para aplicarle a Wordpress y a cualquier html.
Slider fullscreen jQuery Animacion css
Un Exelente Slider para nuestra web, pueden ver el demo y descargarlo en el siguiente link:
http://tympanus.net/codrops/2012/06/05/fullscreen-slit-slider-with-jquery-and-css3/
http://tympanus.net/codrops/2012/06/05/fullscreen-slit-slider-with-jquery-and-css3/
5 ago 2015
Codigos jquery inspiración web
Link del enlace: http://tympanus.net/codrops/
4 ago 2015
20 jun 2015
19 jun 2015
18 jun 2015
17 jun 2015
16 jun 2015
15 jun 2015
Error de controlador - El controlador no se a encontrado - Wacom pen and touch
Solución a este problema muy comun en windows 7.
12 jun 2015
11 jun 2015
10 jun 2015
Crear un newsletter con photoshop
Crear un news con photoshop, es similar a una plantilla para mercadolibre.
9 jun 2015
Tutorial de ilustracion digital
Aquí un tutorial donde aprenderemos a usar el Flash especial para una ilustración, Flash es el mejor programa para colorear de manera muy rápida.
7 jun 2015
Insertar un video de youtube en mi web y wordpress
Algo muy sencillo, solo debemos ir a youtube reproducimos el video que queremos comparitr, hacemos click en compartir, luego en INSERTAR y copiamos el codigo que nos aparece dentro de una etiqueta <iframe>
Ejemplo del codigo:
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/AOTOg0S5-gA" width="560"></iframe>
En el html, elegimos el lugar donde queremos que aparezca y pegamos el codigo
Ejemplo:
<html>
<head>
</head
<body>
<div class="video">
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/AOTOg0S5-gA" width="560"></iframe>
</div>
</body>
</html>
Ejemplo 2
<p><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/AOTOg0S5-gA" width="560"></iframe></p>
3 jun 2015
Ilustración Minotauro
Nueva ilustración de minotauro hecha en flash y photohop, aqui tambien dejo un video del proceso:2 jun 2015
Crear Plantilla para mercado libre Editable Parte 2
Primera parte de la creacion de plantilla Editable para mercado libre, Explicación de paso a paso.
Si quieres Adquirirla puedes hacer click en este link
1 jun 2015
Creacion de plantilla Editable para Mercado Libre
Primera parte de la creacion de plantilla Editable para mercado libre, Explicación de paso a paso.
Si quieres Adquirirla puedes hacer click en este link
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.
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!
Contactarse a m.z@live.com.ar si realiza la compra, podes ver todas mis redes sociales al costado del blog para contactarme, gracias!
27 may 2015
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
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
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
17 may 2015
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í
12 may 2015
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í
10 may 2015
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
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/
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/
- http://alquimistas.evilnolo.com
- http://bleikamp.com
- http://blog.signalnoise.com
- http://blogbricolaje.com
- http://blogvecindad.com
- http://criteriondg.info/wordpress
- http://designreviver.com
- http://foroalfa.org
- http://gigposters.com
- http://graffica.info
- http://graficantes.blogspot.com
- http://graficopicante.com/blog
- http://graphicdesign.about.com
- http://gravedad.com.mx/blog
- http://inspirationfeed.com
- http://inspiredm.com
- http://jdeo.blogspot.com
- http://layersmagazine.com
- http://logolounge.com
- http://loki3.com/flex
- http://mattanddesign.com
- http://mexicodesignnet.com/
- http://nfgraphics.com
- http://outlawdesignblog.com
- http://patterntap.com
- http://proyectofinal.teoremastudio.com
- http://sofanaranja.com
- http://stopdesign.com
- http://thinkdesignblog.com
- http://vandelaypremier.com
- http://weblog.evasee.com
- http://www.aiga.org
- http://www.allartclassic.com
- http://www.allposters.com.mx
- http://www.alzado.org
- http://www.apolorama.com
- http://www.artfacts.net
- http://www.askgraphics.com/resources
- http://www.ateneupopular.com
- http://www.avioncitosdepapel.com/index.php
- http://www.bourncreative.com/blog
- http://www.cesargarcia.com/inquiettudes
- http://www.comoyodsg.com
- http://www.creativosonline.org/blog
- http://www.davidairey.com
- http://www.deviantart.com
- http://www.digram.net/home.htm
- http://www.etsy.com
- http://www.frogx3.com
- http://www.fudgegraphics.com
- http://www.grungetextures.com
- http://www.gutenver.tv
- http://www.howdesign.com
- http://www.luispabon.com/entropia/index.php
- http://www.manodepapel.com/blog
- http://www.monofactor.com/blog
- http://www.neopixel.com.mx
- http://www.nosolousabilidad.com/index.htm
- http://www.packmeister.com
- http://www.productivedreams.com
- http://www.revistadime.com
- http://www.roc21.com/blog
- http://www.sitepoint.com
- http://www.smashingmagazine.com
- http://www.sorryzorrito.com
- http://www.thedesigncubicle.com
- http://www.thisiscolossal.com
- http://www.tripwiremagazine.com
- http://www.unionroom.com/blog
- http://www.unostiposduros.com
Espero que les sirva
Crear una galeria de imagenes con dreamwaver
Insertando una galería de imágenes simple con dreamwaver
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.
Suscribirse a:
Entradas (Atom)