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.

UNIDAD 04

4.2 OBJETOS INTELIGENTES

OBJETOS INTELIGENTES
¡Bienvenidos a una nueva clase de Adobe Photoshop de Edutin Academy! En
esta ocasión hablaremos de los objetos inteligentes de este editor. ¿Estás
listo? Comencemos…

Los objetos inteligentes: son capas que contienen datos procedentes de

imágenes rasterizadas o vectoriales. Estos conservan el contenido original de
la imagen con todas sus características iniciales, con el fin de facilitar su
edición de manera no destructiva.

La mayor cualidad de los objetos inteligentes es que podemos agregar filtros

para cambiar su escala, el color y agregar efectos sin alterar la imagen original,
además, nos da la posibilidad de editar los ajustes, efectos o filtros que
hayamos utilizado.
A continuación, te mostraré cómo funcionan. Para esta clase vamos a colocar
un patrón en la caja para crear una envoltura.

Para este ejemplo tengo dos imágenes, abrimos la primera, son unos
empaques, una caja y una bolsa vacíos, lo que vamos a hacer es medir con la
regla la cual encontramos en herramientas si vamos a cuentagotas y abrimos la
pestaña encontraremos la herramienta regla, ahora si damos clic sobre una
esquina de la caja y sin soltar arrastramos el cursor hasta la otra esquina
crearemos una línea.

En la parte superior de photoscape encontraremos el panel de opciones de la

herramienta encontraremos d1 el cual es la distancia que existe en píxeles
entre esos 2 puntos, tenemos 1704, 34 el cual sería la anchura de la caja y si
tomamos uno de los puntos y damos click y lo arrastramos sin soltar y lo
ponemos ahora en sentido vertical de la caja encontraremos la medida de
altura 1070. Ahora si vamos a la herramienta rectángulo y damos click se nos
abrirá una ventana en esta ventana vamos a escribir los datos que tomamos
con la herramienta regla para crear un rectángulo del tamaño que lo
necesitamos, damos enter y hemos creado el cuadrado.
 Este cuadro podemos hacerlo de cualquier color y podemos elegir el color o
quitar el trazo, además de aumentar el tamaño de este, vamos a posicionarlo y
vamos a dar click derecho en la capa del rectángulo y oprimir en convertir en
objeto inteligente, vemos que nada pasa en el cuadro pero si en la capa en
donde tendremos este nuevo icono, damos ctrl + z y voy a capa objeto
inteligente, vemos que está desactivado, es porque debemos seleccionar la
capa. Vamos de nuevo a la capa de objetos inteligentes y la convertimos en
objeto inteligente. Ahora en edición vamos a elegir deformación de perspectiva,
nos acercamos con alt y haciendo scroll en el mouse, ahora vamos a hacer una
selección dando click y sin soltar del tamaño del rectángulo. Ya que tenemos
este rectángulo sobre nuestra forma vamos a acercarlo para alinearlo lo mejor
posible.

Damos clic sobre una de las esquinas y vamos moviendo hasta que encaje,
vamos a hacer esto mismo con las otras esquinas, luego, daremos enter.
Ahora vamos a arrastrar cada esquina del recuadro que tiene la herramienta de
deformación de perspectiva activa y posicionamos sobre las esquinas en este
caso de la caja, vamos a ir posicionando una por una nos podemos desplazar
en el lienzo oprimiendo la barra espaciadora y con el mouse dando clic y
moviendo a la vez. Cuando terminemos de posicionar las puntas podemos
alejarnos y dando click sobre el check veremos con el rectángulo queda en la
misma perspectiva de la caja, como vemos se ha creado una capa de efecto
que se llama filtro inteligente y bajo esté el filtro de deformación de perspectiva,
ahora si damos doble click sobre el objeto inteligente y luego ok.

Veremos como se abre una nueva ventana donde tendremos el cuadro que
hemos creado con las dimensiones y perspectivas originales en este
documento es donde cargaremos nuestra segunda imagen,que es este patrón
que usaremos para ponerle a la caja. La seleccionamos y arrastramos
llevándola al programa, ahora ajustamos su escala y finalmente le daremos
guardar.

Si vamos ahora al lienzo donde esta la caja veremos que el patrón

perfectamente ubicado en el frontal de la caja, vamos a cambiar el modo de
fusión de esta capa a subexposición lineal para que desvanezca los blancos y
solo se queden los colores, Adicional vamos a dar doble click, ya no sebre el
cuadro de la capa sino sobre el nombre para abrir el panel de estilos de
capa. Aquí, lo que vamos a hacer es en las opciones de fusión en la capa
subyacente a oprimir alt en estos deslizadores para separarlos y deslizar de
derecha a izquierda el blanco y alt mas click para separar el negro y moverlo de
izquierda a derecha.
Vemos cómo se fusiona mejor el patrón en la caja vamos a mover un poco
también los de la capa hasta que lleguemos al resultado deseado, damos ok y
listo ya tenemos nuestro frontal de la caja con un patrón para crear el
empaque. Recordemos que esto es un objeto inteligente es decir que esta capa
que tenemos aquí podemos reemplazarla con cualquier otro motivo o imagen y
cuando la guardemos reemplazamos la imagen que contendrá nuestra imagen
de la caja.

