CLASE 01 PHOTOSHOP:

Bienvenido a una nueva clase del curso de Adobe Photoshop de Edutin

Academy, en esta ocasión aprenderás cómo abrir, editar y guardar un
documento. Además, resolveremos los problemas más comunes que se
pueden presentar al momento de realizar estos tres sencillos pasos.
 
Crear un documento: Al abrir Adobe Photoshop nos aparecerá una ventana
de inicio en el que podremos crear un nuevo archivo o abrirlo, esta vez vamos
a abrir un archivo.  Vamos al botón abrir, luego buscamos el archivo que
queremos abrir. Photoshop acepta desde archivos .jpg y .png hasta .pdf, en
este caso abriremos una fotografía, seleccionamos la imagen y DAMOS abrir.
También podemos oprimir ctrl. + o y seleccionar la imagen o varias imágenes
para abrir. Otra forma es desde la ventana de inicio arrastrando una imagen
desde la carpeta en donde la tengamos guardada. 
 
Editar: Para editar, podemos desde el panel de capas seleccionar la capa con
la imagen y arrastrarla hasta la ventana donde se encuentra la nueva imagen, o
podemos seleccionar la capa y dándole clic derecho, duplicar capa y en
documento seleccionamos donde queremos que vaya la imagen. Una vez
tenemos las FOTOGRAFÍAS en el mismo LIENZO podemos cerrar la imagen.
 
Duplicar: Para duplicar una capa se puede usar ctrl + j, también podemos
hacerlo CON clic derecho duplicar capa y dejamos el documento actual, una
tercera opción es yendo al menú capa, duplicar capa. Vamos a acomodar la
imagen utilizando la tecla v sobre la imagen para acomodarla, podemos
cambiar el tamaño también con ctrl+t y arrastrando desde las puntas de la
imagen. En el panel capa vamos a arrastrar nuestra imagen del mar hacia
arriba. Photoshop tiene en cuenta la posición de las capas para mostrarlas. 
 
Añadir mascara: En el panel de herramientas vamos a seleccionar la
herramienta de marco rectangular y aprovechando que esta imagen está
alineada en su horizonte vamos a oprimir clic y arrastrar para seleccionar la
parte del cielo. En este curso trabajaremos de manera no destructiva es decir
no haremos alteraciones como tal a la imagen original, así que vamos al panel
de capas y seleccionamos añadir máscara. 
 
Podemos invertir la selección usando ctrl+i sobre la máscara de capa para
cambiar la selección que estará oculta. Podemos crear la máscara también
desde el menú capa, máscara de capa y ocultar selección, entraremos más a
detalle en todos los efectos y herramientas que estamos utilizando a lo largo
del curso. 
 
En las propiedades de la máscara podemos desvanecer la selección para
fundir los bordes de la imagen y de nuevo con v seleccionando la capa del cielo
la movemos para acomodar mejor la imagen. También podemos eliminar
algunos objetos de la imagen, creamos una nueva capa desde el panel de
capas o con ctrl. + mayús +n podemos cambiar el nombre de la capa y damos
aceptar. Así mismo, podemos cambiar los nombres de las capas existentes
oprimiendo doble clic sobre el nombre de la capa. 
 
Herramienta pincel corrector puntual: Podemos seleccionarla utilizando
la letra j en el teclado o seleccionándola en el panel de herramientas.  Es
importante saber que cada herramienta tiene diferentes opciones, en el panel
de opciones. Aquí vamos a ver que esté seleccionado corregir con relleno
según contenido y datos de ejemplos clonados a partir de datos compuestos.
Finalmente vamos a pintar sobre la capa nueva los elementos que queremos
retirar de la imagen. 
 
Podemos corregir los colores de las imágenes desde el panel de ajustes
utilizando el ajuste de tono y saturación esta opción creará una nueva capa de
ajuste, también podemos crearla desde el panel de capas, en la opción crear
capa de relleno o ajuste, colocamos la capa sobre la capa del cielo, y en
propiedades hacemos los cambios. 
 
Podemos ajustar los niveles también de la misma manera y utilizar una capa de
ajuste de tono y saturación que afecte todas las capas. Te recuerdo que a lo
largo de este curso estaremos profundizando en cada una de estas opciones.
 
Guardar un archivo: Podemos utilizar ctrl.+s para abrir la ventana de guardar,
o podemos ir a archivo guardar. Photoshop nos da la opción de USAR el
archivo nativo del programa, seleccionamos una ubicación, cambiamos el
nombre y damos guardar. Si queremos que sea un jpg podemos oprimir ctrl.
+Shift + s y damos guardar una copia ahora te puedes dar cuenta que
tendremos más formatos, seleccionamos jpg buscamos la ubicación y
oprimimos guardar, te preguntará la calidad del jpg que queremos,
seleccionamos y damos ok. 
 
Problemas comunes de Photoshop: A veces podemos tener problemas en
Photoshop como no poder crear un nuevo documento, no poder abrir un
archivo de Photoshop o no poder guardar nuestro trabajo. Sin embargo, Adobe
nos proporciona en su página la solución a la mayoría de los problemas
conocidos que se pueden presentar a la hora de trabajar en photoshop y los
demás.
 Acá podrás encontrar el software de la suite de Adobe: 

UNIDAD 02
2.1 CLASE 02 (MASCARAS DE CAPA)
Hola, bienvenido a este video del curso de Adobe Photoshop de Edutin
Academy. En esta clase veremos qué son las máscaras en Photoshop y cómo
usarlas. 
 
En la antigüedad, las máscaras se usaban para ocultar total o parcialmente el
rostro de quien lo llevara, los griegos por ejemplo las usaban en sus teatros a
fin de que sus actores se asemejaran a quien estuvieran interpretando. En
algunas culturas también se cree que el usar una máscara permite al portador
tomar las cualidades de la quien representa; es decir, una máscara de leopardo
hará que el portador se convierta o actúe como leopardo. La función entonces
de la máscara no solo es ocultar sino darle nuevas propiedades o
características a quien la posea y en photoshop también las tenemos.
 

 
Las máscaras de capa en Photoshop, son imágenes en escala de grises que
controlan la visibilidad de una capa a la que se añade. Las partes de la
máscara que sean negras estarán ocultas mientras que las blancas serán
visibles. Esto también significa que los grises aparecerán en diferentes niveles
de transparencia según su tono. Para hacer visible diferentes áreas de una
imagen basta con pintar dentro de la máscara con el pincel o el borrador. La
siguiente imagen explica el concepto anterior.
 

 
A continuaciónn veremos un ejemplo práctico de cómo funcionan las máscaras
de capa.  A partir de estas 2 imágenes, utilizando máscaras crearemos una
nueva composición. Para este ejemplo he elegido estas dos imágenes que
vamos a importar a photoshop, lo que vamos a hacer es combinar estas 2
imágenes utilizando una máscara de capa.
 

 
Lo primero que vamos a hacer es llevarnos esta imagen arrastrandola desde el
panel de capas y llevándola hasta nuestra imagen principal, una vez aquí
soltamos y vamos a alinearla de tal manera que siga en este caso la guía de
los rieles del tren.
 

 
 Una vez hecho esto vamos a recortar nuestro lienzo para darle el tamaño
deseado, en mi caso quiero algo que pueda usarse para compartir en
Instagram, así que busco en proporciones y colocó 1:1 cuadrado ubicando la
imagen dentro del rectángulo de recorte, esta herramienta la veremos a
profundidad más adelante, damos enter para que se haga el recorte, ahora con
la herramienta de selección rápida que encontramos en nuestro panel de
herramientas, procederemos a seleccionar la capa de la imagen a la cual
queremos hacerle la máscara y en el panel de opciones de la herramienta
oprimimos en seleccionar sujeto. 
 

 
Con la misma herramienta podemos mejorar la selección, también si entramos
a seleccionar y aplicar máscara podremos perfeccionarla, se abrirá un panel
nuevo donde encontraremos las propiedades de la máscara, corregimos la
selección detallando las partes que no queremos, podemos suavizar la
selección y dar ok.
 
Ahora vamos a la parte de abajo del panel de capas y ubicamos el icono de
máscara y como vemos se crea la máscara, otra manera de hacerlo, vamos a
dar ctrl z, es yendo a capa, máscara de capa y seleccionar descubrir selección
en este caso. Vemos como se ha creado la máscara, ahora podemos seguir
corrigiendo lo seleccionado con el pincel, si aplicamos sobre la capa de la
máscara y pintamos ya sea de blanco o negro podemos quitar o traer de nuevo
elementos de la imagen que tiene la máscara.
 
Empecemos a pintar de negro sobre los bordes para ocultar las partes que no
queramos, así mismo podemos usar  la pluma para hacer selecciones rápidas,
cuando creamos la forma damos click derecho hacer selección y sobre esa
selección podemos pintar, para recuperar ciertas zonas pintamos con color
blanco todo esto lo estamos haciendo sobre la capa de la máscara.
 
Con la herramienta de lupa podemos acercar o alejar la imagen y sobre las
propiedades de la herramienta podemos oprimir ajustar a la pantalla para que
nuestra imagen se centre en el área de trabajo.
 
Vamos a emparejar un poco el color y para eso vamos a crear una nueva capa
de relleno o ajuste en el icono abajo del panel de capas y seleccionamos
curvas, oprimiendo alt y posicionando nuestro mouse entre la capa de las
curvas y la imagen con la máscara esto para crear una máscara de recorte
ajustamos para darle contraste y adicional vamos a usar una capa de tono y
saturación para tratar de llevar los colores más cerca de la imagen de fondo y
alt más click para sangrar la capa y crear otra máscara de recorte,
 
Si oprimimos shift + click sobre la máscara de capa la desactivamos,
podemos oprimir click derecho también sobre la máscara y podemos eliminar la
máscara de capa o al igual que con shift deshabilitar, click derecho de nuevo y
podemos seleccionar ahora habilitar máscara, si oprimimos alt + click sobre la
máscara solo nos visualizará la máscara, también tenemos el panel de
propiedades de la máscara donde podremos ajustar la densidad o si queremos
desvanecer o fundir.
 

 
Por último, como había mencionado antes al dar click derecho podemos
eliminar la máscara o yendo a capa máscara de capa y eliminar, o deshabilitar
y hasta desconectar la máscara, así trabajamos las máscaras de capa.
 
