Comment créer un ensemble de papeterie pour l'école de Xavier pour les enfants surdoués

Ce que vous allez créer

Le professeur X n'écrit pas ses lettres sur n'importe quel vieux papier à lettres. Ce didacticiel vous montrera comment créer un ensemble de papeterie adapté au chef de file X-Men et vous apprendra comment apporter un look plat moderne à un en-tête de lettre et à une carte de visite pour Ecole de Xavier pour les jeunes surdoués.

Pour ce tutoriel, qui convient aux débutants, vous devez avoir accès à Adobe InDesign, Adobe Illustrator, et Adobe Photoshop. 

Vous recherchez un ensemble de papeterie facile à modifier? Parcourez une vaste gamme de modèles d'impression à la mode sur Envato Market.

Prêt à commencer? Génial, allons!

1. Créer le logo de l'école

Le logo X-Men est emblématique, mais le «X» situé dans une bordure circulaire a été réinterprété de nombreuses fois dans les bandes dessinées et les films. Ici, nous allons créer une version du logo qui a un aspect plat et tendance, avec un peu de texture de style vintage qui ira bien sur une papeterie imprimée..

Étape 1

S'ouvrir Adobe Illustrator.

La principale caractéristique du logo emblématique est cette lettre «X» parfaitement proportionnée. Un 'X' parfaitement symétrique est étonnamment difficile à trouver; mais j'ai repéré une option presque parfaite dans la police de caractères Intro, qui a le même aspect que les polices de caractères graphiques de style Futura..

Téléchargez et installez Intro et retournez à votre Illustrateur document.

Prendre le Outil de type (T), créez un nouveau bloc de texte et saisissez un «X» majuscule. Met le Police de caractère à Intro et le Couleur de la police à Noir.

Avec le texte sélectionné, allez à Type> Créer des contours, transformer le X en une forme vectorielle éditable.

Étape 2

Prendre le Outil Ciseaux (C) et coupez la forme en «X» au niveau de ses deux points centraux, à gauche et à droite de la forme, pour créer deux moitiés distinctes de la forme.

Supprimez la moitié inférieure de la forme pour ne laisser que la forme 'v' supérieure. 

Édition> Copier cette forme restante et Édition> Coller.

Tout en maintenant la touche Ctrl enfoncée (Mac) ou cliquez à droite (Windows)> Transformer> Reflect. retourner la forme 'v' collée pour créer une forme 'v' à l'envers.

Positionnez la forme collée sous l'original pour créer à nouveau une forme 'X' complète. En faisant cela, vous vous êtes assuré que le 'X' est parfaitement symétrique.

Sélectionnez les deux parties de la forme en «X» et allez à Objet> Chemin> Rejoindre combiner les deux sections ensemble. 

Étape 3

Prendre le Outil Ellipse (L) et tenant Décalage, faites glisser sur une autre partie de la planche. Met le La couleur de remplissage à Noir

Placez votre forme de «X» sur le haut du cercle, en le rendant complètement au centre et en laissant les bords du «X» dépasser du bord du cercle, comme indiqué ci-dessous. Ajuste le La couleur de remplissage du 'X' à blanc.

Étape 4

Avec le cercle et 'X' sélectionnés, allez à Fenêtre> Pathfinder. Du Pathfinders sélection d'icônes, choisissez Réduire

Maintenant que vous avez coupé le 'X', ne laissant que la forme du noir en dessous.

Ce sera notre logo de base, que nous pouvons maintenant ajouter de la texture à l'aide de Photoshop

Étape 5

Fichier> Enregistrer sous votre document Illustrator en tant que AI déposer et minimiser Illustrator. S'ouvrir Adobe Photoshop et créer un nouveau document. Fichier> Place votre vecteur AI déposer sur la toile.

Pour créer une version texturée du logo de style typographique, vous devez importer une image de texture. Des images de charbon ou de béton fissurés auront fière allure. Essayez cette image de charbon de bois ou celle de béton fissuré du marché d'Envato.

Fichier> Place votre image de texture choisie sur un nouveau calque dans le Photoshop document.

Avec le calque de texture sélectionné, appuyez sur Commande-Maj-U à Désaturer la couche de couleur.

Ajouter un nouveau Réglage des niveaux couche (accessible depuis le bas de la Couches panneau) et jouez avec la position des curseurs. 

Essayez d’augmenter les quantités de noir et blanc en créant des éléments plus durs dans la texture.

Étape 6

Sélectionnez le calque du logo AI et ajoutez un Masque de calque.

Puis choisissez le calque de texture et appuyez sur Commander-UNE sur le clavier pour tout sélectionner sur le calque, puis appuyez sur Command-C à Copie

Désactivez la visibilité du calque de texture, puis Clic Alt la Masque de calquel'icône de la vignette. Vous pouvez maintenant éditer le Masque de calquele contenu. 