¡Y ahora sabes que trabajar con objetos inteligentes en Adobe Photoshop nos
permite realizar transformaciones no destructivas!

Todos los cambios y ajustes que hagamos sobre estas capas como transformar
la escala, rotación o si deformamos la imagen no altera la imagen original, así
mismo te recuerdo que siempre podremos editar los filtros y efectos que les
coloquemos a estas capas. ¡Nos vemos en una próxima ocasión!

4.3 HERRAMIENTAS DE EDICIÓN

HERRAMIENTAS DE PINCEL
Bienvenidos a esta nueva clase del curso de Adobe Photoshop de Edutin
Academy, en esta oportunidad podrás conocer sobre una de las herramientas
más importantes del editor: la de pincel.

Adobe Photoshop cuenta con una variedad de herramientas para pintar y editar
imágenes en color. Iniciaremos en esta ocasión con la herramienta pincel que
tiene un uso similar al del objeto tradicional que conocemos y su función es
aplicar color mediante trazos del pincel. Veamos como funciona en el software.

Vamos a ver como funciona el pincel en photoshop, vamos a trabajar sobre

este lienzo blanco, el pincel lo podemos elegir en el panel de herramientas o
con la letra b en nuestro atajo de teclado, y funciona igual que si tuviéramos un
pincel.

Si damos click derecho podemos cambiar el tamaño del pincel y también

cambiar su dureza. Vamos a probar vamos a hacer un trazo con la dureza al
100 por ciento y otra con la dureza al 0 % , estas líneas rectas las estoy
haciendo ,mientras tengo presionada la tecla shift. De nuevo podemos dar
click derecho y vemos que tenemos diferentes tipos de pinceles que podemos
elegir todos ellos generan efectos diferentes.Podemos elegir pinceles de
efectos especiales como este, este circular definido que es uno de los pinceles
generales con los que contamos. De nuevo lo utilizamos con la máxima de
dureza y también con la dureza en 0.
Si vamos a la parte de arriba en las opciones del pincel también podemos
encontrar esta ventana, para elegir el pincel y su tamaño y dureza podemos
reducir el tamaño de la ventana o ampliarla para nuestra comodidad. tenemos
también dentro de las opciones la simetría elegimos vertical ajustamos el
centro y el tamaño como queremos la simetría. Ahora, eligiendo un pincel
vamos a realizar trazos para ver cómo funciona. Si desactivamos la simetría,
podemos bajar la opacidad del pincel, diferente a su dureza. Aquí vemos la
diferencia de cada trazo y tenemos también, antes elijamos un color más
oscuro y vemos que tenemos opciones de fusión, lo que nos permitirá variar la
forma en la que se comporta el pincel, si elegimos trama vemos como el color
resultante es más claro. Si por el contrario utilizamos multiplicar pasara lo
contrario.
Esto puede servirnos si queremos crear por ejemplo sombras o iluminaciones
por medio del pincel. También podemos cambiar el flujo que es la velocidad a
la que se aplica el color mientras se mueve el puntero sobre un área. y así
funciona la herramienta pincel en photoshop.

Existen distintas herramientas que nos permiten retocar, corregir o eliminar

elementos no deseados de una imagen, entre estas encontramos el pincel
corrector, pincel corrector puntual, parche y tampón de clonar. ¡Acompáñame a
ver cómo funcionan! Por otro lado tenemos los pinceles que nos permiten
corregir imperfecciones y modificar partes de una imagen. Vamos a trabajar
con esta imagen que he descargado de pexel. Lo primero que haremos es
duplicar nuestra capa para trabajar sobre la copia. En la barra de herramientas
encontramos como ya habíamos visto la herramienta pincel, pero además
tenemos los pinceles correctores y el tampón de clonar.

El primero que podemos ver es el pincel corrector puntual, funciona de la

misma manera que el pincel, podemos cambiar el tamaño, la dureza y el
espaciado, la forma en la que funciona es simple tan solo pintamos sobre la
imperfección y automáticamente Photoshop hace coincidir la textura,
iluminación, transparencia y sombra de los píxeles que se están
corrigiendo. Esto utilizando otros píxeles de la misma imagen.

Tenemos la herramienta de parche que lo que nos permite es crear una

