Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Fan Art

Cómo crear un set de papelería para la escuela de Xavier para jóvenes superdotados

by
Read Time:14 minsLanguages:
This post is part of a series called X-Men Week.
How to Create the X-Men Character Gambit in Adobe Illustrator
How to Use Adobe Fuse to Create a Superhero Reference

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

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

El profesor X no escribe sus cartas en cualquier papel viejo. Este tutorial te mostrará cómo crear un set de papelería adecuado para el líder de X-Men y te enseñará cómo llevar un estilo moderno de diseño plano a un membrete y una tarjeta de presentación para la Escuela de Xavier para Jóvenes superdotados.

Para este tutorial, que es adecuado para principiantes, necesitarás acceso a Adobe InDesign, Adobe Illustrator y Adobe Photoshop.

¿Buscas un set de papelería de escritorio fácil de editar? Explora una amplia gama de plantillas de impresión de tendencia en Envato Market.

¿Estás preparado para comenzar? ¡Genial, vamos!

1. Crea el logotipo de la escuela

El logotipo de X-Men es icónico, pero la "X" que se encuentra dentro de un borde circular ha sido objeto de muchas reinterpretaciones en los cómics y las películas. Aquí, crearemos una versión del logotipo que tiene un aspecto plano y moderno, con un poco de textura de estilo vintage que se verá genial en la papelería impresa.

Paso 1

Abre Adobe Illustrator.

La característica clave del icónico logo es la letra "X" perfectamente proporcionada. Una "X" perfectamente simétrica es sorprendentemente difícil de encontrar; pero he encontrado una opción casi perfecta en la tipografía Intro, que tiene una sensación similar a las tipografías gráficas estilo Futura.

Descarga e instala Intro y vuelva a tu documento de Illustrator.

Toma la Herramienta Texto (T), crea un nuevo marco de texto y escribe una "X" mayúscula. Establece la Fuente en Intro y el Color de la fuente en Negro.

intro fontintro fontintro font

Con el texto seleccionado, ve a Texto > Crear contornos, para convertir la X en una forma vectorial editable.

create outlinescreate outlinescreate outlines

Paso 2

Toma la Herramienta Tijeras (C) y corta la forma de "X" en sus dos puntos centrales, en los lados izquierdo y derecho de la forma, para crear dos mitades separadas para la forma.

cut shapecut shapecut shape

Elimina la mitad inferior de la forma para dejar solo la forma de "v" superior.

deleted shapedeleted shapedeleted shape

Ejecuta Editar > Copiar esta forma restante y Editar > Pegar.

Control-clic (Mac) o clic derecho (Windows) > Transformar > Reflejo para voltear la forma de "v" pegada para crear una forma de "v" invertida.

pasted shapepasted shapepasted shape

Coloca la forma pegada debajo del original para crear una forma de "X" completa de nuevo. Al hacer esto, te has asegurado de que la "X" sea perfectamente simétrica.

Selecciona ambas partes de la forma "X" y ve a Objeto > Trazado > Unir para combinar las dos secciones.

paths joinedpaths joinedpaths joined
vector xvector xvector x

Paso 3

Toma la Herramienta Elipse (L) y, manteniendo presionada la tecla Mayús, arrastra a otra parte de la mesa de trabajo. Establece el Color de relleno en Negro.

circlecirclecircle

Coloque tu forma de "X" sobre la parte superior del círculo, haciéndolo completamente central y permitiendo que los bordes de la "X" sobresalgan más allá del borde del círculo, como se muestra a continuación. Ajuste el color de relleno de la "X" a blanco.

shape and circleshape and circleshape and circle

Paso 4

Con el círculo y la "X" seleccionados, ve a Ventana > Buscatrazos. En la selección de iconos de Buscatrazos, elige Recortar.

pathfinder trimpathfinder trimpathfinder trim

Ahora has recortado la "X", dejando solo la forma del negro debajo.

finished vectorfinished vectorfinished vector

Este será nuestro logotipo base, al que ahora podemos agregar textura usando Photoshop...

Paso 5

Archivo > Guardar como tu documento de Illustrator como un archivo AI y minimiza Illustrator. Abre Adobe Photoshop y crea un nuevo documento. Archivo > Colocar tu archivo AI vectorial en el lienzo.