Hablemos también de otro tipo de máscara, las de recorte, en ella la capa
inferior o capa base definirá los límites que tengan la capa o el grupo de capas
a las cuales se añada la máscara.  En este caso el nombre de la capa base
aparecerá subrayado y las miniaturas de las capas superpuestas estarán
sangradas. Ahora vamos a mirar las máscaras de recorte para esto vamos a
abrir otra imagen que tenemos guardada de un concierto y con la herramienta
de texto vamos a escribir music, con ctrl t lo que vamos a hacer es ajustar el
tamaño del texto y lo posicionamos como queramos, en mi caso lo ajustaré al
centro de la imagen.
 
 
Luego, duplicamos nuestro fondo, al igual que hicimos con la imagen anterior
que creamos máscaras de recorte para aplicar el efecto de las capas de
relleno, haremos lo mismo con el texto, entonces ¿qué queremos hacer?, que
la imagen solo aparezca en el texto. Así que vamos a llevar la copia del fondo y
la llevaremos por encima de la capa del texto.
 
 Seguido a esto  vamos a usar alt más click para sangrar, como sabemos la
máscara de recorte al afectar sólo su capa base en el caso de esta imagen
tomará la forma del texto, si desactivamos el fondo oprimiendo en el ojo al lado
de la capa veremos cómo se ha creado el efecto ahora si activamos de nuevo
el fondo y oprimimos en él candado para desbloquear la capa, creamos una
nueva capa la llevamos al fondo y con el bote de pintura vamos a seleccionar el
color blanco y a pintar, este será nuestro nuevo fondo.
 

 
Ahora si sobre la capa del texto oprimimos doble click entramos al panel de
estilo de capa, aquí activaremos sombra paralela vemos cómo se crea la
sombra llevamos la opacidad a 72 la distancia a 23 extensión de 11 y tamaño
de 51 con una luz global en un ángulo de 30° damos aceptar y habremos
separado aún más el texto del fondo, ahora si adicional aplicamos una capa de
relleno de tono y saturación y ajustamos el tono afectamos toda la imagen pero
si a su vez la convertimos a máscara de recorte del texto tendremos solo el
color sobre el texto y la máscara de recorte del concierto que se afecta por
estar debajo de la de tono y saturación.
 

 
Ahora que entiendes cómo funcionan las máscaras en Photoshop te invito a
que practiques con ellas.  Si tienes dudas, recuerda que en Edutin tienes la
sección de preguntas abajo de este video, donde obtendrás respuesta a tus
inquietudes. !¡Nos vemos en la siguiente clase!
Leer menos

2.2 CLASE 02 (ESTILO DE CAPAS Y EFECTOS)

Es buen momento de aprender, por eso en esta clase del curso de Adobe
Photoshop de Edutin academy hablaremos de los estilos de capa y efectos.
 
Photoshop proporciona efectos como sombras, resplandores y biseles que
permiten cambiar la apariencia del contenido de una capa de forma no
destructiva, estos efectos se enlazan al contenido de la capa. Si modificamos la
capa se aplicarán los mismos efectos al contenido modificado. 
 
Pueden aplicarse a una capa o a un grupo de ellas, también podemos usar los
estilos preestablecidos de Photoshop o personalizarlos, todo desde la ventana
de estilos de capas. 
 
 
 
Veamos un ejemplo de cómo podemos utilizar los estilos y efectos de capa.
Para este ejemplo hemos creado una landing sencillo de un boceto para página
web, este archivo lo encontraremos en los recursos de la clase.
 

 
Lo que vamos a hacer para este ejemplo es usar algunos efectos para darle
volumen a la imagen. Un ejemplo práctico de cómo podríamos usar los estilos y
efectos de capa.
 
Tenemos el logo, el computador separado, tenemos todos los textos en un
grupo, los íconos y logos dentro de otro grupo, las formas en otro, la barra de
menú que no es más que una copia del landing con una máscara de capa, así
como una imagen con una máscara de capa y recorte sobre la capa de el
landing principal. Y al final un fondo blanco, lo que vamos a tratar de hacer
ahora es con las herramientas que nos brinda Photoshop, crear sombras,
degradados e iluminaciones que nos permita hacer atractivo el diseño.
 
Empecemos separando estos botones del fondo, para esto si damos doble clic
sobre la capa de la forma del botón abriremos la ventana de estilo de capa. 
Para separarlo podemos utilizar una sombra paralela activamos las sombras
paralelas y vemos cómo se crea la sombra alrededor del botón, esta forma no
contiene relleno, solo borde por lo que podríamos darle relleno del mismo color
del landing damos ok.
 
Vamos a las propiedades con la capa seleccionada, apariencia, relleno, aquí
podemos utilizar alguno de los colores recientes o podemos ir al selector de
color y si movemos el cursor sobre el lienzo podemos ver que se activa el
gotero, hacemos clic sobre el landing y vemos cómo cambia el relleno del
botón, así como también el efecto de la sombra que se sigue aplicando sobre el
nuevo contenido. 
 
Vamos de nuevo a darle doble clic a la capa del botón y vamos a las opciones
de la sombra paralela vamos a ajustar la opacidad, 30%, vemos que el modo
de fusión en este caso esté en multiplicar, tenemos una clase completa en
donde veremos los modos de fusión a profundidad. 
 
Ajustamos el Ángulo de la sombra, podemos utilizar la luz global para que
todas las sombras que apliquemos tengan la misma dirección y con los
controles de distancia extensión y tamaño ajustaremos la sombra también en el
apartado de calidad podemos cambiar la forma del contorno y aplicar ruido a la
sombra. 
 
Ahora vamos a darle un poco de luz en la parte de arriba del botón para esto
vamos a utilizar otra sombra paralela pero esta vez con un modo de fusión
suave un color claro porque es luz, aquí no utilizaremos la luz global para poder
posicionar la luz donde queremos, ajustamos la opacidad al 100%, Angulo del
45%distancia de 8 px extensión al 0% tamaño de 24 y ajustamos la curva del
contorno.
 
Ahora podemos oprimir clic derecho sobre la capa que contiene los efectos y
seleccionar copiar estilo de capa, vamos a la capa del otro botón y damos clic
derecho pegar estilo de capa, automáticamente los efectos de la capa se
activarán también aquí.
 
 
Cerramos el grupo y podemos ir ahora a la barra de menú y vamos a separarla
también utilizando sombras, doble clic sobre la capa, sombra paralela,
multiplicar, color negro, opacidad al 18%, luz global activado, 137 grados para
este ejemplo, distancia de 12 px extensión 0 y tamaño 24, el contorno lo
ajustamos  y ruido en 0, si activamos y desactivamos podemos ver el antes y
después del efecto, damos aceptar y ahora vemos que la sombra está
saliéndose del área que queremos, para esto podemos utilizar una máscara de
recorte vamos a la parte de debajo de la capa y oprimiendo alt nos aparecerá
este icono del cursor y sangramos la capa para que se cree el recorte ya
vemos como la sombra se queda dentro del landing. Si activamos o
desactivamos los efectos dando clic al ojo veremos cómo queda.
 
Una de las formas de crear degradados además de la del bote de degradado
es a través de los estilos de capa, damos doble clic sobre el fondo y vamos a
superposición de degradado. En modo de fusión normal y una opacidad de
50% entramos a degradado y aquí podemos crearlo o bien podemos
seleccionar alguno de los preestablecidos que nos brinda Photoshop. Elegimos
el estilo yo usare lineal y escala al 100%.
 
Ahora separemos el landing del fondo, doble clic sobre la capa del landing
sombra paralela, usamos multiplicar color negro una opacidad del 50% usamos
la luz global distancia de 30 px extensión de 0 tamaño 50 px y ajustamos la
curva de contorno, damos ok.
 
 
Ajustamos las capas cerrando las pestañas de los efectos, siempre es
importante mantener el orden cuando trabajamos con múltiples archivos,
vamos a la carpeta de iconos, doble clic sobre Twitter y probemos con una
sombra interior, también usamos multiplicar porque es una sombra, color
negro, opacidad al 50% usamos la luz global para que esta vez se posicione la
sombra en el interior del lado que la luz generaría sombra distancia de 2 px si
nos fijamos en la sombra interior no aparece extensión sino retraer 10%,
tamaño de 6 px, estas opciones son para este ejemplo en específico.
Modificamos la curva del contorno y damos ok.
 
Podríamos copiar el estilo de capa y  pegarlo directamente sobre la carpeta del
grupo para que se apliquen sobre todos los iconos que estén dentro del grupo
pero ahora vemos que el logo de Twitter tiene un efecto más pronunciado, esto
se debe a que pueden haber efectos y estilos de efectos que afecten al grupo y
otros que afecten a un elemento en específico, así que vamos a Twitter y sobre
la capa podemos apagar el ojo para que no se vean los efectos o si no lo
necesitamos podemos dar clic derecho y borrar estilo de capa, vemos también
que tenemos la lupa con un color oscuro podemos usar los estilos de capa de
nuevo doble clic y en superposición de colores elegir un color blanco, y con el
efecto que está aplicado sobre el grupo tenemos este efecto en la lupa que se
ve bien. Damos ok.
 
 
Vamos a agrupar las capas del landing, seleccionamos las capas y con Ctrl.
+g creamos un grupo de las capas seleccionadas, doble clic sobre el nombre
para cambiarlo. Otro modo de acceder al panel de estilo de capa es
seleccionando la capa y en el menú capa ir a estilo de capa y oprimir en el
efecto que queremos, damos en opciones de fusión y vemos cómo de nuevo
abrimos el cuadro de diálogo. Vamos seleccionar esta vez bisel y relieve, y
vamos a crear un pequeño bisel para el landing, estilo inglete interior técnica
redondeada dirección arriba para que el borde esté igual a cómo vamos
manejando la iluminación de la pieza, tamaño de 5px y suavizar de 8px, esta
vez no usamos la iluminación global y vamos a poner un ángulo parecido en
151 grados y una altitud de 50 grados.  Ahora, vamos a mantener el contorno
del resplandor por defecto, dejamos el resto de ajustes por defecto ya que ya
conseguimos el efecto que queríamos y damos ok.
 