selección y luego elegir nosotros mismos con que otros píxeles de la imagen
queremos que photoshop haga el ajuste.
La herramienta de pincel corrector al igual que el puntual crea correcciones
basadas en píxeles dentro de la imagen. Estos los vemos marcados con una
cruz al dar click sobre el lugar donde queremos hacer la corrección.

También tenemos el tampón de clonar este pinta una parte de una imagen
sobre otra parte de la misma imagen. También puede pintar parte de una capa
sobre otra. Lo que hacemos aquí es primero oprimiendo la tecla alt es
seleccionar la parte que queremos que el tampón clone damos clik y luego
vamos a la parte de la imagen que queremos corregir y oprimimos click.
Podemos en las opciones del tampón bajar la opacidad y hasta el flujo de la
herramienta. Para que no afecte tan bruscamente la parte que estamos
modificando. Vamos a restablecer al 100% y seguiremos corrigiendo algunas
imperfecciones, vamos a volver a elegir el corrector puntual, y de nuevo
seguiremos corrigiendo, podemos pintar ciertas áreas para que Photoshop las
mejore, y para terminar habilitando o deshabilitando la copia de la capa
veremos el antes y el después.

¿Has pensado lo útiles que te pueden resultar estas herramientas cuando

necesites mejorar o eliminar objetos no deseados en tus fotografías? Te invito
a que sigas incorporando estos conocimientos a tus proyectos. Nos vemos en
la próxima clase.

ESCALA SEGÚN CONTENIDO:

¡Hola! Gracias por seguir en este curso de Adobe Photoshop de Edutin

Academy, en esta ocasión conocerás sobre la herramienta de múltiples
utilidades: escala según contenido. ¡Comencemos!

Seguro te preguntarás ¿Cuál es la función de la herramienta escala según

contenido?

La escala nos ayuda a redimensionar una imagen sin cambiar el contenido

visual importante, por ejemplo:personas, edificios, objetos, etc.
Si bien cuando escalamos una imagen de manera normal todos los píxeles de
esa imagen se ven afectados, con la opción content aware scale protegemos
esas áreas que no queremos comprometer o de las cuales queremos mantener
su proporción.

Es importante aclarar que esta función no trabaja sobre capas de ajuste o

máscaras de capa, ni si tenemos varias de ellas seleccionadas o sobre un
grupo, así como tampoco sobre objetos inteligentes ni capas de video o 3d. ¡Te
invito a que veas como funciona!

Para este ejemplo utilizaré esta imagen, lo que queremos es redimensionarla

sin afectar a nuestro sujeto. Lo primero que vamos a hacer es desbloquear
nuestra capa dándole doble clic sobre el candado. Ahora vamos a imagen y
tamaño de lienzo, vemos que tenemos una imagen con un tamaño de 6336
pixeles de ancho por 7920 de alto, lo que vamos a hacer es aumentar el ancho,
ponemos 8000 pixeles en el ancho y damos ok, damos ok. Vemos que como
ampliamos el lienzo mas no la imagen, esta no se distorsiona, vamos a duplicar
nuestra capa con ctrl + j y apagamos la imagen original para trabajar sobre la
copia.

Vamos a oprimir ctrl + y seleccionando la capa para redimensionar la imagen

y si a esta imagen la extendemos usando ctrl + clic sin soltar y arrastramos la
imagen para encajar sobre el lienzo vemos como se distorsiona toda la imagen
incluyendo al sujeto en la foto.

Vamos a dejarla como ejemplo y vamos a volver a duplicar nuestra capa

original y desactivamos la que transformamos, ahora vamos a activar nueva
copia, ahora lo que voy a hacer es una selección rápida para esto puedes
utilizar la herramienta de selección de lazo y vamos a seleccionar el sujeto que
vamos a proteger.

Ahora, vamos a canales y crearemos una máscara de capa, por defecto vemos
que se llamará alfa. Podemos quitar la selección y teniendo elegida la capa
vamos a ir a edición, escala según contenido, también podemos hacerlo con
los comando alt + mayús + ctrl + c, en el panel de opciones de la herramienta
en la pestaña donde dice ninguno, vamos a seleccionar el canal alfa con la
selección que hemos creado, ahora cuando estiramos la imagen de nuevo
vemos cómo se va distorsionando la imagen pero nuestro sujeto permanece
igual.
Vamos a activar el primer ejemplo que hicimos solo distorsionando la imagen y
comparamos con la capa de la herramienta de relleno según contenido y este
es el resultado.

Esta poderosa herramienta te ayudará a mejorar una composición o encajar

mejor un diseño.

4.4 LICUAR

LICUAR

Sé bienvenido una vez más a una clase de Adobe Photoshop de Edutin