Para crear una versión texturizada de estilo tipográfico del logotipo, necesitaremos traer una imagen de textura. Las imágenes de carbón o concreto agrietado se verán geniales. Prueba esta imagen de carbón o esta de concreto agrietado de Envato Market.

Archivo > Colocar la imagen de textura elegida en una nueva capa en el documento de Photoshop.

Con la capa de textura seleccionada, presiona Comando-Mayús-U para Desaturar la capa de color.

Añade una nueva capa de Ajuste de niveles (accesible desde la parte inferior del panel Capas) y juega con la posición de los controles deslizantes.

levelslevelslevels

Intenta aumentar la cantidad de blanco y negro, creando elementos más ásperos en la textura.

texture imagetexture imagetexture image

Paso 6

Selecciona la capa del logotipo de AI y añade una Máscara de Capa.

Luego elige la capa de textura y presiona Comando-A en el teclado para seleccionar todo en la capa, luego presiona Comando-C para Copiar.

Desactiva la visibilidad de la capa de textura y luego presiona Alt y haz clic en el icono de miniatura de la máscara de capa. Ahora puedes editar el contenido de la máscara de capa.

Presiona Comando-V para Pegar la textura.

layer masklayer masklayer mask

Sal de la Máscara de capa haciendo clic en cualquier otro lugar del panel Capas de Photoshop.

Tu logotipo probablemente aparecerá muy pálido, ya que todas las partes negras de la textura se vuelven opacas. Puedes invertir el efecto para hacerlo más oscuro.

pale texturepale texturepale texture

Para hacer esto, ve a Ventana > Propiedades. Desde el panel Propiedades, y con la Máscara de capa seleccionada, haz clic en el botón Invertir en la parte inferior derecha del panel.

properties invertproperties invertproperties invert
texture effecttexture effecttexture effect

Paso 7

Solo para hacer que el efecto sea un poco más oscuro, haz un duplicado de la capa del logotipo original arrastrándola hacia el botón Crear nueva capa en la parte inferior del panel Capas.

create new layercreate new layercreate new layer

Primero ve a Archivo > Guardar como y guarda el archivo como un archivo de Photoshop (psd).

Luego, ve a Archivo > Guardar como nuevamente y elige Photoshop EPS en las opciones de Formato. Asegúrate de que la imagen se guarde con un fondo transparente. Establece el nombre del archivo en "Textura Final_Logo.eps".

Paso 8

Regresa a tu archivo de logotipo de Illustrator y selecciona la versión vectorial original del logotipo. Copia y Pega en un nuevo documento de Illustrator.

Añade una nueva muestra CMYK al panel Muestras (Ventana > Muestras), con los valores C=17, M=100, Y=96, K=7.

Ajusta el color de relleno del logotipo de negro a tu nueva muestra de rojo.

vector in redvector in redvector in red

Guarda el documento como un nuevo archivo AI, con "Rojo" en algún lugar del nombre del archivo.

Paso 9

Abre la ventana del Explorador (Windows) o del Finder (Mac) y navega hasta el archivo de Photoshop (psd) que guardaste en el Paso 7, arriba.

Copia y crea un duplicado del archivo en la misma carpeta. Cambia el nombre del archivo con "Rojo" en el nombre del archivo.

Abre el nuevo archivo psd en Photoshop.

Haz clic con el botón derecho (Windows) o Control-clic (Mac) en cada copia del archivo del logotipo de AI en el panel Capas y elige Reemplazar contenido. Selecciona el archivo del logotipo de AI rojo y reemplázalo.

finished red logofinished red logofinished red logo

Archivo > Guardar como la imagen texturizada como un archivo EPS de Photoshop, con un fondo transparente, nombrando el archivo "Textura Final_Logo_Roja.eps".

2. Configura la plantilla del membrete

Paso 1

Por ahora, deja Photoshop e Illustrator. Abre Adobe InDesign.

Ve a Archivo > Nuevo > Documento.

Establece la Calidad en Impresión y Número de páginas en 6. Anula la selección de Páginas opuestas.

Elige Carta en el menú desplegable Tamaño de página (que equivale a 215,9 mm por 279,4 mm). Establece los Márgenes en 13 mm en todos los lados y añade un Sangrado de 3 mm en todos los bordes de la página.

new document windownew document windownew document window

Haz clic en OK para crear el nuevo documento.

new documentnew documentnew document

Paso 2