Podemos ver activando y desactivando los efectos el antes y después, si nos
acercamos a la imagen haciendo zoom podemos oprimir alt y hacer scroll con
el mouse o oprimir z para cambiar a la herramienta de la lupa y dando clic
acercar la imagen. Y vemos cómo se creó el bisel sobre la forma del landing.
Ajustamos el zoom para visualizar la imagen, comprimimos los efectos y las
carpetas damos Ctrl. + s para guardar el archivo y listo hemos terminado.
Recuerda que no es posible aplicar estilos de capa a una capa de fondo, a una
capa bloqueada o a un grupo. Si deseas aplicar un estilo de capa a una capa
de fondo, conviértela primero en una capa estándar.
 
 
Por último, te invito a que experimentes con los estilos de efectos y crees tus
propios diseños. ¡Nos vemos en la próxima clase, donde podrás encontrar los
recursos de la clase!

En el transcurso de esta unidad aprendiste sobre las máscaras de capa y

recorte, después a aplicar efectos y estilos a nuestras capas y por último,
usamos la herramienta de texto. En esta clase aplicaremos todo lo aprendido,
creando una pieza completa. ¡Comencemos!

2.3 CLASE 02 (CREACIÓN DE TARJETA DE PRESENTACIÓN) 

En esta clase crearemos estas tarjetas de presentación. Para empezar, cree un

nuevo documento con un tamaño de 3840 x 2160 píxeles con 300 ppp, en él
tengo un fondo blanco y unas guías base que usaremos más adelante para
crear la perspectiva de la tarjeta. 
 
Con la herramienta de formas en nuestra barra de herramientas que la
encontramos con el atajo de teclado en la letra u podremos crear desde
rectángulos, elipses, triángulos entre otras formas. Vamos a seleccionar el
rectángulo que viene por defecto y damos click para que nos aparezca la
ventana de crear rectángulo. En ancho coloquemos 1050 y 600 en altura,
ahora, vamos a darle una redondez de 30 px damos ok.  Tenemos nuestro
rectángulo, teniendo seleccionada aun la herramienta vamos a ir a la parte de
arriba y en relleno vamos a cambiar el color. seguido a esto daremos click
derecho sobre nuestra capa en el panel de capas y seleccionaremos convertir
en un objeto inteligente, tenemos toda una clase más adelante en donde
hablaremos a profundidad de que son los objetos inteligentes.
 
 

 
Vamos de nuevo a la herramienta de rectángulo, vamos a relleno para cambiar
el color y crearemos otro con las mismas medidas que hemos puesto antes,
también lo convertiremos en un objeto inteligente, cambiemos los nombres de
estas capas, damos cobre click sobre el nombre y coloquemos frente y
posterior para saber que parte de la tarjeta es cual, demos doble click sobre la
capa de frente y vemos como se nos abre una nueva ventana con el rectángulo
que hicimos en la pantalla completa. aquí es donde diseñaremos nuestra
tarjeta.
 
Ahora, vamos a traer nuestro lienzo, el logotipo de edutin academy que
tenemos por aquí, vamos a escalar y a posicionarlo, este lo pondré en la parte
derecha del frente de la tarjeta, lo ajustamos y ahora traeré algunos vectores
que hemos descargado damos enter para irlos importando y ahora los
seleccionamos todos y así doy ctrl + t ajustar la escala de todos los recursos al
mismo tiempo. Estos vamos a ubicarlos donde queremos que vayan, si se dan
cuenta al tratar de seleccionar otro vector he movido el fondo de la tarjeta, así
que vamos a dar ctrl +z y en el panel de capas vamos a oprimir en este
candado, esto para bloquear la capa de tal manera que no podamos moverla.
Ahora si podemos seleccionar los otros vectores sin que se nos seleccione el
fondo, los ubicamos.
 

 
Ahora con la herramienta de texto elegiré en mi caso la fuente mulish,
semibold, con un tamaño de fuente de 9 puntos, y vamos a dar click en el
lienzo, vemos cómo se crea un texto, vamos a cambiarlo, yo voy a colocar mi
nombre, vamos a seleccionar la herramienta mover y después en el panel de
capas vamos a duplicar este texto con ctrl + j, y con las flechas podemos bajar
el texto que hemos copiado. Si utilizamos shift mientras oprimimos las flechas,
el objeto se moverá más rápido, y en el panel de capas si damos doble click
sobre el icono de la capa veremos cómo se selecciona todo el texto, ahora a
las opciones y elegiremos light en la fuente, en mi caso escribiré realizador
audiovisual.
 
Luego, cambiaremos el tamaño de la fuente a 7 puntos, y lo acomodamos.
Vamos  a seguir duplicando nuestro texto esta vez para la información de la
tarjeta, ctrl + j, herramienta mover, acomodamos el texto, y de nuevo doble
click sobre la capa del texto para cambiar la información.  Ahora, cambiemos la
tipografía a regular, de nuevo dupliquemos el texto, acomodamos con la
herramienta mover con las flechas, doble click sobre la capa del texto y
cambiamos la información, repetimos el proceso para el sitio web y la
ubicación. 
 
Ya sabemos que para mover podemos oprimir además de las flechas la tecla
shift para que se mueva más rápido, lo que hace esto es que haya un mayor de
desplazamiento de píxeles, ahora que hemos terminado los textos lo que
haremos será ajustar los íconos, vamos a seleccionarlos dando click y
arrastrando sobre los elementos que queremos seleccionar, ctrl + t y
escalamos, posicionamos damos enter, acomodamos los textos, y con la
herramienta de mover, al tener varios elementos seleccionados nos aparecerán
las opciones de alinear, con ellas podemos justificar o alinear nuestros
elementos en la tarjeta, empezando por los textos. Ahora alineemos los iconos
junto con el nombre y cargo. En horizontal alineemos el correo y la ubicación.  
Vamos a moverlos y listo ya tenemos nuestro diseño.
 

 
También vamos a seleccionar todos los textos y vamos a agruparlos. con ctrl +
g cambiemos su nombre dando doble click sobre el nombre de grupo, así
mismo cambiemos el nombre del grupo donde tenemos los recursos, vamos
ahora a desbloquear nuestro fondo que es el rectángulo que hicimos al inicio y
cambiamos su color por blanco. Le pondremos un estilo de capa al logo, vamos
a dar doble click sobre la capa, esta vez no sobre el icono ni sobre el nombre
sino al lado para abrir la ventana de estilo de capa, vamos a sombra interior en
multiplicar opacidad al 70% ángulo de 90 grados distancia 6px retraer 2 %
tamaño 8 px, vemos el efecto hecho damos ok, podemos además dar click
derecho y seleccionar un color para etiquetar las capas con colores diferentes
para organizar nuestro documento. Luego, cerramos la pestaña de efectos y
ctrl + s para guardar nuestro diseño, esto es importante si queremos ver los
cambios en nuestro lienzo base.
 
Volvemos a nuestro lienzo base y vemos como ya se ha creado nuestra tarjeta,
si desactivamos el fondo veremos también el rectángulo en donde está
contenido el diseño. Vamos a dar doble click sobre el posterior de la carta,
sobre el ícono, ya se nos abrió en un lienzo diferente nuestra imagen,
cambiemos el color del rectangulo al azul del logo de Edutin, vamos al panel de
capas, seleccionar el logo y arrastrarlo hasta el lienzo de el posterior, vamos a
dar doble click sobre la capa para abrir la ventana de estilos de capa para
adicionar el efecto de sobra interior vamos a seleccionar superposición de color
y lo pondremos blanco, damos ok y posicionaremos el logo en el centro de la
imagen.    
 

 
Cuando movemos vemos que automáticamente Photoshop nos muestra guías
para acomodar el objeto, volvamos al frontal, desplegamos el grupo y vamos a
traernos ahora el sitio web arrastrándolo, lo acomodamos, esta de color azul
así que vamos a dar doble click sobre el ícono de la capa del texto y
cambiaremos su color a blanco también, Seleccionamos la herramienta mover
y acomodamos, vamos a bloquear aquí también el fondo para no moverlo sin
querer, Ahora volvamos al frontal y si directamente damos click sobre el
elemento que queremos vemos como se despliega el grupo y se selecciona la
capa que queremos, la arrastramos al lienzo del posterior, acomodamos, doble
click sobre la capa estilos de capa, superposición de color, damos ok,
alineamos los elementos, los movemos para acomodar, vamos a ocultar los
efectos, podemos ver como nuestras capas ya vienen con los colores de
etiqueta que les hemos puesto, y listo damos ctrl + s para guardar y vamos a
nuestro lienzo principal. 
 
Ya vemos que tenemos nuestro diseño, tanto el frontal como el posterior,
vamos a activar el fondo y con el bote de pintura seleccionando un color azul
más claro, vamos a dar click para cambiar el color, este ya sería el diseño. Por
último, vamos a acomodar su perspectiva. para eso como les había dicho he
creado unas guías de perspectiva a partir de un diseño de internet, voy a
desactivar el fondo y un grupo de guías, seleccionemos el frontal de la tarjeta,
ocultemos también el posterior un momento, seleccionamos el frontal de nuevo,
acomodamos cerca a las líneas damos ctrl + t y click derecho distorsionar,
acercamos la imagen haciendo scroll en el mouse, y vamos a acomodar cada
esquina dentro de las guías. con barra espaciadora y click podemos movernos
en el lienzo, acomodamos cada esquina, y damos enter, vamos a ocultar la
capa, activamos el posterior junto con las otras guías, desactivamos las
primeras, de nuevo acomodamos la imagen, ctrl + t, click derecho distorsionar
y acomodamos dentro de las guías, una vez están acomodadas damos enter,
ajustamos el lienzo, vamos a activar la frontal, vemos que está por debajo de
nuestro posterior, así que vamos a bajar la posterior, ocultamos las guías y
activamos el fondo.
 

 
Ahora, vamos a separar ahora un poco las tarjetas del fondo para eso vamos a
estilos de capa, y seleccionar sombra paralela, para crear una pequeña sombra
alrededor, ahora en multiplicar opacidad de 70, distancia de 8 px extensión de
0 y tamaño de 13 px, damos ok y tenemos nuestra sombra, vamos a colocarla
también a nuestro frontal, doble click sobre la capa luego en sombra paralela,
damos ok, podríamos decir que ya tenemos el diseño. Sin embargo, la tarjeta
frontal está por encima de la posterior y del fondo, así que en esta parte
debería tener un poco más de sombra, vamos a duplicar la capa de al frente,
vemos como se ve más pronunciada la sombra ya que se está sumando a la de
la capa original, vamos a llevarla debajo del posterior.
 
 
Luego cambiamos el nombre a sombra tarjeta, abrimos la ventana de estilos de
efectos, desactivamos la sombra paralela y vamos a colocar una superposición
de color negro, damos ok, y teniendo seleccionada la capa vamos a dar ctrl +
t y click derecho, distorsionar, vamos a mover esta esquina para crear esta
sombra en diagonal, damos enter, llevamos su opacidad a 70%, vamos a darle
un desenfoque yendo a filtro desenfoque desenfoque gaussiano, démosle unos
8 pixeles de radio, y vemos el efecto hecho, pero sigue siendo muy
pronunciada la sombra en toda la tarjeta, ocultemos los efectos, cambiemos los
colores de las capas, y ahora en la sombra vamos a crear una máscara de
capa, seleccionamos la máscara damos ctrl + i para invertir, elegimos el pincel,
color blanco para revelar, y vamos a pintar en el lugar donde queremos que
haya sombra, y listo ya tenemos nuestro diseño de una tarjeta de
presentación. 
 

 
Hemos llegado al final de la segunda unidad de este curso de Adobe
Photoshop de Edutin academy. 
 