Academy. En esta oportunidad estaremos conociendo el filtro licuar que es el
que más se utiliza para la manipulación de imágenes. ¡Vamos a conocerlo!

¿Qué es lo primero que se viene a tu mente cuando menciono el término

Photoshop?
Seguramente estás pensando en alguna fotografía retocada que viste en una
revista o red social, incluso de una haz señalado que la persona en la imagen
luce diferentes facciones, rasgos o partes del cuerpo. Es precisamente donde
el filtro licuar entra en acción, aquí puedes tirar, rotar, reflejar, desinflar e inflar
cualquier área de una imagen.

¿Te encuentras curioso por esto? Te invito a que veas como funciona. A
continuación, voy a ejemplificar esta clase con esta fotografía de un retrato.

Lo primero que haremos es duplicar la capa para guardar los cambios en la

copia del original, ahora iremos a filtro, licuar. Luego, se nos abrirá la ventana
de licuar. En las herramientas de licuar encontraremos: deformar, reconstruir,
suavizar, molinete, desinflar, inflar, empujar, congelar máscara,
descongelar máscara, la herramienta de cara, mano y zoom.
La herramienta cara nos permitirá detectar automáticamente los rostros en la
imagen, lo que hará que al pasar el cursor por el rostro, nos cree controles en
pantalla intuitivos para hacer los ajustes de manera fácil y rápida.

A la derecha de la ventana tendremos las propiedades donde se encuentra las

opciones de la herramienta pincel, aquí aparecen configuraciones tales
como: el tamaño, la densidad la presión y la frecuencia, esto se aplicará a
cualquiera de las herramientas que utilicemos, desde deformar hasta empujar.

Una vez que elijamos como tenemos seleccionada la herramienta cara,

encontramos que donde dice licuar con detección de rostros, nos muestra el
número de la cara, esto se debe a que podemos detectar múltiples rostros y
trabajar individualmente en cada uno de ellos, también veremos separadas las
partes del rostro como ojos, nariz, boca y forma del rostro.

Por otra parte, si elegimos empujar veremos que cambiará el cursor a un

círculo, si agrandamos el tamaño del pincel a un tamaño adecuado y
empezamos a empujar hacia adentro entonces podremos adelgazar las
facciones.
Si usamos por ejemplo, inflar se podrá agrandar la parte que rodea el tamaño
del pincel, todo lo contrario si usamos desinflar. Si vamos a la parte de abajo
de propiedades se restaura todo.

Para finalizar, vamos a seleccionar cara y con los ajustes que nos aparecen en
el rostro, vamos a corregir, primero el rostro, ajustemos la boca y si queremos
podemos agrandar los labios o corregir ojo por ojo, si desmarcamos
previsualización veremos el antes y después, damos ok y si desactivamos la
capa también podremos ver el cambio. Y así de fácil es usar una de las
herramientas más populares de Adobe Photoshop.

Ya pudiste ver como el filtro licuar nos permite hacer alteraciones grandes o
pequeñas en una fotografía, lo cual la convierte en una herramienta clave para
todos aquellos que se dedican o quieren aprender sobre retoque profesional o
fotocomposición.

4.5 MODOS DE FUSIÓN

MODOS DE FUSIÓN

Gracias por continuar en las clases de Adobe Photoshop que Edutin Academy
tiene para ti. En esta ocasión, conocerás sobre los modos de fusión y cómo
estos pueden afectar los valores de color y luminosidad en una imagen.

¡Veamos más al respecto! Los modos de fusión determinan el modo en el que

los píxeles de una capa se fusionan con los píxeles de las capas que se
encuentran debajo de ésta. creando de esta manera un nuevo efecto.

Estos modos de fusión se dividen en seis categorías que son: normal,

oscurecer, aclarar, diferencia y componente.

El primero que tenemos es el modo normal. Este es el modo por defecto que
vienen nuestras capas. Los píxeles de la capa superior se mostrarán según su
opacidad.
Al igual que pasa con el modo disolver el cual toma valores de transparencia
para mostrar la capa base entre mayor sea la transparencia mayor será la
cantidad de píxeles que se muestran de la capa base.

Existen los modos oscuros, estos se encargan de resaltar los píxeles oscuros
de una capa, mientras que todos los píxeles claros tenderán a volverse
transparentes en función de su luminosidad. Aquí encontramos el modo
oscurecer, multiplicar, sobreexponer color, subexposición lineal y color
más oscuro.
También tenemos los modos claros o de aclarar los cuales al contrario de los
oscuros dan relevancia a los colores claros mientras que los oscuros se
volverán transparentes en función de que tan cerca a los negros estén. Aquí
encontramos el modo aclarar, trama, sobreexponer color, sobreexposición
lineal y color más claro.

