1. Design & Illustration
  2. Drawing/Illustration
  3. Vectors

Cómo crear marcos dibujados a mano en Adobe Illustrator

En este tutorial, utilizarás la herramienta Pincel de manchas de Adobe Illustrator para crear pequeñas partes de diseños que se copian, pegan y rotan para formar marcos completos y ornamentados. Al combinar elementos de unión con florituras, formas básicas, vid y elementos florales y más, tendrás piezas vectoriales listas para todas tus elegantes necesidades de diseño.
Scroll to top

Spanish (Español) translation by Johana (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En este tutorial, utilizarás la herramienta Pincel de manchas de Adobe Illustrator para crear pequeñas partes de diseños que se copian, pegan y rotan para formar marcos completos y ornamentados. Al combinar elementos de unión con florituras, formas básicas, vid y elementos florales y más, tendrás piezas vectoriales listas para todas tus elegantes necesidades de diseño.

1. Crear los componentes del marco

Paso 1

Me parece que este tutorial es mejor cuando se trabaja con una tableta gráfica (ya que todo está dibujado a mano, en lugar de crear formas con herramientas de forma). Crea un Nuevo documento de 800 píxeles cuadrados aproximadamente (por cierto, esto depende de ti).

Con la herramienta Pincel de manchas (Mayús+B), presiona Enter para acceder a las opciones de la herramienta. Establece el tamaño del pincel en 3 pt aproximadamente, asegurándote de que la Presión esté habilitada. Establece la Fidelidad en la cuarta marca de graduación a la derecha (casi Suave, pero no del todo).

Por último, asegúrate de que Mantener seleccionado esté desactivado y Fusionar sólo con selección esté activada. De esta manera, cualquier cosa que dibujes se editará fácilmente (a menos que quieras que todo se fusione desde el momento en que te vayas).

Adjust the Blob Brush Tools settingsAdjust the Blob Brush Tools settingsAdjust the Blob Brush Tools settings

Paso 2

Ahora que tenemos nuestra herramienta lista, comencemos nuestro diseño de marco. Me gusta comenzar con una forma central y una floritura o espiral en un lado. En este caso, dibujé un corazón, un corazón más pequeño dentro de él, y una floritura en el lado izquierdo. Los diamantes, los óvalos y las formas florales también funcionan muy bien para este paso.

Draw some simply elegant shapesDraw some simply elegant shapesDraw some simply elegant shapes

Paso 3

Mantén presionada la tecla Alt y usa la Herramienta selección (V) para arrastrar la floritura hacia la derecha. Descubrirás que has copiado y pegado instantáneamente esa forma en particular. Haz clic derecho y ve a Transformar > Reflejar para voltear la forma sobre un eje vertical. Coloca la copia volteada en el lado derecho del corazón (mira la siguiente imagen).

Easy copy and paste trickEasy copy and paste trickEasy copy and paste trick

Paso 4

Considera la forma que estás haciendo como una esquina de un polígono. Las espirales y florituras deben entrelazarse en el centro de tu diseño, así como ser algo que puede unirse a la siguiente "esquina" de la forma final. Me parece que las pequeñas formas parecidas a una flor o corona en la parte superior funcionan bien, junto con arcos que unen espirales con el corazón central.

Paso 5

Por último, extiende algunas formas a la parte central inferior de tu diseño. Elegí formas en V de bordes duros y espirales adicionales más pequeños a cada lado. Si realmente te gustan los diseños simétricos, copia, pega y refleja los elementos de diseño. Agrupa (Control+G) todos sus elementos de diseño, y ahora crearemos el resto del marco.

Add vs in the centerAdd vs in the centerAdd vs in the center

2. Rota los componentes de diseño

Paso 1

Copia y Pega el grupo de diseño. Usa la Herramienta rotar (R) para rotar el grupo copiado en 45°. Coloca el grupo recién rotado a la izquierda de la copia original.

Rotate your designby 45 degreesRotate your designby 45 degreesRotate your designby 45 degrees

Paso 2

Copia, pega y rota los componentes de diseño y colócalos en forma circular u octogonal. Utiliza el panel Alinear para asegurarte de que las formas central superior e inferior se alinean con sus centros verticales.

Keep rotating design componentsKeep rotating design componentsKeep rotating design components

Paso 3

El tamaño, el espaciado y la forma general que crea el diseño dependen de su ubicación, así como de los elementos que ha creado. En este caso, mi diseño consiste en formas largas y horizontales con puntos construidos en el centro de cada lado. Debido a que roté cada elemento en 45°, tengo una figura de ocho lados. Agrupa tus componentes una vez que hayas terminado con su colocación. Has completado tu primer marco elegante.

Completed elegant frameCompleted elegant frameCompleted elegant frame

3. Un estilo de marco alternativo

Paso 1

Un estilo de diseño alternativo gira cada componente en 90° para que solo haya cuatro esquinas del diseño. Me pareció más fácil copiar, pegar y rotar la primera copia en -90 °.

Rotate the components 90 degreesRotate the components 90 degreesRotate the components 90 degrees

Paso 2

Luego, copié y pegué ambos componentes y roté el grupo en 180° para que tuvieran más posibilidades de alinearse perfectamente. Si bien esto a veces puede crear un estilo de marco muy cuadrado o recto, si añades elementos en un nuevo grupo entre el diseño de marco inicial, puedes redondear las "esquinas" del marco. Además, puedes añadir elementos al centro o a los lados y mantener los componentes del marco en capas para aumentar su complejidad.

Rotate the right half of the design by 180 degreesRotate the right half of the design by 180 degreesRotate the right half of the design by 180 degrees

Gran trabajo, ¡terminaste!

Observa cómo algunas de las siguientes piezas tienen cuatro, seis y ocho lados respectivamente y van de simple a complejo respecto a la cantidad de elementos añadidos al diseño del marco. ¿Qué otros componentes no mencionados en este tutorial puedes añadir para crear marcos originales y ornamentados? Comparte tus diversos diseños de marcos dibujados a mano en la siguiente sección de comentarios.

A whole set of ornate frame designsA whole set of ornate frame designsA whole set of ornate frame designs