7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Illustration

Cómo crear un cartel de cine glamoroso en Adobe Illustrator

Read Time: 14 mins

Spanish (Español) translation by Elías Nicolás (you can also view the original English article)

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

¡Los elementos que vamos a crear en este tutorial son bien conocidos y reconocidos por todos los que aman las películas tanto como a mí! Vamos a pasar por un proceso emocionante y desafiarnos a nosotros mismos al componer un cartel de cine brillante y glamoroso.

1. Haz las gafas 3D desde formas básicas

Paso 1

Comience haciendo un rectángulo con la ayuda de la herramienta Rectángulo (M) y llénelo con un simple degradado lineal de gris a gris claro. Tome la herramienta Rectángulo redondeado y agregue otra forma sobre la primera, formando el vidrio. Rellene la forma con un degradado lineal de azul oscuro a azul claro.

make a rectanglemake a rectanglemake a rectangle

Paso 2

Cortemos la esquina del borde de las gafas, creando un lugar para el puente de la nariz. Haga un círculo parejo con la herramienta Elipse (L) y colóquela arriba de la esquina inferior izquierda de la llanta. Seleccione ambas formas y use la función Menos frente del panel Buscatrazos.

use minus front in pathfinderuse minus front in pathfinderuse minus front in pathfinder

Paso 3

Haga doble clic en la herramienta Reflejar (O) para llamar al menú emergente de opciones y reflejar las formas creadas sobre el eje vertical. Haga clic en el botón Copiar, creando la segunda mitad de las gafas. Cambie los colores degradados de la mitad derecha a tonos rojos, como en las gafas 3D clásicas.

add second half of the glassesadd second half of the glassesadd second half of the glasses

Paso 4

Agreguemos algunos brazos simples a nuestras gafas.

Antes que nada, crea un rectángulo y coloca un rectángulo redondeado más pequeño sobre él (mira la captura de pantalla siguiente para ver la posición correcta). Más adelante, haz clic en Menos frente en el panel Buscatrazos para recortar la forma de la oreja. Seleccione uno de los puntos de anclaje inferiores con la Herramienta de selección directa (A) y arrástrelo un poco hacia la derecha para que la forma sea más fluida. Finalmente, seleccione su forma y vaya a Efecto > Estilizar > Redondear vértices y establezca Radio de vértice a 1-2 px para suavizar las formas.

make glasses armmake glasses armmake glasses arm

Paso 5

Ahora tenemos que hacer que los brazos de las gafas se ajusten a la perspectiva. Transformemos la forma un poco aplicando Objeto > Distorsión de envolvente > Crear con malla y estableciendo los valores de Filas y Columnas en 1.

apply mesh to the armapply mesh to the armapply mesh to the arm

Paso 6

Una el brazo al lado derecho de las gafas y dóblelo usando las manijas de anclaje, como se muestra en la imagen a continuación.

transform the armtransform the armtransform the arm

Paso 7

Agregue el segundo brazo en el otro lado de las gafas. Seleccione ambas partes de la llanta y Unificar en Buscatrazos para hacer una sola forma.

unite two halves of the glassesunite two halves of the glassesunite two halves of the glasses

Paso 8

Hagamos las gafas más tridimensionales agregando algunos reflejos y sombras. Copie la forma básica de los vidrios y colóquela frente dos veces (Control-C > Control-F). Mueva un poco la copia superior y use la función Menos frente del Buscatrazos para cortar las piezas innecesarias. Rellene la franja restante con color blanco.

add highlight and shadowadd highlight and shadowadd highlight and shadow

Agregue una sombra suave a la parte del puente de la nariz de las gafas también.

3D glasses3D glasses3D glasses

Paso 9

Agreguemos algunos reflejos simples para hacer que las gafas sean pulidas y brillantes. Dibuje unas rayas estrechas con la herramienta Rectángulo (M) y conviértalas en un trazado compuesto (Control-8), combinando así las rayas en una sola forma. Gire las rayas a un ángulo de 45 grados y colóquelas sobre las gafas. Corte las partes innecesarias y llene las formas con azul oscuro y rojo oscuro, cambiando el Modo de fusión a Trama en el panel Transparencia.

add overtones in screen modeadd overtones in screen modeadd overtones in screen mode

