PORTADA ÁLBUM DE FOTOS CON ILLUSTRATOR Y PHOTOSHOP

EJEMPLO DE PORTADA DE ÁLBUM DE FOTOS 

Para realizar ésta práctica he llevado a cabo los siguientes pasos:


PHOTOSHOP

1) Colorear la Imagen 1(selección > imagen > ajustes > tono/saturación)

2) Recortar la Imagen 2 (herramienta recorte)

 3) Enfocar la Imagen 3 (filtro > enfoque > máscara de enfoque)

ILLUSTRATOR

1) Crear nuevo documento (archivo > nuevo)
2) Realizamos el fondo con rectángulos, aplicándoles el filtro trazos de pastel (efecto > galería de efectos > artístico)

3) Colocar las fotografías (archivo > colocar)
Como podéis ver, cada imagen tiene su respectivo marco (crear rectángulo > colocar debajo de la imagen)

4) Para finalizar, escribimos el título "El álbum de tu vida"



HTML (III)



Para realizar formularios en leguaje HTML utilizaremos las etiquetas <li> y <ol> ; también utilizaremos la etiqueta <br /> para los saltos de línea. En las imágenes siguientes se muestra un ejemplo:





A continuación, cambiaremos de color el fondo (como en una de las
entradas anteriores del blog) Para ello, simplemente cambiamos el código <body> por <body bgcolor="#elcódigodelcolor">




HTML (II)



El título es imprescindible en HML5, siempre debemos añadirlo.
Las etiquetas <h1> y </h1> se utilizan para definir el tamaño de la tipografía. La h viene de heder, cabecera en inglés) que queremos destacar sobre el resto del texto. Junto a <h1> contamos con <h2>, y así hasta <h6> para definir diferentes títulos, de mayor a menor importancia.

HTML (I)

El código HTML es el lenguaje con el que se definen las páginas web. Se trata de un conjunto de etiquetas que definen la forma en la que presentar el texto y otros elementos de la página. 
Ejemplo de un documento HTML en Dreamweaver
Las etiquetas tienen esta forma: <htmlCada etiqueta significa una cosa, por ejemplo: <B> significa que se escriba negrita, <A> es un enlace.. Las etiquetas de cierre se escriben de la siguiente forma </html> , por ejemplo: </B> indica que se deje de escribir en negrita, </A> indica que acaba el enlace.
Un documento HTML está compuesto por dos partes principales: el encabezado, delimitado por <head> y </head> donde se colocan las etiquetas de índole informativo como por ejemplo el título ( <title> ) ; y el cuerpo, delimitado por <body> y
</body> donde se coloca el texto y
las imágenes (delimitados a su vez por otras etiquetas).




RECORTE DE IMAGEN (II)

En esta práctica recortaremos una imagen con Photoshop de una forma distinta a la entrada anterior. Para ello:

1) Copiar la capa original (trabajaremos en la copia)
2) Seleccionar la herramienta recorte o pulsar la letra C
3) Indicar el tamaño de recorte querido (en la parte destacada de color rojo)

4) Mover la imagen para ajustarla 
5) Cuando tengamos el ajuste, pulsar la tecla INTRO

RECORTE IMAGEN (I)

En esta práctica recortaremos una imagen con Photoshop, para ello:

1) Copiar la capa original (trabajaremos en la copia)
 2) Seleccionar la herramienta recorte o pulsar la tecla C
3) Ajustar la parte a recortar
4) Se puede rotar el ajuste de recorte
5) Cuando tengamos el ajuste de recorte querido, pulsar tecla INTRO y el recorte se llevará a cabo