Frappé Commander-V à Coller la texture. 

Sortir de la Masque de calque en cliquant n'importe où ailleurs dans Photoshop Couches panneau.

Votre logo paraîtra très pâle car toutes les parties noires de la texture sont rendues opaques. Vous pouvez inverser l'effet pour le rendre plus sombre.

Pour ce faire, allez à Fenêtre> Propriétés. Du Propriétés panneau, et avec le Masque de calque sélectionné, cliquez sur le Inverser bouton en bas à droite du panneau.

Étape 7

Pour rendre l’effet un peu plus sombre, faites une copie du calque du logo original en le faisant glisser vers le bas. Créer un nouveau calque bouton au bas de la Couches panneau.

D'abord aller à Fichier> Enregistrer sous et enregistrez le fichier en tant que Photoshop (psd) fichier. 

Ensuite aller à Fichier> Enregistrer sous encore, et choisissez Photoshop EPS du Format options. Assurez-vous que l'image est enregistrée avec un arrière-plan transparent. Définissez le nom du fichier sur 'Final Logo_Texture.eps'.

Étape 8

Retournez à votre Illustrateur fichier de logo et sélectionnez la version vectorielle originale du logo. Copie et Coller dans un nouveau Illustrateur document. 

Ajouter un nouveau CMJN swatch à la Échantillons panneau (Fenêtre> Nuancier), avec les valeurs C = 17 M = 100 Y = 96 K = 7.

Ajuste le La couleur de remplissage du logo de Noir à votre nouveau rouge échantillon.

Enregistrer le document en tant que nouveau AI fichier, avec 'Rouge' quelque part dans le nom du fichier.

Étape 9

Ouvrez votre Explorateur (Windows) ou Finder (Mac) fenêtre et accédez à votre enregistré Photoshop (psd) fichier que vous avez enregistré dans Étape 7, au dessus de.

Copiez et créez une copie du fichier dans le même dossier. Renommez le fichier avec 'Rouge' dans le nom du fichier.

Ouvrez le nouveau fichier psd dans Photoshop.

Clic droit (Windows) ou Ctrl + clic (Mac) sur chaque copie du fichier du logo AI dans le Couches panneau, et choisissez Remplacer le contenu. Sélectionnez le rouge AI logo fichier et remplacer. 

Fichier> Enregistrer sous l'image texturée en tant que Photoshop EPS fichier, avec un fond transparent, nommant le fichier 'Final Logo_Texture_Red.eps'.

2. Configuration du modèle de papier à en-tête

Étape 1

Pour l'instant, laissez Photoshop et Illustrator. S'ouvrir Adobe InDesign.

Aller à Fichier> Nouveau> Document. 

Met le Intention à Impression et le Nombre de pages à 6. Désélectionner Affronter des pages.

Choisir Lettre du Taille de la page menu déroulant (ce qui équivaut à 215,9 mm par 279,4 mm). Met le Marges à 13 mm de tous les côtés et ajouter un Saigner de 3 mm sur tous les bords de la page.

Cliquez sur D'accord créer le nouveau document.

Étape 2

Étendre le Couches panneau (Fenêtre> Calques) et double-cliquez sur la valeur par défaut Couche 1 prénom. Renommez-le Texture du papier.

Puis cliquez sur le Créer un nouveau calque bouton en bas du panneau. Renommez le nouveau calque Fond de papier.

Créez deux autres couches, nommées Filigrane et au sommet de la pile, Contenu.

Fermer à clé toutes les couches sauf la couche inférieure, Texture du papier.

3. Concevez l'en-tête

Étape 1

Téléchargez une image de texture de papier, comme celle-ci, du marché Envato. J’ai choisi d’éclaircir un peu l’image dans Photoshop pour la faire apparaître un peu moins grise, mais c’est complètement facultatif..

Dans ton InDesign document et en restant sur Page 1, prendre le Outil Cadre Rectangle (F) et faites glisser sur la page pour créer un cadre qui s'étend sur toute la page, jusqu'aux bords du fond perdu.

Aller à Fichier> Place et choisissez l'image de texture de papier. Clique sur le Remplir le cadre proportionnellement bouton en haut Les contrôles panneau pour remplir le cadre avec l'image.

Étape 2

Retour à la Couches panneau et verrouiller le Texture du papier couche. Déverrouiller la couche suivante, Fond de papier.

Étendre le Échantillons panneau (Fenêtre> Couleur> Nuancier) et cliquez sur le panneau Nouvelle Swatch bouton. Double-cliquez sur le nouveau nuancier pour ouvrir le Options de Swatch la fenêtre.

Nommez la nuance Crème et mettre le Type à Processus et Mode à CMJN. Déplacez les curseurs vers C = 4 M = 5 Y = 6 K = 0. Cliquez sur D'accord.