También puede agregar un par de reflexiones en la parte superior de los lentes.

add reflections to the glassesadd reflections to the glassesadd reflections to the glasses

2. Renderizar un cubo de palomitas de maíz rayado

Paso 1

Comience por hacer nuevamente la forma básica del cubo desde un rectángulo, pero esta vez haga que su parte inferior sea más estrecha moviendo los puntos de anclaje más cerca entre sí.

Vaya a Objeto > Trazado > Añadir puntos de ancla para crear un punto de anclaje adicional en el medio de la parte inferior de nuestro depósito. Seleccione el punto de anclaje inferior creado y hágalo liso con la herramienta Convertir punto de anclaje (Shift-C). Muévala hacia abajo un poco, haciendo que la forma se arquee ligeramente.

bucket basic shapebucket basic shapebucket basic shape

Paso 2

Use la herramienta Rectángulo redondeado para crear el borde superior. Duplique la base del cubo y arrastre la copia hacia arriba. Corta las partes innecesarias con la función Menos Frente en Buscatrazos, formando una raya dorada brillante en el fondo de nuestro cubo.

add the edges to the bucketadd the edges to the bucketadd the edges to the bucket

Paso 3

Duplique la parte básica una vez más y cambie su color a un degradado lineal de rojo a blanco. Establezca el modo de fusión en Multiplicar, creando así una sombra suave.

add shadow in multiply modeadd shadow in multiply modeadd shadow in multiply mode

Paso 4

Agreguemos la parte reconocible de la mayoría de los baldes de palomitas: ¡las rayas verticales! Haz un conjunto de rayas estrechas con la herramienta Rectángulo (M) y conviértelas en un trazado compuesto (Control-8) como lo hicimos anteriormente. Vaya a Efecto > Deformación > Arco y configure el valor de Curvar horizontal en 8%.

make stripes with warp effectmake stripes with warp effectmake stripes with warp effect

Paso 5

Duplicar la forma básica del cubo y reorganizar los objetos, colocando la copia sobre las rayas (Control-Shift-]). Seleccione las rayas y la copia del cubo y haga Crear máscara de recorte. Coloque otra forma básica de cubeta en la parte superior y llénela con un degradado lineal tricolor (naranja-negro-rojo), y cambie al Modo de fusión a Trama para que nuestro objeto sea vívido y brillante.

brighten the bucketbrighten the bucketbrighten the bucket

Paso 6

No queremos ver películas con un cubo vacío, ¿verdad? ¡Vamos a llenarlo con palomitas crujientes!

Haz un círculo simple con la Herramienta Elipse (L). Ahora toma la herramienta Deformar (Shift-R) y comienza a deformar el círculo, creando golpes y abolladuras. Agregue una forma más pequeña arriba para la parte interna de las palomitas de maíz.

make popcorn basic shapemake popcorn basic shapemake popcorn basic shape

Si su forma contiene demasiados puntos de anclaje después de la transformación, puede solucionarlo fácilmente con la herramienta Suavizar.

use the smooth tooluse the smooth tooluse the smooth tool

Paso 7

Rellene la forma de las palomitas de maíz con un degradado lineal desde amarillo claro en el medio hasta beige en los bordes. Tome la herramienta Lápiz (N) y dibuje algunas formas aplastadas arriba, llenándolas con degradados lineales de amarillo claro a negro. Cambie el modo de fusión a Trama para formar los aspectos más destacados. Agrega algunas sombras en el modo de fusión Multiplicar también.

color the popcorncolor the popcorncolor the popcorn

Paso 8

Agregue una forma marrón más oscura para la mitad de nuestras palomitas de maíz. Finalmente, haga copias múltiples y coloque las piezas de palomitas de maíz en el cubo, rotándolas y variando su tamaño.

fill the bucket with popcornfill the bucket with popcornfill the bucket with popcorn

3. Crea un carrete de película simple de un círculo

Paso 1

Comience haciendo un círculo y llenándolo con un degradado lineal de varios tonos de gris, imitando una superficie de metal. Crea un círculo más pequeño encima del metal. Alinéelo con el centro de la forma metálica básica y muévalo más cerca del borde superior. Tome la herramienta Rotar (R), mantenga presionada la tecla Alt y haga clic en el medio de la forma básica. Una vez que lo hagas, verás la ventana emergente de opciones de rotación. Establezca el valor de Ángulo en 360/5 y haga clic en el botón Copiar. Presione Control-D varias veces más para agregar cinco círculos, formando una bobina de película.

