Cómo diseñar la interfaz de usuario de un juego móvil de intercambio de gemas en Illustrator

1. Crear la plantilla

Paso 1

Comencemos con un Nuevo Documento de aproximadamente 4.75" x 6.8". Con la Herramienta Rectángulo (M), dibuja un rectángulo grande que sea más grande que la mesa de trabajo y con el color de relleno establecido en un gris cálido oscuro (R33 G29 B25).

Dibuja dos rectángulos adicionales, uno que ocupe la mayor parte de la mesa de trabajo, y otro más pequeño y delgado en la parte inferior (ver abajo). El color de relleno se cambiará a un degradado en el paso 3.

Paso 2

Utiliza la Herramienta de Selección Directa (A) para seleccionar los dos rectángulos más pequeños y tira de tus Esquinas Vivas hacia dentro para redondear las esquinas de ambos rectángulos con el mismo radio y al mismo tiempo.

Paso 3

Establece ambos rectángulos redondeados como un Degradado Lineal usando la Herramienta de Degradado (G). En el panel Degradado, utiliza los siguientes colores: gris cálido (R57 G50 B40), gris cálido claro (R115 G104 B94), gris cálido más claro (R184 G174 B159), gris cálido claro y gris cálido.

Paso 4

Mantén los rectángulos redondeados seleccionados y ve a Objeto > Trayectoria > Trayectoria de Desplazamiento. para el Desplazamiento, introduce -6px. Establece el color de relleno de la nueva forma al gris cálido oscuro del Paso 1.

2. Crear el fondo acolchado

Paso 1

Empecemos por utilizar la Herramienta Cuadrícula Rectangular (la encontrarás bajo la Herramienta Segmento de Línea (\) en la Barra de Herramientas). para los divisores Horizontales y Verticales, introduce 8 en las opciones de la herramienta de cuadrícula rectangular. Arrastra la herramienta a través del rectángulo principal de la plantilla del juego (la forma de desplazamiento hecha en la Sección 1, Paso 4).

Paso 2

Selecciona la cuadrícula y establece el color de relleno a un Gradiente Lineal brillante en el panel de Gradientes. En este caso, elegí el rosa intenso (R238 G42 B123) al magenta oscuro (R164 G19 B86). Ajusta el ángulo del gradiente a 45°. Puedes elegir la combinación de colores que te resulte más atractiva.

Paso 3

Copia (Control-C) y pega (Control-V) la cuadrícula y Gírala 45°. Haz esto tres veces y mueve cada grupo para que sus bordes se superpongan ligeramente (ver la primera imagen de abajo). Agrupa (Control-G) tu conjunto de cuatro cuadrículas y colócalo sobre la plantilla del juego. Selecciona el rectángulo redondeado Offset (ver más abajo), cópialo, pégalo y Alinéalo a su original.

Paso 4

Selecciona el rectángulo recién copiado y el grupo de la cuadrícula (con el rectángulo encima) y Haz una máscara de recorte (Control-7). Copia y pega el rectángulo interior de nuevo y establece el color de relleno en nulo y el trazo en negro y 1pt de peso. Crea los contornos de los otros rectángulos de la misma manera. Añade una capa de líneas discontinuas copiando y pegando el grupo de la Máscara de recorte y estableciendo el color de relleno (del grupo de la retícula dentro) en amarillo, líneas de 1pt con una raya de 4pt y un espacio de 4pt (o lo que consideres que funciona mejor) en el panel de Trazo. Reduce la Opacidad del grupo de líneas discontinuas al 30% en el panel de Transparencia.

3. Crear la barra de tiempo y los botones

Paso 1

Dibuja un rectángulo delgado entre los dos creados en la Sección 1, Paso 2 y aplica el mismo gradiente de la Sección 1, Paso 3. Tira de las esquinas vivas hacia adentro para redondearlas. Desplaza el rectángulo redondeado en -4px. Selecciona ambas formas y pulsa Minus Front en el panel Pathfinder. Copia y pega esta nueva forma y establece el color de relleno en nulo y el trazo en negro con un peso de 1pt.

Paso 2

Dibuja un corto rectángulo redondeado dentro del pequeño marco creado en el paso anterior. Establece el color de relleno en un Gradiente Lineal que vaya de un gris cálido oscuro a algo brillante que contraste bien con tu color de fondo acolchado. En este caso elegí el turquesa (R8 G255 B249).

Paso 3