Expande el panel Capas (Ventana > Capas) y haz doble clic en el nombre predeterminado de la Capa 1. Cambia el nombre a Textura de papel.

Luego haz clic en el botón Crear nueva capa en la parte inferior del panel. Cambia el nombre de la nueva capa a Fondo de papel.

Crea otras dos capas nuevas, denominadas Marca de agua y, en la parte superior de la pila, Contenido.

content layercontent layercontent layer

Bloquea todas las capas excepto la capa inferior, Textura de papel.

paper texture layerpaper texture layerpaper texture layer

3. Diseña el membrete

Paso 1

Descarga una imagen de textura de papel, como esta de Envato Market. Primero elegí aclarar un poco la imagen en Photoshop para que parezca un poco menos gris, pero esto es completamente opcional.

En tu documento de InDesign, y permaneciendo en la Página 1, toma la Herramienta Marco Rectangular (F) y arrastra a la página para crear un marco que se extienda por toda la página, hasta los bordes del sangrado.

Ve a Archivo > Colocar y elige la imagen de la textura del papel. Haz clic en el botón Llenar marco proporcionalmente en el panel Controles superior para llenar el marco con la imagen.

paper texturepaper texturepaper texture

Paso 2

Regresa al panel Capas y bloque la capa Textura de papel. Desbloquea la siguiente capa, Fondo de papel.

paper background layerpaper background layerpaper background layer

Expande el panel Muestras (Ventana > Color > Muestras) y haz clic en el botón Nueva muestra del panel. Haz doble clic en la nueva muestra para abrir la ventana Opciones de muestra.

Nombra la muestra Crema y establece el Tipo en Process/Tinta Plana y el Modo en CMYK. Mueve los controles deslizantes a C=4, M=5, Y=6, K=0. Haz clic en OK.

cream swatchcream swatchcream swatch

Paso 3

Toma la Herramienta Rectángulo (M) y arrástrala a la página para crear una forma del mismo tamaño que el rectángulo que se encuentra en la capa de abajo.

Establece el Color de relleno en Crema.

cream rectanglecream rectanglecream rectangle

Luego ve a Objeto > Efectos > Transparencia y configura el Modo en Multiplicar. Reduce la Opacidad al 95%, para resaltar la textura de la imagen de papel a continuación.

multiplymultiplymultiply
paper texture brought throughpaper texture brought throughpaper texture brought through

Paso 4

Bloquea la capa Fondo de papel y desbloquea la capa Marca de agua.

Toma la Herramienta Marco Rectangular (F) y arrástrala a la página para crear un marco cuadrado grande. Ve a Archivo > Colocar y elige el archivo "Textura Final_Logo.eps", que es la versión negra del logotipo texturizado. Coloca bien la imagen en el marco.

placed logo in blackplaced logo in blackplaced logo in black

Con el marco seleccionado, ve a Objeto > Efectos > Transparencia y configura el Modo en Multiplicar. Reduce la Opacidad al 3% para crear un efecto de marca de agua.

multiplymultiplymultiply
finished watermarkfinished watermarkfinished watermark

Paso 5

Regresa al panel Capas y bloquea la capa Marca de agua y desbloquea la capa superior, Contenido.

content layercontent layercontent layer

Crea una nueva muestra de CMYK Process desde el panel Muestras, llámalo Rojo y establece los valores en C=17, M=10, Y=96 K=7. Haz clic en OK.

red swatchred swatchred swatch

Toma la Herramienta Rectángulo (M) y arrastra hasta la parte inferior de la página para crear un rectángulo largo que se extienda a lo largo de la página, hasta el sangrado y hasta el sangrado inferior, como se muestra a continuación. Establece el color de relleno en Rojo.

red rectanglered rectanglered rectangle

Paso 6

Amplía (Zoom) la parte superior de la Página 1 y luego toma la Herramienta Marco rectangular (F). Crea un pequeño marco cuadrado en el centro de la parte superior de la página, cerca del margen superior.

Archivo > Colocar tu archivo "Textura Final_Logo_Rojo.eps".

logo in redlogo in redlogo in red

Muévete hacia la mesa de trabajo al lado de la página y toma la Herramienta Texto (T). Arrastra a la página para crear un marco de texto. Escribe "Escuela de Xavier para jóvenes superdotados".

