Cómo crear un juego de papelería para la escuela de Xavier para jóvenes dotados

Lo que vas a crear

El profesor X no escribe sus cartas en cualquier papel viejo. Este tutorial le mostrará cómo crear un conjunto de papelería adecuado para el líder de X-Men y le enseñará cómo llevar un aspecto moderno de diseño plano a un membrete y una tarjeta de presentación para La escuela de Xavier para jóvenes dotados.

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

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

¿Listo 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 visto muchas reinterpretaciones en los cómics y las películas. Aquí, crearemos una versión del logotipo que tiene un aspecto plano y actual, con un poco de textura de estilo vintage que se verá genial en la papelería impresa..

Paso 1

Abrir Ilustrador Adobe.

La característica clave del logotipo icónico es que 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 el tipo de letra Intro, que tiene una sensación similar a la de los tipos de letra de estilo Futura..

Descargue e instale Intro y regrese a su Ilustrador documento.

Tomar el Tipo de herramienta (T), cree un nuevo marco de texto y escriba una 'X' mayúscula. Selecciona el Fuente a Introducción y el Color de fuente a Negro.

Con el texto seleccionado, vaya a Tipo> Crear Contornos, para convertir la X en una forma vectorial editable.

Paso 2

Tomar el Herramienta Tijeras (C) y recorte la forma de 'X' en sus dos puntos centrales, en los lados izquierdo y derecho de la forma, para crear dos mitades separadas a la forma.

Elimine la mitad inferior de la forma para dejar solo la forma superior 'v'. 

Editar> Copiar esta forma restante y Editar> Pegar.

Haga clic con la tecla Control (Mac) o haga clic con el botón derecho (Windows)> Transformar> Reflejar para voltear la forma de 'v' pegada para crear una forma de 'v' al revés.

Coloque la forma pegada debajo del original para volver a crear una forma de 'X' completa. Al hacer esto, se aseguró de que la 'X' sea perfectamente simétrica.

Seleccione ambas partes de la forma 'X' y vaya a Objeto> Ruta> Unirse combinar las dos secciones juntas. 

Paso 3

Tomar el Herramienta Elipse (L) y, sosteniendo Cambio, arrastre a otra parte de la mesa de trabajo. Selecciona el Color de relleno a Negro

Coloque su forma de 'X' sobre la parte superior del círculo, haciéndola completamente central, y permitiendo que los bordes de la 'X' sobresalgan del borde del círculo, como se muestra a continuación. Ajustar el Color de relleno de la 'X' a Blanco.

Etapa 4

Con el círculo y la 'X' seleccionados, vaya a Ventana> Pathfinder. Desde el Pioneros selección de iconos, elegir Recortar

Ahora ha recortado la 'X', dejando solo la forma del negro debajo.

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

Paso 5

Archivo> Guardar como su documento de Illustrator como AI Archivar y minimizar Illustrator. Abrir Adobe Photoshop y crea un nuevo documento. Archivo> Lugar tu vector AI archivo en el lienzo.

Para crear una versión texturada del logotipo, al estilo de tipografía, necesitaremos traer una imagen de textura. Las imágenes de carbón o concreto agrietado se verán muy bien. Pruebe esta imagen de carbón vegetal o esta de concreto agrietado de Envato Market..

Archivo> Lugar su imagen de textura elegida en una nueva capa en el Photoshop documento.

Con la capa de textura seleccionada, pulsa Comando-Shift-U a Desaturar la capa de color.

Añadir un nuevo Ajuste de niveles capa (accesible desde la parte inferior de la Capas panel), y jugar con la posición de los controles deslizantes. 

Intenta y apunta a aumentar las cantidades de blanco y negro, creando elementos más ásperos en la textura..

Paso 6

Seleccione la capa del logotipo de AI y agregue una Máscara de capa.

Luego elige la capa de textura y presiona Mando-UNA en el teclado para seleccionar todo en la capa, luego pulsa Comando-C a Dupdo

Desactive la visibilidad de la capa de textura y luego Alt-Click la Máscara de capaEl icono de la miniatura. Ahora puedes editar el Máscara de capacontenido. 

Golpear Mando-V a Pegar la textura. 