Dibuja dos rectángulos redondeados (ya sea con la herramienta Rectángulo Redondeado o manipulando las Esquinas Vivas de un Rectángulo) a cada lado del marco rectangular inferior. Aplica el mismo degradado utilizado anteriormente (Sección 1, Paso 3).

Paso 4

Una vez más, Desplaza el trazado en -4px. Establece el color de relleno de la forma interior en gris cálido oscuro.

Paso 5

Selecciona las dos formas interiores hechas en el paso anterior y aplica ambas instancias de Sombras Caídas yendo a Efecto > Estilizar > Sombra Caída como se ve abajo. La primera Sombra Caída debe ser de color gris cálido oscuro, ajustada a Multiplicar, Opacidad al 75%, Desplazamiento X a 0in, Desplazamiento Y a -0.03in, y Desenfoque ajustado a 0. La segunda Sombra Caída debe ser de color gris cálido más claro, ajustada a Pantalla, Opacidad al 75%, Desplazamiento X a 0in, Desplazamiento Y a 0.03in, y Desenfoque ajustado a 0.

Paso 6

Para completar los botones he utilizado Leckerli One con el color de relleno establecido en R221 G213 B202. Cuando estuve satisfecha con la colocación de mi texto, "Moves 15", en el primer botón, expandí el texto en Objeto > Expandir, copié y pegué el texto y establecí el color de relleno y trazo en negro y el peso del trazo en 2 puntos en el panel Trazo. Alinea el texto copiado detrás de la palabra original. Esto le da un contorno limpio que mantiene el texto legible. Repite la operación en los demás botones.

Finalmente, copia y pega la forma interior de cada botón y establece el gradiente de relleno en R184 G174 B159 al 0%, 100% y 0% de opacidad (tres instancias del color) en el panel de Gradientes. Coloca estas formas debajo del texto y reduce la Opacidad de la forma al 40% y el Modo de Mezcla a Pantalla en el panel de Transparencia. Mantén tu panel de Capas organizado Agrupando tus botones y sus componentes.

4. Crear una textura rápida como la de la madera

Paso 1

Copia y pega el rectángulo de fondo de la barra de botones de la sección 3 y aplica un degradado lineal que vaya de R107 G89 B80 a R57 G50 B40 en un ángulo de -90°. Utiliza la herramienta Lápiz (N) con un color marrón un poco más oscuro que el utilizado en el degradado para dibujar algunas líneas garabateadas alrededor del rectángulo.

Paso 2

Agrupa los garabatos y ajústalos a Pantalla con un 54% de Opacidad en el panel de Transparencia. Copia y pega el grupo y establece estos garabatos a Multiplicar. Coloca el grupo más claro detrás del más oscuro hacia abajo y a la derecha y Agrupa ambos grupos y el rectángulo.

Paso 3

Copia y pega el rectángulo de degradado sobre el grupo de texturas de madera. Haz una máscara de recorte (Control-7) y colócala debajo de los botones en el diseño de la plantilla.

Paso 4

Selecciona el grupo de botones y aplica una Sombra Caída como sigue:

• Modo: Multiplicar
• Opacidad: 40%
• Desplazamiento X: 0in
• Desplazamiento Y: 0,1in
• Desenfoque: 0in

Paso 5

Copia y pega la textura de madera de la barra de botones en la parte superior de la plantilla. La mesa de trabajo recortará las partes no deseadas del grupo, por lo que no es necesario enmascararlas en este paso.

5. Dibuja el amuleto del corazón púrpura

Paso 1

Para dibujar un simple corazón redondeado, utiliza la herramienta Elipse (L) para dibujar dos círculos que se superpongan ligeramente.

Con la Herramienta Pluma (P), dibuja una forma de cinco lados para crear el resto del corazón. Tira de las Esquinas Vivas hacia dentro para redondear el borde inferior y manipula los tiradores de los puntos de anclaje laterales con la Herramienta de Selección Directa con el fin de llevar los lados hasta los círculos para obtener una forma de corazón suave.

Acércate al manipular los puntos de anclaje para que puedas ver fácilmente los bordes de tus formas. Une las tres formas en el panel Pathfinder. Ajusta el color de relleno a un púrpura brillante (o un color brillante de tu elección).

Paso 2

Renderizar una pieza de joyería facetada consiste en estratificar formas y jugar con la opacidad y el modo de fusión de esas formas. Los colores que utilicé pueden diferir de los que tú utilices si el color base de tu corazón es diferente. Los pasos que he seguido con el corazón morado son los siguientes:

1. Dibuja dos rectángulos largos a cada lado del borde inferior del corazón.
2. Utilicé la herramienta "Shape Builder" (Shift-M) para eliminar los componentes no intersecantes de esos rectángulos. Para ello, seleccioné las tres formas y, con la herramienta constructora de formas, seleccioné las partes de los rectángulos que no se superponían al corazón. A continuación, deseleccioné y eliminé estos componentes.
3. Reduce la Opacidad de las franjas al 50%, más o menos, en el panel de Transparencia.
4. Dibuja cuatro rectángulos cruzados en la parte superior de las curvas del corazón. Puedes eliminar esto con la herramienta constructora de formas o esperar hasta el final de esta sección y Enmascarar el corazón.
5. Dibuja un rectángulo que baje por el centro del corazón.
6. Crea cuatro rectángulos delgados, cada uno Rotado hacia afuera en los lados del corazón. Une los cinco de estos rectángulos en el panel Pathfinder.
7. Copia y pega el corazón base y Redúcelo. Cambia el color de relleno a morado claro y reduce su Opacidad al 40%. Establecer las rayas debajo de ella a un relleno de degradado lineal que va de fuscia brillante en 100% de opacidad a púrpura claro en 0% de opacidad. En el panel de Transparencia, establecí el Modo de Fusión de las rayas en Superposición.
8. Dibuja dos círculos en las mitades redondas del corazón con el color de relleno establecido en púrpura claro y su Opacidad Reducida al 40% y su Modo de Mezcla establecido en Dodge de Color.
9. Pega otro corazón a escala, este con el color de relleno establecido en púrpura y la Opacidad reducida al 40% o menos. Dibuja dos pequeños círculos sobre el corazón de tamaño medio en el encanto.
10. Por último, añadí otro pequeño corazón en el centro. Todo el diseño es una cuestión de construcción de círculos, rectángulos y corazones en varias formas de púrpura y con varios niveles de opacidad.

Paso 3

Vamos a crear un marco para el corazón. En caso de que aún no lo hayas hecho, Agrupa todo lo creado en el paso anterior. Comienza este paso copiando y pegando el corazón base y continúa con lo siguiente:

1. Desplaza el corazón 6px. Selecciona ambas formas Intersect en el panel Pathfinder.
2. Ajusta la forma del marco a un Gradiente Lineal que es una variación de la de la Sección 1, Paso 3. En este caso, he añadido un par de instancias de grises más claros y más oscuros para que sea un metal más brillante.
3. Copia y pega el marco, estableciendo el color de relleno como nulo y el color de trazo como púrpura oscuro (o negro) con un peso de 0,5pt.
4. Pega el corazón base de nuevo y establece el Gradiente Lineal al mismo de la Sección 1, Paso 3 en un ángulo de 45°.
5. Colócalo fuera del centro del corazón facetado.
6. Colócalo detrás del corazón en el panel de Capas.
7. Alinea las formas del marco sobre el corazón facetado.

Paso 4

Para las formas de las garras del dije de corazón creé el objeto de la lágrima que se ve abajo:

1. Dibuja un círculo y rellénalo con el mismo Gradiente Lineal utilizado a lo largo de este tutorial para los objetos metálicos (Sección 1, Paso 3).
2. Utiliza la herramienta de selección directa para tirar del punto de anclaje inferior hacia abajo, creando la forma de lágrima.
3. Copia y pega la lágrima y establezca el color de relleno en nulo y el trazo (con un peso de 0,75pt) en morado oscuro (o negro).
4. Pega la lágrima de nuevo y establece el relleno en un Gradiente Lineal que vaya del blanco al 100% de Opacidad al blanco al 0% de Opacidad. Concentra el blanco opaco en la parte inferior de la forma. Redúcelo al 60% y colócalo en el centro de la lágrima metálica.
5. Utiliza la herramienta Pluma para dibujar una forma de sombra curvada alrededor del borde derecho de la lágrima. Crea una Máscara de recorte o utiliza la herramienta constructora de formas para eliminar las partes no superpuestas de la forma de la sombra de la lágrima principal. Ajusta la opacidad de la forma al 65% y el Modo de Fusión a Luz Suave en el panel de Transparencia (o panel de Apariencia como se ve abajo).
6. Utiliza la Herramienta Elipse para dibujar tres pequeños círculos, en blanco, en la parte inferior de la lágrima. Dibuja una forma de resaltado blanco transparente para el lado izquierdo de la lágrima.
7. Finalmente, pega la forma de la lágrima principal de nuevo y establece el color de relleno en púrpura oscuro y la Opacidad en 40%. Coloca esta forma de sombra debajo de la lágrima y ligeramente a la derecha y hacia abajo. Agrupa todo esto.

Copia y pega cuatro de estas pequeñas garras de lágrima alrededor del corazón. Reduce la escala de tres de ellas y rótalas para que sus extremos apunten al centro del corazón.

Paso 5

El corazón tiene algunas joyas adicionales. Algunas de ellas son solo círculos grises, pensados para ser metálicos. Sin embargo, seis de ellos son cristales de fondo plano con un acabado de Aurora Boreal (AB). Para hacer un objeto de cristal como estos hice lo siguiente:

1. Dibuja un círculo con la herramienta Elipse. El color no importa en este momento.
2. Copia y pega el círculo y alinéalo al centro del primero. Selecciona el segundo círculo y aplica un efecto Zig Zag (Efecto > Distorsionar y Transformar > Zig Zag) con los siguientes atributos: Tamaño es 0.56in, Absoluto seleccionado, 7 Crestas, y los Puntos están marcados como Esquina.
3. Expande el círculo Zig Zagged en Objeto.
4. Selecciona ambas formas y pulsa Divide en el panel Pathfinder. Desagrupa la forma dividida y selecciona los componentes del círculo Zig Zagged.
5. Elimina las formas fuera del círculo.
6. Continúa y elimina las formas más oscuras dentro del círculo (ver abajo), ya que son innecesarias.

Paso 6

Selecciona la mitad de las secciones del círculo y aplica un Gradiente Lineal que vaya de un gris frío a blanco. Con la herramienta Gradiente, concentra el blanco hacia el centro de cada forma. Para el resto de las secciones querrás que cada una tenga un gradiente lineal cuyos colores se mezclen entre sí. Cada sección llevará dos colores. Por ejemplo: de azul claro a azul medio con la siguiente sección de azul medio a violeta, y la siguiente sección de violeta a púrpura brillante. El objetivo es crear un espectro. El número de colores y sus tonalidades exactas dependen del esquema de colores del diseño de su juego para móviles.

Paso 7

Agrupa las secciones divididas. Cópialas y pégalas. Dibuja un círculo más pequeño en el centro del grupo copiado y establece el color de relleno en nulo y el trazo en negro de 1pt de peso con Luz suave como Modo de fusión. Agrúpalos y alinéalos al centro del círculo relleno de degradado.

Paso 7

Dibuja un círculo más grande y aplique el mismo degradado metálico de la sección 5, paso 3. Copia y pega el círculo y establece el relleno y el trazo en negro con un peso de 2 puntos. Coloca ambos detrás de los círculos de colores. Dibuja un pequeño círculo blanco y Alinea todo lo de esta sección al centro del objeto de cristal. Agrupa todo esto. Puedes usar esto como gemas en el diseño del juego.

Paso 8

Copia y pega varios de los cristales AB alrededor del corazón. Añade otras formas metálicas. Agrupa todo. Crea un contorno oscuro para el amuleto Seleccionando la base del corazón púrpura, el corazón metálico y cada base de la lágrima, copiando, pegando y agrupándolos. Ajusta el color del trazo a negro y el peso a 1-2pts. Alinea este grupo detrás del resto del encanto. Agrupa todo y reduce la escala, para la interfaz de usuario del juego.

6. Gemas y amuletos adicionales

Paso 1

El siguiente diseño de amuleto que dibujé era de naturaleza circular y similar al diseño del corazón. El esquema de color es turquesa, pero el tuyo puede ser del color que mejor funcione con los colores de tu diseño.

1. Dibuja dos círculos con la Herramienta Elipse y Alinea a sus centros. El círculo más pequeño debe ser de un color más claro que el más grande.
2. Copia y pega el más grande y elige un tono más oscuro del que has elegido para la gema. Colócalo detrás de los dos primeros círculos y muévelo hacia abajo y a la derecha.
3. Dibuja cinco formas rayadas radiantes con la Herramienta Pluma y aplica un gradiente que vaya de un color claro (en este caso azul claro) al 100% de Opacidad al mismo color al 0% de Opacidad. Dibuja otro círculo, más pequeño que los otros y del mismo color que el círculo de sombra del número 2.
4. Dibuja un quinto círculo con el mismo degradado que usaste para las rayas, en el centro de los otros círculos.
5. Con la herramienta Rectángulo, dibuja cuatro rectángulos largos y finos para crear un diamante, superponiendo los bordes de los círculos. Establece el gradiente de relleno en un tono oscuro de la tonalidad que estás usando (en este caso, turquesa) yendo de 100% de Opacidad a 0% de Opacidad con el color transparente cerca del centro. Establece el Modo de Mezcla a Quemar Color en cada rectángulo.
6. Continúa añadiendo capas de círculos, rayas y otras formas. Agrupa los componentes de este amuleto (excepto la forma de sombra del nº 2).
7. Copia y pega el círculo base y crear una máscara de recorte. Agrupa todo.

Paso 2

Si te apetece convertir tu gema en un amuleto como el corazón púrpura, sigue pasos similares a continuación:

1. Cambia el color de relleno del círculo turquesa oscuro por el degradado metálico de la Sección 1, Paso 3.
2. Copia y pega el círculo base y desplázalo 4px.
3. Aplica el degradado metálico de la sección 5, paso 3 (que es solo más instancias de grises en el panel de degradado).
4. Copia y pega las gotas de lágrimas de la sección 5, paso 4, alrededor del círculo y perfila el diseño con el mismo proceso de la sección 5, paso 8.

Paso 3

Para los pequeños picos en la parte superior del diseño hice lo siguiente:

1. Dibuja un rectángulo estrecho y repite la textura de madera de la sección 4, pasos 1-3.
2. Con la Herramienta Pluma, dibuja una forma de media luna redondeada (puedes manipular las Esquinas Vivas para conseguir bordes redondeados) y aplica un simple degradado metálico de grises.
3. Copia y pega la textura de la madera y Haz una Máscara de recorte para la parte superior, pequeño rectángulo.
4. Al igual que en el proceso de la Sección 5, en el que utilizamos la Herramienta de Construcción de Formas para eliminar objetos entre sí, tendrás que hacerlo dos veces para las formas de sombra y resaltado en el pico.
5. Dibuja un pequeño círculo con un gradiente de sombra (este va de púrpura oscuro a 100%- 0% de Opacidad) en la parte superior del mango de madera del hacha. Coloca esta forma debajo de la máscara de recorte de #3.
6. Dibuja formas de sombra adicionales y colócalas en la máscara de recorte de su respectiva forma. Crea contornos copiando y pegando la base del mango de madera y la base de la cabeza del hacha, colocándola detrás del diseño y aplicando un peso de trazo de 1pt.
7. Si lo reduces para ajustarlo al diseño del juego, perderás el detalle de la textura de la madera. Para combatir esto, asegúrese de Expandir las líneas garabateadas del número 1. Me gusta el hacha simple, y dejó esta versión en mi diseño.

Paso 4

El siguiente diseño de gemas consiste en formaciones de cristal que sobresalen de las rocas. Mi proceso de dibujo de rocas es el siguiente:

1. Utiliza la Herramienta Lápiz (con la Fidelidad establecida en Precisión) para dibujar un círculo abultado.
2. Dibuja formas grises que sigan el contorno de la roca y definan los planos de la misma.
3. Continúa el paso anterior con un color más claro y Agrupa estas formas.
4. Copia y pega la forma de la roca base y Alinéala al centro del círculo inicial de bultos.
5. Selecciona el grupo y la nueva forma de círculo abultado y Haz una máscara de recorte.
6. Coloca las formas creadas en el #2-3 y aplica gradientes lineales a cada una que van desde el gris al 100% de Opacidad hasta el gris oscuro al 0% de Opacidad.

Paso 5

Este paso parece largo, pero solo quería desglosar los pasos para ilustrar un proceso bastante sencillo.

1. Utiliza la herramienta Pluma para dibujar formas de cristal que salgan de la roca.
2. Me gusta el aspecto de tres o más formas, cada una a diferentes alturas y ángulos.
3. Establecer cada uno de los colores de relleno a algo brillante. En este caso elegí nuevamente el púrpura. El degradado lineal va del púrpura brillante al púrpura oscuro. Varía el ángulo de cada degradado para que las formas no se mezclen entre sí.
4. Con la herramienta Pluma, dibuja formas sobre los cristales que definan sus planos (véase más abajo).
5. Continúa haciéndolo para cada forma de cristal.
6. Establece algunas de las formas añadidas en #4-5 como diferentes modos de mezcla: Malla, Quemado de color y Esquivamiento de color.
7. Dibuja los contornos de la roca y los cristales.
8. Con la herramienta Lápiz, dibuja líneas que muestren el agrietamiento de la roca. Agrupa todo.

Paso 6

La formación de cristales verdes es más o menos el mismo proceso que el púrpura.

1. Cambia los colores de la roca a grises más claros.
2. Dibuja nuevos cristales para este. Decidí tener piezas más grandes con más picos y valles.
3. Aplica de nuevo los degradados a los cristales principales y empieza a dibujar formas para definir los planos de cada cristal.
4. Cambia entre la adición de colores planos rellenos y formas de degradado.
5. Una vez más, siéntete libre de jugar con el Modo de Fusión en estas formas.
6. Por último, agrupa todo y asegúrate de que tiene un contorno grueso y líneas que indiquen las grietas.

Paso 7

Decidí que mi próximo amuleto de gema debía tener forma de diamante. Como todavía no he utilizado el naranja, pensé que sería un buen contraste con los otros colores.

1. Utiliza la herramienta Rectángulo para dibujar un cuadrado. Gíralo para que se apoye en un punto.
2. Utiliza la herramienta de selección (V) para aplastar el cuadrado hacia dentro y hacia arriba en forma de diamante.
3. Tira de las Esquinas vivas hacia dentro para redondear las esquinas. Copia y pega el diamante y aplica el gradiente metálico utilizado en los otros diseños de encanto en las secciones anteriores. Desplazaremos esta forma 4px de nuevo para crear un marco. Oculta esto en el panel de Capas por ahora.
4. Superpón diferentes tamaños del diamante redondo. Cambia los colores a diferentes tonos de naranja y amarillo-naranja (similares a los diseños de gemas de corazón y círculo). Agrupa estas gemas.
5. Dibuja varias formas de degradado y formas transparentes con la herramienta Pluma o Lápiz para crear rayas, brillos y sombras en el diseño de la gema.
6. Haz una máscara de recorte.
7. Desenmascara el marco metálico. Añade contornos al marco.
8. Pega diamantes adicionales en el centro del diseño. Aplica un Gradiente Radial que vaya del naranja claro al 100%-0% de Opacidad al diamante central.
9. Crea un contorno grueso para el diseño del amuleto y no olvides las garras de la lágrima utilizadas en las esquinas.
10. Este es el diseño final del colgante de diamante naranja.

Paso 8

El diseño final es un colgante de cristal blanco. Mi proceso para este diseño fue el siguiente:

1. Con la herramienta Pluma dibujé una forma de seis lados que serviría como la mitad superior del cristal.
2. He bisecado la forma con un rectángulo y le he dado a Minus Front en Pathfinder. Esto me ha dado mi 1/4 del diseño. Copie y pegue ese cuarto y lo refleje sobre un Eje Vertical.
3. Copia y pega la mitad superior recién creada y Reflejala sobre un Eje Horizontal. Une las cuatro formas en Pathfinder.
4. Con la herramienta Pluma dibujé formas en el cristal que ayudaron a definir sus facetas. Hay nueve formas en total.
5. Al principio no estaba seguro de los colores. Creo que, al crear cristales y gemas blancas, es mejor ceñirse a los colores pastel, a menos que se busque un acabado AB como el de la Sección 5.
6. Los colores elegidos son degradados lineales que van del morado claro al blanco y del azul claro al blanco.
7. Agrupa el diseño y copia y pega el cristal. Establece el color de relleno en nulo, el trazo en negro y con un peso de 1pt, y el Modo de Fusión en Superposición. Pega cuatro lágrimas metálicas de la sección 5 en cuatro esquinas del cristal.
8. Copia y pega la forma de cristal base y colócala detrás del grupo de cristales. Desplázala 4px y aplica el degradado metálico utilizado a lo largo de este tutorial.
9. No te olvides de hacer un último esquema en el cristal antes de agruparlo todo.

¡Pongámoslo todo junto!

Coloca tus gemas y amuletos alrededor del tablero de juego. Asegúrate de agruparlas cuando estés satisfecho (el uso de la herramienta de cuadrícula rectangular ayuda a su colocación). Para el toque final, añade una puntuación en la parte superior y alinea los pequeños ejes como "potenciadores". Lleva tu diseño más allá creando gemas especiales y brillantes o pantallas de juego adicionales con varios fondos de nivel y marcos de plantilla.