make the basic bobbin shapemake the basic bobbin shapemake the basic bobbin shape

Paso 2

Recorta los círculos, creando agujeros perforados. Haga una copia de la bobina en la parte posterior (Control-C> Control-B) y aumente un poco su tamaño. Llene la copia con un degradado lineal desde blanco en la parte superior hasta gris oscuro en la parte inferior, agregando dimensión al objeto.

cut out the holes in the bobbincut out the holes in the bobbincut out the holes in the bobbin

Paso 3

Crea un círculo más pequeño y colócalo detrás de la forma de metal para que sea visible a través de los agujeros. Rellene la forma con un degradado lineal marrón oscuro y agregue un grupo de círculos concéntricos, formando así una cinta de película enrollada dentro de la bobina.

create the film reelcreate the film reelcreate the film reel

Agregue una sombra en el modo de fusión multiplicar para separar el carrete de la parte superior de metal, agregando así profundidad a nuestros detalles.

add shadows to the bobbinadd shadows to the bobbinadd shadows to the bobbin

Continúe y agregue más brillo al objeto representando las reflexiones en su superficie en el Modo de fusión a Trama.

add highlights to the bobbinadd highlights to the bobbinadd highlights to the bobbin

4. Hacer una chapaleta de película

Paso 1

Comienza formando una forma con la herramienta Rectángulo redondeado y llenándola con un degradado lineal oscuro. Luego tome la herramienta Rectángulo (M) y agregue una franja de luz estrecha sobre la forma básica.

make the basic clapper shapemake the basic clapper shapemake the basic clapper shape

Paso 2

La claqueta generalmente tiene un conjunto de rayas sesgadas en sus bordes. Vamos a agregar esos también. Forme una franja, seleccione sus puntos de anclaje superiores con la herramienta de selección directa (A) y muévalos hacia la derecha. De lo contrario, puede usar la herramienta corte para el mismo propósito. Mantenga presionadas las teclas Alt y Shift y arrastre la forma hacia la derecha, creando así una copia.

form stripes for the clapperform stripes for the clapperform stripes for the clapper

Presione Control-D para repetir la última acción, crear más rayas y ocultar las partes innecesarias dentro de la máscara de recorte para que las formas sean nítidas.

edit the clapper stripesedit the clapper stripesedit the clapper stripes

Paso 3

Utilice la herramienta Elipse (L) para crear una forma aplastada por encima de la parte superior de la clapeta. Córtelo y rellene con degradado lineal desde negro hasta gris azulado. Cambie al Modo de fusión a Trama, creando un sobretono en una superficie brillante.

add highlight to the clapperadd highlight to the clapperadd highlight to the clapper

Paso 4

Seleccione la parte rayada y use la herramienta Reflejar (O) para voltearla sobre el Eje Horizontal, creando la segunda mitad de la Claqueta.

add the second half of the clapperadd the second half of the clapperadd the second half of the clapper

Paso 5

Necesitamos hacer la forma más suave redondeando la esquina superior derecha de la claqueta. El efecto Vertices redondeados incorporado no nos ayudará esta vez ya que redondea todas las esquinas, mientras que solo necesitamos transformar uno de ellos. Para este propósito, utilizaremos Round Any Corner para Adobe Illustrator de Hiroyuki Sato, que puede descargar desde Tuts+. Seleccione la esquina que desea suavizar y ejecute la secuencia de comandos (presione Control-F12 y selecciónelo en su carpeta), estableciendo el valor de Radio en 7. ¡Ahora tiene una bonita forma redondeada!

use round any corner scriptuse round any corner scriptuse round any corner script

Paso 6

Agreguemos el detalle de fijación a las mitades de nuestra clapeta. En primer lugar, haz una forma de triángulo con la ayuda de la herramienta Polígono y luego divídela en dos partes, dibujando una línea en el centro del triángulo y dividiéndolo en el Buscatrazos. Finalmente, haga que todas las esquinas sean ligeramente redondeadas.

make the fastening detailmake the fastening detailmake the fastening detail