Recuerda que:

 Las capas son elementos que nos permiten organizar varios elementos
dentro de un mismo documento.  
 Las máscaras de capa nos ayudan a controlar la visibilidad de una capa
para borrar o esconder elementos de ella sin afectar la imagen original
 Los estilos de capa son efectos que afectan la capa sin comprometer la
imagen original. Estos se siguen aplicando aún si modificamos la capa o
el grupo donde están aplicados.

 
Me complace mucho que hayas llegado hasta aquí. Quiero que comiences a
conectar con las comunidades de conocimiento que se están formando en
torno al curso y principalmente en la comunidad de Edutin Academy donde
podrás intercambiar información, obtener respuestas y ofrecer apoyo. Nos
vemos en la siguiente unidad.

TAREA DE LA UNIDAD 2:
Actividad 1. Crear una tarjeta de invitación en Photoshop
Siguiente clase
Bienvenidos a la primera actividad de este curso de Adobe Photoshop de
Edutin academy. A través de este proyecto buscamos fortalecer los
conocimientos adquiridos a lo largo de esta unidad. 
 

Descripción del problema

En esta unidad aprendimos a utilizar herramientas y funciones del software que

nos permiten crear elementos únicos. En tus trabajos te enfrentarás a la
creación de diseños y piezas publicitarias; además, de branding y mercadeo.
Es fundamental entender cómo podemos crear en Photoshop este tipo de
contenido. Con las máscaras de capa, los estilos de capas y efectos y la
herramienta de texto podemos crear diferentes elementos gráficos como
pósteres, portadas, tarjetas de presentación o invitación.
 
Esto último es lo que haremos en esta actividad, con las herramientas vistas en
la unidad y la anterior crearemos una tarjeta de invitación, ya sea para el
lanzamiento de un nuevo establecimiento, un concierto, un cumpleaños,
matrimonio o grado. El propósito de la invitación es libre.
 

Qué necesito hacer:

Crear una tarjeta de invitación que contenga los siguientes elementos:

 Nombre del evento

  Lugar donde se llevará a cabo.
 Fecha de lanzamiento o día del evento. (día, mes, año).
 Hora del evento.
 Quién invita.
 Debe ser claro de que se trata la invitación y lo que necesita la persona
invitada para asistir al lugar.

Cómo empezar

 Definir el propósito de nuestra invitación y por cual medio se entregaría a

los participantes,
 Utilizar la ventana de nuevo documento para seleccionar uno de los
formatos preestablecidos que nos brinda Photoshop que pueden ser
para imprimir, para móviles o para web.
 -Crear textos con la información que llevará la tarjeta y buscar imágenes
y elementos desde la web que nos permitan reforzar la idea de la tarjeta.
 A través de los estilos de capa y las máscaras aplicar de la mejor
manera para crear un diseño agradable.
 Subir el diseño de la tarjeta a la plataforma en formato PDF. 

Recursos para la solución

 Para esta actividad utilizaremos los formatos preestablecidos de

Photoshop.
 Las imágenes y demás elementos gráficos pueden ser descargadas de
lugares como freepik o pexels.
 Te recomendamos usar lo aprendido en las clases anteriores para
realizar esta actividad. 

UNIDAD 03

3.2 TAMAÑO Y RESOLUCIÓN DE UNA IMAGEN

HERRAMIENTA RECORTE

Bienvenido a esta primera clase práctica de la tercera unidad del curso de

Adobe Photoshop, en la que aprenderás a utilizar la herramienta recortar.
 
Vamos a trabajar sobre la siguiente imagen,  en el panel de herramientas a la
izquierda de nuestras pantallas encontraremos este icono, el cual es la
herramienta recortar, al oprimirlo se crea un rectángulo con indicadores del
tamaño de la imagen la herramienta está en nuestro teclado con el atajo rápido
para acceder a ella con la letra c, si desplegamos la herramienta nos
encontramos con herramienta  seleccionar sector, herramienta sector,
herramienta recorte con perspectiva y herramienta recortar,  la cual es la
que viene por defecto.
 

 
En la parte de arriba al seleccionar recortar nos encontramos con el panel de
propiedades de la herramienta recortar donde encontraremos tamaños
preestablecidos de recorte, también podemos elegir diferentes relaciones de
aspecto como 1:1 que es perfecto para instagram, 4:5 también, oprimiendo en
este icono de de intercambiar altura por anchura cambiamos la orientación del
recorte, podemos borrar la selección y si vamos a proporción original nos
restablecerá el cuadro de recorte al tamaño actual de la imagen.  Así mismo
tenemos el ícono de enderezar para corregir el horizonte de nuestra imagen,
también podemos elegir entre diferentes tipos de cuadrículas, podemos
elegir regla de los tercios, triángulo, espiral áurea. 
 

 
Además tenemos la posibilidad en la herramienta de mostrar o no el área
recortada, si ajustamos el tamaño y desmarcamos la casilla vemos como
desaparece la parte recortada de la imagen, también si centramos la
previsualización nuestro recorte siempre se hará hacia el centro, si no
podremos hacer el recorte hacia donde queramos. 
 

 
En el icono de recorte con el bote de basura nos permitirá que al hacer el
recorte se mantengan o no los píxeles recortados, lo que nos permitirá o no,
volver a redimensionar nuestra imagen, muy importante también es este icono
el cual nos servirá para rellenar la imagen de nuevos pixeles si agrandamos la
imagen más allá de su tamaño original. Lo cual hace según el contenido de la
imagen si estiramos el cuadrado más allá del tamaño de la imagen y damos en
aceptar, vemos como Photoshop crea nuevos píxeles dependiendo del
contenido de la imagen.
 
Ahora que sabes cómo utilizar la herramienta recortar, puedes crear
composiciones adecuadas en cuanto a la relación de aspecto para diferentes
pantallas o para impresión. Te invito a que me acompañes en la siguiente clase
donde hablaremos sobre el tamaño y la resolución de imágenes. ¡Hasta pronto!

3. 2 TAMAÑO Y RESOLUCIÓN DE UNA IMAGEN

Es buen momento de aprender, por eso en esta clase del curso de Adobe
Photoshop de Edutin academy trabajaremos con la resolución y tamaño de
nuestros archivos.
 
Cuando hablamos del tamaño de una imagen no solo debemos hablar de las
dimensiones que tiene esta, también es importante que entendamos la
resolución con la que cuenta dicha imagen.  Para esto, primero debemos tener
claros algunos conceptos como pixel, resolución, tamaño de la imagen o
tamaño del archivo.
 
 
 ¿Qué es un pixel? Un pixel o píxel es la unidad de color homogénea más
pequeña que encontramos en una imagen digital. La palabra píxel viene del
acrónimo en inglés picture element. Toda imagen digital se forma gracias a la
sucesión de píxeles contenidos en una matriz, en donde cada uno de esos
píxeles tiene información diferente respecto a su color o brillo.
 

 
Las imágenes rasterizadas, en mapa de bit o imagen de píxeles, son una
estructura que se representa a través de una rejilla rectangular compuesta de
pixeles o puntos de color, la cual es a la que llamamos matriz. Esta matriz
podemos visualizarla a través de pantallas o un papel cuando imprimimos. 
 
Entonces, el tamaño de una imagen en píxeles es la suma de todos los píxeles
repartidos en esa matriz compuesta de filas y columnas. Esto lo podemos
observar en nuestro programa cuando abrimos una imagen; en la parte de
abajo tendremos la información sobre el tamaño de la imagen en ancho y alto
en pixeles. Otro aspecto importante que debemos saber es la resolución de
una imagen.
 
La resolución de una imagen: es el número de píxeles o puntos contenidos
dentro de una pulgada, expresados en ppp (pixeles por pulgada) ppi pixels per
inches o DPI (dots per inches). Entonces sí tenemos una imagen de 1000
pixeles de ancho por 1000 de largo, al tener una resolución de salida de 200
dpi significa que habrán 200 pixeles de esa imagen en 1 pulgada. Si dividimos
los píxeles de nuestra imagen (1000) entre la resolución (200), tenemos que la
imagen tiene un tamaño de 5 pulgadas. Sabemos que una pulgada equivale a
2,54 cm lo que significa que nuestra imagen tiene un ancho y un alto de 12,7
centímetros.  
 
Veamos todo esto que acabamos de mencionar a través de un ejercicio
práctico dentro de Photoshop. Lo que haremos es abrir una fotografía de
retrato la cual tiene muy buen tamaño y resolución, en las propiedades
encontramos el tamaño del lienzo, el modo de color y los bits entre otras cosas,
también si vamos a la parte inferior de nuestro programa encontraremos el
tamaño de la imagen junto con la resolución en pixeles  por pulgada.  
 

 
Si acercamos nuestra imagen haciendo scroll sobre nuestro mouse y llevamos
al máximo el zoom, encontraremos que la imagen está compuesta por
cuadrados individuales que contienen diferentes colores, estos son los pixeles
de los cuales hablábamos. Todos estos píxeles están contenidos en una rejilla
rectangular en este caso de 3840 x 5760 pixeles, ahora si vamos a imagen
tamaño de lienzo cambiamos de centímetros a pulgadas tenemos que las
dimensiones de esta fotografía a una resolución de 300 pixeles por pulgadas es
de 12,8 x 19,2 pulgadas. Si seleccionamos remuestrear y llevamos esta
resolución a algo como 72 pixeles por pulgadas que es un tamaño más
adecuado para redes sociales y medios digitales y vemos que si bien el tamaño
sigue igual las dimensiones en cantidad de pixeles se redujo lo que hace que la
imagen pierda todos esos píxeles que teníamos y extienda esta nueva cantidad
de pixeles en el tamaño que tiene nuestra imagen. 
 
