1

IES “Alfonso X el Sabio” Consejería de Educación, Cultura y Deportes CIF: S4500181E C/ Valdehuesa nº 6 45007 Tf. 925230970; Fax 925240850; e-mail 45004752.ies@edu.jccm.es

Bloque 5. Tratamiento digital de imágenes.

La imagen digital es un concepto cada vez más extendido, debido al uso común y generalizado de dispositivos tales como cámaras fotográficas digitales, móviles con cámara, escáneres, e incluso Internet.

¿Qué es una imagen digital?

Una imagen digital es un tipo de imagen que puede ser manipulada por un equipo informático. Las imágenes digitales se obtienen mediante un proceso de digitalización de una imagen analógica.

Las distintas formas de obtener una imagen digital son:

➢ Dispositivos de conversión Analógica - Digital (A/D): escáneres y cámaras digitales. ➢ Programas informáticos: realización de dibujos en ordenador mediante programas como Paint, Corel-Draw,

AutoCAD, QCAD, libreCad, etc. ➢ Edición y modificación de otras imágenes digitales (provenientes de discos duros, memorias USB, Internet,

etc.).

Existen dos tipos de imágenes digitales:

a) Imágenes vectoriales: son imágenes formadas por líneas, curvas, circunferencias, etc., generadas matemáticamente mediante vectores y ecuaciones. Su edición es muy sencilla, ya que las distintas formas que componen la imagen vectorial son identificadas de forma automática por el ordenador, facilitando su manipulación. Ocupan poco espacio de memoria.

2

b) Mapa de bits (bitmap): son imágenes formadas por píxeles, donde cada pixel almacena información sobre el color que toma. Su edición es bastante compleja, ya que el ordenador no puede identificar formas de manera automática, y la selección de las formas a editar ha de ser manual. Son imágenes que ocupan mucho espacio en memoria.

3

IMÁGENES DE MAPA DE BITS.

Una imagen digital está compuesta por un conjunto de unidades de imagen elementales llamadas píxeles, donde cada píxel almacena mediante una combinación de bits el color que toma, dentro de la gama de colores posibles.

Imagen tipo mapa de bits formada por un conjunto de píxeles.

RESOLUCIÓN. Dos ejemplos más de imágenes tipo “Mapa de bits”.

Se denomina resolución al tamaño de la imagen en horizontal y vertical, medido en pixeles. Por ejemplo, la imagen superior (Mario Bros) tiene una resolución de 16 x 12 pixeles (horizontales x verticales).

Una mayor resolución se traduce en mayor calidad y nivel de detalle de la imagen digital, pero también implica un aumento del tamaño en memoria de la misma.

El tamaño de una imagen (en píxeles) se calcula multiplicando la resolución horizontal por la resolución en vertical. Ejemplo: Una foto de una cámara digital presenta un tamaño en píxeles de 3072 x 2304. La resolución será de 7 Megapíxeles.

Más información sobre imagen digital, imágenes vectoriales y mapas de bits en: http://www.digitalfotored.com/imagendigital/imagendigital.htm

4

SOFTWARE PARA IMÁGENES DIGITALES.

Para la producción y tratamiento de imágenes digitales existen diversos programas, según se trate de imágenes vectoriales o mapa de bits:

IMÁGENES PROGRAMAS UTILIDAD

IMÁGENES VECTORIALES Corel Draw, FreeHand, Inkscape,

Illustrator, Visio, etc. Dibujo artístico

AutoCAD, QCAD Dibujo técnico

MAPAS DE BITS

Photoshop, GIMP, Paint, InfanView, etc.

Creación de imágenes. Retoque y edición.

Visores de imágenes.

5

FORMATOS DE IMÁGENES.

Algunos de los formatos de imagen digital más conocidos son los siguientes:

Más información en: http://www.digitalfotored.com/imagendigital/formatosarchivos.htm

EDICIÓN DE IMÁGENES BITMAP: GIMP.

A lo largo de las siguientes prácticas se aprenderán las bases del retoque fotográfico, técnica muy empleada en la actualidad para modificar fotografías digitales (imágenes bitmap).

Algunos ejemplos de la edición de imágenes:

1) Añadir elementos a una imagen. 2) Creación de nuevas imágenes.

6

3) Retoque de detalles de una imagen 4) Creación de efectos imposibles.

5) Restauración de fotos antiguas.

