Help-Desings

Ayuda para Emily

2010-04-05T18:44:00.000-07:00

Este tutorial trata de como hacer un blend en photoshop cs4.

1. Abrir un nuevo documento de 500x500

2. Ir a Abrir y elegir las imagenes que van a usar

3. Si qieren, pueden poner para qe se vea en 2 vistas, yo lo pongo siempre porqe asi es mas facil pasar las imagenes al documento

4. Cambiarle el tamaño a las imagenes(segun como sean las imagenes, tienen que tener la misma altura qe el documento nuevo 500), a las 2 que hayan abierto pero al docuento nuevo no.

5. Colocar las imagenes en el documento, como a ustedes les guste.

6. Borrar lo que la ultima imagen que pusieron tapa de la otra

7. Les tiene que quedar algo asi :

8.ir a Capas>Acoplar imagen

9.Ir a Filtro> Enfocar> Enfocar ,sirve para que la imagen brille un poco mas, qeda lindo

10. Si Tiene le pueden agregar acciones, si no tiene las pueden bajar de internet yo le puse una a esta foto

11. Pongan brushes o pinceles, el photoshop trae pero pueden bajar otros geniales de internet, ( es brushe es lo rosa qe esta en la parte de abajo),son para adoranar un poco la foto

12.Escriban el nombre de la persona de la que estan haciendo el blend o si es un cantante pueden poner alguna parte de sus canciones :

13. Ir a Capa >Acoplar Imagen

14. Con La Herramienta Texto (la T) Escriban Su nombre o su apodo:

15. Ir a Capa >Acoplar Imagen

Y listo, lo guardan y ya esta!

Recuerda: Se hace con el photoshop cs4.

Lo puedes descargar AQUÍ

Ayuda para Marie

2010-04-05T18:24:00.000-07:00

Estuve luchando varias veces con el tema de los layout de los sitios, y la verdad que es algo bastante sencillo y uno no debería de estar luchando siempre con esas cosas.

Lo bueno es que en Internet siempre tenemos gente que nos ayuda a solucionar nuestros problemas.

Esta nota tratara en una primera instancia de que tamaño deberíamos utilizar para generar nuestro layout.

En este capítulo veremos cómo crear un layout sin tablas a dos columnas, muy típico en los blogs. Es bastante sencillo de seguir, y es un ejemplo de que dejar de usar tablas para maquetar no tiene por qué ser un proceso doloroso.

Características

Esta maquetación tiene las siguientes propiedades:

Anchura fija
Centrado
2 columnas (una de ellas de barra lateral)
Cabecera (header)
Pie de página (footer)

Código XHTML
El esqueleto del código XHTML de nuestra página es el siguiente (iría dentro del body):

 id="container">      id="header">         Título          Subtítulo           id="sidebar">         Sección         Bla bla ...           id="main">          Sección         Contenido principal           id="footer">         Pie de página

Como ves, tenemos cuatro capas. Ahora veremos el código CSS de cada una de ellas.

#container

Esta capa es un contenedor para el resto de la página. Establece la anchura de todo y es la que centra el contenido. El truco está en usar auto dentro de margin para lograr el centrado. Esto no funciona en el IE, así que tendremos que echar mano de text-align: center en el body. El CSS completo es este:

body {     text-align: center; } #container {     width: 700px;     margin: 0px auto;     text-align: left; }

#sidebar

Esta es la barra lateral tan famosa en los blogs. En otras páginas web, podemos poner ahí menús, publi, o cualquier otra cosa. La clave en esta capa es usar float: left, que la sitúa a la izquierda y hace que todos los demás elementos la rodeen. Aquí va el código:

#sidebar {     width: 200px;     padding: 10px;     float: left; }

El padding no es obligatorio, pero lo he puesto para después poder explicar bien la siguiente capa. También es necesario especificar el ancho en píxeles. Ah, con este método la barra no se extenderá hasta abajo, sino que se corta en su final (esto se ve bien en la figura 13.1). Si pones la barra de otro color, y quieres que llegue hasta abajo, puedes usar la técnica de Faux Columns¹.

#main
Esta es la capa donde irá el contenido (en un blog, esto serían los posts). Lo importante en esta capa es indicar con margin-left ladistancia desde el borde del #container hasta esta capa, pasando por encima de la barra lateral.
Nuestra barra lateral tiene 200 píxeles de ancho y 10 píxeles de padding a la izquierda y a la derecha. Si hacemos memoria delmodelo de caja, el margen izquierdo que tenemos que indicar serían 200 + 10 + 10 + X, donde X es la cantidad que nosotros queremos dejar de separación entre la barra lateral y el contenido principal. Para el ejemplo, pondremos 5 píxeles:
#main { margin-left: 225px; }
#footer
La capa del pie de página viene bien para poner información de copyright/copyleft² o cualquier otro tipo de datos misceláneos. Aquí únicamente hemos de tener cuidado de “anular” el ﬂoat que tiene la barra lateral mediante un clear:
#footer { clear: both; }
¡Ya tenemos nuestro propio layout tablas que cumple los estándares del W3C!

Buena Noticia!

2010-02-25T09:59:00.000-08:00

Pues como ya saben...Estaba usando tutoriales de ET.IN

Pero me eh descargado el photoshop y todos esos programas y ahora se hacerlos yooo!
Pidaaaaaaaaaaaaaaan!!

Bienvenidos!

2010-02-16T18:59:00.000-08:00

Bienvenidos a Help-Designs!!

Aqui seras un genio del photoshop!!

Aprenderas a hacer blends,layouts,headers,botones...etc!!

Besos!
Adios!
Julii!