Ahora, si damos aceptar vemos como la imagen se ve más pequeña en nuestro
lienzo y si acercamos la imagen con la herramienta de zoom vemos que con
menos acercamiento se notan más los pixeles, y vemos como ya no están tan
definidas las cosas como en el caso de este botón.  Si damos ctrl z y volvemos
a acomodar la imagen y acercarla al área del botón vemos como la cantidad de
pixeles vuelve a hacer más amplia y vemos más detallados el área del botón.
 
Vamos a duplicar nuestra capa haciendo clic derecho sobre nuestra capa y
oprimiendo en duplicar capa, nos saldrá este cuadro de diálogo en el que
podremos cambiar el nombre de la nueva capa y en la pestaña de documento
vamos a seleccionar nuevos damos ok.  Vemos cómo se crea un nuevo
documento con la misma resolución y tamaño de la original si de nuevo vamos
a imagen y tamaño de la imagen y aplicamos el tamaño y resolución anterior
damos ok. 
 

 
Ajustamos a la pantalla y oprimiendo sobre el nombre del lienzo y arrastrando
podremos separar los lienzos y dejarlos flotantes esto para acomodar las 2
imágenes y hacer la comparación. Ahora, vamos a acercar nuestra imagen
original hasta el botón y así mismo haremos lo mismo con la imagen a la cual le
hemos bajado la resolución y encontramos esto, aquí está claro cómo funciona
esto que estamos hablando, si ajustamos la imagen de nuevo en ajustar
pantalla.  Recuerden que esto aparece cuando tenemos seleccionado la
herramienta de zoom y vemos nuestras imágenes en nuestro monitor. Nos
daremos cuenta que aparentemente y a este tamaño y distancia la imagen se
ve igual, sin embargo como nos pudimos dar cuenta la carga de píxeles de una
y otra es muy diferente.  
 
Ten en cuenta que dependiendo de a donde vaya tu imagen así debes tener en
cuenta el tamaño o resolución.  Si vas a imprimir una fotografía te recomiendo
usar un tamaño preestablecido de papel fotográfico y una resolución de 300
dpi. Por otro lado, si tu imagen va para una red social como Instagram, te
recomiendo trabajar con una resolución de 72ppp para tener una imagen
óptima en cuanto a peso del archivo y definición. 

3.3 HERRAMIENTAS DE TRANSFORMACIÓN:

HERRAMIENTAS DE SELECCIÓN

Las herramientas de selección: nos sirven para aplicar ajustes y efectos solo

a las zonas que hayamos seleccionado. También podemos eliminar y mover
las partes elegidas. Aprendamos cómo usar las herramientas de selección
trabajando una imagen en Photoshop, comencemos.
 
Para hablar de las herramientas de selección tengo algunas fotografías que he
descargado de pixeles para hacer estos ejemplos. En la barra de herramientas
encontramos las herramientas de selección la primera de ellas el de marco
rectangular, también encontramos la herramienta lazo y la varita mágica, si
desplegamos el menú de la herramienta de varita encontramos la de selección
rápida, vamos a empezar usando la de marco rectangular. 
 

 
Ahora, vamos a acercar nuestra imagen y para usar esta herramienta basta
con dar click y arrastrar nuestro mouse sin soltar y llevarlo hasta donde
queramos, soltamos para crear el marco rectangular, este lo identificamos por
las líneas punteadas que crean que muestran el área seleccionada en la parte
de arriba encontramos las opciones de la herramienta, una de ellas es la de
añadir a la selección, ahora si la seleccionamos y creamos un nuevo
rectángulo, veremos cómo esta selección se suma a la que ya teníamos
creada. 
 
 
También podemos restar a la selección, ahora podemos crear rectángulos que
sustraigan el área seleccionada para perfeccionar nuestra selección, también
nos encontramos con intersección que como su nombre lo dice crea una
selección de la intersección de las selecciones que hagamos, vamos a dar ctrl
+ z para volver a nuestra selección anterior, de esta manera creamos
selecciones rectangulares en Photoshop. 
 

 
¿Qué podemos hacer con estas selecciones? Bueno, vamos a cambiar el
color de la puerta y nos vamos a ayudar de la selección que tenemos para solo
afectar esta área. Vamos a crear una capa de tono y saturación y vemos como
con la selección activa se crea la capa de ajuste y con ella una máscara con la
selección que habíamos definido. 
 
Ahora si vamos a las propiedades de la capa de ajuste y elegimos los rojos,
para que solo se alteren estos colores y movemos el deslizador vemos como
cambia el color de la puerta. Lo llevaremos hacia los verdes.
 
 
Ahora como vemos hay algunas zonas que  cambiaron como el separador de
fila que también era rojo y encontramos que el oro sigue siendo rojo y que
algunos bordes de la puerta no cambiaron, así que podemos de nuevo crear
una selección rectangular que contenga todos los elementos que queremos
cambiar, si volvemos a crear el rectángulo vemos como crea uno nuevo y
olvida la selección anterior, esto porque no tenemos seleccionada ninguna de
las opciones como añadir o restar selección.  
 
Vamos a seleccionar la máscara de capa de la capa de ajuste y vamos a
rellenar con color blanco para añadir esa selección a la máscara, debemos dar
click sobre la parte que esté negra. y listo ahora vemos como todos los rojos en
la puerta y los separadores de filas se vieron afectados. Si seleccionamos de
nuevo la herramienta de selección rectangular y damos un click fuera de la
selección veremos como esta desaparece. vamos a oprimir z para seleccionar
la lupa y en la parte de arriba en las opciones vamos a ajustar a la pantalla
para que nuestra imagen encaje en la pantalla.  
 
Vemos el antes y después ocultando la capa de ajuste, ahora vamos a ver otra
de las herramientas vamos a usar la varita mágica que la encontramos aquí o
con la tecla w aquí la varita mágica nos permite seleccionar áreas de color de
manera coherente. En la parte de opciones de la herramienta podemos elegir la
tolerancia para que permita elegir mayor o menor cantidad de tonos del color
seleccionado.
 
Por defecto tengo esta tolerancia pero como vemos la fotografía tiene un color
rojo muy parejo así que vamos a dejarlo así y vamos a oprimir con la varita
sobre el color que queramos elegir. Al darle click vemos cómo se eligen los
rojos, al igual que con la herramienta de marco rectangular en esta también
podremos añadir o sustraer selección.
 
 
Vamos ahora de nuevo como en la anterior imagen a crear una máscara de
tono y saturación y vamos a mover el deslizador,un poco para dar esta
apariencia naranja, bajemos un poco la luminosidad y vamos a subir la
saturación. Si desactivamos y activamos la capa podemos ver el antes y
después.  
 
Ahora para nuestro tercer ejemplo tenemos esta foto y vamos a hacer uso de la
herramienta de selección rápida. Esta la usamos para "pintar" rápidamente una
selección mediante una punta de pincel redonda ajustable. Al arrastrar, la
selección se expande hacia fuera  y sigue automáticamente los bordes
definidos en la imagen. 
 

 
Podemos elegir el tamaño del pincel, su dureza y hasta el espaciado de la
selección así como si contamos con una tableta utilizar la presión de la pluma.
Podemos añadir selección o restar selección con estas opciones. Vamos a dar
click sobre el buzo de este niño.  Podemos observar  cómo se crea una
selección acorde a ese tamaño de pincel si elegimos esta opción y creamos la
selección vemos que se crea una vez y que cambia también a la opción de
sumar. Vamos así a seleccionar de a poco las partes del buzo que tiene el
niño, acercamos la imagen, y vamos dibujando la selección podemos cambiar
el tamaño y también podemos restar la selección si seleccionamos aquí,
pintamos las partes que queremos que no se seleccionen de a poco, podemos
ir ajustando nuestra selección.   Ahora también podemos ir a seleccionar y
aplicar máscara donde se nos abrirá la siguiente ventana.
 

 
Para mejorar la selección en vistas podemos elegir cómo queremos que se nos
muestre la selección para poder visualizarla de la mejor manera y a nuestro
gusto, ahora tenemos tambien pinceles dentro con los que podemos mejorar la
selección podemos ir sumando o restando la selección vamos a seleccionar las
partes que no queremos que se vean afectadas. vamos poco a poco, ustedes
pueden mejorar la selección, podemos elegir entre las diferentes vistas para
ver como se ve la seleccion aumentar la opacidad de la vista, aumentar el radio
de selección del borde.
 

 
Seguimos mejorando con el pincel, revisamos, podemos suavizar la selección y
desplazar el borde vamos a dar ok.  Ahora con la selección hecha vamos a
crear una nueva capa de tono y saturación, vemos que se crea con máscara,
ahora movemos los deslizadores de tonos saturación y luminancia a nuestro
gusto. Ahí estamos en la pantalla. Vemos el antes y después ocultando la capa
y activándose.
 
Con esto hemos visto cómo funcionan algunas de las herramientas de
selección que tenemos en Adobe Photoshop. Te invito a que practiques con las
herramientas de selección, con ellas  junto con todo lo que has aprendido hasta
aquí podrás crear piezas únicas, el límite es tu imaginación, nos vemos en la
próxima clase.

HERRAMIENTAS DE TRANSFORMACIÓN

En edutin academy estamos muy contentos de tu progreso, por eso te

invitamos a que sigas motivado. En esta ocasión aprenderemos a transformar
una imagen. 
 
En photoshop podemos modificar de diferentes maneras una imagen, una de
ellas es a través de la herramienta transformar que nos permite modificar la
forma y las dimensiones de una capa. Con ella podemos escalar, rotar, sesgar,
distorsionar, cambiar la perspectiva y deformar entre otras.Veamos cómo
funcionan. 
 
Aprendamos a colocar nuestros diseños dentro de otros elementos a través de
la herramienta transformar.  Para este ejercicio hemos elegido una plantilla de
un celular en blanco  lo que vamos a hacer es colocar otra imagen para
reemplazar el fondo blanco. 

Esto con algún diseño que deseemos, usando la herramienta de