Existen muchos programas de edición de imagen digital tipo mapa de bits (bitmap). Quizá el más conocido sea Photoshop, un programa de edición muy potente, pero también de licencia bastante cara.

La alternativa más firme de software libre y gratuito al popular Photoshop es GIMP. El programa GIMP se puede descargar en su página oficial, en la sección “descargas”. http://www.gimp.org.es/descargar-gimp.html

7

LA CAJA DE HERRAMIENTAS DE GIMP.

Desde la Caja de herramientas de GIMP se pueden seleccionar las distintas herramientas que tiene el programa.

La caja de herramientas está visible como ventana independiente desde que se arranca GIMP, aunque también se puede acceder a ellas en la barra de menú, en Herramientas.

Las herramientas de GIMP se clasifican en 4 grupos:

1) Herramientas de selección: para elegir una determinada zona de la imagen y trabajar con esa parte. 2) Herramientas de pintura: para modificar partes de la imagen mediante técnicas de pintura. 3) Herramientas de transformación: para modificar el tamaño y posición de la imagen. 4) Herramientas de color: para modificar el color de la imagen (no aparecen por defecto en la ventana de Caja

de Herramientas). 5) Otras herramientas sin clasificar: rutas, recoge-color, ampliación, medir, texto.

En la ventana de herramientas, bajo la caja de herramientas, los cuadrados negro y blanco, muestran el color de fondo y frente seleccionado. Pinchando dos veces sobre cualquiera de ellos, se accede al diálogo para seleccionar un nuevo color.

Las Opciones de Herramientas es un diálogo empotrable, en este caso empotrado a la Caja de Herramientas, que permite configurar distintos parámetros de la herramienta seleccionada, en este caso el Pincel.

1.- HERRAMIENTAS DE SELECCIÓN Y PINTURA.

Herramientas de selección.

Aquí se realiza un vistazo rápido a las herramientas disponibles en GIMP para seleccionar áreas del dibujo, que después se desean tratar:

8

➢ Herramienta de selección de rectángulos: selecciona una zona rectangular.

➢ Herramienta de selección elíptica: selecciona una zona elíptica.

➢ Herramienta de selección libre o lazo: selecciona una región dibujada a mano.

➢ Herramienta de selección difusa o Varita Mágica: selecciona una región contigua basándose en el color.

➢ Herramienta de selección por color: seleccionar regiones con colores similares.

➢ Herramienta de tijeras de selección: seleccionar formas usando un ajuste inteligente de los bordes. ➢ Herramienta selección del primer plano: selecciona la zona del dibujo que contiene los objetos en el frente (en

primer plano).

Herramientas de pintura.

En primer lugar, hay que definir el concepto “pincel”. GIMP denomina pincel a todas las herramientas básicas de dibujo (a saber, lápiz, brocha y aerógrafo)

➢ Herramienta lápiz: dibujo de bordes duros mediante pinceles de diferente tipo.

➢ Herramienta brocha: pintar trazos de bordes suaves mediante pinceles de diferente tipo.

➢ Herramienta aerógrafo: pintar con presión variable mediante pinceles de diferente tipo.

Trazos dibujados con lápiz, brocha y aerógrafo.

Tipos de pinceles disponibles para el lápiz, la brocha y el aerógrafo

➢ Herramienta bote de tinta: simula una pluma estilográfica, para escritura tipo caligrafía.

➢ Herramienta borrador: borra el color de fondo o la transparencia mediante un pincel.

➢ Herramienta de relleno (cubo de pintura): rellenar con un color o patrón una figura cerrada o un área

seleccionada mediante alguna de las herramientas de selección. ➢ Herramienta de mezcla (degradado): Rellenar con un degradado de colores el área previamente seleccionada

mediante alguna herramienta de selección.

9

➢ Herramienta de clonado: copiar selectivamente a partir de una imagen o diseño usando

un pincel. Se utiliza conjuntamente con la tecla CTRL.

➢ Herramienta de saneado: sanear irregularidades de la imagen.

➢ Herramienta de clonado en perspectiva: clona desde una imagen de origen tras aplicar

una transformación de perspectiva. ➢ Herramienta de enfoque y desenfoque: emborronar o desemborronar selectivamente

usando un pincel. ➢ Herramienta de emborronar: útil cuando se nos ha podido cortar la imagen, y

