Transcripciones
1. Vamos a tener 'Warp en perspectiva': [ MÚSICA] ¿Quieres aprender la famosa herramienta Photoshop
Perspective Warp? Entonces esta
clase corta es para ti. Mi nombre es Keith y soy instructor de
Adobe trabajando en el Adobe
Training Centre líder del Reino Unido en Londres. Soy diseñadora gráfica y
la diseñadora de zapatos
que ha trabajado con Jimmy Choo y Sophia Webster. El warp de perspectiva está cambiando
esencialmente la perspectiva
de una imagen por lo que cabe muy bien en una pantalla, ya sea un teléfono móvil, un iPad, o una computadora. A menudo se utiliza para mostrar los sitios web de
uno en esa pantalla, para animar a los espectadores a dirigirse a su sitio web y
crear compromisos. Estaremos practicando
con un par de imágenes, una Una sea una pantalla de computadora y la otra
será un teléfono móvil. También estaremos utilizando ajustes de
imagen, y filtros de cambio,
y brillo, y contrastes, y cambio
de color para asegurar que nuestra imagen se vea perfecta y
lo más realista posible. Ahora siéntete libre de tomar
tomas de pantalla
de tus imágenes, de tus sitios web, de lo que
quieras mostrar, y úsalo en estos ejercicios
para hacerlo tuyo. No puedo esperar a ver
qué se te ocurre. Entonces, empecemos.
2. Preparación de los archivos: [ MÚSICA] De acuerdo chicos, ¿
están listos para empezar a aprender la herramienta
Perspective Warp? Es una herramienta súper cool y
no es tan difícil de usar.
Eso es emocionante. Lo que vamos a aprender
en esta clase es cómo usar la herramienta Perspective Warp en una pantalla de computadora como aquí. Eso sólo significa cambiar la perspectiva de esa
imagen para que encaje está aquí. Como pueden ver
lo he hecho aquí con una toma
de pantalla de uno de mis cursos de Skillshare, y aquí otra imagen. También vamos a
aprender esto con un teléfono. Además de eso vamos a aprender
a enmascarar u ocultar un poco aquí
usando máscara de capa, y cómo cambiar los
ajustes y colores de la imagen y agregar un filtro a esta imagen para que se
vea más realista. Eso es super cool. Ahora, primero lo primero
hablemos de los archivos, preparando nuestros archivos. Deberías recibir un archivo zip
llamado Perspective Warp. Si haces doble clic en ese archivo
zip se expandirá a una carpeta y podrás acceder a
todos los archivos que hay dentro. Simplemente voy a eliminar esta
carpeta porque es una copia. Si abres esta
carpeta que tienes, verás las imágenes de
fondo. Este es un extra con el que
podrás jugar más tarde. Los ejemplos de las
imágenes que creé, y las imágenes que
estaremos colocando en nuestras pantallas. Ahora acabo de sacar algunas
tomas de pantalla de mi perfil de
Skillshare. Pero siéntete libre de tomar
capturas de pantalla de tus propios sitios web, tus propias imágenes, o lo que
quieras mostrar.
3. Expresión de Warp de perspectiva: Empecemos y
vayamos a Adobe Photoshop. Si puedes ir a Photoshop, vamos a abrir
esta imagen
ahora mismo yendo a Archivo, Abrir como Objeto Inteligente. Ahora un objeto inteligente esencialmente te
permite mantener
la imagen y realizar algunas ediciones que no son
permanentes para que
siempre puedas editarla y realizar
cambios si así lo deseabas. Adéntrate en el hábito de abrir como un objeto inteligente y abrir
esa imagen de computadora. Este será el trasfondo. Ábrela, y ahí vamos. Ahora lo que haremos ahora
es
colocar una imagen encima de esto, entraremos directamente. Para ello, tenemos que ir
a Archivo, Lugar Embedded. Esto colocará una imagen así
como un objeto inteligente, lo que, de nuevo, significa que podemos hacer ediciones y
no son permanentes. Ahora quiero que selecciones
imágenes y selecciones cualquiera de esas imágenes de paisaje que quieras o tus propias imágenes, asegúrate de que su paisaje, porque la pantalla del ordenador de
aquí es una imagen de paisaje. Voy a elegir éste. Qué hermosa imagen. De verdad quiero estar
ahí ahora mismo. Haga clic en “Lugar”. Vamos a cambiar el tamaño de
esta imagen
ahora mismo haciendo click izquierdo
y arrastrando desde las esquinas como
aquí, aproximadamente. Cuando estás contento con la forma en que tiene el tamaño, presionas “Enter”. Nos dirigiremos directamente a
la warp de perspectiva, que es realmente fácil. Son sólo un par de pasos. En primer lugar tendremos que ir a
Editar Perspectiva Warp. Para ello hay
dos pasos involucrados. El primer paso sería
definir el plano por clic y arrastrar dentro de los
bordes de la imagen. Después, cuando termines,
presionas “Enter” o “Return”. Ahora estamos en el segundo paso. Verás que los pasadores se vuelven negros, lo que significa que
ahora podemos moverlos. Se puede hacer clic y arrastrar y alinear los pines a las
esquinas de la pantalla, lo cual es super cool, creo. Haga clic y arrastre y
alinee tanto como
pueda a las esquinas. Cuando estés semi
contento con esto, solo
puedes presionar “Enter”
y esa es tu perspectiva. Ahora la gran noticia es que si
no estás del todo contento con esto, siempre
puedes editar
la warp de perspectiva. Para ello, vas al panel
de capas por aquí y verás warp de
perspectiva. Si no lo ves,
significa que tu imagen no era un objeto inteligente por lo que
solo quieres volver a abrir la imagen como
un objeto inteligente. Ahora si haces doble clic
en warp de perspectiva, estás de vuelta en los pines negros, lo que significa que puedes editarlos de nuevo y
moverlos. De nuevo, pulsa “Enter”
cuando estés feliz.
4. Ajustes de imagen: Impresionante. Ahora, te
voy a mostrar cómo hacer algunos
ajustes menores a nuestras imágenes, cambiando cosas
como el brillo o contraste, o colores,
agregando un desenfoque, lo cual es genial para hacer que la imagen se
vea más realista. Para ello, tienes que ir a ajustes de
imagen y
verás toda una lista de ajustes de
imagen. Tendrás brillo y
contraste y todos estos son similares a cuando editas una imagen en Instagram
o en tu teléfono. Me gustaría que
seleccionaran brillo y
contraste y jugaran
con el brillo. Verás que la imagen se vuelve
más brillante o menos brillante. La luz parece más que está en modo de espera y
sigue contrastando también. Tienes la libertad aquí, la libertad artística para
jugar con esto. Cuando estás contento con
la forma en que se ve algo, haces clic en, “Ok”. De nuevo, esto se puede
cambiar y editar
también por aquí haciendo doble clic en
brillo y contraste, y de nuevo, se puede cambiar esto. Eso es genial porque
si alguna vez cometes errores, siempre
puedes editarlos. Ojalá eso existiera también en la vida
real, pero oye, ahora podemos volver a los ajustes de
imagen y también
puedes cambiar la
vibración, digamos. Podemos hacer que los colores sean más
vibrantes o menos vibrantes. Se verá un
poco más suave, un poco más lavada, y similar con saturación. De nuevo, aquí tienes libertad
artística, lo que creas que se ve mejor. Cuando hayas terminado,
haz click en “Ok”. Ahora, les voy a
mostrar cómo agregar un filtro de desenfoque y cómo
desenfocarse esta imagen esencialmente. Esto es genial porque
a veces hará que se vea un poco más
realista también. Estamos golpeando a unos pájaros
de un tiro por aquí. Ajustes de imagen,
filtros, warp de perspectiva. Si vamos al desenfoque de filtro, hay un desenfoque que me gusta
usar llamado Desenfoque gaussiano, si seleccionas eso,
puedes aumentar el desenfoque. Ya verás que se desdibujará
mucho, pero eso es un poco mucho. Puedo hacerlo un poquito más
borroso. Sólo un poquito. Cuando estés contento con eso, haces clic en “Ok”. Esa es la primera imagen hecha. Ahora bien, sí creo en la repetición. Vamos a volver a practicar esto con
otra imagen.
5. Guardar y exportar: La repetición es clave aquí. Simplemente vamos a volver a
hacer todo este proceso con
otra imagen
con una captura de pantalla esta vez. Lo que haremos en realidad
es que vamos a ocultar
temporalmente esta imagen. Hacemos esto haciendo click en el ojito
aquí que ves. Si haces clic en él, lo ocultará temporalmente solo para que
no nos moleste. Ahora vamos a repetir
este proceso yendo a Archivo, Place Embedded. De nuevo aquí, aquí
es donde puedes elegir tu propia captura de pantalla de tu página web de lo que
te gustaría mostrar. Podría elegir a este tipo por
aquí y hacer clic en “Place”. De nuevo, haces clic y arrastras, y lo haces
aproximadamente del tamaño en el
que estará la
pantalla real. Pero de nuevo, no
tiene por qué ser perfecto. Eso está bien. Cuando termines, presionas “Enter” o “Return”. Entonces vas a ir a Editar, Perspective Warp, y
repetir todo el proceso. Haz clic y arrastra
define el plano, presiona “Retorno” y arrastra
los pines a las esquinas. De nuevo, cuando termines,
presionas “Return”. Hay una pequeña edición que
tiene que pasar aquí. No hay problema. No te estreses. Simplemente vuelve a Perspective
Warp por aquí, haz doble clic y
solo edita los pines en consecuencia, y Return. Puedes repetir todo el proceso que te mostré antes para ajustes de imagen
yendo a Imagen, Ajustes y cambiando el
brillo y el contraste, y la vibración y etc., y desenfocar. Volver a Filtrar,
Desenfocar, Desenfocar gaussiano. Ahora, por supuesto, siéntase libre explorar todos los
ajustes de imagen que están aquí. Hay algunos de
ellos. Puedes hacerlo en blanco y negro
y cosas así. Tengan un poco de juego con él y cambien eso en su propio tiempo. Eso es genial. Ya
terminamos con eso. Ahora puedes esconder esta y luego mostrar la otra si
prefieres esa. Eso es realmente genial. Si desea guardar
esta imagen ya sea como archivo
de Photoshop o como JPEG, tiene
que ir a Archivo,
Guardar como, Guardar en su
computadora, guardar en algún lugar. Guárdalo en esta carpeta. Puedes guardarlo
como un archivo de Photoshop o como un JPEG. Haga clic en “Guardar”. Por aquí puedes cambiar si
quieres que sea un archivo pequeño, baja calidad o de gran tamaño
, de alta calidad. Después haga clic en “Ok”. Esa es nuestra segunda imagen hecha.
6. Warp en perspectiva: en una pantalla Teléfono: Ahora vamos a cerrar este hub haciendo click en la
pequeña x de aquí. Vamos a repetir todo
este proceso, pero con una imagen de un teléfono, y vamos a aprender algunos trucos
valiosos de Photoshop. Vamos a Archivo, abrimos un objeto inteligente
y esta vez, seleccionamos la imagen de publicación de Instagram. Da click en Abrir, ahí está. Esta vez es una imagen de retrato, lo que significa que vamos a
colocar una imagen de retrato dentro. Vamos a ir de nuevo
a File, Place Embedded, y seleccionar imágenes desde esa carpeta de trabajo de
perspectiva, y seleccionar a la encantadora
dama aquí con las flores porque
es una imagen de retrato. Por supuesto, siéntete libre de
usar cualquier imagen que te guste y luego redimensionarla en consecuencia
y aproximadamente, y luego puedes presionar
Enter cuando estés contento. Vamos a repetir
el proceso yendo
a Editar, Perspective Warp. Ahora, antes de que
pasemos a hacer esto, te
voy a mostrar un
pequeño truco que uso a veces para asegurarme de que la
imagen esté correctamente alineada. De lo que uso es transparencia. Hago la imagen transparente. Si pasas por aquí y
subes, verás opacidad. opacidad es lo contrario
de la transparencia. Cuando es 100 por ciento opaco, significa que no es
transparente en absoluto. Entonces si quieres que
esto sea transparente, tienes que reducir la
opacidad y ahí vamos. Se puede ver un poco. Al igual que eso es suficiente. Ahora vamos a ir a
Editar, Perspective Warp, y definir nuestros encantadores aviones, y pulsar Return o Enter. Ahora cuando alineemos nuestros aviones, va a ser un
poco más fácil de ver. Sólo lo estamos haciendo temporalmente transparente y
por aquí también. Cuando estamos contentos, podemos presionar Return o Enter, y esa es nuestra imagen colocada.
7. Máscara de capa: Siéntase libre de
hacerlo poco transparente o completamente opaco
otra vez para ver mejor. Hagámoslo transparente de
nuevo
porque va a ser importante
para nuestro próximo paso. Eso será para quitar
este rincón de aquí, esta pedacita
que no necesitamos. Ahora para hacer esto, voy a tener que
mostrarte algunas herramientas de Photoshop que son súper importantes y se llama herramienta de
selección. El otro se llama
máscara de capa. Lo que vamos a hacer es seleccionar esta pieza y
enmascararla u ocultarla. Ahora hay algunas formas de
hacer esto, pero antes que nada, quiero que acerquemos un poco
yendo a Ver zoom para acercar o alejar, o Command
o Control Plus, Command for Macs, Control para PC, para acercar un poco, para que podamos ver un
poco mejor. Vamos a utilizar aquí
una herramienta llamada herramienta
de lazo poligonal. Palabra bastante difícil de pronunciar. Lo que hace es que
te permite hacer selecciones de
borde recto. Se puede dibujar literario alrededor de
algo y seleccionarlo. Lo que quiero que hagamos es
no seleccionar esta pieza, sino seleccionar el resto. Selecciona lo que queremos ver de la imagen lo
que significa que vamos a seleccionar esta pieza
de la imagen y no
vamos a
seleccionar esta pieza y que será maestra oculta. El modo de utilizar esto es ir click y hacer clic y hacer clic y
hacer clic y hacer clic. Si cometiste un
error y whoops, solo presiona retroceso o regresa, y desharán
la última selección. Haga clic, entonces lo
que quería hacer es hacer clic y dibujar los bordes aproximadamente de
nuestra encantadora imagen y que cierres la selección. Da click en el punto con el que
empezaste para
seleccionarlo, para cerrarlo y ahora es
una selección cerrada. Ahora vamos a usar un
famoso icono de Máscara de Capa. Si haces click en eso,
ocultará esta pieza, que es lo que queremos. Ahora claramente,
no hicimos un buen trabajo aquí, lo cual está absolutamente bien. En Photoshop, siempre podemos editar opciones que hemos
creado, lo cual es impresionante. Para explicar algo
sobre la máscara de capa. El máscara de capa, si ves
aquí en la miniatura, verás blanco y negro. Esta es la máscara de capa. ¿ Se puede ver que esto es
negro y esto es blanco? Lo que sea blanco,
actualmente se puede ver desde la imagen. Lo que sea negro está escondido. Eso significa que
lo que sea aquí es negro porque eso está oculto
y esta imagen está en blanco. Si queríamos ver un
poco más de la imagen, vamos a tener que usar
un pincel blanco y dibujar aquí y esto va a
mostrar una pieza de la imagen. Si vamos a esconder
un pedazo de la imagen, tiene
que ser negro
y eso está bien si es un poco confuso
porque todo es nuevo y te voy a
mostrar cómo hacer esto. Tendrá más sentido
cuando realmente lo hagamos. En primer lugar, quiero que te
asegures de que selecciones el icono
Máscara de capa por aquí. En segundo lugar, vamos
a usar la herramienta de pincel. Un atajo para la herramienta de pincel
es B para pincel hermoso. Entonces en la parte inferior verás blanco y
negro esperemos. Si no lo ves, da
click en este pequeño minúsculo aquí para los colores por defecto. Entonces por aquí, puedes intercambiar los colores o puedes presionar X. Ese es el atajo para cambiar los colores de primer plano
y de fondo. Cualquiera que sea
el color aquí será el color del primer plano
que estarás usando. Si es negro y dibujamos
con un pincel negro en alguna parte, esto ocultará
más de la imagen. Si lo dibujamos con un
pincel blanco, mostrará más. Te voy a dar un par
de trucos para el pincel. Para que tu pincel lo
haga más grande, necesitas usar el
soporte adecuado en tu teclado. Para hacerlo más pequeño, el corchete cuadrado izquierdo. Esto es súper útil
y funciona para todo tipo de pinceles
en Adobe Photoshop. Recuerda, mi color es negro. Eso significa que ahora, si voy así, va a ocultar nuestra encantadora imagen de dama
que no queremos. No queremos
ocultar esta pieza. Queremos agregar más de
esa imagen de dama por aquí. Vamos a usar el blanco en su lugar y literalmente
vamos a dibujar y hacer clic y arrastrar y empezar a
dibujar aquí sólo en el borde, sólo para que podamos ver un poco mejor. Si cometiste un error, siempre
puedes ir a
editar, deshacer o comandos. Actualmente es realmente
difícil decir lo que está
pasando porque nuestra imagen
es transparente. Vamos a hacer que nuestra
imagen no sea transparente. Vuelve a la opacidad y
hazla no transparente. Ahora será más fácil mostrar y ver lo que necesitamos
esconder o mostrar aquí. Yo quiero intercambiar, hacerlo negro, y quiero
deshacerme de un poquito aquí. Creo que me tomé un poco demasiado. Sólo voy a hacer clic
y arrastrar y mover un poquito aquí y eso fue
demasiado así que vuelve a blanco y puedes seguir
ajustándolo hasta que estés feliz. Asegúrate de tener
una mano estable y no
bebiste
demasiado café como yo. Una vez que estés feliz
puedes alejar, ver, alejar, Comando o Control menos
y esa es nuestra máscara de capa.
8. Color y filtros: Ahora de nuevo, siéntete libre de hacer los
ajustes
que necesites hacer. Al igual que los ajustes a
la perspectiva funcionan, haciendo doble clic y
moviendo esto hacia arriba o hacia abajo. Por ejemplo, ajustes a la máscara de capa seleccionando
el icono Máscara de capa, yendo a un pincel y
agregándolo con blanco o negro, cualesquiera cambios que
necesites
hacer, hazlos ahora mismo antes de que nosotros pasar a la
parte final de esta clase. Eso es agregar un filtro, hacer hace el mismo
color que la pantalla. Antes de empezar a añadir filtros, te
voy a mostrar
cómo guardar este color, este poco verde aquí, este color menta
en tus muestras, que es donde guardas colores, entonces podemos usarlo. Entonces quiero que
pinches en el verde, la menta en algún lugar aquí, y verás la menta
seleccionada por aquí. Ahora, si haces doble clic en esto y haces clic
en añadir a Muestres, puedes llamarlo menta, el color ahora se
guardará en tus muestras, lo que significa que
puedes reutilizar este color. Si fuera a ir a muestras, voy a ver este color aquí. Ahora, quiero que volvamos a los ajustes de
imagen. Esta vez vamos al filtro fotográfico. Ya verás que actualmente
tiene algunas opciones, no
necesitamos ninguna de esas. Si seleccionas un color, te dará
ese color naranja, que es genial, pero no es
lo que necesitamos. En cambio, vamos a cambiar este color por el
verde por la menta. Doy click en este color. Entonces si haces click en ese
color que acabamos de crear aquí y la menta en la que
haces clic bien, eso significaba
que aparece ahí, lo que significa que va a cubrir nuestra imagen con un filtro de color
menta. Ahora solo necesitas aumentar la densidad de este
color en consecuencia para decir parece que es parte de la misma imagen y luego
puedes hacer click en Ok, y eso es todo. Por lo que hemos cubierto
mucho en esta clase. Hemos cubierto warp de perspectiva. Hemos cubierto cómo
colocar imágenes, cómo editar la
warp de perspectiva con un Objeto Inteligente. Cómo cambiar la saturación, el brillo, el contraste. Cómo agregar un filtro de desenfoque, cómo enmascarar una parte de la imagen. Esto es realmente complicado, pero sí cubro esto en mis otras clases más en profundidad
cómo usar una máscara de capa. Seguro que si haces esos, te sentirás realmente seguro
usando la máscara de capa. También hemos cubierto cómo usar pinceles
para editar la Máscara de capas y
finalmente un filtro de fotos. Espero que hayas disfrutado de esto
y que sigas y utilices tus propias imágenes geniales
y sitio web y contenido y utilices esto
para gráficos en redes
sociales o lo que
sea para lo que lo necesites. Como siempre, fue un
placer y nos vemos pronto. [ MÚSICA]
Kate Silver, Graphic Designer & Adobe Instructor