transformación. Vamos a usar esta imagen que hemos descargado de Freepik,
vemos que al arrastrarla al espacio de trabajo viene como un objeto inteligente,
más adelante hablaremos de ellos, y lo que vamos a hacer ahora es dar ctrl +
t o podemos ir a edición transformación libre.
 
Vemos que se crea un marco rectangular del tamaño de la capa que
seleccionamos, también podemos ir a edición, transformar y elegir alguna de
las transformaciones establecidas como: escala, rotar, sesgar, distorsionar,
perspectiva, deformar o otros como rotar y voltear horizontal o vertical.
 
 
Vamos a ir a edición transformar libre y usando el mouse sobre una esquina
dando click y sin soltar vamos a ajustar la escala de la imagen. Cuando la
tengamos en la posición vamos a dar click derecho y colocar o podemos dar
enter, podemos usar de nuevo ctrl + t y ahora click derecho y dar escala. 

 
Ahora, si miramos cada vez que acercamos el mouse por alguno de los bordes
de nuestra imagen vemos como cambia el cursor y este nos permiteal dar click
y sin soltar escalar la imagen. Pero, ¿qué pasa si adicional utilizamos shift +
clic y arrastramos?, vemos cómo se escala la imagen pero no de manera
proporcionada, ctrl + z. Ahora si damos click derecho y elegimos ahora rotar
vemos que cuando acercamos el cursor a las esquinas, el cursor cambia a
rotación lo que nos permite girar la imagen, de nuevo click derecho, vemos
como cambia de nuevo el cursor, esta herramienta nos va a permitir inclinar la
imagen en horizontal o vertical solo en la parte que hayamos seleccionado. 
 
Como yo que estoy eligiendo la parte superior de la imagen, ahora en el lateral
de nuevo ctrl + z, click derecho sobre la imagen vamos a elegir otro modo de
transformación. Ahora elegimos perspectiva y si seleccionamos una esquina y
damos click sin soltar y arrastramos vemos como la imagen cambia dando la
apariencia de profundidad de la imagen. Vamos a arrastrar este controlador
hacia esta posición soltamos y damos click derecho y volvemos a escalar,
reducimos su tamaño de nuevo para hacerla más acorde al tamaño del celular.
 
Recuerden que queremos posicionar nuestra imagen aquí, vamos a click
derecho distorsionar y con esta herramienta la cual nos permite controlar cada
esquina de nuestra imagen de manera independiente podremos posicionar
exactamente nuestra imagen en la ubicación que necesitamos.  
 

 
Vamos posicionando punto a punto nuestra imagen, hasta que veamos que
tiene la misma perspectiva, damos enter y los ajusten quedan hechos, si
damos ctrl + z vemos cómo estaba nuestra imagen y con ctrl + shift + z para
volver a un paso adelante y estar de nuevo con nuestra imagen modificada.
Adicional a esto vamos a ocultar nuestro objeto inteligente y seleccionando el
fondo vamos con la herramienta varita mágica a seleccionar el color blanco.
Vemos cómo se selecciona el fondo, volvemos a activar nuestra capa
transformada y vamos a la parte inferior de nuestro panel de capas y creamos
una máscara de capa de la selección que hemos hecho de la capa de fondo y
ya vemos como la imagen está perfectamente encajada en el celular.
 
 
Felicidades, ahora sabes como transformar una imagen. Te recuerdo que si
tienes dudas, en Edutin tienes la sección de preguntas abajo de este video,
donde podrás obtener respuesta a tus inquietudes. Nos vemos en la siguiente
clase.

3.4 NIVELES Y CURVAS

AJUSTE DE CONTRASTE Y COLOR CON NIVELES

En Photoshop puedes ajustar el contraste y color de una imagen debido a las

diversas herramientas que ofrece este editor. Entre esas puedes encontrar el
ajuste de nivel.
 
 ¿Para qué sirve esta herramienta? Esta facilita la corrección o alteración de
la gama de tonos, de igual forma ayuda con el equilibrio de color de una
imagen ajustando el nivel de intensidad de las sombras, tonos medios e
iluminación de las imágenes.  A continuación, podrás ver cómo funciona este
ajuste en el programa.
 
En esta clase ajustaremos los colores de esta fotografía con el ajuste de
niveles.
 
 
Para eso iremos al panel de ajuste y buscaremos niveles. Daremos click para
crear la capa de relleno, otra manera de hacerlo es desde el panel de capas en
la parte inferior selecciona el icono de las capas de ajuste y relleno y buscar
niveles.
 

 
Ya una vez creada la capa de ajuste de niveles encontraremos que esta está
compuesta por el ajuste que contiene una máscara de capa blanca, además
encontraremos ahora en el panel de propiedades el histograma. El cual tiene
unos deslizadores en su parte inferior con los cuales controlaremos los tonos
claros medios y oscuros de la imagen además de los niveles de entrada y
salida de los blancos y los negros por defecto.
 
 
Los tonos medios dependiendo de hacia donde lo deslicemos permitirá aclarar
o oscurecer la imagen. Podremos restablecer el ajuste, como mencionamos
antes los deslizadores de entrada y salida nos ayudaran a controlar los niveles
finales de los blancos y negros de la imagen, si llevamos el deslizador de los
negros a su lado contrario veremos como se van perdiendo los tonos oscuros y
nos lleva al blanco puro. Contrario si hacemos lo mismo con el deslizador de
los blancos. En la parte de arriba podremos seleccionar el color rgb el cual
queremos controlar, si elegimos los rojos claramente se verán afectados todos
los rojos de la imagen y dependiendo de hacia dónde movamos los tiradores de
entrada o salida es que llevaremos al 100%.  En caso de llevarlo de izquierda
hacia la derecha, caso contrario si llevamos de izquierda a derecha, el
deslizador de los tonos oscuros del histograma veremos cómo se sustraen los
rojos de la imagen y se empieza a ver más su color contrario que en este caso
serían los verdes.
 

 
Diferente si tocamos los deslizadores de los claros y lo llevamos hacia la
izquierda en el histograma y de nuevo se sustraen los rojos si deslizamos el
tirador de salida blanco y lo llevamos a la derecha, esto lo podemos hacer con
los verdes y los azules. Podemos manejar independiente cada uno de estos
tonos, adicional contamos con goteros en la parte izquierda del panel que nos
servirán para crear ajustes automáticos de la imagen, si utilizamos los oscuros
y damos click sobre un área de la imagen, le estamos diciendo al programa que
este debería ser el tono más oscuro y llevará los ajustes en base a ese punto
que estamos seleccionando.
 
En este caso al elegir una zona clara toda nuestra imagen se oscurece,
diferente si elegimos un tono más oscuro vemos cómo se oscurece la imagen
pero de una manera diferente, restablecemos el ajuste y con el cuentagotas
claro elegimos el área que creamos es la más iluminada de la imagen para que
Photoshop haga los ajustes basado en esta información, restablecemos de
nuevo. Ahora lo que vamos a tratar de hacer para este ejemplo es crear una
iluminación que se acerque más a un golden hour, siguiendo la zona de donde
viene la iluminación, utilizando el ajuste de niveles. Para esto vamos a elegir
los tonos rojos, tenemos este histograma de tonos rojos y si deslizamos como
hicimos antes nuestro deslizador de entrada y salido oscuro hacia la derecha,
tendremos una fotografía con una tonalidad roja.
 

 
Si queremos generar un color más naranja tendremos que ajustar el color que
al combinarlo nos genere naranja, el cual es el azul, ahora si llevamos los tonos
oscuros hacia la derecha veremos como el tono de la imagen se va colocando
más acorde a lo que estábamos buscando.  Ya tenemos la imagen con el tono
que deseamos, pero pasa algo y es que se está viendo afectada toda la
imagen.  
 
Lo que queremos es que crear como ese resplandor que viene del sol, es decir
afectar la iluminación de la imagen y no tanto los tonos oscuros de ella, para
eso nos vamos a ayudar de nuestra mascara de capa para ocultar o mostrar lo
que queremos, si doy click sobre la máscara y le doy ctrl + i para invertir el
blanco por el negro, veremos como el efecto se desaparece porque hemos
ocultado el efecto.  
 
Como queremos es solo iluminar y darle un tono más de golden hour y que
esta iluminación se proyecte en la dirección en la que viene la luz en la imagen,
lo que haremos es con la herramienta de degradado, seleccionaremos en las
opciones de esta un blanco que se degrade hacia el transparente para
descubrir la cantidad de ajuste que deseamos, teniendo seleccionada la
máscara de capa y siguiendo la dirección de la luz, la cual golpea el rostro de
nuestro sujeto en la imagen, utilizando en este caso el degradado radial y
dando click sin soltar, llevamos de izquierda a derecha extendiendo esta línea a
la distancia que queremos que se forme el degradado, soltamos y tenemos
este resultado.
 

 
Vemos como la máscara crea este efecto donde los tonos naranjas se ven en
la parte más clara de la imagen de donde proviene la luz mientras que los
tonos de la parte derecha de la imagen se mantienen. Una vez tenemos la
máscara podemos seguir haciendo ajustes a los niveles. En este caso vamos a
seguir ajustando el azul y también al rojo más a nuestro gusto. Si activamos la
capa vemos el antes y después de la imagen tan solo usando el ajuste de
niveles.
 
Has aprendido a utilizar el ajuste de niveles. Si tienes alguna duda recuerda
que nuestra plataforma te permite pausar, retroceder o adelantar las clases
cada vez que lo necesites. Sigue así.¡ Nos vemos en una próxima ocasión!

AJUSTE DE COLOR CON CURVAS

Me complace que estés en esta nueva clase, en esta oportunidad

aprenderemos a ajustar el color de nuestras imágenes utilizando los ajustes
con curvas. 
 
Con los ajustes de curvas en Photoshop se pueden ajustar los puntos de la
gama tonal de una imagen, al igual que con los ajustes de niveles. Las curvas
están representadas con una línea recta en diagonal sobre un gráfico. Cuando
utilizamos la ventana de ajuste de curvas nos encontraremos que la zona
superior derecha del gráfico controla las iluminaciones mientras que las de la
esquina inferior izquierda representan las sombras. 
 

 
Al añadir puntos de control a la línea y moverlos, la forma de la curva cambia,
de forma que refleja los ajustes de la imagen. Es esto lo que lo diferencia del
ajuste de niveles, ya que tenemos mayor variedad en los cambios que
podemos hacer. Las secciones más elevadas de la curva representan áreas de
mayor contraste, mientras que las más planas representan áreas de menor
contraste.
 
 
Veamos este ajuste en el programa. En esta clase ajustaremos los colores de
esta fotografía con el ajuste de curvas.
 

 
Bueno, ya vimos cómo ajustar el color de una imagen con el ajuste de niveles,
lo que haremos ahora es crear este efecto utilizando el ajuste de curvas, Para
eso primero desactivaremos la capa del ajuste de niveles y  en el panel de
ajustes o en la parte inferior de nuestro panel de capas podemos elegir el
ajuste de curvas.
 

 
Al dar click se creará una capa que contiene el ajuste y una máscara de capa,
en el panel de propiedades encontrásemos el histograma el cual básicamente
contiene lo mismo que el ajuste de niveles. Veamos, en el de niveles:
encontramos los deslizadores para controlar los tonos oscuros y los tonos
claros y medios. Tenemos adicional dos controladores o tiradores de entrada y
salida para establecer los puntos finales de negros y blancos.
 
En el ajuste de curvas también los encontramos, vemos el histograma y si
seleccionamos el punto inferior y lo elevamos nos lleva al negro puro, si
llevamos el punto superior derecho y lo llevamos hacia abajo nos dara un
blanco puro, que funcionan igual que el deslizador de entrada y salida del
ajuste niveles. Ahora en el ajuste de curvas si usamos el deslizador de la
izquierda y lo llevamos a la derecha, así como el deslizador izquierdo si lo
llevamos a la derecha, funciona igual que si en el ajuste de niveles movemos el
deslizador de oscuros de izquierda a derecha y el de claros de derecha a
izquierda. 
 

 
Los tonos medios que podemos controlar con el deslizador en el de niveles, en
el ajuste de curvas será controlado al mover el punto medio de la línea en
nuestro histograma, hacia arriba y hacia abajo, he aquí una de las diferencias
claves entre estos 2 ajustes. Con el ajuste de curvas podemos tener más
control y mayor variedad ya que podemos crear curvas que nos den un efecto
diferente al que podemos tener con el panel niveles.
 
Adicional también tenemos los cuentagotas que funcionan exactamente igual
que en el panel de niveles, en donde si utilizamos el de oscuros y tocamos la
parte oscura de la imagen, tenemos un negro puro, la imagen se ajustará
automáticamente teniendo en cuenta esa sección que elegimos.
 

 
Lo mismo pasa con el cuentagotas de los claros, si elegimos la parte más
iluminada automáticamente se ajustan los niveles.
 

 
 
Tenemos también dos botones, uno para crear la curva de manera
predeterminada con puntos y un lápiz con el que podremos dibujar una curva
para modificar el ajuste. Por lo general trabajamos con puntos. Ahora vamos a
recrear el efecto que hicimos con el ajuste de niveles en donde daremos un
tono de iluminación diferente en la misma orientación en la que viene la luz. 
 
También podemos controlar los rojos, los verdes y azules de manera
independiente , al igual que en el ajuste de niveles, aquí también podemos
seleccionar los rojos, azules y verdes de manera independiente.
 
Vamos a elegir el rojo, lo que haremos es llevar el punto inferior izquierdo hacia
arriba para crear la tonalidad roja, luego al igual que la clase anterior, vamos a
los azules y con el deslizador oscuro lo llevamos hacia la derecha hasta que
tengamos la tonalidad que deseamos. 
 

 
Ahora, vamos a eliminar la capa de niveles 2 ya que no la necesitaremos más,
y ahora vamos a la máscara de capa de nuestra capa de curvas, damos ctrl +
i para invertir, luego, vamos a la herramienta de degradado y seleccionamos de
blanco a transparente damos ok y de nuevo vamos a ir en la misma dirección
que la luz en la fotografía. En este caso de izquierda a derecha dando click y
sin soltar hasta que lleguemos a la derecha, soltamos y hemos creado el
efecto. Podemos seguir ajustando las curvas y crear nuevos puntos que nos
ayuden a mejorar a gusto nuestra imagen, y listo si desactivamos y activamos
la capa podemos ver el antes y después, si seleccionamos nuestra capa de
niveles y la hacemos visible veremos que el efecto es prácticamente igual en
ambos casos.  La diferencia radica en que tenemos mayor libertad y control
con el ajuste de curvas.
 
 
Te felicito, los conocimientos adquiridos en esta y la anterior clase te permitirán
dejar de lado aquellas imágenes planas y sin contrastes. Te invito a que
practiques con estos ajustes para que los domines. Nos vemos en la siguiente
clase.
 

CAMBIO DE COLOR CON TONO Y SATURACIÓN

Bienvenidos a una nueva clase del curso de Adobe Photoshop de Edutin

Academy. En esta ocasión aprenderemos a cambiar el color con la herramienta
de tono y saturación. 
 
El color tiene 3 propiedades, el tono, la saturación y la luminosidad.
 

 
El tono: en inglés HUE, se puede decir que es el color en estado puro. El tono
es la longitud de onda dominante del color que vemos.
 

 
Por otro lado, la saturación es la intensidad o grado de pureza de un color. Es
decir, tener en color en estado puro corresponde a su grado máximo de
saturación y si lo llevamos a su mínimo nos encontraremos con un tono gris.
Cuando hablamos de tener colores vivos y colores que se ven pálidos, lo que
estamos hablando es de su saturación. 
 

 
Por último, la luminosidad, a la cual también podemos llamar brillo, es la
cantidad de luz emitida o reflejada por un objeto. En el color encontramos
entonces que podría ser claro u oscuro.
 
 
Teniendo claro esto, veamos cómo podemos ajustar el tono, la saturación y la
luminosidad de un color en Photoshop. Comencemos. Vamos a cambiar el
color de este carro con el ajuste de tono y saturación:
 

 
Bien, para este ejemplo he elegido esta imagen, lo que haremos aquí es ver el
ajuste de tono y saturación de Photoshop y cómo cambiar y ajustar el color con
esta herramienta. 
 
 
Lo primero que haremos es ir a la parte inferior de nuestro panel de capas y en
el icono de capa de relleno o ajuste seleccionaremos tono y saturación, vamos
a cambiar el color de este vehículo de manera sencilla, en las propiedades de
nuestra capa de ajuste desplegamos la pestaña que dice todos y vamos a
elegir azules, ahora vamos a mover el deslizador de tono y lo llevaremos hacia
la izquierda o derecho y vemos automáticamente como cambia el color
afectando los azules en la imagen en la cual predomina el carro.
 

 
Voy a llevarlo hacia el verde para obtener este tono, ahora si miramos el
deslizador de saturación podemos controlar que tan saturado queremos ese
color, ya que aún tenemos seleccionado los azules, lo mismo con la
luminosidad controlamos que tan iluminado se ve el color seleccionado.
 
 
Vamos a restablecer todo, si seleccionamos este ícono nuestro cursor
cambiará a gotero y podremos seleccionar el tono específico de la imagen que
queremos modificar, en este caso el azul y vemos cómo también vuelve a estar
azules seleccionados en el listado, y si damos click sin soltar y arrastramos el
cursor vemos cómo modificamos la saturación de nuestra
selección. Restablecemos de nuevo, vemos que en la parte inferior de nuestro
panel de propiedades encontramos la casilla colorear, si la marcamos vemos
cómo cambia toda la imagen, y que el deslizador de tono se moverá a la
izquierda y si lo movemos llevamos toda la imagen a una tonalidad completa
que elijamos. 
 
Vamos a desmarcar colorear y si vamos a la máscara de capa en sus
propiedades encontramos que podemos cambiar la densidad de la máscara y
también desvanecerla, esto ya lo habíamos visto en nuestra clase de
máscaras. También tenemos ajustes preestablecidos, si desplegamos esta
pestaña podremos seleccionar entre alguno de los que se encuentran aquí por
ejemplo estilo antiguo, o podemos seleccionar aumentar más la saturación que
si vemos aumente por defecto 30 puntos en el área de la saturación sepia que
usa la casilla de colorear y lleva el tono hacia los naranjas y baja la saturación
a 25 puntos. 
 
 
Vamos a volver a ajuste preestablecido por defecto, y si ahora en vez de elegir
una gama de colores dejamos todos y movemos el tono vemos como toda la
imagen se va afectando por el cambio. Ya que hemos visto cómo funciona el
ajuste vamos a tonos azules, y vamos a mover el deslizador del tono a 133 en
este caso, vemos como quedaron algunos tonos que no cambiaron de manera
adecuada ya que estos son tonos cianes.
 

 
Elegimos cianes y movemos el tono a más o menos la misma cantidad que
antes en este caso 139 para que mantenga una ligera diferencia con el color
principal. Si nos damos cuenta como también se afectó parte de la fachada que
está de fondo, vamos a utilizar el gotero del ajuste y vamos a dar click sobre los
rines automáticamente se eligen los rojos y vamos a mover el tono a +2, sin
embargo lo que vamos a cambiar en este caso será la saturación del color para
llevarlo a 0 y vemos como ahora los rines y demás tonos rojos se han vuelto
plateados. 
 

 
 Como dijimos se ha afectado toda la imagen y solo queremos que el auto se
vea afectado por lo que vamos a la máscara de capa y con el pincel le vamos a
dar un tamaño adecuado para este ejemplo setra de 450 pinceles y con color
negro para ocultar vamos a pintar las partes que no queremos que se vean
afectadas por el ajuste de tono y saturacion. Para esto vamos a volver a ajustar
la densidad de la capa al 100% e iremos pintando sobre lo que queremos
ocultar.
 

 
Ustedes pueden utilizar herramientas de selección para hacer una selección
más perfecta y poder ocultar mejor las zonas que no queremos que se afecten
y si apagamos la capa vemos el antes y el después de nuestro ajuste. 
 
¡Muy bien! Ahora que entiendes como funcionan las propiedades del color y
aprendiste a usar la herramienta de tono y saturación en Adobe Photoshop.
Empieza a usarlo para darle carácter y personalidad a tus imágenes. Nos
vemos en la siguiente clase.

3. 5 FILTROS Y EFECTOS

FILTROS Y EFECTOS

Bienvenidos a una nueva clase del curso de Adobe Photoshop de Edutin