queremos arreglarla un poquito. Para ir rellenando con el mismo color que tenía al lado.

➢ Herramienta de marcado a fuego / quemar: ilumina u oscurece selectivamente usando

un pincel.

A continuación, encontrarás diferentes actividades guiadas para aprender retoque fotográfico con GIMP Estos ejercicios están cogidos de la página: http://www.imh.eus/es/comunicacion/dokumentazio-irekia/manuales/curso-de-tratamiento-de-imagenes-con-gimp/gimp-ejercicios-de-aplicacion

A esta página podrás acudir para captar las imágenes y trabajar con ellas en GIMP

ACTIVIDAD 1: ARREGLAR EL COLOR DE LAS IMÁGENES

Tenemos esta imagen que de normal la borraríamos directamente.

10

Vamos a retocarla un poco con Niveles: Menú: Colores: Niveles:

Vemos que el color empieza muy a la derecha, eso quiere decir que hay exceso de blancos, y en este caso que la foto está quemada.

Tocamos un poco los niveles. El de la izquierda lo arrastramos hasta que empieza color

Y bueno, algo hemos conseguido, ¿no?

11

ACTIVIDAD2. EJEMPLO DE SATURACIÓN

Tenemos esta foto bastante sosa

Vamos a Menú Colores: Tono y saturación y tocamos un poco la saturación

Mirar que cambio de foto: la arena ha cogido un tono más rojizo y más real.

12

ACTIVIDAD 3: EJEMPLO DE FOTO QUEMADA CON FLASH Esta imagen está un poco quemada con el flash. Con niveles (Menú Colores: Niveles), puede ser que lleguemos a mejorar algo.

Seleccionamos la zona que está quemada (o podríamos aplicar a toda la foto), y vamos a niveles y jugamos un poco con ellos hasta obtener algo que queramos.

Los movemos hasta que empieza a haber información

Aquí tenemos el resultado:

13

ACTIVIDAD 4: SELECCIÓN DE PARTES DE IMÁGENES

Diferentes formas de selección de zonas de una imagen.

Tenemos una imagen de una hoja sobre fondo blanco y queremos quitarle el fondo blanco, dejarlo transparente, para luego poder pegar la hoja en otro sitio.

¿Cómo lo hacemos? Podemos hacerlo con la varita mágica, seleccionando el fondo y luego invirtiendo la selección ¿verdad?

También podría hacerse de más modos, pero para este caso en particular parece que la varita es la mejor opción:

Cogemos la varita mágica y con la opción de ir añadiendo zonas, vamos pinchando en el blanco (nos habrá seleccionado la mayoría de un plumazo), hasta dejar todo el fondo seleccionado.

Pero nosotros no queremos seleccionar el blanco, sino la hoja, es decir , justo lo contrario, debemos invertir la selección.

Menú: Seleccionar:Invertir

14

Y ahora copiamos la selección (Ctrol+C). Creamos un nuevo documento con fondo transparente de las mismas dimensiones que el original y en esta nueva imagen recién creada, pegamos lo seleccionado (Ctrol + V):

Upsssss.. nos habíamos dejado una zona sin seleccionar. Empezamos de nuevo, y nos aseguramos que también hemos seleccionado el trozo que faltaba. Hacemos los mismo pasos, y ahora:

Perfecto.

Guardamos la imagen como .xcf para tener el original por si queremos más tarde seguir trabajando con ello, y como .gif para preservar la transparencia y ya tenemos la imagen para poder usarla con fondo transparente.

15

ACTIVIDAD 5:FUSIÓN DE CAPAS

Vamos a ver otro ejemplo de fusión de capas

Tenemos estas dos imágenes

En la imagen de las chispas, con la herramienta de selección por color , seleccionamos en el negro.

Lo que queremos seleccionar es todo lo que no sea negro, así que debemos Invertir la selección

16

Ya tenemos las chispas seleccionadas. Lo copiamos, y ahora vamos a la imagen de la niña, donde pegamos la selección.

Dependiendo del modo de fusión que elijamos, el resultado será diferente:

Modo Normal: Modo Multiplicar Modo Blanquear

17

Queremos hacer que las chispas aparezcan en la tarta.

Debemos de hacer más pequeñas las chispas . Escalamos para dejarlo más pequeño, y las movemos hasta que queden justo encima de la tarta, y no tapando a la niña. Pero.. parece muy artificial.. queremos hacer que sea más real.

