Eliminar fondo adicional detrás del marco del iPhone en Sketch

Tengo 2 capas en Sketch, el marco del iPhone y la imagen en el fondo.

ingrese la descripción de la imagen aquí

Esto es lo que produce

ingrese la descripción de la imagen aquí

¿Hay alguna forma de ocultar o borrar esa área adicional usando Sketch?

Respuestas (1)

Intentaría enmascarar la imagen con una forma .

Haz un rectángulo con esquinas redondeadas en el medio del borde del teléfono y utilízalo para enmascarar la imagen.


Hice esto usando una versión anterior de Sketch, por lo que puede haber algunas diferencias.

  1. Hice un rectángulo con el borde pegado en algún lugar dentro del borde del teléfono. Dado que el borde del teléfono tiene más de unos pocos píxeles de grosor, no es necesario que sea muy preciso. Solo asegúrate de que permanezca dentro.

    • No estoy seguro acerca de la última versión de Sketch, pero en la mía, el relleno de la capa de la forma debe estar desmarcado o, de lo contrario, el espacio vacío dentro de la forma del rectángulo de máscara tendrá el color de relleno. Aunque puede cambiar esto después de haberlo enmascarado.
  2. Luego seleccioné la capa de forma + la capa de imagen y uséLayer › Mask › Mask with Selected Shape

  3. Y finalmente, lo arreglé detrás del teléfono.

    • También agregué un poco de sombra a la capa de la imagen después, ya que tanto la capa de forma de enmascaramiento como la imagen se pueden editar por separado después del enmascaramiento.