academy. En esta ocasión conoceremos el menú filtros. 
Los filtros se usan para limpiar o retocar imágenes. Existen también efectos
que cambian la apariencia de la imagen, con los cuales podemos hacer
transformaciones exclusivas mediante distorsiones o efectos de iluminación.
Photoshop nos ofrece una cantidad de estos en el menú filtros del programa.
Veámoslo.
 

 
Los filtros los encontramos en la parte superior de nuestro programa. Lo
primero que encontraremos al desplegar la pestaña es el último filtro que
usamos, la segunda opción la cual es muy importante es la de convertir para
filtros inteligentes, y luego los filtros por categorías. 
 
 
Lo primero que haremos es duplicar nuestra capa base, y vamos a convertir la
copia para filtros inteligentes, podríamos hacerlo también directamente en la
capa base; sin embargo, lo haré de esta manera. 
 
Al oprimir nos saldrá un mensaje en donde se nos indica que lo que hará esta
opción es convertir la capa seleccionada en un objeto inteligente esto para
poder modificar los efectos y filtros que se usen. Ya vemos como se ha
convertido en objeto inteligente y ahora sí, vamos a filtro vemos los filtros que
tenemos como los neural filters, la galería de filtros, el de cámara raw
corrección de lente, licuar y después encontramos más filtros y efectos en
categorías como 3d, desenfocar, distorsionar, enfocar, estilizar, la galería
de efectos de desenfoque, interpretar, pixelar, ruido, video y otros. 
 
 
Si vamos a la galería de filtros nos encontramos con una nueva ventana en
donde estarán diferentes filtros predeterminados, podemos sumar o eliminar
varios de ellos, cada uno cuenta con efectos diferentes, podemos ajustar sus
opciones dependiendo el filtro, En vidriera podemos cambiar el tamaño de la
celda la anchura del borde y la intensidad de la luz. Si damos ok vemos el
resultado y como se crea una nueva subcapa que se llama filtros inteligentes y
debajo el filtro que le hemos colocado.
 

 
Si desactivamos la capa veremos la base sin el filtro. Lo importante de haber
convertido a objeto inteligente es que podemos si damos doble click, volver a
abrir el filtro para ajustarlo o cambiarlo, si damos en azulejo de mosaico y
damos aceptar vemos como ahora cambio el efecto que colocamos. Podemos
apagar la capa para ver la base o simplemente en el ojo de filtros inteligentes
para desactivar el filtro,
 
 Si agregamos uno más podemos ir a filtro, estilizar, azulejos, dejamos por
defecto y damos ok. Vemos que se suma a la lista de filtros inteligentes, ahora,
si damos clic derecho sobre la subcapa de filtros inteligentes, la cual es una
máscara, podemos deshabilitar la máscara de filtro, eliminar la máscara de
filtro, añadir, restar o formar una intersección. 
 
Si damos click derecho sobre alguno de los filtros inteligentes podemos
eliminarlo, vamos a dar control z y ahora en azulejo vamos a deshabilitar filtro
no se elimina de nuevo click derecho habilitar filtro y click derecho editar filtro
inteligente con lo que se volverá a abrir su ventana en donde podremos
editarlo. Vamos a eliminar el filtro azulejos y ahora sobre la máscara si usamos
el pincel en color negro, podemos ocultar partes del filtro o filtros que no
queremos que se vean o afecten la imagen.
 
Un ejemplo es que podemos dejar en este caso el ave sin filtros, para terminar,
vamos a hablar de los neural filters que son filtros que ayudan a mejorar las
imágenes al generar nuevos píxeles contextuales que no están realmente
presentes en la imagen original. Esto a través de la propia inteligencia artificial
de Adobe llamada sensei. 
 

 
Hagamos otro ejemplo de cómo funcionan los filtros esta vez vamos a crear un
efecto till shift, para eso tenemos esta fotografía. Lo primero que haremos será
duplicar la capa después la convertiremos para trabajar con filtros inteligentes
después vamos a filtro galería de efectos de filtros de desenfoque y ahí
elegiremos cambio de inclinación, con eso nos saldrán estas guías o
degradado de desenfoque con las que controlaremos la cantidad de
desenfoque que queremos y la ubicación. 
 
 
Vamos a poner como foco de la imagen este edificio, llevamos el centro y
ajustamos el degradado vamos a llevar el desenfoque a 23, ajustamos el lugar
del desenfoque, en las herramientas de desenfoque podemos controlar
también la cantidad de desenfoque que queremos y la distorsión que
queremos, la vamos a dejar en 0. Si nos damos cuenta, aquí nos aparecen
todas las herramientas de la galeria de efectos de desenfoque, podemos
adicionar efectos como de bokeh y color, rango de luz, vamos a dar ok y ya
vemos cómo se creó el efecto, para mejorarlo podemos primero ocultar partes
del filtro para corregir lugares en los que no debería haber desenfoque.
 

 
Elegimos el pincel con color negro damos click derecho vamos a elegir un
tamaño de pincel adecuado, también podemos hacerlo si usamos la tecla alt +
click derecho y si vamos hacia los lados aumentaremos o reduciremos el
tamaño del pincel y si subimos o bajamos aumentaremos su dureza. Ahora
vamos a pintar donde no queremos que se vea el efecto, en todas esas partes
que creemos deberían estar enfocadas o que queremos que lo
estén. Oprimimos z y vamos arriba para ajustar a la pantalla y por último vamos
a crear una capa de tono y saturación para aumentar la saturación de los
colores y bajar un poco la luminosidad. 
 
De nuevo vamos a la máscara ahora de la capa de tono la seleccionamos y si
damos control mas i para invertir vemos que se va el efecto y luego con un
pincel blanco pintamos las partes que queremos que se vean afectadas por
esta capa de ajuste, esto para resaltar el centro de la imagen y darle aún más
el aspecto de miniatura.
 

 
Con esto hemos visto cómo funcionan algunos de los filtros en Photoshop. Ten
en cuenta que no se pueden aplicar filtros a imágenes en modo de mapa de
bits o de color indexado. Algunos filtros solo funcionan en imágenes RGB y
otros se procesan completamente en memoria RAM. Si no dispones de
suficiente memoria RAM para procesar un efecto de filtro, es posible que
recibas un mensaje de error. Nos vemos en la siguiente clase.

3.6 ACTIVIDAD 2: PONER UNA ETIQUETA EN UNA BOTELLA

En esta unidad aprendimos sobre las herramientas de selección y

transformación, a ajustar nuestras imágenes a través de los niveles, las curvas
y el tono y saturación, así como también a aplicar filtros y efectos. 
Ahora vamos a aplicar todos los conocimientos adquiridos en esta clase
práctica, comencemos. Para esta clase pondremos una etiqueta a esta botella
de cerveza usando lo aprendido en esta unidad. 
 
 
Tenemos nuestra botella abierta en el programa, lo que vamos a hacer es traer
esta etiqueta que hemos hecho y la arrastraremos al lienzo, al hacerlo veremos
que podremos transformarlo, vamos a ajustar el tamaño para hacerlo acorde a
la botella, ajustamos su posición y damos enter. Ahora convertimos a un objeto
inteligente y ahora vamos a dar control + t y después click derecho deformar,
acercamos la imagen y vamos a ajustar nuestra etiqueta tratando de
posicionarla y deformarla en la forma de la botella.
 

 
Una vez la tenemos lista vamos a dar enter y como convertimos a objeto
inteligente, si queremos podemos de nuevo dar ctrl t y click derecho para
deformar y vemos que tenemos la transformación anterior y que podemos
seguir editando, caso distinto si no fuera un objeto inteligente, ya que la
transformación no podría volver a editarse. 
 
 
Ajustamos y damos enter, ahora vamos a dar doble click sobre la capa para
abrir los estilos de capa y en las opciones de fusión en los deslizadores de
fusionar vamos a dar alt + click sobre uno de los bordes del deslizador para
separarlo y vamos a ajustar primero la fusión de los negros de la capa,
llevemosla a 46,  y en la capa subyacente, separamos el deslizador con alt de
nuevo y llevamos una de las puntas a 81, damos ok. 
 

 
Ya vemos como la etiqueta se ve como si hiciera parte de nuestra imagen, tan
solo usando las opciones de fusión de estilo de capa, lo siguiente que haremos
será duplicar esta capa e ir a filtros, galería de filtros y elegir bordes rasgados.
Ponemos en las opciones del filtro equilibrio de imagen en 9, suavizado en 8 y
contraste en 4, damos ok y tenemos el efecto. Usaré el modo de fusión
oscurecer y luego voy a hacer que esta capa sea una máscara de recorte de
nuestra etiqueta sin filtro. Lo que hicimos con esto fue darle un poco de
desgaste a la etiqueta para que no se vea superpuesto sino que tenga un
efecto más de papel. Sutil pero efectivo.
 

 
Vamos a ajustar la imagen, lo que haremos ahora es crear una capa de ajuste
de curvas que solo queremos aplicar a la etiqueta, así que la convertimos en
máscara de recorte de esta y ajustamos la curva.  Vamos en este punto a llevar
la entrada a 77 y salida de 89. En el segundo punto la entrada en 192 y la
salida en 186. Creamos ahora una nueva capa de ajuste de tono y saturación,
ajustamos el tono a -4, la saturación la subimos a 8 y la luminosidad a -2. 
 

 
Si activamos y desactivamos la capa veremos el antes y después, ahora si
seleccionamos las capas que hemos agregado y damos ctrl + g agrupamos las
capas, ahora si activamos o desactivamos el grupo veremos el antes y después
de lo que hemos hecho. Me parece que se ve muy bien, para terminar, vamos
a duplicar la capa base junto con el grupo y a dar ctrl + e para ubicar las
capas.  Con esto nuestra imagen queda en una sola capa y usando la
herramienta de recortar, vamos a agrandar los bordes para hacer la imagen
más cuadrada, y seleccionando según el contenido y oprimiendo enter veremos
como se rellena el espacio con nuevos píxeles según el contenido de la imagen
esto para mejorar la composición y listo hemos terminado.
 

 
Hemos llegado al final de la tercera unidad de este curso de Adobe Photoshop
de Edutin academy. Recuerda que:
 

  El pixel es la unidad de color homogénea más pequeña que

encontramos en una imagen digital. 
 Dependiendo de dónde van a estar nuestras imágenes, debemos elegir
una resolución de nuestro archivo.
 La herramienta de transformación libre nos ayuda a modificar las
dimensiones de una capa. 
 Podemos cambiar un color específico en una imagen tan solo con los
ajustes de color y saturación.
 Los filtros inteligentes, aplicados a objetos inteligentes, permiten usar
filtros no destructivos.