Paso 7

Crea un tornillo simple formando un círculo y colocando un pequeño resalte sobre él.

make the screwsmake the screwsmake the screws

Agrupar (Control-G) ambas partes del tornillo y agregue dos copias más al detalle de fijación.

make the screws 2make the screws 2make the screws 2

Finalmente, coloque los detalles creados en el lugar apropiado, conectando las partes de nuestro clapeador y agregue algunos toques finales.

add finishing touches to the clapperadd finishing touches to the clapperadd finishing touches to the clapper

Vamos a juntar todos los elementos creados, formando una composición simple.

make a simple compositionmake a simple compositionmake a simple composition

5. Renderizar una cinta de película dimensional

Paso 1

En esta parte del tutorial crearemos una cinta de película de aspecto realista para animar nuestra composición.

Comience haciendo una franja negra para la base de la cinta. Agregue dos cuadrados pequeños en ambas esquinas superiores de la franja. Vaya a Objeto > Mezclar > Crear y luego abra las Opciones de fusión en el mismo menú. Establezca el espaciado en Pasos especificados, el valor es igual a 20. Objeto > Expanda el grupo de fusión y coloque su copia en la parte inferior de la franja negra.

make a film tape 1make a film tape 1make a film tape 1

Paso 2

Agregue un grupo de cuadrados blancos, que representan marcos de película en blanco en la cinta. Más adelante, seleccione la cinta de película creada y arrástrela al panel Símbolos (Ventana > Símbolos), creando así un nuevo símbolo de Clip de película (deje todas las opciones en la ventana de Opciones de símbolo emergente como predeterminado).

make a film tape 2make a film tape 2make a film tape 2

Paso 3

Ahora vamos a renderizar la forma real de la cinta de película. Tome la herramienta Lápiz (N) y dibuje una línea suave en forma de S. Manteniendo la línea seleccionada, vaya a Efecto > 3D > Extrusion y Biselado. Marque la casilla Previsualización y mueva el cubo para colocar la cinta correctamente. Puedes ver mis opciones de extrusión y biselado en la captura de pantalla a continuación. Mantenga la ventana de Opciones abierta por un tiempo; tenemos algunas cosas más que modificar aquí.

apply 3D effect to the film tapeapply 3D effect to the film tapeapply 3D effect to the film tape

Paso 4

Ahora apliquemos la textura de la cinta que creamos anteriormente. Haga clic en el botón Mapear Ilustracion en la ventana de opciones de Extrusion & Biselado. Aquí debe cambiar las Superficies y elegir nuestra cinta de película del menú Símbolos, aplicándola a cada superficie, que es visible. Presione el botón Escalar para ajustar la cinta automáticamente al tamaño adecuado.

use map art to apply texture 1use map art to apply texture 1use map art to apply texture 1

Si el símbolo de la cinta no es lo suficientemente largo como para cubrir toda la superficie, cree una nueva cinta más larga y colóquela también en el panel Símbolos.

use map art to apply texture 2use map art to apply texture 2use map art to apply texture 2

Como puede observar, debe cubrir solo las áreas claras en la ventana de Mapear Ilustración, mientras que las grises permanecen invisibles para el espectador.

use map art to apply texture 3use map art to apply texture 3use map art to apply texture 3

Paso 5

¡Prefecto! Si está satisfecho con el resultado y no va a editar nada, vaya a Objeto > Expandir apariencia. Ahora podemos comenzar a colorearlo. Seleccione la forma negra en la superficie frontal de la cinta y llénela con un degradado lineal de tonos azul oscuro, creando un aspecto brillante.

expand and color the film tape 1expand and color the film tape 1expand and color the film tape 1

Paso 6

Aplique un degradado lineal más oscuro a los marcos de la película, haciéndolos brillantes también.

expand and color the film tape 2expand and color the film tape 2expand and color the film tape 2

Así es como se ve la cinta de color ahora.

expand and color the film tape 3expand and color the film tape 3expand and color the film tape 3

Paso 7

Cortemos esas pequeñas piezas blancas en la parte superior e inferior de la cinta. Combine los cuadrados en trazado compuesto (Control-8) y use la función Menos frente en el panel Buscatrazos para crear los agujeros.

cut out the squares of the film tapecut out the squares of the film tapecut out the squares of the film tape