Luego están los modos de contraste, los cuales resaltan los colores más
oscuros al igual que los claros y reducen la opacidad de los tonos medios. Es
decir, combinan los modos de fusión del modo oscurecer y aclarar. Aquí
encontramos superponer que resalta los tonos oscuros de la manera que lo
hace multiplicar y los claros de la manera que lo haría aclarar, también
está luz suave, luz fuerte, luz intensa, luz lineal, luz focal y mezcla
definida.
Más abajo tenemos los modos de diferencia que transforman cada pixel de la
imagen invirtiendo sus valores, aquí tenemos diferencia, exclusión, restar y
dividir. Restar y dividir funcionan uno contrario al otro, mientras en restar los
valores de la capa superior son restados de la capa base afectando a los tonos
claros, dividir genera el efecto contrario puesto que los colores oscuros resultan
más brillantes y los claros se verán poco afectados.

Por último, están los modos por componente que toman diferentes valores
del modo de color hsv (matiz saturación y brillo) para generar una mezcla, aquí
encontramos tono, saturación, color y luminosidad. Tono mantiene el brillo y
la saturación pero transforma el matiz, saturación mantiene el brillo y el tono,
pero afecta la saturación de la capa base usando los niveles de saturación de
la capa superior. Color mezcla la saturación y el matiz de la capa superior y la
transmiten a la capa base. Luminosidad que mantiene el tono y la saturación de
la capa base y toma y brillo de la capa superior.

Los modos de fusión resultan de gran utilidad a la hora de generar diferentes

efectos tales como sombreados e iluminaciones a nuestra imágenes.
Recuerda que esto también puede aplicarse a vídeos, animaciones, efectos
especiales y diseño.

4.6 ACTIVIDAD 03: CREAR UN POSTER EN PHOTOSHOP

CREAR UN POSTER EN PHOTOSHOP
En esta unidad conocimos más herramientas enfocadas en la edición digital de
una imagen, aprendimos a trabajar con objetos inteligentes, las herramientas
de pincel, el filtro licuar y los modos de fusión, entonces…

¿Qué tal si hacemos un ejercicio práctico? Para esta clase haremos a partir
de una fotografía, un póster inspirado en una serie popular coreana, aplicando
todo lo visto en esta unidad.
Y de esta manera finalizamos la cuarta unidad del curso de Adobe Photoshop
de Edutin Academy. ¡Muchas gracias por llegar hasta aquí! Y recuerda sobre la
importancia de trabajar con todas las herramientas mencionadas. Ya queda
muy poco para que seas un experto en manejando este editor. ¡Ánimo! Nos
vemos en una próxima ocasión.

5.1 INTRODUCCIÓN A LA UNIDAD 05

INTRODUCCIÓN A LA UNIDAD 05

5.2 EDICIÓN DE FOTOGRAFIAS RAW

EDICIÓN DE FOTOGRAFIAS RAW

Hola, bienvenido a otra clase del curso de Adobe Photoshop de Edutin

Academy. En esta ocasión aprenderás a editar archivos raw, es decir una
imagen no procesada, editada o formateada en Photoshop.

¿Cómo se trabaja con estas imágenes?

Adobe Photoshop proporciona una manera de trabajar con este tipo de

archivos sin procesar a través del panel de filtro, aquí encontramos el filtro de
cámara raw el cual nos permite tratar los archivos en bruto de cámaras
digitales y a la vez gestionar archivos TIFF o JPG. En esta clase vamos a editar
esta fotografía retocando algunas partes y ajustando sus colores.

Para esta clase utilizaremos esta imagen en formato raw, cuando abrimos una
imagen de este formato en photoshop se nos abrirá la ventana de cámara raw,
nos saldrá el nombre del archivo con la cámara con la que fue tomada en la
parte superior. También encontraremos el histograma y la información de cómo
fue tomada la fotografía así mismo en la parte de abajo de la ventana
encontraremos el perfil de color junto con el tamaño de la fotografía en pixeles
y la cantidad de pixeles por pulgada. En la parte derecha encontraremos el
panel de editar, donde haremos los ajustes a la imagen.

Empezaremos por la pestaña básico, donde podemos ajustar la temperatura de

color. llevemosla a 7100, así mismo la exposicion vamos a darle +0.15,
también elevamos el contraste a 21, bajemos un poco la iluminación a -8, así
como las sombras a -5, elevemos los blancos a +20 y para generar más
contraste en la imagen llevemos los negros a -13, si desactivamos y activamos
el ojo podemos ver los cambios hechos en la pestaña de básico. Ahora
sumemos la textura agregando +7 y bajemos la claridad para suavizar partes
como el rostro, llevémoslo a -22 y aumentemos la intensidad de los colores en
6 puntos.
Ahora haremos ajustes en la curva, vamos a elevar las iluminaciones y a bajar
las sombras. Podemos ver los cambios si desactivamos y activamos, veremos
el cambio en las curvas solamente. Vamos a reducir el grano y para eso
entramos en la pestaña de detalles y en reducción de ruido colocaremos +25,
podemos ver el cambio si activamos y desactivamos el ojo en la pestaña
detalle.

