Los simpsons en CSS

Este link me lo paso una alumna, la verdad esta genial pueden verlo en este enlace:
http://adf.ly/qaWi1
https://pattle.github.io/simpsons-in-css/

Pixel art

Encontré este tutorial para que hagan animaciones en pixel art
http://adf.ly/qO9Bi

Estilos PSD

Bueno les dejo estos estilos para que bajen
http://adf.ly/q4Z14

Css01 ancho alto centrado ancho ajustable

Photoshop 08 Estilos de capa

Photoshop 07 Modos de fusion de capa

Photoshop 06 Degradados

Photoshop 05 Tamaños de imagenes

Photoshop 04 Herramienta Texto

Photoshop 03 Herramienta pluma, capas, distorcion y borrador

Photoshop 02 Crear newsletter Herramienta recortar y sectores

Photoshop Entorno de trabajo 01

Lo mas Básico de photoshop, la idea es que miren todos los videos y asi luego pueden seguirme en los tutoriales

css 02 Fonts Fuentes en css

css 03 Fuentes google en mi web

Css 04 Parrafos en columnas css3

Photoshop 10 Parche y Herramienta Clonar

Curso CSS

Curso de photoshop css6

Descargar adobe EDGE

Adobe EDGE la alternativa de flash para realizar animaciones en html5
LINKS DE DESCARGA:
FreakShare: http://adf.ly/pi3MI
Mega: http://adf.ly/nSPMJ

Photoshop Entorno de trabajo 01

Adobe EDGE

Les dejo este programa Adobe EDGE
http://adf.ly/nSPMJ

En el rar, están las instrucciones.

Ilustraitor pinceles y lineas

Bueno me encontré con esto super explicado para hacer curvas perfectas
http://www.etereaestudios.com/training_img/vectorial_tips/pinceles_a.htm

Hacer web Responsive

Metas de html

Aquí los metas mas importantes:

<meta name="description" content="Omar DGZ_ Diseño Gráfico, Diseño Web , iluastraciones" />
description: Descripcion de la pagina y contenido

<meta name="keywords" CONTENT="Diseño gráfico, diseño web,identidad corporativa, diseño de logos, sitios web, diseño de sitios, gameart, ilustraciones" />
keywords: Palabras claves
<meta name="language" content="Spanish" />
<meta name="author" content="Omar DGZ - Diseño Gráfico" />
<meta name="copyright" content="2014 Derechos Reservados" />
<meta name="robots" content="index, Follow" />
robots: para que se encontrado por todos los buscadores

<meta name="distribution" content="Global" />
<meta name="rating" content="General" />

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
viewport: para que no se escale en los dispositivos

Maquetar una web desde cero parte 03

3 parte dándole estilo al formulario.

Maquetar una web desde cero parte 02

Vamos a darle formato al pagina en css, con la primera sección.

Flash cs6 01

Bueno presentando Flash cs 6 y conceptos básicos del área de trabajo.

Maquetar una web desde cero parte 01

Buenas les traigo este video tutorial para empezar a maquetar una web con css desde cero y responsive design.

Visitenos en facebook Omardg

Fuentes de Inspiración

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://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

Botonera con animación en css3

Bueno les traigo este tutorial para hacer una super botonera en css

Codigo HTML:
<div id="botonera">
<ul class="nav">
    <li><a href="#">Inicio</a></li>
        <li><a href="#">Servicios</a></li>
        <li><a href="#">Productos</a>
        <ul>
            <li><a href="#">Monitores</a></li>
                <li><a href="#">PC</a></li>
                <li><a href="#">Juegos</a></li>    
            </ul>
   
        </li>    
        <li><a href="#">Contacto</a></li>
    </ul>

</div>

Formulario en dreamwaver

Crear un formulario simple, para probarlo tienen que subir los archivos al servidor y el servidor tiene que admitir PHP.


El CODIGO HTML:

<form action="email_prueba.php" method="post" name="form1" target="_self" id="form1">
    <div id="texto-contacto">Nombre:
     <input name="nombre" type="text" id="nombre" class="contacto-txt-contacto"  />
    </div>
     
        <div id="texto-contacto">Email:
          <input name="email" type="text" id="email" class="contacto-txt-contacto"  />
        </div>
       
        <div id="texto-contacto">Telefono:
          <input name="telefono" type="text" id="telefono"  class="contacto-txt-contacto" />
</div>
   
   
    <div id="texto-contacto">Consulta</div>
        <div>
          <textarea name="consulta" id="consulta" cols="30" rows="5" class="contacto-txt1"></textarea>
          <input type="submit" name="Enviar" id="Enviar" value="Enviar" />
        </div>



</form>

Recuros para diseños

Les recomiendo este sitio, http://www.bluevertigo.com.ar/ hay muchos recursos interesantes para aplicar a nuestros diseños.

Dreamwaver Definicion de sitio vinculos

Super importante la definición de sitio para crear nuestra web

Vinculos

Explico de manera sencilla como insertar vínculos en un html, con mailto, pagina externa y pagina interna, me olvidaba mapa dentro de la imagen con vínculo.

Insertar Plantilla Mercado LIbre Editable

Buen tutorial, donde aprenderemos a insertar una plantilla para mercado libre y editarla.

Instalar fuentes

Como instalar fuentes a nuestro ordenador

Crear una web html y css basico