En la capa de los rayos, podemos hacer una selección redonda y le decimos que nos difumine los bordes (en la herramienta de selección), invertimos selección y le damos a borrar.

Hemos puesto que difumine los bordes, y el radio de difuminar lo hemos subido. Así queda un efecto “bastante real”

ACTIVIDAD 6: QUITAR ZONAS CON HERRAMIENTA DE CLONAR

Este es un ejemplo muy claro. También hay que decir que la foto es muy fácil de retocar

Sin hacer mucho trabajo, mirar lo que podemos obtener

18

Tenemos la imagen inicial, un camino en medio de una selva. Con la herramienta de

tampón de clonar (Tecla Abreviada: C), rápidamente podemos quitar el camino. Seleccionamos en una zona de árboles con el Ctrol y luego soltamos el Ctrol y vamos rellenando el camino con cuidado. Según vamos moviéndonos volvemos a seleccionar con el Ctrol otra zona cercana al camino, y volvemos a pintar.

OTRO EJEMPLO SENCILLO

En este caso de abajo vamos a borrar la sombra con la herramienta de clonar : (Tecla Abreviada: C)

Para eso hacemos lo mismo. Seleccionamos una parte que queremos copiar (la hierba) y con paciencia vamos pegando en la sombra.

Aquí tenéis el resultado

ACTIVIDAD 7: HACER DESAPARECER UNA ZONA DE LA IMAGEN POR MEDIO DE CLONACIÓN

Tenemos una imagen y queremos hacer desaparecer un trozo de ella, sin que se note que

estaba ahí.

19

Suponer tenemos esta imagen de abajo y queremos quedarnos con un trozo nada más y quitar algunas cosillas que sobran

Si sabemos que realmente no queremos el resto de la imagen y queremos recortarla directamente, tenemos la herramienta de recorte . Así no tenemos que pegar en otra imagen, nos quedamos en esta.

Selecciono el área con el que quiero quedarme.

Todavía es demasiado grande, queremos apurar un poco más. Nos posicionamos en la

esquina o borde que queremos agrandar, pulsamos con el ratón y arrastramos un poco

hacia donde nos interese, hasta que consigamos que quede seleccionada exactamente el

área que queremos.

20

Ya está, ya tenemos el área que quiero. Ahora, ¿cómo hacemos para cortarlo?

Tan solo haciendo doble click dentro de la selección, y en el mismo documento nos

quedamos con lo que tenía seleccionado.

21

Usamos la herramienta de clonar (Tecla Abreviada: C):

con opacidad a la mitad y desvanecimiento seleccionado y vamos a borrar los trozos de

gente que se ve arriba de la imagen.

Vamos copiando zonas (Con el Control seleccionado, seleccionamos lo que queremos

copiar). En este caso un trocito de agua

22

Soltamos el control y vamos haciendo click para ir pegando lo que habíamos copiado.

Vamos poco a poco y con paciencia borrando a la gente, hasta conseguir el efecto que

queremos.

y con la herramienta de desenfoque o gota de agua (Mayúsculas + U), difuminar el

entorno para que el foco se fije en los remeros

23

Esta herramienta de gota, tiene un parámetro que es velocidad, podemos jugar con ello,

así nos desenfocará aún más

Actividad 8: montaje de 2 imágenes una sobre otra

Vamos a hacer una composición con 2 imágenes.

Tenemos estas 2 imágenes, un lago y un pato. Queremos obtener una imagen en la que

el pato esté en este lago. A ver qué tal queda.

Aquí tenemos el lago

Aquí tenemos el pato:

Lo primero que tenemos que hacer es seleccionar el pato. Lo hacemos con las tijeras, con

cuidado.

24

Una vez hemos terminado el contorno, clickamos dentro, y obtenemos la selección del

pato que es lo que queremos. La copiamos (Ctrl+C)

Creamos un nuevo documento. En la capa del fondo pegamos el estanque. Y creamos otras 2

capas, pato y pato2

Nos ponemos en la capa pato y pegamos la selección que habíamos copiado.

25

Queda un poco "antinatural" por el pedazo tamaño de pato que hemos pegado. Vamos a

ponerlo un poco más pequeño.

Para ello (estando en la capa "pato"), cogemos la herramienta de Redimensionar

