Saltar navegación

USING IMAGES IN PROCESSING - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 27 de julio de 2023 por Gonzalo R.

6 visualizaciones

Más información Transcripción

Descargar la transcripción

Hello Harloms, good morning. Today we are going to continue with processing and we are 00:00:00
going to work with a image, ok? I'm going to share my screen. Ok, share my screen. Ok, 00:00:10
you can see my screen now. Ok. For today's project we are going to use some images, ok? 00:00:27
I have the two images I'm going to use here, ok? This one, Harlom, is an image from your 00:00:39
school and an image from me, ok? Let's begin with the project. It's very easy and you will 00:00:46
like the results and if you have the chance to practice you will like it, ok? First of 00:00:55
all I have to begin a project and I have to save the project, ok? So, save as. Background 00:01:05
will be the name of the first project, ok? Ok. If I go to my desktop, I should have here 00:01:21
the, oh, I didn't put it in the desktop. Background, ah, ok, I want it in the desktop, ok? Ok. 00:01:39
Here is my project, ok? If I open this folder, I have just the program, ok? I have to include 00:01:56
the image that I'm going to use here, inside the folder. So, how can I do that? I have 00:02:04
to go to the program, to the menu Sketch, Add File, ok? And I will add the two files 00:02:10
that I'm going to use, ok? I'm going to use Gonzalo and Sketch, Add File, I'm going to 00:02:22
use Hadlen, ok? Ok, if I go to the folder now, inside the folder there is another folder called 00:02:36
Data and with the two pictures that I'm going to use here. Let's see, I'm going to put this 00:03:00
picture of background, so I have to see the dimension of the pictures, ok? Let's see the 00:03:07
properties, this, I didn't see the size, so, ok, 397 by 240, ok, I'm going to put this in the paper 00:03:15
to remember it, 397 by 240, ok, the size, ok. Let's begin, ok? First thing I have to do is 00:03:35
I have to write that I'm going to use two images, ok? The way of saying that is similar 00:03:53
that the way of using variables, ok? It's called components, ok? I'm going to use two components to 00:04:01
the image, ok? So, I'm going to define the component F, ok? And the component E, ok? That's the name that I will 00:04:11
give to my image, ok? Let's go with the setup, alright, setup, ok, size, the size will be 00:04:29
397 by 240, ok. I'm going to load a long picture of background, so this will be the same size, ok? 00:05:00
I'm going to load the images in the components F and G that I defined here, ok? So, F will be load image 00:05:15
Harlem.gpg, ok? And I have to load the other image, load image 00:05:29
that's called 00:05:49
don'thallow.gpg, ok? The same name, remember, ok? You have to respect capital letters, ok? If you have 00:05:57
the capital letters in your name you have to put here capital letters, ok? And I'm going to load 00:06:10
the background here, background, ok? The background I'm going to put Harlem picture, ok. 00:06:18
I will draw, for the moment nothing in the ballroom, ok? Let's see what's happened, oh 00:06:32
stream constant, oh what's happened here? I have an error in my program 00:06:53
ah, background, so background is indeed, ok? Let's see, oh the same, another error, ok? Let's see load image 00:07:03
F load image Harlem.gpg, ah, ok 00:07:23
and the same here, ok? That's my error, let's see now 00:07:32
ok? Here is the result of my project, ok? I define it at the size of the 00:07:40
frame and I put the background of the image, ok? Of Harlem image, ok? Let's see 00:07:49
ok, let's do something interesting here 00:07:57
ok, here in my image I'm going to put some pictures of me, ok? 00:08:03
And I'm going to put the picture by the mouse release function that I learned last day, ok? 00:08:12
Ok, point, mouse, release, ok 00:08:20
if button equal right 00:08:35
I'm going to put my picture, my own picture, ok? 00:08:41
Keymatch, picture G, ok? Beginning in 00:08:55
mouse X, mouse Y, and the dimension 30 by 30, ok? Ok, perfect, and I'm going to put this image in 00:09:01
red color for example, so I will use a function for giving color to the image, ok? So it will be 00:09:21
255, ok 00:09:30
and I'm going to put the same image in other color when I press the button 00:09:42
left of the mouse, ok? I'm going to copy and paste, it's easy, it's easiest way to do that, button left 00:09:47
ok, I think will be a different one, ok? So what's happening here? If I stop pressing button right 00:09:55
the color of my image will be blue, will be red and I will put the image G on the position mouse 00:10:15
X, mouse Y and the dimension 30 by 30, ok? And if I stop pressing button left the same but with 00:10:25
other color, ok? Let's see what happens. Oh, another error, ah, ok, I have to close the mouse release 00:10:32
function, ok? Let's see now. Button cannot resolve for a variable. I don't know the name of button 00:10:40
maybe I, let's see, is not button, mouse button, ok 00:10:52
mouse button, ok 00:11:02
ok and the same here 00:11:12
mouse button, ok, let's see what happens 00:11:14
and 00:11:26
ok, I press left button, appears my image on green and if I press right button 00:11:36
appears my image in red, ok, did you like the project? 00:11:44
ok, hmm, ok 00:11:50
that made me think about a way, one picture, one famous picture of Marilyn Monroe 00:11:58
I'm going to do that with my own image, ok? Do you understand the project? I 00:12:04
define two components, F and G, to load the images Harlan and Gonzalo. I put Harlan for 00:12:10
background, ok, and Gonzalo will be put by the mouse release, ok, in different colors using this 00:12:17
function, ok? Ok, I'm going to start a new project to make this famous picture of Marilyn Monroe 00:12:28
with my own face, ok, a new project, ok, I'm going to save to load the image inside the folder, ok 00:12:39
so I have to save fast, I'm going to call this project Marilyn, ok, in the desktop, ok 00:12:51
and inside my project I'm going to use 00:13:03
a file, ok, the file will be my own image, ok 00:13:11
ok, let's see where is it 00:13:21
Marilyn, here it is, ok, so inside there will be a data folder with my image, ok 00:13:23
let's begin with a, I'm going to use just one image here, ok, I put one component, image 00:13:38
will be called F, ok 00:13:48
voice setup 00:13:57
I will define my picture is a square picture, so my size will be a square, ok, size 00:14:09
for example 400x400, ok, and I'm going to load my image into this component, F, ok, F equal load image 00:14:18
image, unfollow.apg 00:14:34
so, photo 00:14:52
I'm going to put my image in four different images with four different tints, ok? 00:15:04
ok, first one will be a tint, for example red, 145. If you want to see a color, the code of a 00:15:13
color you can go here, and tools, color selectors and you can select a color here and you can see 00:15:26
here the code F, G and B, ok? 245.0.0, ok? and I'm going to 00:15:37
put my image, it was called F, in the left right corner, so it will be 0, 0, and the dimension 200 by 200, ok? 00:15:52
copy and paste four different times, ok? three and four, ok? 00:16:12
first color will be this one, the second color will be green, for example, ok? 00:16:25
so it will be 0, and it will be in the position 200, ok? 00:16:36
the third color will be blue, ok? so it will be 0, 0, 2, 4, 5, 2, 5, 5, it will be in the position 00:16:53
0, 200, and the yellow 00:17:04
it will be, the yellow is a combination of green and red, ok? 00:17:14
145, ok? and it will be in the position 200, 200, ok? 00:17:18
ok, so four different things, and four different positions of the image, ok? all the images are the same size 00:17:32
remember, these two last parameters are the size of the image, and this is the 00:17:41
left top corner of the image, ok? the coordinates, ok? let's see what happens 00:17:48
oh, wow, Marilyn, ok? did you like it? you can do it with your own image 00:17:54
it's funny, ok? so you can reproduce a lot of pictures like that 00:18:03
I like it, ok? maybe if you use your own image it will be better than with my image 00:18:11
ok, I hope you like it, I'm going to stop sharing my screen, ok? 00:18:20
I hope you like it, ok? we will continue next week with another interesting project 00:18:29
and today we learned about how to use image in processing and to make funny things, ok? 00:18:35
bye, headlamps, bye! 00:18:43
Autor/es:
Gonzalo Reina
Subido por:
Gonzalo R.
Licencia:
Dominio público
Visualizaciones:
6
Fecha:
27 de julio de 2023 - 10:41
Visibilidad:
Clave
Centro:
CPR INF-PRI-SEC STELLA MARIS
Duración:
18′ 56″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
44.94 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid