InicioHazlo Tu MismoHacé tu WebSite desde 0 | PARTE 1 | PS | Tuto

Hacé tu WebSite desde 0 | PARTE 1 | PS | Tuto

Hazlo Tu Mismo4/18/2012






Si necesitas algo, mandame un Mensaje Personal. Soy muy Activo
Si te gusto mi aporte, podes Seguirme y ver mis actualizaciones @Pere88
Si quieres visitar mis aportes, click aquí
Atención: Borro comentarios fuera de lugar.





Aprendé a hacer tu WEB PARTE 1


1.-lo primero que vamos a hacer es crear un documento nuevo con dimencindes de 800*600 pixeles
con fondo blanco o transparente.


2.-marcamos la guias dende ira cada una de las secciones como se puestra en la
imagen



Seleccionamos la opcion de lazo poligonal y marcmos la seleccion del baner



3.-creamos una capa nueva rellenamos la seleccion de cualquier color y le
ponemos las propiedades de la capa como se muestra en la imagenes







presionamos OK

despues nos vamos a seleccionar/modificar/contraer y lo contraemos 5 pixeles y precionamos en ok



ahora presionamos suprimir en nuestro teclado

sin perder la selecicona creamos una capa nueva la colocamos enmedio de capa 1 y capa 2

en esta capa crearemos una fondo para el baner son libres de hacer el fondo que ustedes deseen

no creare un fondo muy vistoso recuerden solo les enseño ustedes desinden los efectos que le pondran



ahora quitemos la guia para eso vamos a ver/clear guides o limpiar guias

4.-creamos unas nuevas guias para marcar las posisiones de el cuadro de menu el de contenido
y el de afiliacciones




en una capa nueva crearemos con la herramienta de seleccion la cabesera del recuadro
y la rellenamos de este color "c9c9c9" sin los parentesis ahora vamos a editar/transformar/distorcion

precionando shif arrastramos el cuadrado de la esquina inferioir derecha y izquierda uno
a la ves asta tener algo como esto



hacemos lo mismo con los demas recuadros pero sin crear capa nueva hasta tener ago asi



nos vamos a capa/estilo de capa y colocamos los siguiente



nos vamos a seleccion despues modificar y contraer lo contraemos 2 pixeles y precionamos suprimir en nuestro teclado nos quedara algo asi



sin perder la seleccion creamos una capa nueva y lo rellenamos con el mismo estilo del fondo del baner o con el efecto del borde del baner como en mi caso



ahora terminemos con lo cuadros...

para esto crearemos una capa nueva

presten atencion a la imagen ya que en esta se mira donde deven de estar las selecciones
como son varias guias aveses te confundes




puedes seleccionar de uno por uno o los 2 a la vez solo recuerda que los 2 deven de estar en una misma capa

ahora rellenamos de cual quien color y colocamos las siguientes propiedades de la capa





precionamos ctrl+D y marcamos el cuadro del centro... creamos una nueva capa y colocamos
las mismas propiedades



vueno ya solo falta colocarle los ultimos retoques (Botones, imagenes y detalles)

recomiendo no colocar texto ya que eso retardaria la carga de la paguina es recomendable
colocarlo en el codigo html

vallamos a ver/limpiar guias o clear guides

para crear los botones creamos las siguientes guias ***nota solo crearemos 3 botones



la manera mas rapida de crear los bontones es la siguiente...

creamos una nueva capa y seleccionamos los 3 botones como se muestra en la imagen



utilizamos es el gradien y rellenamos la seleccion



creamos una nueva capa y utilisando el lapiz en color blanco y con un ancho de 1 px
lo pasamos por encima de las lineas de adentro

creamos una mascara y con el gradian la pasamos de derecha a izquierda vamos a ver/limpiar guias
y nos quedara algo haci



ahora colocamos el texto deseado




guardamos el documento con el nombre de (index) sin parentesis

ahora vamos a capa/flatten imagen no recuardo tradiccion les dejo la imagen
nos devio de aver quedado una sola capa llamada fondo



ahora precionamos ctrl+shif+M esto mandara nuestro documento a imagen ready




Datos archivados del Taringa! original
48puntos
379visitas
0comentarios
Actividad nueva en Posteamelo
0puntos
3visitas
0comentarios
Dar puntos:

Dejá tu comentario

0/2000

Autor del Post

P
Pere88🇦🇷
Usuario
Puntos0
Posts12
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.