Coloca el cursor al principio de la oración y establece la Fuente en Futura Std, Light, Tamaño 9 pt. Desde el panel Glifos (Ventana Texto y Tablas > Glifos), inserta un glifo de viñeta.

futura stdfutura stdfutura std

Resalta el texto restante y establece la Fuente en BankGothic, Negrita, Tamaño 11.5 pt.

Resalta todo el texto y establece el Color en Rojo y el texto en Alinear Centro.

bank gothicbank gothicbank gothic

Paso 7

Vuelve a la página y al logo rojo en la parte superior.

Toma la Herramienta Elipse (L) y, manteniendo presionada la tecla Mayús, arrastra para crear un círculo de 35,4 mm de diámetro. Colócalo en el centro sobre la parte superior del logotipo rojo.

circlecirclecircle

Luego, elimina cualquier Trazo o Color de Relleno del círculo eligiendo [Ninguno] en el panel Muestras.

Regresa a tu marco de texto (creado en el Paso 6, arriba), y resalta y ejecuta Editar > Copiar el texto.

Selecciona la Herramienta Texto en Trazado (Shift-T) y haz clic en el círculo alrededor del logotipo para transformarlo en un trazado de texto. Haz Editar > Pegar el texto en el trazado. Gire el marco rotando hasta que la viñeta esté en la parte inferior central del círculo.

type on a pathtype on a pathtype on a path

Paso 8

Desplázate hasta la parte inferior de la página y usa la Herramienta Texto (T) para crear algunos marcos de texto sobre la parte superior del rectángulo rojo.

Aquí puedes escribir la dirección de la escuela de Xavier, 1407 Graymalkin Lane, Salem Center, Westchester County, Nueva York, colocando cada línea de la dirección en un nuevo marco de texto.

Establezca el texto en Bank Gothic Bold, 8 pt, y agrega viñetas en Futura Std entre cada sección de texto.

typographytypographytypography

Crea una nueva muestra CMYK, C=16, M=11, Y=14, K=20, y asígnale el nombre Gris. Establece el texto y las viñetas en Gris.

grey swatchgrey swatchgrey swatch

Tu membrete está completo, ¡Un trabajo fantástico!

finished letterheadfinished letterheadfinished letterhead

¿Por qué no utilizar la Página 2 de tu documento de InDesign para crear un duplicado del membrete (desbloquea todas las capas antes de hacer la copia y haz Edición > Pegar en mismo lugar). Invierte los colores, usando Rojo para el color de Fondo del papel y cambia el logotipo superior a la versión en negro.

reversed colorreversed colorreversed color

Impresionante trabajo. Ahora puedes continuar leyendo para descubrir cómo crear una tarjeta de presentación que haga juego...

4. Crea una tarjeta de presentación que haga juego

Paso 1

Permaneciendo en tu documento de InDesign, baja a la Página 3.

Toma la Herramienta Página (Shift-P) y haz clic en la Página 3 para seleccionarla. Desde el panel de Controles superior, ajusta el Tamaño de página a Tarjeta de presentación estadounidense. (88,9 mm de ancho, 50,8 mm de alto).

us business card sizeus business card sizeus business card size

Vuelve a subir a la Página 1 de tu documento, bloquea todas las capas excepto las capas Textura del papel y Fondo del papel, y luego ejecuta Edición > Copiar todo el contenido que se encuentra en estas capas.

Vuelva a la Página 3 y ejecuta Edición > Pegar. Cambie el tamaño de los rectángulos para que se ajusten a las dimensiones de la tarjeta de presentación.

pasted texturepasted texturepasted texture

Ajusta el Color de Relleno del rectángulo de Fondo del papel a Rojo y asegúrate de que la configuración de la transparencia esté establecida en Multiplicar, 95%.

transparencytransparencytransparency

Paso 2

Ejecuta los comandos Archivo > Colocar el archivo "Textura Final_Logo.eps" en un marco creado con la Herramienta Marco rectangular (F) en el centro de la página.

logologologo

Paso 3

Baja a la Página 4 de tu documento de InDesign y usa la Herramienta Página (Mayús-P) para volver a cambiar el tamaño de la página al tamaño de la tarjeta de presentación estadounidense.

page toolpage toolpage tool

Copia el contenido de Textura de papel y Fondo de papel de la Página 3 y ejecuta Edición > Pegar en mismo lugar en la Página 4.