Salir de la Máscara de capa Al hacer clic en cualquier otro lugar en Photoshop Capas panel.

Su 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..

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

Paso 7

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

Primero ve a Archivo> Guardar como y guarde el archivo como Photoshop (psd) expediente. 

Luego ve a Archivo> Guardar como de nuevo, y elige Photoshop EPS desde el Formato opciones Asegúrese de que la imagen se guarda con un fondo transparente. Establezca el nombre del archivo en 'Final Logo_Texture.eps'.

Paso 8

Volver a su Ilustrador archivo de logotipo, y seleccione la versión original del vector del logotipo. Dupdo y Pegar en un nuevo Ilustrador documento. 

Añadir un nuevo CMYK muestra al Muestras panel (Ventana> Swatches), con los valores C = 17 M = 100 Y = 96 K = 7.

Ajustar el Color de relleno del logo de Negro a tu nuevo rojo muestra de tela.

Guarde el documento como nuevo AI archivo, con 'Rojo' en algún lugar del nombre del archivo.

Paso 9

Abre tu Explorer (Windows) o Buscador (Mac) Ventana y navegar a su guardado Photoshop (psd) archivo que guardó en Paso 7, encima.

Copie y cree un duplicado del archivo en la misma carpeta. Renombra el archivo con 'Rojo' en el nombre del archivo.

Abre el nuevo archivo psd en Photoshop.

Clic derecho (Windows) o Control-Clic (Mac) en cada copia del archivo del logotipo de AI en el Capas panel, y elija Reemplazar contenido. Selecciona el rojo AI logo de archivo y reemplazar. 

Archivo> Guardar como la imagen texturizada como Photoshop EPS archivo, con un fondo transparente, nombrando el archivo 'Final Logo_Texture_Red.eps'.

2. Configure la plantilla de membrete

Paso 1

Por ahora, deja de Photoshop e Illustrator. Abrir Adobe InDesign.

Ir Archivo> Nuevo> Documento. 

Selecciona el Intención a Impresión y el Número de páginas a 6. Deseleccionar Páginas opuestas.

Escoger Carta desde el Tamaño de página menú desplegable (que es equivalente a 215.9 mm por 279.4 mm). Selecciona el Márgenes a 13 mm en todos los lados, y agregue un Sangrar de 3 mm en todos los bordes de la pagina.

Hacer clic DE ACUERDO para crear el nuevo documento.

Paso 2

Ampliar la Capas panel (Ventana> Capas) y haga doble clic en el predeterminado Capa 1 nombre. Renombralo Textura de papel.

Luego haga clic en el Crear nueva capa Botón en la parte inferior del panel. Renombrar la nueva capa Fondo de papel.

Crea otras dos nuevas capas, llamadas Filigrana y, en la parte superior de la pila, Contenido.

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

3. Diseña el membrete

Paso 1

Descargue una imagen de textura de papel, como esta de Envato Market. Elegí aclarar un poco la imagen en Photoshop primero para que aparezca un poco menos gris, pero esto es completamente opcional.

En tus InDesign documento, y permaneciendo en Página 1, tomar el Herramienta de marco rectangular (F) y arrastre hacia la página para crear un marco que se extienda por toda la página, hasta los bordes del sangrado.

Ir Archivo> Lugar y elige la imagen de textura de papel. Haga clic en el Rellenar marco proporcionalmente botón en la parte superior Controles Panel para rellenar el cuadro con la imagen..

Paso 2

Volver a la Capas panel y bloquear el Textura de papel capa. Desbloquea la siguiente capa, Fondo de papel.

Ampliar la Muestras panel (Ventana> Color> Muestras) y haga clic en el panel de Nuevo swatch botón. Haga doble clic en la nueva muestra para abrir el Opciones de Swatch ventana.

Nombra la muestra Crema y establecer el Tipo a Proceso y Modo a CMYK. Mueva los controles deslizantes a C = 4 M = 5 Y = 6 K = 0. Hacer clic DE ACUERDO.

Paso 3

Tomar el Herramienta Rectangular (M) y arrastre hacia la página para crear una forma del mismo tamaño que el rectángulo que se encuentra en la capa de abajo.

