Botones y efectos con Photoshop.

En este caso vamos hacer un botón para web:

 
1. Lo primero que debemos de hacer es crear un nuevo documento, y luego tendremos que poner el color del fondo. A partir de ahí, creamos una nueva capa y con la herramienta elipse creamos un óvalo y se rellena de otro color diferente. 

 


2. Seleccionamos la capa en la que está el elipse y creamos una nueva capa y le damos a Selección/calar y aplicamos 4 píxeles. Contraemos la selección en Selección/Modificar/Contraer y aplicamos otros 4 píxeles, se invierte la selección y la llenamos de color negro. Bajamos la opacidad de esta capa. 

3. Creamos una nueva capa y cargamos la selección en la capa original. Movemos la selección en 10 píxeles hacia abajo y 10 píxeles hacia la derecha. Hacemos clic en la capa original y se nos quedará la interseccióny luego contraemos la selección en Selección/Modificar/Contraer y ponemos 4 píxeles y luego vamos a Selección/Calar y ponemos 2 píxeles y deseleccionarlo. 



4. Creamos otra capa y vamos a Filtro/Interpretar/Nubes y luego vamos a Filtro/Interpretar/Nubes de diferencia. Cambiamos la selección de la capa de Normal a Sobre exponer color. Cargamos la selección en la capa original, invertimos la selección y borramos lo que sobra.
 






5. Finalmente seleccionamos el óvalo, elegimos el color blanco como color de frente y vamos a Edita/Contoner y ponemos 2 píxeles y la opción fuera. Modificamos el Tono/Saturación, le damos a Colorize y el valor del tono ponemos por ejemplo 218.

Resolución de imágenes.

Cómo hacer un cartel de una agencia de viajes.

En este caso lo he hecho de ''Viajes Cuy''.

 

En esta actividad lo primero que tienes que hacer es crear un documento A3 (Archivo/nuevo..) y colocar las medidas 297x420 como está en la siguiente imagen y quedará tal cual:

 y quedaría exactamente como está en la siguiente imagen:
 









Lo siguiente que debemos de hacer es coger estas dos imágenes y cambiarle el tamaño.

Primero vamos a escoger esta primera imagen. Nos daban unas medidas y con una resolución y teniamos que pasarlo a otras medidas y teniamos que hallar la resolución de dichas medidas. Al resolver el problema y tener la resolución lo siguiente que debemos de hacer es ir a Imagen/Tamaño de la imagen... y colocar las medidas que te daban y la resolución hallada en el problema. Quedaría como aparece en 

la siguiente imagen. Es distinta a la original, como que es más estirada y mejor resolución. La guardamos con un nombre distinto para después colocarla en el A3. Luego tenemos que hacer lo mismo pero con la segunda imagen. Distintas medidas, distinta resolución.

Imagen Original:                          Imagen retocada:

 













 Imagen 1º

                                                           13,78 x 22,04
35 : 2,54 = 13,78p                      px 300 x 13,78 = 4.134
56 : 2,54 = 22,04p                      px 300 x 22,04 = 6.612
                                                
14 : 2,54 = 5,51p                       4.134 / 5,51 = 750 ppp
28 : 2,54 = 11,02p                     6.612 / 11,02 = 600 ppp


Imagen 2º

                                                            3,54 x 5,51
 9 : 2,54 = 3,54 p                            px 150 x 3,54 = 531
 14 : 2,54 = 5,51 p                          px 150 x 5,51 = 821,5

 17 : 2,54 = 6,7p                           531 / 6,7 = 79,25 ppp
 27 : 2,54 = 10,62p                       821,5 / 10,62 = 77,35 ppp



Luego nos tenemos que ir al documento en blanco, el A3. Partiendo de esa base, le damos a Archivo/Colocar... 


Y elegimos las dos imágenes ya editadas. Nos quedaría algo así. Ya solo queda moverlo por donde vayan a estar las imágenes, pero sin alterar su tamaño.





Y a partir de ahí, creamos primero nuestro logo de la agencia de viajes en un documeento aparte, lo seleccionamos, lo copiamos y recortamos la imagen. Solo nos quedaría pegarlo en el documento A3 y colocarlo donde quieras que esté.





  
Ahora creamos el título de la agencia a nuestra manera, y los textos que vayan aparecer en el cartel condiferentes capas. Diseñamos el cartel y listo.

Copyleft y Creative Commons

El copyleft es una práctica que consiste en el ejercicio del derecho de autor con el objetivo de permitir la libre distribución de copias y versiones modificadas de una obra u otro trabajo, exigiendo que los mismos derechos sean preservados en las versiones modificadas. Se aplica a programas informáticos, obras de arte, cultura, ciencia, o cualquier tipo de obra o trabajo creativo que sea regido por el pico de autor.

                  Creative Commons