Ajusta el Color de relleno del rectángulo superior a Crema.

cream swatchcream swatchcream swatch

Paso 4

Añade texto a la tarjeta de presentación con la Herramienta Texto (T) para crear una serie de marcos de texto en el lado izquierdo de la tarjeta.

Pon el nombre ('Prof. Charles Xavier') en la parte superior, en [Negro], la ocupación y el nombre de la escuela ('Director'; 'Escuela de Xavier para jóvenes superdotados') a continuación, en Rojo, y finalmente coloca la dirección ('1407 Graymalkin Lane, Salem Center, Westchester County, Nueva York ') en la parte inferior, en Gris.

Establece todo el texto en Bank Gothic Bold.

bank gothic boldbank gothic boldbank gothic bold

Paso 5

Guarda tu documento de InDesign, minimízalo y vuelva a Adobe Illustrator. Crea un nuevo documento.

Use la Herramienta Arco para crear una línea diagonal suavemente curvada que vaya de arriba a la izquierda a abajo a la derecha.

arc toolarc toolarc tool

Copia y Pega la línea dos veces para crear tres "garras" al estilo de Wolverine.

pasted linespasted linespasted lines

Desde el menú Definición de pincel en el panel Controles superior, abre el menú Bibliotecas de pinceles y elige Artístico > Artistico_LápizTizaCarboncillo.

Con las líneas seleccionadas, ajusta la Definición del pincel a Carboncillo Liso y establece el Grosor del trazo en 4 pt.

Selecciona las tres líneas y haz Edición > Copiar.

brush definitionbrush definitionbrush definition

Paso 6

Regresa a tu documento de InDesign, a la Página 4 y haz Edición > Pegar.

Cambia el tamaño del gráfico de las garras, colócalo en el lado derecho de la página y establece el color en Rojo.

pasted graphicpasted graphicpasted graphic
finished reversefinished reversefinished reverse

Paso 7

¡Excelente trabajo, tu tarjeta de presentación de X-Men está terminada y se ve fabulosa!

Puedes usar las Páginas 5 y 6 de tu documento para crear una versión invertida de la tarjeta, duplicando la ilustración de las Páginas 3 y 4 y luego invirtiendo los colores.

red card frontred card frontred card front
red card reversered card reversered card reverse

5. Exporta tu material de oficina para imprimir

Tu papelería está terminada. Ahora estás listo para exportarlo, listo para la impresión profesional.

Paso 1

Ve a Archivo > Exportar y elige Adobe PDF (Imprimir) en el menú desplegable Formato. Nombra el PDF "Arte con membrete" y haz clic en Guardar.

En la ventana que se abre, elige Calidad de Prensa en el menú Preestablecido de Adobe PDF. Establece el Rango de páginas en 1-2, solo para que esta vez se exporte el arte con membrete.

press qualitypress qualitypress quality

En las opciones de Marcas y sangrados, selecciona Todas las marcas de la impresora y Usar la configuración de sangrado del documento.

marks and bleedsmarks and bleedsmarks and bleeds

Haz clic en Exportar.

Paso 2

Para exportar la ilustración de la tarjeta de presentación, repite el proceso anterior, pero esta vez ajusta el nombre del archivo a "Ilustración de la tarjeta de presentación" y cambia el Rango de páginas a 3-6.

pdf finishedpdf finishedpdf finished

Conclusión

Sabemos que al profesor X le encantará usar su nuevo set de papelería, ¡excelente trabajo!

En este tutorial, hemos cubierto una amplia gama de técnicas y habilidades que puedes aplicar a otros proyectos de diseño de impresión. Ahora sabes cómo:

  • Crear logotipos vectorizados en Illustrator y agregarles textura moderna en Photoshop
  • Preparar una plantilla de InDesign para un membrete
  • Crear un diseño de membrete con marca de agua completo con texturas de papel, colores, logotipo y tipografía
  • Cambiar el tamaño de un documento de InDesign listo para un diseño de tarjeta de presentación
  • Diseñar una tarjeta de presentación moderna y sencilla con tipografía elegante y gráficos vectoriales geniales

¿Quieres descubrir sets de papelería aún más geniales? Explora la gran selección de elegantes plantillas de diseño de impresión en Envato Market.

final productfinal productfinal product
One subscription.
Unlimited Downloads.
Get unlimited downloads