Selecciona el Color de relleno a Crema.

Luego ve a Objeto> Efectos> Transparencia y establecer el Modo a Multiplicar. Reducir el Opacidad a 95%, Para llevar a través de la textura de la imagen de papel a continuación.

Etapa 4

Bloquear la Fondo de papel capa y desbloquear el Filigrana capa.

Tomar el Herramienta de marco rectangular (F) y arrastre hacia la página para crear un marco cuadrado grande. Ir Archivo> Lugar y elige el 'Final Logo_Texture.eps' Archivo, que es la versión en negro del logo texturizado. Coloque la imagen muy bien en el marco.

Con el cuadro seleccionado, vaya a Objeto> Efectos> Transparencia y establecer el Modo a Multiplicar. Reducir el Opacidad a 3% para crear un efecto de marca de agua.

Paso 5

Volver a la Capas panel y bloquear el Filigrana capa y desbloquear la capa superior, Contenido.

Crear un nuevo Proceso CMYK muestra de la Muestras panel, llamalo rojo y establecer los valores en C = 17 M = 10 Y = 96 K = 7. Hacer clic DE ACUERDO.

Tomar el Herramienta Rectangular (M) y arrastre hacia 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 el sangrado inferior, como se muestra a continuación. Selecciona el Color de relleno a rojo.

Paso 6

Zoom en la parte superior de Página 1 y luego tomar el Herramienta de marco rectangular (F). Cree un marco cuadrado pequeño en el centro en la parte superior de la página, cerca del margen superior. 

Archivo> Lugar tu 'Final Logo_Texture_Red.eps' expediente. 

Muévase sobre el tablero de pegado al lado de la página y tome la Tipo de herramienta (T). Arrastre a la página para crear un marco de texto. Escribir 'La escuela de Xavier para jóvenes dotados'. 

Coloque el cursor al comienzo de la oración y configure el Fuente a Futura Std, Light, Tamaño 9 pt. Desde el Glifos panel (Ventana> Tipo y Tablas> Glifos), inserta un glifo de bala.

Resalte el texto restante y configure el Fuente a BankGothic, Negrita, Tamaño 11.5 pt. 

Resalte todo el texto y configure el Color a rojo y el texto a Alinear al centro.

Paso 7

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

Tomar el Herramienta Elipse (L) y, sosteniendo Cambio, arrastre para crear un círculo 35.4 mm en diámetro. Posición central sobre la parte superior del logotipo rojo.

Luego retire cualquier Carrera o Color de relleno del círculo eligiendo [Ninguna] desde el Muestras panel.

Vuelve a tu marco de texto (creado en Paso 6, arriba), y resalte y Editar> Copiar el texto.

Selecciona el Escriba en una herramienta de ruta (Shift-T) y haga clic en el círculo alrededor del logotipo para transformarlo en una ruta de tipo. Editar> Pegar El texto en el camino. Gire el marco hasta que la viñeta se encuentre en el centro inferior del círculo..

Paso 8

Baje hasta la parte inferior de la página y use la Tipo de herramienta (T) para crear algunos marcos de texto en 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.

Establecer el texto en Banco gótico negrita, 8 puntos, y añadir balas en conjunto Futura Std entre cada sección de texto. 

Crear un nuevo CMYK muestra de tela, C = 16 M = 11 Y = 14 K = 20, y nombrarlo Gris. Coloca el texto y las viñetas en. Gris.

Tu membrete es un trabajo fantástico y completo.! 

¿Por qué no usar Página 2 de su documento de InDesign para crear un duplicado de la ilustración del membrete (desbloquee todas las capas antes de copiar y Editar> Pegar en lugar). Invertir los colores, usando rojo Para el Fondo de papel Color, y cambiando el logo superior a la versión negra..

Impresionante trabajo. Ahora puede seguir leyendo para descubrir cómo crear una tarjeta de presentación que coincida ...

4. Crear una tarjeta de visita a juego

Paso 1

Permaneciendo en tu InDesign documento, bajar a Página 3. 