Las licencias Creative Commons son varias licencias de Copyright (derechos de autor). Los términos de cada licencia depende de cuatro condiciones.

Condiciones:

El beneficio de la licencia tiene el derecho de copiar, distribuir, exhibir y representar la obra y hacer obras derivadas siempre y cuando reconozca y cite la obra de la forma especificada por el autor o el licenciante.

El beneficiario de la licencia tiene el derecho a copiar, distribuir, exhibir y representar la obra y hacer obras derivadas para fines no comerciales.

El beneficiario de la licencia solamente tiene el derecho de copiar, distribuir, exhibir, y representar copias literales de la obra y no tiene el derecho de producir obras derivadas. 

El beneficiario de la licencia tiene el derecho de distribuir obras derivadas bajo una licencia idéntica a la licencia que regula la obra original. 

Photoshop (Principales herramientas)

Marco rectangular:

Es una herramienta para realizar selecciones cuadradas o rectangulares.
  
Marco elíptico:
Es una herramienta para crear selecciones circulares o elípticas. Está en el mismo grupo que el marco rectangular.


Herramienta mover:
Esta herramienta sirve para mover el contenido de la capa en la que estamos trabajando. La capa se mueve por completo o sólo el área seleccionada, si es que había una selección creada.
  
Lazo:
Esta herramienta sirve para hacer selecciones a mano alzada, haciendo click en un área de la imagen y pintando la selección en mano. 

Lazo poligonal:
Sirve para hacer selecciones más complejas, marcando los vértices de un polígono. Es muy sencilla y muy útil.

Varita mágica:

Sirve para realizar selecciones rápidas del mismo color. Pulsando en un lugar de la imagen nos selecciona toda el área del mismo color continuo. 
  
Herramienta recortar:
Es un tipo de selección cuadrada, editable una vez que se ha definido, que nos sirve para recortar una imagen, quedándonos solo con el área seleccionada.

Pincel:

Esta herramienta nos sirve paradibujar a mano alzada sobre la imagen. Se dispone de varios pinceles de grosuras y formas distintas, y se puede ajustar la dureza del trazo, entre otras cosas. El pincel solo pinta en la capa que esté seleccionada.

Lápiz:
El lápiz es similar al pincel, con la diferencia que éste realiza un trazo sin suavizado en los bordes y totalmente opaco.

Herramienta borrador:
Sirve para borrar partes de una imagen. Sólo actúa sobre la capa que esté seleccionada. Tiene dos formas de borrar, una de forma de un lápiz que borra todo sin suavizado, y el modo pincel, que borra difuminando los bordes. Existen varios grosores para el trazo del borrador.

Herramienta bote de pintura:
Esta herramienta sirve para rellenar de color de una capa entera, o sólo el área seleccionada de la capa. Se rellena con el color que se haya seleccionada en la barra de herramientas frontal.

Herramienta degradado:
Con esta herramienta podemos hacer degradados de color . Funciona como el bote de pintura, rellenando el color en toda una capa o sólo en el área seleccionada de una capa, con la diferencia que para hacer el degradado tenemos que hacer una línea, pulsando con el ratón y arrastrando, para que el degradado se haga en ese espacio marcado.

Herramienta texto horizontal:
Sirve para escribir texto en una imagen. El texto se puede escribir con distintas fuentes y tamaños y tendrá el color frontal que se haya seleccionado. Asociada a esta herramienta hay otras herramientas de textos.

Herramienta pluma:
Sirve para realizar trazados de cualquier tipo, curvos o polígonos. Nos permite editar los trazados una vez hechos y que pueden ajustarse a cualquier recorrido que necesitemos.

Rectángulo:
Sirve para hacer rectángulos que pueden estar o no rellenos de color. Hay otras herramientas en donde está el rectángulo, de diferentes formas. 

Línea:
Está agrupada con la herramienta recuadro y otras formas. Sirve para dibujar líneas. A las líneas se le puede colocar una flecha, configurable, al principio y al final de las mismas. 

Herramienta mano:
Esta herramienta nos sirve para mover el lienzo. No mueve ni modifica ninguna parte de la imagen, sino que traslada el área que estamos viendo de la imagen, si es que el lienzo entero no cabe en la ventana que tenemos abierta, ya sea porque la imagen sea demasiado grande o le hayamos puesto demasiado zoom.

Herramienta cuentagotas:
Con esta herramientas podemos seleccionar colores, de cualquier parte de la imagen, para colocarlos como color frontal. 

Herramienta zoom:
Nos sirve para ampliar la imagen o reducirla, pero sin alterar la imagen.