(Tecla Abreviada: Mayúsculas + T), y probamos tamaños. El de 50px en nuestro caso

queda bien.

Aquí vemos el resultado, todavía donde está ahí queda un poco mal, demasiado grande,

Pero si movemos (Herramienta Mover: Tecla Abreviada: M) la capa del pato hasta

traerla adelante al primer plano, ya queda más natural

26

Ahora hacemos lo mismo, pero en la capa del segundo pato: pato2

Primero vamos a voltearlo horizontalmente: Seleccionamos la herramienta de volteo:

(Tecla Abreviada: Mayúsculas + F) y clickamos en el pato:

Vamos a poner un pato más pequeño que el anterior, lo redimensionamos

(manteniendo proporción: cadena cerrada) a 35px por ejemplo.

Ahí tenemos el pato, casi en la montaña.. ;)

27

Cogemos la capa y la movemos , hasta dejar al patito pequeño enfrentado a su madre.

Fácil ¿Verdad?

Ahora podemos añadir un texto por ejemplo

Vamos a rotarlo, para dejarlo vertical;

28

Aquí lo tenemos.

Tenemos otra capa más (la ha creado el Gimp) para el texto

Movemos un poco el texto para dejarlo bien arrimado, y aquí tenemos el resultado

29

Actividad 9: quitar las arrugas al rostro

Vamos a hacernos un poquillo más jóvenes quitándonos las arrugas del rostro.. ;)

30

En el tema de retoque no hay que exagerar. Hay que ser lo más sutil posible.

Siempre es interesante duplicar la capa.

Tener la imagen original en una capa y tener otra en la que vas haciendo los retoques,

para poder ir viendo los cambios (con el ocultar/mostrar capa). Al final Cuando ya

tengamos el resultado final que queremos obtener podríamos borrar la capa original.

Nos acercamos a la imagen con el zoom (+) para poder ir más al detalle y para

movernos por la imagen podemos usar la tecla espaciadora.

Vamos a hacerle desaparecer las arruguillas. Para ello usaremos la herramienta que

clona luces y texturas (Tecla Abreviada: H)

Vamos a coger un pincel grande y torcido

Funciona similar al clonar: seleccionas una zona con la tecla Control (así selecciona la

textura y el color de la zona). Ahora sueltas el control y vas pulsando sobre las zonas

que quieras limpiar. Pinchamos en zonas próximas a las arrugas con el Ctrol

seleccionado, y luego suelto el ctrol y voy quitando poco a poco y con paciencia las

arrugas.

En cada momento veo qué tipo de pincel usar, más pequeño, más gordo, diferente

forma...

31

Antes

Después

Tras seguir con diferentes zonas, aquí tenemos un resultado. ¿notáis la diferencia? Le

hemos quitado hasta el agujero del pendiente.. ;)

32

Ahora a jugar con vuestras fotos.. ;)

Actividad 10: aplicación de varios conceptos

Tenemos la siguiente foto:

y queremos obtener el siguiente efecto:

33

Pasos a seguir :

• seleccionar rosa o fondo • aplicar un filtro • desaturar el color al fondo.

Como siempre, primero duplicamos la capa para tener el original e ir viendo los

cambios

Seleccionar

Tenemos que seleccionar la rosa o el fondo, como queramos, pero creemos que es más

sencillo seleccionar la rosa.

Para seleccionar la rosa, tenemos varias opciones: herramienta varita mágica (Tecla

Abreviada: U) , selección por umbral (Tecla Abreviada: Mayúsculas + U)

o incluso selección con máscara rápida.

Vamos a empezar con la varita mágica (puedo seleccionar con un umbral. Con la varita

mágica cuando seleccionamos un color vamos a seleccionar pixeles parecidos. Cuanto

mayor sea el umbral, más seleccionamos pero corremos el riesgo de pasarnos). La

mayor parte lo haremos con varita mágica , pero es díficil conseguir seleccionar todo.

34

Nos ayudaremos también de la máscara rápida. Para activar la máscara rápida: botón

derecho : Activar Máscara rápida o con Shift+Q. Me crea una mascara roja, donde lo

rojo no está seleccionado. Ahora si pongo con color negro o blanco voy a seleccionar o

deseleccionar.

Cojo una brocha y elijo el color blanco, así con esto consigo AGREGAR SELECCIÓN.

