Este documento proporciona instrucciones para crear una página web básica en Photoshop utilizando capas y carpetas. Las instrucciones incluyen crear carpetas para el encabezado, contenido principal y pie de página, y luego agregar capas dentro de estas carpetas para el logotipo, menú, diapositivas y controles. También describe cómo alinear y ajustar el tamaño de las capas y cómo agregar degradados, imágenes y formas geométricas.

1. Ejercicio Ps

2. Abres el archivo que descargaste de 960grid system el
de 12 columnas

3. Después eliminas la capa 12 col y
deben quedar las lineas guía

4. Con ctrl+ , puedes manejar las guías

5. Después vas a tamaño de lienzo

6. Ir a tamaño de lienzo y
modificar el ancho y el alto

7. Renombramos la capa “fondo”

8. Cambiamos el color del lienzo

9. el lienzo debe quedar del color elegido

10. Creas tres carpetas y las nombras en el siguiente orden:
header
main
footer

11. Creas dentro de la carpeta header
una nueva capa y la llamas fondo

12. con el color blanco y la herramienta rectángulo

14. si presionamos dos veces en la lupa veremos el tamo
real

15. ahora le agregas un degradado con click derecho
+opciones de fusión +superposiscion de degradado

16. cambias el degradado

18. creamos un carpeta dentro de header que se llame
logotipo

19. activas la herramienta texto

20. escribes o traes la imagen de tu logo
tocando las reglas o lineas guía
nombre o imagen del logo

21. centrarlo verticalmente para eso seleccionas las dos capas con ctrl
nombre o
imagen

22. con este botón centran el contenido
nombre o imagen del logo

23. y después shift+las flechas para centrar
horizontalmente
nombre o imagen del logo

24. haces una nueva carpeta la dejas debajo de logotipo y
la llamas menú

25. generas texto para crear los botones

26. seleccionas las dos capas y centras verticalmente

27. duplicas las capas para hacer los botones que
necesites

28. con shift + las flechas mueves las capas duplicadas y
las colocas en la misma posición

31. Tomas la herramienta de rectángulo redondeado

32. Creas una capa debajo de inicio y le cambias el color
nombre o imagen del logo

33. Realizar un rectángulo como lo muestra la imagen

35. Creas una carpeta dentro de main que se llame
slideshow

36. Dentro creas una capa y trazas un rectángulo como lo
muestra la imagen.
nombre o imagen del logo

37. seleccionas la capa t con ctrl se
crea una zona de selección

38. Vas a selección + modificar + contraer 20px
nombre o
imagen del logo

39. este es el resultado

40. Pintas esa capa de un nuevo color
nombre o imagen del logo

41. Traes una imagen la haces mas pequeña

42. Colocas la capa de la foto encima de la capa
donde esta el rectángulo que coloreaste y
oprimes alt justo en la mitad de esas capas
(aparece la flechita apuntando hacia abajo
con un cuadro blanco)
nombre o imagen del logo

43. después presionas ese símbolo y la
foto se debe adaptar al recuadro

44. Seleccionas la herramienta elipse para generar los botones
del slide

45. en la carpeta slideshow juntas las tres capas creadas

47. nombras ese grupo como imagen

48. ueva carpeta debajo de imagen y llamas controles

49. En esa nueva carpetas haces el pequeño circulo
nombre o imagen del logo

50. Seleccionas la capa que acabas
de crear con el fondo y alineas
nombre o imagen
del logo

51. luego duplicas la capa en dos oportunidades