Vemos como el rostro se suaviza aún más. Entremos ahora al mezclador de

colores, aquí en tono ajustaremos los tonos de colores como los rojos,
cambiemoslo a -35, lo amarillos a -33, ajustemos la imagen, vamos a cambiar
el tono comprelo de los verdes para llevarlos hacia un color más cmarilo con -
77 en el deslizador, y los azules a -12 si activamos y desactivamos en el ojo de
la pestaña de mezclador de colores veremos los cambios.
Vamos a la saturación, aquí vamos a subir la saturación de los rojos llevándolo
a +19, así mismo saturemos un poco el verde, y los azules activamos y
desactivamos para ver los cambios. Vamos al apartado de luminancia, y
vamos a darle más luz a los rojos lo llevaremos a +41, y también a los verdes
con +20.

Sigamos con los efectos, en la pestaña de efectos vamos a darle una pequeña
viñeta oscura para resaltar más el centro de nuestra fotografía, vamos a llevarla
a -16, si activamos y desactivamos el ojo en el apartado de efectos veremos el
antes y después del ajuste.
Por último vamos a hacer correcciones como la de esta parte del vestido que
se ve desordenada, usaremos la pestaña de corregir y con un tamaño de pincel
adecuado pintaremos sobre lo que queremos que desaparezca, muy parecido
a como funciona la herramienta de parche. Una vez tengamos el efecto
deseado vamos a crear una máscara con un degradado para ajustar las zonas
que están aún muy claras como el cielo, llevaremos la exposición a -.75, el
contraste a +9 y las iluminaciones a +7, subimos la temperatura a +10 y la
saturación a +29, estos ajustes son de la máscara que hemos creado.

En la parte superior encontramos la máscara y con ella el ojo en donde si

desactivamos vemos el antes y después del efecto. Vamos a añadir otro
degradado lineal, para crear una luz que venga en esa dirección, le daremos
+.10 en la exposición, vamos a llevar el contraste y la iluminación a +7 y +12
respectivamente, y listo, podemos volver a la pestaña de editar, y si oprimimos
aquí veremos la original y el resultado, también podemos ver el original y el
resultante a la vez oprimiendo aquí. y listo, así se editan imágenes raw en
Photoshop.

¡Ya sabes cómo gestionar tus archivos raw en Adobe Photoshop! Te invito a
que no dejes de practicar lo enseñado en esta clase para que de esta manera
logres tener tener mayor control y rango en los ajustes que realices a tus
imágenes.

5.3 GRADACIÓN DE COLOR Y CORREGIR LA EXPOSICIÓN

GRADACIÓN DE COLOR Y CORREGIR LA EXPOSICIÓN

Hola, gracias por continuar en esta clase de Adobe Photoshop de Edutin

Academy. Hoy aprenderás a hacer color grading a tus imágenes raw desde el
filtro de cámara raw que posee el editor. ¡Bienvenidos!

Seguro en más de una ocasión has visto películas que con el paso del tiempo
se vuelven reconocibles por su paleta de colores o look característico. Este tipo
de manipulación digital se le conoce como: color grading o en español como
gradación de color.

Con esta técnica se juega con los contrastes de luces, sombras y colores para
crear un ambiente único para el espectador. ¿Qué te parece si creamos uno en
Photoshop? Hagamos un color degradado a esta fotografía a partir de este
frame de la película Joker:
Para lograr este resultado:

En esta ocasión hemos tomado un frame de la pelicula Joker y se han extraido

algunos colores para ver su paleta de color. Con esto lo que vamos a hacer es
que nuestra fotografía modelo tenga una gradación de color inspirada en esta
película, en mi espacio de trabajo tengo los lienzos flotantes y he abierto la
imagen en formato raw, lo que por defecto me abrirá primero la ventana de
camara raw, con esto es que haremos nuestra gradación básica.
En la parte superior encontraremos información de la fotografía, tenemos el
histograma además de información del lente que se usó, la apertura y la
velocidad del diafragma. En el espacio de básico podremos cambiar aspectos
como la exposición y el contraste, si vemos en nuestra imagen de referencia, la
imagen está muy contrastada con sombras marcadas y líneas duras.

Es hora de bajar un poco la exposición de nuestra imagen y vamos a contrastar

