Les illustrations d'entreprise peuvent constituer une partie importante de toute présentation, nouvelle ou article de magazine. Aujourd'hui, nous allons montrer comment créer une illustration de style d'entreprise intense dans Photoshop. Commençons!
Les ressources suivantes ont été utilisées pendant la production de ce tutoriel..
Nous devons d’abord trouver une image de stock qui convient. Une fois cela fait, il est temps de créer quelques croquis qui affichent clairement le concept, la composition et la narration de votre image. Nous créons l'image d'un travailleur extrêmement stressé dans son environnement d'entreprise. Nous devons donc envisager des scénarios qui le mettent en évidence lors de la création des esquisses. Une fois que vous avez un croquis, vous êtes heureux de pouvoir numériser au moins 300 dpi.
Il est maintenant temps de créer les vecteurs à partir du modèle. Double-cliquez sur le calque d'image et nommez-le 'Modèle'. Assurez-vous de verrouiller le calque que nous ne souhaitons pas déplacer à tout moment. Nous voulons dessiner une illustration bicolore du modèle qui n'est pas trop détaillée.
Créez une nouvelle image et appelez-la 'Détail' en utilisant l'outil Crayon avec un fond noir, aucun trait est défini sur CMJN (C: 100 M: 83 Y: 32 K: 18) et commencez à dessiner les principales caractéristiques du modèle. Créez ensuite un nouveau calque sous le calque "Détail" et nommez-le "silhouette". De la couleur (C: 14 M: 0 Y: 2 K: 0), tracez la silhouette de base du modèle..
Maintenant ouvrons le croquis dans illustrator et commençons à dessiner les éléments de l’illustration. Je vais commencer par l'écran de l'ordinateur. Assurez-vous que tout ce que vous dessinez a sa propre couche afin que nous restions organisés. Créez un nouveau calque appelé "Ordinateur", puis sélectionnez l'outil Rectangle arrondi. Cliquez sur la zone de travail pour afficher sa palette d'options et définissez le rayon de l'angle sur 4 pt. Définissez le remplissage sur une couleur gris clair sans trait, puis tracez le rectangle des écrans d’ordinateur. Pour aider à aligner l'ordinateur avec précision, placez un guide sur le point central horizontal du rectangle. Puis sélectionnez la base de l'outil Peen de l'ordinateur.
Créez maintenant un nouveau sous-calque en cliquant sur la deuxième icône de gauche dans la palette des calques et nommez-le "écran". Pour vous permettre de voir le rectangle de base et votre esquisse en même temps, réduisez son opacité à 50% puis, avec l'outil Rectangle, le jeu de couleurs en bleu clair dessine l'écran d'ordinateur..
Ok, il est temps de dessiner la grille. Désactivez la visibilité du calque "écran" et sélectionnez l'outil Grille rectangulaire. Cliquez sur le canevas pour afficher ses options d’outil, réglez les séparateurs horizontaux sur 6 et les séparateurs verticaux sur 7, remplissez maintenant comme ci-dessus. Ensuite, réglez votre trait sur 0,25 pt et sur une couleur bleu foncé et tracez votre grille, suivie des lignes de progression pour cela. Sélectionnez l'outil Crayon avec une couleur définie sur rouge vif et un trait de 1 point: permutez le trait et remplissez-le pour dessiner la pointe de la flèche. . Ajoutez ensuite le texte de profit brut.
Pour ajouter du réalisme et de la profondeur à l'écran de l'ordinateur, nous allons ajouter un dégradé linéaire. Placez trois curseurs de dégradé sur le dégradé un à l'emplacement 0, le suivant à 50 et le dernier à 100. Définissez les curseurs 0 et 100 sur C: 67 M: 58 Y: 55 K: 36. Réglez maintenant le curseur du milieu sur C: 28 M : 22 Y: 21 K: 0. Suivez la même procédure pour installer la base de l'ordinateur, mais définissez cette fois l'angle du dégradé sur 90 degrés. Vous pouvez ajouter un curseur de dégradé si nécessaire. Il est judicieux de sauvegarder le dégradé que vous avez créé sous forme de nuance afin de pouvoir le réutiliser ultérieurement si nécessaire. Enfin, ajoutez un dégradé radial à l’écran, définissez le curseur de l’emplacement 0 sur C = 0 M: 0 Y: 7 K: 0 et le curseur de l’emplacement 100 sur C: 13 M: 8 Y: 3 K: 0.
Continuez à dessiner le reste des éléments, tels que le signe de l'e-mail et le téléphone, de la même manière (il suffit de dessiner les éléments réfléchis horizontalement une fois). Lorsque vous arrivez dans les bâtiments, définissez la couleur sur C: 94 M: 57 Y: 1 K: 50, sélectionnez l’outil Plume avec un trait de 0,5 point et aucun remplissage et tracez les lignes du bâtiment. Ensuite, sous cette zone, créez une nouvelle sous-couche appelée "gradients de construction". Réglez les curseurs les plus sombres de vos dégradés sur le même bleu que celui utilisé pour les lignes de construction, associé à une couleur plus claire, ajoutez un point de curseur et modifiez les angles à votre guise jusqu'à obtenir un joli aspect réfléchissant. Créez ensuite un nouveau sous-calque appelé base et placez-le sous le calque en dégradé. Avec une couleur de remplissage bleu de C: 10 M: 0 Y: 0 K: 0 Sélectionnez Dessinez la base du bâtiment.
Continuez à dessiner le reste des éléments illustratifs, mais assurez-vous de placer chaque élément individuel sur son propre calque, même les deux zones de circuit indiquées ci-dessus en orange, nommez un «Circuit» et l'autre «Circuit2», par exemple. Une fois que vous avez tout dessiné, vous devez maintenant les enregistrer sous forme de fichiers individuels. Vous pouvez le faire en désactivant la visibilité de tous les calques sauf l'élément que vous enregistrez. Une fois que vous les avez tous enregistrés, il est temps de passer à Photoshop..
Ouvrez le fichier d'esquisse dans Photoshop. Nous allons utiliser ce guide pour la composition car cette image est un élément symétrique. Utilisez les guides pour marquer le point central. Nous allons maintenant ouvrir tous les vecteurs que nous avons dessinés dans illustrator. Pour positionner avec précision des images telles que le "bâtiment" et les circuits réfléchis horizontalement dans la palette des calques, faites-les glisser sur l'icône "créer un nouveau calque" qui dupliquera le calque, puis choisissez Edition> Transformer> Retourner horizontalement et en maintenant la touche Maj enfoncée, faites glisser le calque dupliqué de l'autre côté.
Ajouter un calque d'arrière-plan dégradé comme indiqué.
Ok, ajoutons de la couleur et de la texture à l’arrière-plan, créons un nouveau calque et appelez-le «Couleur de base». Sélectionnez l'outil de dégradé et réglez le curseur gauche sur C: 90 M: 32 Y: 100 K: 30 et le curseur droit sur C: 90 M: 40 Y: 100 K: 53 et remplissez le calque avec ce dégradé. Ouvrez maintenant le fichier de texture, étirez-le en maintenant la touche Maj enfoncée jusqu'à ce qu'il remplisse la page, puis définissez le mode de fusion sur Différence. Ensuite, dupliquez le calque de texture, puis définissez l'opacité sur 20% et le mode de fusion sur Superposition..
Il est normal que cette illustration ait un fond sombre, car le thème est assez intense, mais nous souhaitons maintenant donner plus d’énergie à la pièce. Les symboles d’e-mail sont actuellement noirs et se perdent dans l’arrière-plan, ce qui leur permet de se démarquer. Double-cliquez sur l'un des symboles de courrier électronique dans la palette des calques pour afficher son option de style, puis sélectionnez Superposition de dégradé. Définissez le mode de fusion sur Couleur claire, ajoutez un curseur de couleur supplémentaire à un emplacement de 50%. Définissez les curseurs gauche et droit sur C: 7 M: 5 Y: 0 K: 0 et le curseur du milieu C: 2 M: 9 Y: 2 K: 0. Cmd / Ctrl> Cliquez sur le calque dans la palette des calques et sélectionnez Copier le style du calque, puis Cmd / Ctrl> Cliquez sur l'autre calque Email et sélectionnez le style de calque Coller..
Configurez le calque Taxman pour qu'il se superpose, puis ouvrez ses options de style de calque et sélectionnez l'onglet Superposition de dégradé. Réglez le mode de fusion sur Superposition et le curseur gauche sur C: 63 M: 0 Y: 7 K: 0 et le curseur gauche sur blanc. Maintenant, copiez et collez ce style de calque sur le calque des prêts. Ajoutez des styles de calque aux calques restants pour les aider à se démarquer et à ne pas avoir peur d'expérimenter.
Créez un nouveau calque et nommez-le «faisceau de maux de tête». Sélectionnez l'outil Rectangle de sélection et tracez un rectangle fin pour le remplir d'une couleur crème à l'aide de l'outil Pot de peinture. Ensuite, choisissez Filtre> Flou> Flou gaussien et réglez le rayon sur 6,4 pt. Maintenant, à l'aide de l'outil de sélection, faites pivoter l'image de sorte qu'elle pointe du calque Taxman vers la tête du modèle, puis changez l'opacité à 82%..
Créez un nouveau calque appelé "Point sensible des maux de tête", puis, avec le chapiteau elliptique, tracez un petit cercle à l'endroit où le faisceau lumineux frappe la tête du modèle. Puis remplissez le cercle avec une couleur orange clair et répétez le processus de flou gaussien que nous avons utilisé à l'étape 12 et réglez l'opacité du calque sur 74%. Répétez maintenant ce processus pour les couches de la maison, des prêts et des voitures. Vous constaterez peut-être que vous devez étaler légèrement les symboles pour vous laisser suffisamment de place..
Ok, dupliquez maintenant le calque de construction, faites-le glisser vers le bas, puis agrandissez-le pour qu'il occupe la moitié de la page. Changez le mode de fusion en lumière dure et l'opacité à 16%. Maintenant, dupliquez le calque, retournez-le horizontalement et repositionnez-le de l'autre côté de la page..
Sélectionnez le calque Circuit, dupliquez-le puis faites-le pivoter de manière à ce qu'il soit horizontal. Maintenant, placez-le de manière à ce qu'il soit assis sous la couche "Prêt sur intérêts". Définissez maintenant le mode de fusion sur Superposition et l'opacité du calque sur 39%. Puis dupliquez-le et retournez-le horizontalement, réglez le mode Fusion sur écran et opacité à 29%..
Continuez cette méthode de jeu avec les modes de fusion des calques de circuit et d’autres jusqu'à ce que vous trouviez une composition vraiment intéressante qui améliore l’illustration. Utilisez des styles de calques, mais vérifiez toujours votre progression et veillez à les dupliquer dans leur forme originale avant de les modifier..
Maintenant, nous voulons souligner l'ordinateur un peu plus. Dupliquez son calque et faites glisser le calque copié en dessous. Appuyez maintenant trois ou quatre fois à droite et définissez le mode de fusion sur Écran. Dupliquez ce calque et définissez l'opacité sur 40%. Faites de même pour le côté gauche de l'ordinateur. Sélectionnez maintenant les quatre couches et déplacez-les une ou deux fois. Répétez cette procédure pour la couche de téléphone.
Créez un nouveau calque au-dessus des calques de texture et avec un pinceau réglé sur 715 points, une dureté de 0%, une couleur blanche et une opacité de 21% commencent à créer des zones plus claires autour du modèle, de l'ordinateur, du téléphone et des bâtiments. Suivez ceci en réglant l'opacité du calque à 45% et son travail effectué!
En regardant l'illustration dans son ensemble, il y a deux couches qui ne fonctionnent pas tout à fait par rapport au jeu de couleurs général. Ce sont les couches "Taxman" et "Loan Interest". Double-cliquez sur le "Couche Taxman" pour afficher les options de style de calque et définissez le mode de fusion Superposition de dégradé sur Écran. Répétez maintenant cette procédure pour la couche "Prêt sur intérêts". Réglez ensuite le mode de fusion des quatre couches de circuit jaunes sur Lumière linéaire..
Les photographies numériques sont idéales pour ajouter de la profondeur et des contrastes à vos toiles de fond. Il est donc judicieux d'emporter avec vous un appareil photo numérique. J'ai utilisé une photo de "Newcastle Millennium Bridge" que j'ai prise. Faites glisser la photo sur la toile, faites-la pivoter pour la transformer en portrait et étirez-la jusqu'à ce qu'elle tienne sur toute la longueur de la page. Définissez maintenant le mode de fusion des calques sur Épingler la lumière, puis choisissez Image> Mode> Inverser. Appuyez sur la photo vers l'intérieur jusqu'à ce que vous obteniez une forme plus sombre intéressante qui longe la marge. Ajoutez maintenant un masque de dégradé en cliquant à gauche sur la palette des calques, définissez le dégradé sur noir et blanc par défaut et, tout en maintenant la touche Maj enfoncée, tracez un court dégradé à partir de la ligne centrale verticale. Cela fera disparaître l'autre moitié de la photo. Maintenant, dupliquez ce calque et retournez-le horizontalement et repositionnez-le sur l'autre côté.
Dupliquez maintenant le calque Ordinateur et positionnez ce calque juste au-dessus des calques de texture. Faites-le glisser tout en maintenant la touche Maj enfoncée et placez-le derrière le téléphone. Ensuite, définissez le mode de fusion sur Lumière dure et opacité sur 12%. Maintenant, utilisez ce processus pour ajouter des zones de surbrillance afin que la toile de fond apparaisse plus intéressante..
Comme la texture est plus sombre en haut à gauche qu'elle ne l’est en haut à droite, le calque photo en haut à gauche n’est pas aussi visible que l’autre. Pour résoudre ce problème, commencez par dupliquer le calque photo (côté gauche et définissez l'opacité du calque sur 20%. Redessinez maintenant le masque de dégradé afin que seule la zone supérieure gauche soit visible, comme dans la palette des calques située au-dessus.
Il est maintenant temps de faire vos derniers ajouts et ajustements. Vous voudrez peut-être ajouter des symboles monétaires tels que le signe dièse, euro ou dollar. Enfin, utilisez un calque de réglage Courbes (Calque> Nouveau calque de réglage> Courbes) et placez-le en haut de la palette des calques pour intensifier la couleur de l'illustration..