Recorte no convencional en Illustrator

http://i.imgur.com/mEWzQ16.jpg

Necesito recortar esta imagen de tal manera que el espacio debajo de "¡Envíe su foto aquí!" se elimina, porque voy a usar ese espacio para un formulario de "elegir archivo" en mi sitio web. Intenté crear una mesa de trabajo personalizada, pero Illustrator solo te permite usar un rectángulo o un cuadrado tradicional como mesa de trabajo. Básicamente, necesito una imagen vectorial, pero no estoy seguro de cómo hacerlo ya que hay tres imágenes separadas. ¿Alguna sugerencia sobre cómo hacer esto? ¡Gracias!

Respuestas (1)

Todas las imágenes digitales son rectangulares . Todas las imágenes. No existe tal cosa como una imagen digital no rectangular.

Lo que puedes hacer es crear un área transparente dentro de ese rectángulo. La transparencia hará que parezca que hay un espacio vacío cuando en realidad no lo hay.

Illustrator, por defecto tiene un fondo transparente (aunque se ve blanco en la aplicación). Si guarda una mesa de trabajo como un archivo PNG24, el fondo de la mesa de trabajo no estará allí. Es posible que deba reconsiderar el formato en el que está guardando la imagen.

Para su uso particular, probablemente ni siquiera necesite transparencia. Puede usar CSS (hojas de estilo en cascada) para colocar la imagen rectangular detrás de su formulario y permitir que el formulario se asiente sobre la imagen en lugar de intentar cortar el área de la imagen.

Here is a very quick and dirty sample of this method.

ingrese la descripción de la imagen aquí

Recomiendo usar pseudo elementos para colocarlos alrededor del formulario. Esto les permitirá ser más receptivos y dar más control en general.
Estoy de acuerdo @ZachSaucier. Sería mejor usar 2 elementos de imagen a la izquierda y a la derecha, y establecer el título como HTML en vivo.
El problema es que si coloco el formulario encima de la imagen, todo será un rectángulo blanco y tengo un fondo que me gustaría mostrar detrás del formulario. De hecho, traté de solucionar este problema dividiendo el texto y dos flechas en componentes separados, pero no soy lo suficientemente avanzado en html para saber cómo deshacerme del espacio entre las imágenes y el texto i.imgur.com/jLUYyxa.jpg , así que solo traté de hacer que todo fuera una sola imagen. Es por eso que sería útil saber cómo crear un área transparente.
Suponiendo que los archivos de Illustrator no tengan un cuadro blanco, simplemente guarde la mesa de trabajo como un archivo PNG24. Será transparente donde no hay nada. Es posible que deba rellenar las flechas con blanco si aún no lo están.
Recorte no convencional en Illustrator
RespuestasAquíPolítica de privacidad1y, 0v