Tomar el Herramienta de página (Shift-P) y haga clic en Página 3 para seleccionarlo. Desde la parte superior Controles panel, ajustar el Tamaño de página a Tarjeta de visita de EE. UU. (88.9 mm de ancho, 50.8 mm de alto).

Saltar de nuevo a Página 1 de su documento, bloquee todas las capas excepto la Textura de papel y Fondo de papel capas, y luego Editar> Copiar Todo el contenido sentado en estas capas.

Mover de nuevo a Página 3 y Editar> Pegar. Cambiar el tamaño de los rectángulos para adaptarse a las dimensiones de la tarjeta de visita.

Ajustar el Color de relleno del Fondo de papel rectángulo a rojo, y asegúrese de que la configuración de transparencia está establecida en Multiplicar, 95%.

Paso 2

Archivo> Lugar la 'Final Logo_Texture.eps' archivo en un marco hecho por el Herramienta de marco rectangular (F) en el centro de la pagina.

Paso 3

Bajar a Página 4 de su documento de InDesign y utilizar el Herramienta de página (Shift-P) para volver a cambiar el tamaño de la página para Tarjeta de visita de Estados Unidos tamaño.

Dupdo la Textura de papel y Fondo de papel contenido de Página 3 y Editar> Pegar en lugar sobre Página 4.

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

Etapa 4

Agrega texto a la tarjeta de presentación usando el Tipo de herramienta (T) para crear una serie de cuadros de texto en el lado izquierdo de la tarjeta.

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

Establecer todo el texto en Banco gótico negrita.

Paso 5

Salvar su documento de InDesign, minimícelo y vuelva a Ilustrador Adobe. Crear un nuevo documento.

Utilizar el Herramienta de arco para crear una línea diagonal suavemente curvada que va desde la parte superior izquierda a la inferior derecha.

Dupdo y Pegar la línea dos veces para crear tres 'garras' al estilo de Wolverine. 

Desde el Definición de pincel menú en la parte superior Controles panel, abre el Bibliotecas de pinceles menú y elegir Artístico> Artístico_ChalkCharcoalPencil. 

Con las líneas seleccionadas ajustar el Definición de pincel a Carbón Suave, y establecer el Peso del trazo a 4 puntos.

Seleccione las tres líneas y Editar> Copiar.

Paso 6

Volver a su InDesign documento, y para Página 4 y Editar> Pegar.

Cambie el tamaño del gráfico de garras, colóquelo en el lado derecho de la página y configure el color rojo.

Paso 7

Buen trabajo: tu tarjeta de visita de X-Men está terminada y se ve fabulosa!

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

5. Exporte su papelería para imprimir

Su material gráfico de papelería está terminado. Ya está listo para exportarlo, listo para la impresión profesional..

Paso 1

Ir Archivo> Exportar y elige Adobe PDF (Imprimir) desde el Formato Menú desplegable. Nombra el PDF 'Ilustraciones de membrete' y haga clic Salvar.

En la ventana que se abre, elige Calidad de Prensa desde el Adobe PDF Preset menú. Selecciona el Rango de páginas a 1-2, sólo así se exporta el diseño de membrete esta vez.

Desde el Marcas y hemorragias opciones, cheque Todas las marcas de la impresora y Usar configuración de sangrado de documentos.

Hacer clic Exportar.

Paso 2

Para exportar la ilustración de la tarjeta de visita, repita el proceso anterior, pero esta vez ajuste el nombre del archivo a 'Tarjeta de visita de arte' y cambiar el Rango de páginas a 3-6. 

Conclusión

Sabemos que al profesor X le va a encantar usar su nuevo artículo de papelería: un gran trabajo! 

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

  • Crea logotipos vectorizados en Illustrator y añade texturas modernas en Photoshop.
  • Prepare una plantilla de InDesign para un membrete
  • Cree un diseño de membrete con marca de agua y texturas, colores, logotipos y tipografías en papel.
  • Cambiar el tamaño de un documento de InDesign listo para el diseño de una tarjeta de presentación
  • Diseñe una tarjeta de presentación moderna y simple con tipografía elegante y gráficos vectoriales geniales 

¿Quieres descubrir aún más juegos de papelería geniales? Explore la gran selección de plantillas de diseño de impresión con estilo en Envato Market.