Paso 8

Ahora tenemos que colocar la parte posterior de la cinta detrás de la bobina del carrete de película. Para este propósito, tenemos que dividir la parte superior de la cinta. Tomemos la herramienta Cuchillo (puede encontrarla en el mismo menú que la Herramienta Borrador). Seleccione la forma, que necesita para cortar y dibujar una línea a través de él. ¡Voila! Tienes dos formas separadas. Agrupe las partes traseras y envíelas a detrás (Control-Shift-[).

rearrange the parts of the film taperearrange the parts of the film taperearrange the parts of the film tape

Paso 9

Cree una cinta de película similar en el otro lado del póster, junto al cubo de palomitas de maíz, para equilibrar la composición.

create another film tapecreate another film tapecreate another film tape

Si desea agregar un poco más de realismo, puede duplicar los marcos de la película y luego cortar los agujeros del mismo tamaño, reduciendo la opacidad de los marcos hasta un 90% para que sean semitransparentes. Puede consultar mi Tutorial de Winter Candle Lantern para obtener un método más descriptivo para crear superficies semitransparentes.

make the film frames transparentmake the film frames transparentmake the film frames transparent

Así es como debe verse la composición general en esta etapa:

cinema items cinema items cinema items

6. Agregue un fondo brillante chispeante

Paso 1

Para que nuestra imagen sea más brillante, crearemos el efecto de una superficie de espejo debajo de los elementos. Para empezar, haga una copia reflejada de las gafas 3D y cópiela una vez más, de modo que tengamos dos copias una encima de la otra (Control-C> Control-F). Seleccione la copia superior y Unificar en el panel buscatrazos, convirtiéndola en una sola forma. Llene la forma creada con un degradado lineal desde negro en la parte inferior hasta blanco en la parte superior.

make mirrored reflection of the glassmake mirrored reflection of the glassmake mirrored reflection of the glass

Paso 2

Seleccione las dos copias que hemos creado y haga clic en el botón Crear máscara en el panel Transparencia para crear una máscara de opacidad. Como puede ver, la parte negra de la forma se volvió transparente, convirtiendo la forma en un reflejo suave de nuestras gafas 3D.

make mirrored reflection of the glass 2make mirrored reflection of the glass 2make mirrored reflection of the glass 2

Crea las reflexiones para los otros elementos usando la misma técnica.

make mirrored reflection of the itemsmake mirrored reflection of the itemsmake mirrored reflection of the items

¡Parece lo suficientemente brillante! Avancemos y avivemos el fondo.

make mirrored reflection of the items 2make mirrored reflection of the items 2make mirrored reflection of the items 2

Paso 3

Crea un cuadrado que cubra nuestro tablero de dibujo y llénalo con un vivo degradado radial desde lila clara en el medio hasta violeta más oscuro en el borde. Aplaste un poco el degradado y mueva su punto central más cerca de la parte superior de nuestra imagen, oscureciendo la parte inferior.

add vivid lilac backgroundadd vivid lilac backgroundadd vivid lilac background

Paso 4

Realice algunos cambios menores para agregar más brillo y viveza a nuestra imagen. Cambie el Modo de fusión de las gafas a Color y coloque una sombra suave en el Modo de fusión multiplicar debajo de cada elemento.

add shadows to each itemadd shadows to each itemadd shadows to each item

Paso 5

Agregue más profundidad al fondo, colocando un grupo de círculos detrás de nuestros objetos. Llénelos con un degradado radial de lila negra a brillante y cambie al modo de fusión a Trama, creando un efecto bokeh borroso. También puede agregar un toque final mediante la dispersión de algunos destellos aquí y allá para una apariencia más glamorosa.

add bokeh to the backgroundadd bokeh to the backgroundadd bokeh to the background

¡Y corte! ¡Su póster de cine ha terminado!

¡Felicitaciones, has hecho un gran trabajo al crear un cartel glamoroso y detallado con elementos de películas! Espero que hayas aprendido algunos consejos y trucos nuevos para usar en tus proyectos futuros. ¡Deja que la inspiración te guíe!

final image of the cinema posterfinal image of the cinema posterfinal image of the cinema poster
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
One subscription.
Unlimited Downloads.
Get unlimited downloads