Como siempre usaremos una imagen de Unplash pueden practicar con ella o usar una fotografía propia, eso depende de lo que quiera cada quién.
Para este tutorial no hace falta recortar la foto, vamos a usarla completa, ya que lo que queremos simular es el error de transmisión de datos (o glitch) que puede ocurrir en días de lluvia en la TV digital o en la descarga de imágenes. Además quiero enseñarles un segundo tutorial enfocado acortar el tiempo de trabajo al aplicar esta o cualquier otra acción con nuestro programa de edición de imágenes.
Greetings my dear Hivers!!! today I come full of energy to show you two tutorials in #Photoshop, I'm sure you will like them and put them to the test, especially because it's going to save you a lot of work. This photo manipulation work can be done on as many levels as you want, put a little here or there, or take it to the limit.
As always we will use an image from Unplash you can practice with it or use a photograph of your own, it depends on what you want.
For this tutorial there is no need to crop the photo, we will use the whole picture because what we want to simulate is the data transmission error (or glitch) that can occur on rainy days on the digital TV or downloading images. In addition, I want to show you a second tutorial focused on shortening the work time when applying this or any other action with our image editing program.
Comencemos / Let's start:
Las acciones en photoshop son atajos que tomamos para adelantar procesos mas rápidamente, sobre todo cuando sabemos que la vamos a necesitar seguido, el programa trae un pack de acciones por defecto, pero podemos agregar muchas mas y esta es la manera de hacerlo:
Vamos a crear una acción para guardar el tutorial que traemos hoy, en el programa photoshop, y así se puede usar las veces que quieras en cualquier proyecto que tengas. Para eso, buscamos en el menú superior damos clic a Ventana> Acciones, o simplemente presionamos Alt+9 en el teclado, y aparecerá el menú de Acciones, y a partir de allí crearemos una nueva.
The actions in photoshop are shortcuts that we take to advance processes more quickly, especially when we know that we are going to need them often, the program brings a pack of actions by default, but we can add many more and this is the way to do it:
We are going to create an action to save the tutorial that we bring today, in the photoshop program, so it can be used as many times as you want in any project you have. For that, we look in the top menu click on Window> Actions, or simply press Alt+9 on the keyboard, and the Actions menu will appear, and from there we will create a new one.
Para usar una acción (deberías probarlas todas, para aprender sus beneficios y conocer en que te puede ser útil) basta con darle play a los pequeños íconos al pie de la ventana de las acciones, y verás como photoshop comienza a trabajar solo, automatizando procesos largos y tediosos, sobre todo si debes hacerlos varias veces durante el día. Pues bien, para crear nuestra acción solo tenemos que crear una nueva acción dar clic al ícono de la hoja doblada > Crear nueva acción. Podemos ponerle nombre, adjudicarle una tecla (mas rápido todavía) y hasta color, yo lo dejaré así tal cual, solo le pondré nombre para no confundirme con otra mas adelante. A partir del momento en que damos clic a grabar se guardará cada paso del tutorial de Glitch, no importa cuanto tardemos en completar, no olvides que, al finalizar, debes dar clic al ícono de cuadrado para detener y guardar la grabación.
To use an action (you should try all of them, to learn their benefits and how they can be useful to you) just click on the little icons at the bottom of the actions window, and you will see how photoshop starts working by itself, automating long and tedious processes, especially if you have to do them several times during the day. Well, to create our action we just need to create a new action by clicking on the folded sheet icon > Create a new action. We can name it, assign it a key (even faster), and even color, I will leave it as it is, I will only name it so as not to confuse it with another one later on. From the moment we click on record every step of the Glitch tutorial will be saved, no matter how long it takes to complete, don't forget that, when you finish, you must click on the square icon to stop and save the recording.
Paso / Step 1
Presionar Ctrl+J, luego está la opción de dar clic en Cepa > Duplicar capa , o clic con el botón derecho del mouse en la miniatura de capa.
- Open the image of your choice, and duplicate it. There are several ways to do this:
- Press Ctrl+J, then there is the option to click on Strain > Duplicate Layer , or right-click on the layer thumbnail.
We are going to convert the duplicate layer to black and white, this is not the best treatment for converting photos to black and white, but we can talk about that in another post. To convert it to monochrome just go to the top menu > Image > Black and White and accept the presets.
Paso / Step 2
- Duplicamos la capa en blanco y negro, Ctrl+J para ser mas rápidos, y vamos a hacer unos ajustes en el estilo de capa, para esto damos hacemos clic con el botón derecho sobre la capa, justo al lado de la miniatura, y seleccionamos opciones de fusión. También podemos abrir esta ventana dando doble clic. Deshabilitamos el canal rojo, identificado con una R.
Duplicate the black and white layer, Ctrl+J to be quicker, and let's make some adjustments to the layer style, for this we right-click on the layer, right next to the thumbnail, and select blend options. We can also open this window by double-clicking. Disable the red channel, identified with an R.
Comienza la magia: al mover (horizontalmente) nuestra capa superior, a la derecha o la izquierda, depende de como te guste mas, también puedes elegir qué tanto arrastrarás la capa hacia a un lado.
The magic begins: by moving (horizontally) our top layer, to the right or left, depending on how you like it better, you can also choose how far you will drag the layer to the side.
A mi me quedó así. Ahora vamos a seguir generando las interferencias a la imagen. Vamos a colocar sobre todas las capas unas líneas horizontales, acá te la dejo en png (libre de uso):
This is how it looks to me. Now we are going to continue generating the interferences to the image. We are going to place on all the layers some horizontal lines, here I leave it in png (free to use):
Como es mas pequeña que nuestra imagen, corregimos la escala y seguimos, en las Modos de fusión, seleccionamos Superponer y ajustamos la opacidad según nuestros requerimientos, podemos ir subiendo y bajando para poder ver como queda mejor con nuestra imagen. Recordemos que va a cambiar de una foto a otra, dependiendo de las características de nuestra imagen, como la nuestra es oscura, no quise oscurecerla tanto, así quele bajé la opacidad al 25%.
As it is smaller than our image, we correct the scale and continue, in the Blending Modes, select Overlay and adjust the opacity according to our requirements, we can go up and down to see how it looks better with our image. Remember that it will change from one photo to another, depending on the characteristics of our image, as ours is dark, I did not want to darken it so much, so I lowered the opacity to 25%.
Paso / Step 3
- Vamos a agrupar nuestras capas en un grupo, para eso vamos a seleccionar todas (haciendo clic en cada una con la tecla Ctrl presionado en nuestro teclado) todas, menos la capa original y arrastramos la selección hasta el ícono de la carpeta. Y luego duplicaremos el grupo con Ctrol+J. También vamos a combinar las capas de cada grupo, para esto desplegamos el contenido del mencionado grupo y seleccionamos todas las capas y con el clic derecho sobres las capas seleccionamos "Combinar capas", repetimos esto en los dos grupos.
We are going to group our layers in a group, for that we are going to select all (by clicking on each one with the Control key pressed on our keyboard) all but the original layer and drag the selection to the folder icon. And then we will duplicate the group with Ctrl+J. We will also combine the layers of each group, for this, we display the content of the mentioned group and select all the layers and with the right click on the layers we select "Combine layers", we repeat this in the two groups.
Now let's create even more interferences, select the topmost group, and with the "Rectangular Frame" tool, located on the left, proceed to create random strips all over the image, and with the Ctrl key pressed move (to the left or right) the selection.
Once you have finished positioning each of the selections press Ctrl+D to deselect. Repeat this operation, as many times as you need, to create those "errors" we are looking for.
Ahora vamos a crear aún mas interferencias, seleccionamos el grupo que está mas arriba y con la herramienta "Marco rectangular, ubicado a la izquierda, procedemos a crear tiras aleatoriamente por toda la imagen y con la tecla Ctrl presionada movemos (hacia la izquierda o derecha) la selección.
Una vez que termines de posicionar cada una de las selecciones presiona Ctrl+D para deseleccionar. Repite esta operación, tantas veces como lo requieras, para crear esos "errores" que buscamos.
Now let's create even more interferences, select the topmost group, and with the "Rectangular Frame" tool, located on the left, proceed to create random strips all over the image, and with the Ctrl key pressed move (to the left or right) the selection.
Once you have finished positioning each of the selections press Ctrl+D to deselect. Repeat this operation, as many times as you need, to create those "errors" we are looking for.
Y al terminar, no olvidemos hacer clic en el ícono de parar (cuadrado) en la ventana de las acciones, para detener la grabación del tutorial y que quede guardada correctamente.
And at the end, do not forget to click on the stop icon (square) in the actions window to stop recording the tutorial and save it correctly.
Gracias por tomarte tu tiempo en leer y aprender una nueva técnica, espero ver tus resultados
Gracias por tomarte tu tiempo en leer y aprender una nueva técnica, espero ver tus resultados
Las imágenes publicadas son capturas de pantalla del proceso realizado en photoshop
Thank you for taking the time to read and learn a new technique, I look forward to seeing your results.
Thank you for taking the time to read and learn a new technique, I look forward to seeing your results.
The published images are screenshots of the photoshop process.
Sígueme
Sígueme