Étape 3

Prendre le Outil Rectangle (M) et faites glisser sur la page pour créer une forme de la même taille que le rectangle situé sur le calque en dessous.

Met le La couleur de remplissage à Crème.

Ensuite aller à Objet> Effets> Transparence et mettre le Mode à Multiplier. Diminuer Opacité à 95%, faire apparaître la texture de l'image papier ci-dessous.

Étape 4

Verrouiller le Fond de papier couche et déverrouiller le Filigrane couche.

Prendre le Outil Cadre Rectangle (F) et faites glisser sur la page pour créer un grand cadre carré. Aller à Fichier> Place et choisissez le 'Final Logo_Texture.eps' fichier, qui est la version noire du logo texturé. Positionnez bien l'image dans le cadre.

Avec le cadre sélectionné, allez à Objet> Effets> Transparence et mettre le Mode à Multiplier. Diminuer Opacité à 3% créer un effet de filigrane.

Étape 5

Retour à la Couches panneau et verrouiller le Filigrane couche et déverrouiller la couche supérieure, Contenu.

Créer un nouveau Processus CMJN swatch du Échantillons panneau, appelez-le rouge et définissez les valeurs sur C = 17 M = 10 Y = 96 K = 7. Cliquez sur D'accord.

Prendre le Outil Rectangle (M) Faites glisser le curseur vers le bas de la page pour créer un long rectangle qui s'étend sur toute la longueur de la page, jusqu'au fond perdu et jusqu'au fond perdu, comme indiqué ci-dessous. Met le La couleur de remplissage à rouge.

Étape 6

Zoom dans le haut de Page 1 puis prenez le Outil Cadre Rectangle (F). Créez un petit cadre carré au centre de la page, près de la marge supérieure.. 

Fichier> Place votre 'Final Logo_Texture_Red.eps' fichier. 

Déplacez-vous sur le presse-papier à côté de la page et prenez le Outil de type (T). Faites glisser sur la page pour créer un bloc de texte. Tapez 'Ecole de Xavier pour les jeunes surdoués'. 

Placez votre curseur au début de la phrase et réglez le Police de caractère à Futura Std, Light, Taille 9 pt. Du Glyphes panneau (Fenêtre> Texte et tableaux> Glyphes), insérer un glyphe de balle.

Mettez en surbrillance le texte restant et définissez la Police de caractère à BankGothic, Gras, taille 11.5 pt. 

Mettez en surbrillance tout le texte et configurez le Couleur à rouge et le texte à Aligner le centre.

Étape 7

Revenez à la page et au logo rouge en haut..

Prendre le Outil Ellipse (L) et tenant Décalage, faites glisser pour créer un cercle 35,4 mm en diamètre. Position centrale au-dessus du logo rouge.

Puis retirez tout Accident vasculaire cérébral ou La couleur de remplissage du cercle en choisissant [Aucun] du Échantillons panneau.

Retournez à votre bloc de texte (créé dans Étape 6, ci-dessus), et mettre en évidence et Édition> Copier le texte.

Sélectionnez le Tapez sur un outil de chemin (Shift-T) et cliquez sur le cercle autour du logo pour le transformer en chemin de type. Édition> Coller le texte sur le chemin. Faites pivoter le cadre jusqu'à ce que le point de balle soit en bas au centre du cercle.

Étape 8

Descendez au bas de la page et utilisez le Outil de type (T) créer quelques cadres de texte au-dessus du rectangle rouge. 

Ici, vous pouvez taper l'adresse de l'école de Xavier-1407 Graymalkin Lane, Salem Center, comté de Westchester, New York-placer chaque ligne de l'adresse dans un nouveau bloc de texte.

Définir le texte dans Banque Gothique Gras, 8 pt, et ajouter des balles définies dans Futura Std entre chaque section de texte. 

Créer un nouveau CMJN échantillon, C = 16 M = 11 Y = 14 K = 20, et nommez-le Gris. Définir le texte et les puces dans Gris.

Votre papier à en-tête est complet, un travail fantastique! 

Pourquoi ne pas utiliser Page 2 de votre document InDesign pour créer une copie de l’illustration à en-tête (déverrouillez tous les calques avant de Édition> Coller en place). Inverser les couleurs en utilisant rouge pour le Fond de papier couleur et changer le logo du haut en version noire.

Super travail. Maintenant, vous pouvez lire la suite pour savoir comment créer une carte de visite assortie…

4. Créer une carte de visite correspondante

Étape 1

Restant dans votre InDesign document, descendez à Page 3. 

Prendre le Outil de page (Maj-P) et cliquez sur Page 3 pour le sélectionner. Du haut Les contrôles panneau, ajustez le Taille de la page à Carte de visite américaine (largeur de 88,9 mm, hauteur de 50,8 mm).

