PORTADA ÁLBUM DE FOTOS

En esta entrada vamos a aprender a hacer una portada para un álbum de fotos.
Para empezar hemos escogido una serie de imágenes que pondremos en la portada, pero que hemos tenido que modificar primero en Photoshop. Estas son las imagenes originales:

1ª                                          2ª

                                           3ª

Pero no vamos a colocarlas así en el álbum así que abrimos Photoshop, a la primera le vamos a poner un tono rosa, la segunda la vamos a recortar y a la tercera la vamos a enfocar.
Y el resultado quedaría así:

Una vez las tenemos así, nos vamos al programa de Illustrator y vamos a crear el fondo.
El resultado es este:

Crearlo es simple, solo tenemos que crear 4 rectángulos, el primero lo vamos a pintar de rosa, los dos siguientes de morado y el último vamos a hacerlo con un degradado.
Una vez los tenemos todos, les vamos a aplicar un filtro de trazos de pincel.
Después colocamos las fotos, para añadirles el marco, simplemente he echo un rectángulo y lo he pintado en este caso de morado, blanco y rosa y los he agrupado para que se junten a la foto y poner moverlos juntos.
Y por último se añade el texto y y está, ya terdríamos la portada del álbum terminada.

RECORTAR UNA IMAGEN Y ACOPLARLA A OTRA

En esta entrada vamos a recortar la imagen de una chica y ponerla en un televisor.
Estas son las imágenes originales:

Primeramente vamos a Photoshop y recortamos la parte de la chica que vamos a poner en la pantalla del televisor.

Esta es la parte de la fotografía que he decidido poner en la televisión.







Ahora abrimos otra ventana en Photoshop y colocamos la foto en la misma pantalla en la que está el televisior.

Ahora con la opción de Photoshop: Edición/ Transformar/ Deformar. Vamos a ir dandole forma para que se adapte al televisor.

Una vez que lo tenemos deformado y al tamaño del televisor, vamos a colocarla encima y así darmos por concluida la práctica.

DOMINANTE DEL COLOR CIAN

En esta ocasión el color dominante es el cian, así que vamos a modificarlo para que no se aprecie el cian como color dominante.

Esta es la original que como se puede obsesrvar sobre todo en el plato, se ve con un tono azulado, pues lo que vamos a hacer es quitarle esa tonalidad.


Para ello nos vamos a ir al menú de Photoshop, Imagen/ Ajustes/ Equilibrio del color.

 

Y nos saldrá esta ventana:

En ella vamos a colocar los niveles para quitar ese tono.
Estos son los que he puesto yo, quitándole los valores dominantes al cian.


Y así me ha quedado:

Donde más podemos observar el cambio es en el plato, que ahora ya no tiene ese tono azulado.

MÁSCARA DE RETOQUE

Vamos a aprender a enfocar una imagen sin que se note mucho el cambio, para ello usaremos también Photoshop.

Esta es la imagen original, que como podemos observar está un poco desenfocada, ahora nos vamos a ir al menú Filtro/ Enfocar/ Máscara de enfoque.

 Y nos saldrá esta ventana:


En esta ocasión vamos a modificar los parámetros para que el coche se vea más enfocado.
Yo en este caso he puesto estos parámetros





Y así me ha quedado:

DOMINANTE DE COLOR AMARILLO

En esta entrada, vamos a quitar el color amarillo dominante de una imagen.

Esta es la imagen original, y con la ayuda del programa Photoshop CS6
vamos a quitar el color dominante.




Para ello vamos a ir al menú de Photoshop y le damos a Imagen/ ajustes/ equilibrio de color.

Y una vez le hayamos dado, nos aparecerá la siguiente ventana:

En ella podremos modificar los parámetros del color, para que el color dominante dek¡je de ser el amarillo.



Y este sería el resultado final:

HTML 2

Esta vez he añadido códigos un poco más complejos pero que siguen siendo básicos para la edición de una página web.

