miércoles, 6 de abril de 2011

'pagina web

Para crear una página web debemos de tener un fondo que represente bien la idea de nuestro blog, asi que ahora vamos a diseñar una página web con photoshop; asi que:

1.
Primero vamos a crear un nuevo documento en "Archivo" > "Nuevo" con las medidas 1280px. * 750px.


  
2.
Está página web, tratara acerca de un programa de televisión, en este caso Buena suerte Charlie. Asi que abriremos la imagen del logotipo del progrma, buena suerte charlie, y con la herramienta "Mover" vamos a dar un click sobre la imagen y sin soltarlo lo vamos a trasladar hasta el nuevo documento que creeamos y ahi lo soltamos. Asi:
 

3.
Luego que hemos trasladado la imagen al nuevo documento, vamos a hacerlo más pequeño, para hacer esto vamos a oprimir el comando “Ctrl + T” y podremos modificar su tamaño. Así: 



4.
Luego vamos a borrar el fondo de la imagen para que no quede unicamente el logotipo, y esto lo haremos de esa forma: nos posicionamos en el boton  de borrador (E) y con click derecho aparecera una nueva ventanita en la que elegiremos la herramienta borrador mágico. Asi:





Y luego vamos a situarnos en la parte que deseamos borrar y daremos un click, (en este ejemplo colocamos un fondo negro para que se note lo que hemos hecho) asi:
 





5.
Ahora vamos a colocar en la parte superior una franja del color del logo (#339999) y con la herramienta “Rectángulo” (U) vamos a trazar un rectángulo en la parte superior de arriba, y al logotipo (en su capa) le vamos a aplicar una sombra paralela, así:  



6.
Luego vamos a colocar una imagen en la parte superior derecha, esta imagen sera de toda la familia, para esto repetiremos el paso no. 2, y la modificaremos para que se ajuste al espacio (nuevamente con Ctrl + T) y nos quedara asi:


7.
Ahora para crear los botones vamos a utilizar la herramienta de "Rectangulo redondeado" (U), esta herramienta la econtramos cuando nos posicionamos en las figuras geométricas y con un click derecho lo podremos encontrar, asi:
 


Luego con un color un poco mas pálido (#669999) vamos a crear unos rectangulos alargados que los posicionaremos en la parte derecha en la parte de en medio pegado al borde, en orden del mas pequeño al mas grande y luego de regreso, y uno del lado izquierdo. Y a estos le aplicaremos una sombra paralela, resplandor exterior y trazo (negro de 1px.), y superposición de motivo asi:
 




Y nos quedara asi:





8.
Luego colocaremos un fondo de color (ffcc66) esta capa la vamos a colocar debajo de todas las capas, y nos quedarian algo asi:




9.
Luego colocaremos un fondo dos imágenes de la serie, debajo del boton izquierdo, (para hacer esto nos posicionamos sobre la imagen que queremos pasar y la arrastramos a la imagen que estamos creando y con "Ctrl + T" la modificamos al tamaño que queremos).

Tambien agregaremos el texto con la herramienta "Texto" (T) posicionandonos encima de cada boton para que se vea como que si es olo uno asi:






10.
Ahora vamos a crear un cuadro gris enmedio de la pagina y lo haremos con la herramienta "Rectángulo redondeando" (U) con el color gris (#bebebe), luego disminuiremos la opacidad al 68%:





11.
Luego con el mismos "Marco rectangular" (U) crearemos una franja gris en la parte de debajo de la pagina, y sobre el cuadro que ya habriamos creado posicionaremos varias imagenes como si fuéramos a formar un collage, así:





12.
Luego para terminar, al fondo amarillo le aplicaremos un filtro en “Galería de Filtros” “Retazos” y a la franja inferior le aplicaremos algunas imágenes que nos servirán como botones y nos quedara así:



No hay comentarios:

Publicar un comentario