Remonter à Page 1 de votre document, verrouillez toutes les couches sauf la Texture du papier et Fond de papier couches, puis Édition> Copier tout le contenu assis sur ces couches.

Descendre à Page 3 et Édition> Coller. Redimensionner les rectangles pour les adapter aux dimensions de la carte de visite.

Ajuste le La couleur de remplissage du Fond de papier rectangle à rouge, et assurez-vous que les paramètres de transparence sont définis sur Multiplier, 95%.

Étape 2

Fichier> Place la 'Final Logo_Texture.eps' déposer dans un cadre créé par le Outil Cadre Rectangle (F) au centre de la page.

Étape 3

Descendre à Page 4 de votre document InDesign et utilisez le Outil de page (Maj-P) redimensionner la page à nouveau Carte de visite américaine Taille.

Copie la Texture du papier et Fond de papier contenu de Page 3 et Édition> Coller en place sur Page 4.

Ajuste le La couleur de remplissage du rectangle supérieur à Crème.

Étape 4

Ajoutez du texte à la carte de visite à l'aide de la touche Outil de type (T) créer une série de blocs de texte sur le côté gauche de la carte.

Mettre le nom ('Prof. Charles Xavier') au sommet, dans [Noir], profession et nom de l'école ('Principal'; 'Ecole Xavier pour les jeunes surdoués') ensuite, dans rouge, et enfin placer l'adresse ('1407 Graymalkin Lane, Salem Centre, comté de Westchester, New York') en bas, dans Gris.

Définir tout le texte dans Banque Gothique Gras.

Étape 5

sauvegarder votre document InDesign, réduisez-le et revenez à Adobe Illustrator. Créer un nouveau document.

Utilisez le Outil d'arc créer une ligne diagonale légèrement incurvée allant du haut à gauche au bas à droite.

Copie et Coller la ligne deux fois pour créer trois 'griffes' à la Wolverine. 

Du Définition du pinceau menu en haut Les contrôles panneau, ouvrez le Bibliothèques de pinceaux menu et choisir Artistique> Artistic_ChalkCharcoalPencil. 

Avec les lignes sélectionnées, ajustez le Définition du pinceau à Charbon lisse, et mettre le Poids de l'AVC à 4 pt.

Sélectionnez les trois lignes et Édition> Copier.

Étape 6

Retournez à votre InDesign document, et à Page 4 et Édition> Coller.

Redimensionnez le graphique des griffes, positionnez-le à droite de la page et définissez la couleur sur rouge.

Étape 7

Excellent travail: votre carte de visite X-Men est terminée et elle a l'air fabuleuse!

Vous pouvez utiliser Page 5 et 6 de votre document pour créer une version inversée de la carte, en dupliquant l’illustration de Pages 3 et 4, puis en inversant les couleurs.

5. Exportez votre papier à lettres pour l'impression

Votre oeuvre de papeterie est terminée. Vous êtes maintenant prêt à l'exporter, prêt pour une impression professionnelle.

Étape 1

Aller à Fichier> Exporter et choisir Adobe PDF (Imprimer) du Format menu déroulant. Nommez le PDF 'Oeuvre en-tête' et cliquez sauvegarder.

Dans la fenêtre qui s'ouvre, choisissez Qualité de la presse du Adobe PDF prédéfini menu. Met le Intervalle de pages à 1-2, juste pour que l'illustration en-tête soit exportée cette fois.

Du Marques et saignements options, vérifier Toutes les marques de l'imprimante et Utiliser les paramètres de fond perdu du document.

Cliquez sur Exportation.

Étape 2

Pour exporter l'illustration de la carte de visite, répétez la procédure ci-dessus, mais cette fois, ajustez le nom du fichier à "Oeuvre de carte de visite" et changer le Intervalle de pages à 3-6. 

Conclusion

Nous savons que le professeur X adorera utiliser son tout nouvel ensemble de papeterie - excellent travail! 

Dans ce didacticiel, nous avons abordé un large éventail de techniques et de compétences que vous pouvez appliquer à d’autres projets de conception d’imprimés. Vous savez maintenant comment:

  • Créez des logos vectorisés dans Illustrator et ajoutez-leur une texture moderne dans Photoshop
  • Préparer un modèle InDesign pour un en-tête
  • Créez un motif à en-tête en filigrane avec des textures, des couleurs, un logo et une typographie en papier
  • Redimensionner un document InDesign prêt pour une conception de carte de visite
  • Créez une carte de visite moderne et simple avec une typographie élégante et des graphiques vectoriels sympas 

Envie de découvrir des ensembles de papeterie encore plus sympas? Parcourez la vaste sélection de modèles de conception d'impression élégante sur Envato Market.