Mientras tanto para ir viendo cómo está quedando puedo ir jugando con el Mayúsculas

+ Q (va quitando y poniendo la máscara rápida, dejando lo que está seleccionado a la

vista)

Termino con paciencia de seleccionar todo:

35

Desaturar

Quiero desaturar la parte de atrás, pero lo que tengo seleccionado es la rosa. Primero he

de invertir la selección; menú Seleccionar : Invertir Selección (Ctrol + I) y ya tengo

seleccionado el fondo en lugar de la rosa.

Podríamos guardar la selección por si luego queremos hacer algo con ella. Menú

Selección : Guardar en canal

Menú Color: Desaturar

Aquí tenemos el resultado.

Aún nos queda algo , aplicar un filtro

Aplicar un filtro

Los filtros son fórmulas matemáticas para afectar a los pixels de determinado

modo. Para crear retoques como si fuera una cámara. No hay que abusar de ellos

Para acceder a los filtros. Menú Filtros. y hay un montón.

36

En este ejemplo vamos a aplicarle el filtro de desenfoque de movimiento: Menú

Filtros: Desenfoque : Desenfoque de movimiento

Listo, ya hemos obtenido lo que queríamos.. ;)

37

Actividad 11. Convertir una imagen en un dibujo

Esta actividad la encuentras en el siguiente enlace:

https://www.youtube.com/watch?v=EeJNA0TG0Cc

Partimos de una fotografía de color como por ejemplo de la siguiente:

Lo primero que hacemos es duplicar la capa dos veces.

Seguidamente desenfocamos en filtro desenfoque gausiano, con un nivel sobre 10 más o

menos

A continuación pondremos un modo de combinar granulado en lugar de modo normal

A continuación combinamos la capa a la que hemos realizado estos cambios con la capa

inferior (imagen original)

A continuación colores, desaturar, claridad

A continuación colores , curvas y entonces movemos la gráfica cambiando los colores blancos y

negros

38

Ahora pondremos modo, combinar granulado, de esta forma aparecerán los colores de nuevo

A continuación creamos una capa transparente encima de esta

Ahora abriremos las prototipos que tenemos en ventanas, diálogos empotrables, elegimos un

patrón que tenga solamente volumen como por ejemplo el siguiente:

Y lo arrastramos en la capa nueva.

A continuación damos a modo solapar.

A continuación en la capa donde tenemos el patrón pondremos la curva de colores y hacemos

una curva parecida a la que hacíamos al principio.

39

UNA FOTOGRAFÍA CONVERTIRLA EN UN DIUJO

Esta actividad la encuentras en el siguiente vídeo:

https://www.youtube.com/watch?v=PbtukN4o1Hw

Cogemos una fotografía

Crea una nueva capa transparente

Seleccionamos la herramienta de rutas

Ahora trabajamos en la capa transparente seleccionamos todo el borde de la figura, quedando

de la siguiente forma

40

A continuación, toda la selección la pintamos con color carne, seleccionando el color con la

siguiente herramienta

Y ponemos toda la cara con dicho color, seguimos trabajando en la capa transparente

A continuación seguimos trabajando en la misma capa pero ahora quitamos la visión de esta

capa para ver la primera capa, donde tenemos nuestra fotografía, así de esta forma podemos

seleccionar el pelo ( el pelo no es necesario tomarlo con mucha precisión, ya que lo

pondremos encima de la capa pintada anteriormente) y la barba.

41

Y a continuación pondremos el pelo y la barba todas de color negro, (de nuevo podemos usar

la herramienta para capturar el color justo del pelo)

Ahora seguimos con las cejas, ojos, nariz…

Y seguimos haciendo todos los detalles que veamos necesarios, hasta conseguir nuestro

dibujo:

42

Este es el resultado final:

ACTIVIDAD 12. Crear textos con gimp

Elegimos la opción de crear un texto, escribimos el texto, el cual puede cambiarse de tipo de letra, color, tamaño, etc….

En las capas veremos que se crean dos capas, una el texto y otra el fondo.

43

A continuación, podemos usar algún filtro.

Para ello seleccionamos el texto, y a continuación vamos a filtro, y seleccionamos Alfa y logotipo, elegimos el logotipo Metal frio ( por ejemplo)

Podemos modificar tanto el color del fondo, como los colores del degradado.

A continuación, al aceptar el texto se modificará y aparecerán varias capas: