1 00:00:00,000 --> 00:00:06,840 Hola de nuevo, en este vídeo vamos a ver cómo insertar y también cómo podemos editar 2 00:00:06,840 --> 00:00:09,760 y cambiar imágenes. 3 00:00:09,760 --> 00:00:19,200 Para ello venimos aquí al menú lateral izquierdo y damos a agregar elementos y damos a imágenes. 4 00:00:19,200 --> 00:00:23,200 Para tener todas las opciones posibles es mejor dar aquí en este comando que es de 5 00:00:23,200 --> 00:00:31,000 subir imágenes y aquí tenemos imágenes propias de mi cuenta de Wix, es decir, yo aquí tengo 6 00:00:31,000 --> 00:00:36,620 en cada página web tengo una serie de medios agrupados en carpetas. 7 00:00:36,620 --> 00:00:40,960 También podríamos dar a nuestra cuenta de Google Drive, a Facebook, Instagram, etc. 8 00:00:40,960 --> 00:00:45,720 De acuerdo, en todas estas redes sociales en las que yo puedo tener fotos y que me interesaría 9 00:00:45,720 --> 00:00:49,000 aplicar aquí. 10 00:00:49,000 --> 00:00:53,960 También puedo subir multimedia, es decir, imágenes desde mi ordenador y bien también 11 00:00:53,960 --> 00:00:58,160 explorar aquí imágenes de Wix. 12 00:00:58,160 --> 00:01:04,440 Aquí tenéis las imágenes de Wix agrupadas por vídeos, vídeos transparentes, ilustraciones. 13 00:01:04,440 --> 00:01:09,680 Todo esto es gratuito. 14 00:01:09,680 --> 00:01:11,080 También tenéis arte vectorial. 15 00:01:11,080 --> 00:01:16,560 Tenemos también formas básicas. 16 00:01:16,560 --> 00:01:32,040 También tenemos iconos de redes sociales, podemos elegir el que queramos y también 17 00:01:32,040 --> 00:01:33,040 iconos de aplicaciones. 18 00:01:33,040 --> 00:01:49,640 Aquí tenemos todos estos que veis, este que hemos utilizado antes. 19 00:01:49,640 --> 00:01:56,600 Pues vamos entonces a ver que también podemos tener, digamos, filtrar por exclusivos de 20 00:01:56,600 --> 00:02:02,280 Wix, abstracto, animales de naturaleza, blanco y negro, personas, productos, etc. 21 00:02:02,280 --> 00:02:08,560 Podemos también, digamos, filtrar por la orientación, horizontal o vertical y bien 22 00:02:08,560 --> 00:02:09,560 por los colores. 23 00:02:09,560 --> 00:02:13,520 Ahora lo tengo con todos los colores, también lo puedo poner en blanco y negro y mediante 24 00:02:13,520 --> 00:02:16,920 algún color específico. 25 00:02:16,920 --> 00:02:24,360 Tengo también la colección de Shutterstock, que son todas de pago, o por lo menos la mayoría, 26 00:02:24,360 --> 00:02:35,720 y luego Unsplash, que esta vez la mayoría son gratuitas también. 27 00:02:35,720 --> 00:02:47,480 Yo lo que voy a hacer es coger una fotografía que ya he subido previamente, es decir, voy 28 00:02:47,480 --> 00:02:56,840 a coger esta fotografía de un bebito y agregó a la página web, aquí la tengo, hago un poquito 29 00:02:56,840 --> 00:03:10,680 más grande la sección y coloco aquí la imagen, esto suele pasar porque consume mucho recurso 30 00:03:10,680 --> 00:03:16,160 y a veces queda el navegador un poco lento. 31 00:03:16,160 --> 00:03:21,680 Con una de las opciones que me sale, puedo cambiar aquí la imagen, que no va a ser ahora 32 00:03:21,680 --> 00:03:23,560 la cuestión. 33 00:03:23,560 --> 00:03:27,600 Vamos a editar imágenes, a editar imagen que aquí me salen muchas cosas, por ejemplo 34 00:03:27,600 --> 00:03:33,840 puedo redimensionar, es decir, me puedo quedar con parte de la imagen y en cualquier momento 35 00:03:33,840 --> 00:03:41,440 puedo revertir a la imagen original tras los muchos cambios que yo puedo hacer. 36 00:03:41,440 --> 00:03:44,400 Bien, después puedo optimizar. 37 00:03:44,400 --> 00:03:54,600 En cuanto a optimización automática, le puedo decir que sea con un retrato, un paisaje 38 00:03:54,600 --> 00:03:56,200 o bien como si estuviéramos en interiores. 39 00:03:56,200 --> 00:04:07,200 Vamos a revertir a la original y redimensionar de nuevo. 40 00:04:07,200 --> 00:04:12,240 Es interesante las opciones que me dan el comando ajustar, porque puedo cambiar el brillo 41 00:04:12,240 --> 00:04:29,120 de la imagen, el contraste también puedo cambiarlo, destacar colores, destacar sombras, 42 00:04:29,120 --> 00:04:37,800 saturar los colores o desaturarlos yendo a blanco y negro, cambiar la temperatura, es 43 00:04:37,800 --> 00:04:42,120 decir, hacer una imagen cálida o una imagen fría, los fríos van hacia azul y los cálidos 44 00:04:42,120 --> 00:04:43,120 hacia rojo. 45 00:04:43,120 --> 00:04:51,640 Lo pongo un poquito cálido, la exposición a la luz también la puedo cambiar, efectos 46 00:04:51,640 --> 00:05:03,920 puedo darle nitidez o quitarle nitidez, vamos a darle nitidez, vignette es un efecto de 47 00:05:03,920 --> 00:05:14,640 aumentar los sombreados o las luces o puedo granular la imagen, puedo darle un tinte 48 00:05:14,640 --> 00:05:21,160 rojo o no darse, evidentemente. 49 00:05:21,160 --> 00:05:27,840 Puedo ponerle filtros dentro de la colección de filtros que tiene Wix, todos estos filtros 50 00:05:27,840 --> 00:05:35,040 por ejemplo. 51 00:05:35,040 --> 00:05:56,840 Puedo añadir texto, vamos a ponerle por ejemplo de 18 agregamos un texto, esto es grande todavía, 52 00:05:56,840 --> 00:06:08,520 vamos a ponerle menos, 18 es pequeñito, no me deja poner valores intermedios, puedo 53 00:06:08,520 --> 00:06:26,360 girarlo, cambiarle el color, por ejemplo este y puedo darle al texto más o menos opacidad. 54 00:06:26,360 --> 00:06:33,080 Puedo superponer distintos efectos, como por ejemplo efecto de brillo, vamos a ponerle 55 00:06:33,080 --> 00:06:46,200 este por ejemplo, lo colocamos aquí, como hacemos en Photoshop, y superponer con algún 56 00:06:46,200 --> 00:07:01,120 fondo, por ejemplo, superponerle con este fondo, y esa superposición la puedo aumentar 57 00:07:01,120 --> 00:07:09,840 o disminuir aquí, bueno vamos a dejar así que se vea un poquito el fondo, no mucho, 58 00:07:09,840 --> 00:07:14,920 y damos a guardar, va a tardar un poquito porque es una imagen, digamos que la hemos 59 00:07:14,920 --> 00:07:18,160 colocado bastante, hemos metido mucha información y suele empezar. 60 00:07:18,160 --> 00:07:33,000 Bien, aquí la tenemos, tenemos una imagen bastante modificada, puedo volver a editarla 61 00:07:33,000 --> 00:07:41,080 e incluso puedo ver ajustes, las opciones de ajustes son interesantes, primero al hacer 62 00:07:41,080 --> 00:07:46,160 clic en la imagen puedo elegir que se abra un enlace o un pop-up, un pop-up es que se 63 00:07:46,160 --> 00:07:51,600 me va a hacer grande la imagen o que se pueda agrandar, vamos a ver por ejemplo que se abra 64 00:07:51,600 --> 00:08:03,120 un pop-up, vamos a guardar y vamos a vista previa, al hacer clic sobre ella, no me ha 65 00:08:03,120 --> 00:08:18,280 dado mucho caso, ahora, sale esto, vamos a editarla de nuevo, sale un pop-up, puede agrandarse, 66 00:08:18,280 --> 00:08:32,760 es decir que se haga grandecita, o bien puedo hacer que se abra un enlace, elegimos el enlace 67 00:08:32,800 --> 00:08:37,840 y puedo ir a una página de mis páginas de Wix, a una dirección web externa, como por 68 00:08:37,840 --> 00:08:48,840 ejemplo https://google.com y como es una ventana externa, es una página web externa que se 69 00:08:48,840 --> 00:09:04,560 abra en una ventana nueva, hecho, guardamos y lo comprobamos, aquí tenemos, damos y efectivamente 70 00:09:04,560 --> 00:09:17,040 se nos abre Google, volvemos al editor y hay más cosas que podemos hacer, volvemos a ajustes 71 00:09:17,040 --> 00:09:21,720 y también tengo el texto que hay en la imagen, esto es su nombre y el texto flotante es el 72 00:09:21,720 --> 00:09:26,400 texto que me va a aparecer en cuanto yo deje el ratón reposar en la imagen, como por ejemplo 73 00:09:26,400 --> 00:09:49,640 vamos a poner bebé bonito, vamos a guardarlo y vamos a mi estrategia, vemos que ha dejado 74 00:09:49,640 --> 00:10:00,920 aquí por el bebé bonito, volvemos al editor y vamos a seguir viendo cosas, le puedo cambiar 75 00:10:00,920 --> 00:10:12,040 el diseño, no de la imagen sino del marco, aquí tengo el marco que he creado antes que 76 00:10:12,040 --> 00:10:18,760 lo deja almacenado, aquí tengo más opciones, vamos a personalizar y vamos a ponerle también 77 00:10:18,760 --> 00:10:24,200 una imagen redondita, le podría poner otras muchas y dentro de cada una tendría diferentes 78 00:10:24,200 --> 00:10:30,920 opciones de opacidad, colores, sombras, bordes, etc. Vamos a ver la opción que me da, aquí 79 00:10:30,920 --> 00:10:38,360 voy a poner el tipo elipse, en cuanto al borde, yo le puedo poner más o menos borde de diferente 80 00:10:38,360 --> 00:10:47,240 color, le puedo cambiar el ancho, más o menos ancho el borde, vamos a dejarlo con 4 píxeles 81 00:10:47,240 --> 00:10:54,040 y después esto en cuanto al borde y en cuanto al sombreado le puedo aplicar o no le puedo 82 00:10:54,040 --> 00:10:58,680 aplicar sombreado, le puedo cambiar el ángulo, como vimos en las cajas contenedoras del vídeo 83 00:10:58,680 --> 00:11:18,840 pasado, la distancia de la imagen la puedo modificar, el tamaño, el desenfoque, la opacidad 84 00:11:18,840 --> 00:11:35,880 y relleno de la sombra y el color. 85 00:11:35,880 --> 00:11:40,760 Puedo seguir recortándola, aplicar filtros, que eso ya lo hemos hecho antes y le puedo 86 00:11:40,760 --> 00:11:48,200 poner una animación de entrada, como por ejemplo que entre rebotando, que planee, se 87 00:11:48,200 --> 00:11:55,000 expanda, etc. y esto es cuando se cargue la página web. Vamos a ver como ha quedado, 88 00:11:55,000 --> 00:12:05,880 vamos primeramente a guardar y vamos a darle a vista previa, aquí vemos como aparece, 89 00:12:06,600 --> 00:12:10,840 el texto que le he puesto y el hiperenlace. 90 00:12:18,200 --> 00:12:24,120 Bien, pues esto ha sido de donde digamos todas las opciones que puedo hacer respecto a una 91 00:12:24,120 --> 00:12:28,840 imagen. En el próximo vídeo vamos a ver galerías y vídeos. Muchas gracias.