llevándola a +25, de igual forma bajaremos las iluminaciones a - 35 ya que en
nuestra referencia tenemos tonos oscuros, también identificamos sombras muy
oscuras y marcadas por lo que vamos a llevarla a -10, los blancos no tan
brillantes por lo que los dejaremos en menos 5.

Si oprimimos en el ojo veremos el antes y después de los ajustes que

realizamos, esto para ir viendo como va cambiando nuestra fotografía, también
oscureceremos los negros, llevándolos a +10. Si seguimos comparando los
cambios, también vemos cómo se marcan las facciones, por tal razón
aumentaremos la textura a +20.

Ahora tenemos una exposición de la imagen más acorde a nuestra referencia.

Si vamos a las curvas lo primero que podemos hacer es contrastar más toda la
imagen llevando en la curva de la parte inferior izquierda del histograma los
bajos hacia abajo y en la superior derecha llevando los claros hacia arriba. Si
nos fijamos bien ahora tenemos una predominancia de verde en esta imagen,
pero hay muchas formas de cambiar o mejorar los tonos en la misma, para ello
vamos a usar esta vez el mezclador de colores.

En este caso, para empezar, en el modo hsl tenemos tono para controlar la
carga tonal de cada color, aquí llevaremos los azules que tenemos, por
ejemplo, en el cielo y los tornaremos más hacia los verdes moviendo el
deslizador hacia la izquierda.

Vemos también como los verdes a +19 pueden emparejarse con los del frame,
de igual forma si los labiales se ven un poco más pálidos podemos ir a
saturación y bajar los rojos, si los bajamos a -100 o a 100 podremos ver los
lugares que está afectando la saturación en este color, esto nos sirve para ver
si estamos eligiendo los colores que son para cambiar. (esto sirve para saber si
estos son los colores correctos para cambiar)

Ahora llevamos la saturación a -29 y -15 en el tono, la piel que la encontramos

en los naranjas vamos a llevarla a -7 en el tono y quizá un -15 en la saturación,
para tener un efecto más quemado y naranja vamos a bajar la luminancia a -
21.

Cerramos aquí y volvemos a las curvas, en los verdes llevamos la salida a 3,

luego en los rojos sustraemos un poco llevando la entrada a 5, siempre vamos
probando, si usamos el ojo de curvas veremos el antes y después, vamos a
trabajar en el rostro, con los verdes y llevamos la salida a 252, no olvidemos
revisar antes. Esto lo hacemos para ver los cambios más a detalle ya que el
ojo se puede acostumbrar y no notar los cambios que hagamos.
Como podemos ver a la derecha del personaje tenemos una luz verde, ahora
podemos ir a abrir y abrimos como una copia y acomodamos el espacio de
trabajo, en nuestra copia veremos como nos ha quedado este look inspirado en
el frame de la película Joker. Por último, guardamos esta copia como color
grade en jpg, damos aceptar y cerramos la referencia, luego volvemos a abrir la
imagen raw que nos presenta su color original y podremos ver el antes y
después.

Como pudiste observar, podemos cambiar enteramente el ambiente de una

imagen gracias a la técnica de gradación de color. Es hora que te aproximes a
todos tus proyectos con estos conocimientos adquiridos.

5.4 ESPORTAR IMÁGENES

EXPORTAR IMÁGENES

Hola, muchas gracias por haber llegado a la última clase de Adobe Photoshop
de Edutin Academy, cerraremos esta unidad aprendiendo cómo guardar
nuestras imágenes en diferentes formatos. ¡Comencemos!

Cuando se trata de exportar una imagen lo primero que se debe reconocer es a

qué plataforma o red social se va a subir esto ya que cada una posee formatos
y dimensiones diferentes. Nuestro trabajo es asegurarnos que el archivo
guardado esté en condiciones óptimas en cuanto a relación de calidad de la
imagen y su peso.

Para mostrar cómo podemos guardar nuestros archivos, vamos a utilizar 3

imágenes. La primera será el color grade, pensemos que esta imagen la
queremos subir a nuestras redes sociales, para esto lo que necesitamos es una
imagen que se vea bien en todo tipo de dispositivos, para guardarla podemos ir
a archivo donde encontraremos 3 opciones, guardar, guardar como y
guardar una copia, si damos guardar se nos abrirá la pestaña
correspondiente, donde podemos buscar la ubicación donde queremos
almacenar nuestra imagen, luego de este proceso seleccionamos el tipo de
archivo que queremos.

Aquí encontraremos esta opción para guardar como documento de Photoshop,

formato de documento grande photoshop, pdf y tiff. Si oprimimos en guardar
como una copia y de nuevo buscamos la ubicación del archivo, y vamos a tipo
de archivo vemos como se nos han sumado más extensiones de
archivos. Ahora lo podemos guardar como un jpg, vamos a cambiar el nombre
del archivo, y si damos guardar se nos abrirá otra pestaña donde tendremos
opciones de imagen, esto para determinar la calidad del jpg, este tipo de
archivos están diseñados para almacenar de forma eficaz fotografías digitales
de alta calidad repletas de detalles y color.
La comprensión de imágenes grandes a archivos mucho más pequeños facilita
compartirlas y cargarlas en línea. Aquí podemos con el deslizador elegir si
queremos un archivo pequeño o grande, esto solo significa que podemos
decirle a Photoshop que tan comprimido queremos nuestro archivo final, para
este caso queremos tener la máxima calidad de nuestra imagen al comprimirla,
si oprimimos en previsualizar podremos ver cuánto será el aproximado que va
a tener en peso, lo que es de mucha utilidad cuando queremos subir un archivo
en plataformas donde solo podemos hacerlo con un límite de peso.

Ahora vemos que si movemos el deslizador a media el tamaño cambia

considerablemente, en esta ocasión vamos a dejar en máxima.

También encontramos otras opciones de formato.

 Línea de base ("Estándar") utiliza un formato que reconocen la mayoría

de los navegadores web.
 Línea de base optimizada crea un archivo con colores optimizados y un
tamaño de archivo ligeramente más pequeño.
 Progresivo muestra una serie de versiones cada vez más detalladas de
la imagen (el usuario especifica el número) a medida que se descarga.
 (No todos los navegadores web admiten imágenes JPEG progresivas y
optimizadas), así que vamos a dejar línea base y damos ok.

Ya guardada nuestra imagen, vamos ahora con otro ejemplo. Pensemos que
necesitamos este banner en png, podemos ir a archivo- exportar y aquí
tenemos 2 opciones, exportación rápida como png y exportar como,
aunque también podemos ir a guardar como y de nuevo vemos que solo
tenemos algunas opciones, pero si damos en guardar una copia y entramos a
tipo de archivo encontramos que podemos guardar nuestro documento como
un png.
Posteriormente vamos a exportar nuestra imagen, ya sabemos que archivo
exportar, nos vamos a exportar como, se abrirá la ventana correspondiente, en
esta encontraremos que podemos exportar como png, jpg y gif en el menú
desplegable de formato, ahora al elegir png debemos decidir si queremos
guardar con transparencia o si queremos crear un archivo más pequeño, el
tamaño de la imagen en pixeles, la escala que reduce el tamaño de la imagen
el tamaño del lienzo, si queremos añadir metadatos, el espacio de color,
convertirlar en srgb o incrustar un perfil de color en el perfil del recurso
exportado.

Damos exportar y vemos que solo nos aparece el tipo de archivo elegido y
damos guardar, si optamos por exportación rápida como png elegiremos la
opción predeterminada que hemos seleccionado en las preferencias de dicha
exportación, de nuevo podemos buscar el lugar donde vamos a guardar y como
tercera opción guardaremos nuestro landing page, para esto vamos a ir a
guardar una copia como, aquí encontraremos varios tipos de archivo, entre
esos el raw en caso tal deseemos una imagen sin compresión y también el pdf
de Photoshop, que es como guardaremos este ejemplo.

Otra opción es ir a guardar como y entre las opciones de tipo de archivo que
tenemos también nos encontramos pdf, si damos guardar se nos abrirá primero
esta ventana que nos recuerda que al guardar como adobe pdf se pueden
sobrescribir las opciones del diálogo, damos ok y nos aparece la ventana de
este tipo de archivo, en donde encontramos generales compresión salida
seguridad y resumen, como ajuste preestablecido tendremos impresión de alta
calidad.
El estándar, con el tipo de compatibilidad que por defecto nos aparece para
acrobat 5, si vamos a la pestaña de compresión tendremos dentro de sus
opciones no disminuir la resolución, disminuirla a una medida seleccionada,
submuestreo y disminución de resolución bicubic, podemos determinar el tipo
de compresión, en los cuales tenemos compresión por zip jpeg y jpeg 2000.
En la pestaña de generales podemos elegir entre conservar las capacidades
para editar de nuevo en Photoshop y también en la pestaña de seguridad
podemos crear una contraseña para abrir el documento, damos en guardar pdf
y nos muestra este cuadro de diálogo que nos dice que si tenemos versiones
anteriores del software este no tendrá las capacidades para editarlo y se abrirá
como un pdf genérico, nos pregunta si queremos continuar damos que si y eso
es todo.

Ya hemos visto diferentes maneras de guardar nuestros archivos. Una imagen

digital es un archivo, por tal razón siempre se intenta que al comprimirla haya la
menor pérdida de información posible, por eso el día de hoy aprendiste cómo
comprimir estos datos de forma eficiente.