Como podéis ver ahora hay muchos más códigos, con los que hemos podido hacer una "especie" de blog enanito para que se pueda ver los códigos para poner títulos, subtitulos y reyeno. Y este es el resultado final:

HTML

HTML es el lenguaje con el que se definen las páginas web, es un código con el que vamos a hacer funcionar la página y con el que vamos a poder personalizarla.

En esta entrada, vamos a ver el funcionamiento básico del código HTML, con la ayuda del programa Dreamweaver CS6.

Como se puede observar en esta página, tenemos que poner los códigos siempre entre < >.
Si vamos a comenzar a escribir un código ponedremos:
<html> (poniendolo en minúsculas)
y una vez finalicemos un código le añadiremos una barra antes de lo que queremos finalizar:
</html>.
Después de iniciar con el código <html> ponemos el código <head>
y a continuación yo aquí he puesto un título, el código del título es:
<title>. Tenemos que tener en cuenta que todos los códigos tendrán que ir en inglés.
Después del código del títuo vamos a poner uno con el que pintaremos el fondo del documento.
En este caso ponemos el código del fondo seguido del código de color ( los códigos de color son siempre los mismos, son internacionales para todo el mundo).
Y después hemos puesto un color para la letra, seguido del tamaño en el que queremos la letra.
Y cuando terminemos de poner todos los códigos y el texto elegido, los códigos quedarán así:

 Después del tamaño he puesto el texto que quiero y al finalizar he cerrado todos los códigos incluido el HTML.
Y este sería el resultado final:

RECORTE 2

En esta ocasión voy a coger una imagen distinta y también voy a recortarla, la diferencia va a ser que voy a hacerlo con medidas pre-establecidas de ante mano.

Volvemos a coger la herramienta recortar (5º icono en la barra de herramientas).
Y como veis se vuelve a seleccionar la foto entera.
Pues ahora vamos a elegir una medida en concreto de la foto, para ello nos vamos a la zona superior de la barra de herramientas, justo debajo de los menús de Photoshop y veremos esto:

Esa barra nos permitirá poner las medidas que nosotros queramos, en este caso vamos a poner 8x10 pulgadas, y se cambiará el tamaño del cuadro de selección de corte, como se puede observar en esta imagen:

Como se puede ver, la selección que nos deja esas medidas se ve resaltada, mientras la selección que no cogemos, se oscurece.
Una vez que nos guste la selección solo tendremos que darle al botón intro para aceptar el recorte.

Y ya está esa sería la selección de corte que hemos dejado.

RECORTE DE FOTOS 1

En esta ocasión vamos a recortar una zona de la imagen.

Esta es la imagen que hemos escogido para este trabajo.

Nos vamos a disponer a elegir una zona en concreto de la imagen, pero no solo vamos a recortrala, si no que también vamos a rotar la zona que vamos a recortar para que así no se quede la zona de la imagen recta.

Muy bien, para ello vamos a utilizar el programa de Photoshop y la herramienta recortar.





La herramienta de cortar está situada en el panel de heramientas que hay situado a la izquierda de la pantalla de inicio.
Es el 5º icono que nos encontraremos, en la versión CS6.






Una vez hayamos colocado la imagen en el programa, elegimos la herramienta de corte y nos saldrá esto:

Es un cuadro con líneas de puntos alrededor de la imagen, con ello vamos a poder elegir exactamente la zona que queremos recortar.
En este caso yo voy a escoger la zona de la palmera:

Una vez seleccionada la zona que quería conservar, he rotado la imagen con las flechas que hay a los bordes del marco de recorte, para que no me quede la imagen recta, sino con una pequeña inclinación.





Y una vez que hayamos terminado de elegir la zona y el grado de inclinación, le damos a la tecla intro y el recorte se hará efectivo:

Y ya está, esa sería nuestra imagen recortada.