Share
Dans ce tutoriel, je vais vous montrer comment créer un scanner portable à l'aide des options Outil Rectangle (M), Outil de sélection directe (A) et Enveloppe, ainsi que de motifs et de dégradés pour ajouter des détails plus fins..
Créez un nouveau document au format 600 x 600px. À l'aide de l'outil Rectangle (M), créez un rectangle de 583 x 119 pixels et d'un rayon de 15 degrés pour les coins ronds..
Lorsque le rectangle est sélectionné, sélectionnez Effet> Distorsion de l’enveloppe> Créer avec Warp. Utilisez les paramètres suivants: Style est défini sur Gonfler, Courbure à 5% et cliquez sur OK une fois terminé..
Lorsque la forme est sélectionnée, utilisez l'outil de sélection directe (A), faites glisser le point clé supérieur droit et gauche à l'intérieur de 8px et faites glisser les points centraux droit et gauche de 5px..
Une fois cela fait, allez à Objet> Développer.
Dupliquez la forme et remplissez-la avec un dégradé linéaire.
Ajoutez un autre rectangle sur l'original à l'aide de l'outil Rectangle (M). À l'aide du panneau Pathfinder, sélectionnez Moins avant, puis remplissez la nouvelle forme avec un dégradé linéaire, comme indiqué. Changer le mode de fusion à l'écran et définir l'opacité à 50%.
Sélectionnez le rectangle que vous venez de remplir avec des couleurs de dégradé gris et sélectionnez Objet> Chemin> Chemin décalé. Définissez le décalage sur -7px, cliquez sur OK.
Déplacez la forme apparue après avoir appliqué le décalage sur toutes les autres en accédant à Objet> Organiser> Mettre au premier plan. Faites glisser la forme 3px vers le haut, modifiez les couleurs du dégradé avec des couleurs plus sombres et appliquez le trait de trait de 1px avec la couleur noire..
Dupliquez une dernière fois la dernière forme, désactivez la couleur de remplissage et remplissez-la avec un motif (Inondation des terres USGS19). Ensuite, sélectionnez Edition> Modifier les couleurs> Inverser les couleurs, modifiez le mode de fusion en mode écran et définissez l'opacité sur 40%..
Ajoutez un autre rectangle au-dessus du dernier avec les outils Rectangle (M) et Pathfinder, remplissez-le avec le dégradé linéaire comme indiqué, changez le mode de fusion de Normal à Écran et définissez l'opacité à 70%..
Prenez l'outil Rectangle (M), créez un rectangle de taille 478 x 88px et des coins ronds avec un rayon de 5px.
Ensuite, allez à Objet> Développer l'apparence. Remplissez le rectangle de couleur noire et placez-le comme indiqué dans l'image ci-dessous.
Dupliquez la forme qui se trouve sous la forme remplie de motif, collez-la sous la forme de l'étape précédente, puis sélectionnez la copie de l'étape précédente..
Ouvrez le panneau Pathfinder et cliquez sur Intersecter..
Dupliquez la forme de l'étape précédente, puis avec l'outil Ajouter un point d'ancrage (+), ajoutez un point clé dans la partie inférieure puis supprimez-le..
Désactivez la couleur de remplissage et appliquez un trait de trait: 0.5px, Profil: Largeur, profil 3 et un dégradé linéaire, comme indiqué ci-dessous..
À l'aide de l'outil Rectangle (M), créez un rectangle de taille 467,5 x 40px, couleur R: 17 G: 16 B: 13, Coins arrondis avec un rayon de 5px.
Juste après, allez dans Objet> Développer l’apparence et placez-le au centre de la forme remplie en noir..
Créez un autre grand rectangle par rapport au précédent, comme indiqué ci-dessous.
Sélectionnez ensuite le rectangle aux angles arrondis et celui que vous venez de créer. Ouvrez le panneau Pathfinder et cliquez sur Minus Front..
Dupliquez la forme de l'étape précédente, puis avec l'outil Ajouter un point d'ancrage (+), ajoutez un autre point clé dans la partie inférieure de la copie, puis supprimez-le juste après. Désactivez la couleur de remplissage et appliquez un trait de trait: 0.5px, Profil: Profil de largeur 3 et un dégradé linéaire comme indiqué ci-dessous..
Ajoutez un autre rectangle en position comme indiqué ci-dessous puis, à l'aide de l'outil de sélection directe, faites glisser les deux points supérieurs du rectangle à l'intérieur jusqu'à ce que la partie supérieure soit au même niveau que la forme de l'étape précédente et remplissez-la avec un dégradé linéaire, comme illustré dans l'image ci-dessous..
À l'aide de l'outil Rectangle (M), créez un rectangle de 580 x 75 pixels avec un rayon de 10 coins arrondis et positionnez-le comme indiqué ci-dessous..
Lorsque le rectangle dans lequel vous avez arrondi les angles lors de l'étape précédente est sélectionné, sélectionnez Objet> Distorsion de l'enveloppe> Création avec déformation. Faites les réglages suivants: Style: Gonfler, Courbure: 3%, cliquez sur OK et juste après, allez à Objet> Développer l'apparence..
Remplissez la forme que vous venez de créer avec R: 37 G: 36 B: 32 couleur.
appliquez une couleur de trait avec un poids: 0.5 px, remplissez-le avec le dégradé linéaire comme indiqué ci-dessous et envoyez la forme derrière toutes les autres avec Objet> Arranger> Envoyer à l'arrière-plan.
Ajoutez la partie inférieure du scanner de la même manière, remplissez-la avec un dégradé linéaire. Couleurs R: 30 G: 29 B: 24 à R: 31 G: 31 B: 31.
Envoyez la forme derrière toutes les autres avec Object> Arrange> Back to Back.
Ajoutez également les deux cercles du scanner comme indiqué ci-dessous, remplissez-les de couleur noire et envoyez-les à nouveau derrière toutes les autres formes..
Ajoutez le texte nécessaire dans la partie supérieure du scanner, comme indiqué (Objet> Développer)..
Remplissez-le avec un dégradé linéaire puis allez à Effet> 3D> Rotation, effectuez les réglages comme indiqué et cliquez sur OK..
Nous allons ajouter le bouton du scanner. À l’aide de l’outil Rectangle (M), créez un rectangle de taille 42,75 x 21,75 px, puis arrondissez les coins en sélectionnant Effet> Styliser> Coins arrondis. Définissez le rayon sur 2px, cliquez sur OK et juste après, sélectionnez Objet> Développer l'apparence. Remplissez ensuite avec le dégradé linéaire comme indiqué ci-dessous et placez le rectangle à droite du scanner..
Lorsque le rectangle que vous venez de remplir avec le dégradé linéaire est sélectionné, sélectionnez Objet> Chemin> Décalage du chemin. Définissez Offset sur -1px, cliquez sur OK et modifiez la couleur en noir pour la nouvelle forme apparue après l'application de Offset..
Comme la forme que vous avez remplie avec la couleur noire est toujours sélectionnée, allez à Objet> Chemin> Chemin décalé. Définissez le décalage sur -2 pixels, cliquez sur OK et remplissez avec le dégradé linéaire comme indiqué ci-dessous:
Maintenant, ajoutez le symbole que vous aimez au bouton. J'ai fait un cercle auquel j'ai ajouté deux points clés dans les côtés supérieur droit et gauche, puis j'ai supprimé le point clé supérieur, appliqué à la couleur de trait, poids 1px avec une couleur blanche. J'ai également ajouté une ligne au milieu du cercle avec l'outil Plume (P)..
Avec l'outil Crayon (P), ajoutez les formes sur le côté droit du cercle avec la couleur de trait, le poids 1px et la couleur blanche, comme indiqué ci-dessous..
Ajoutez également le bouton d'éclairage avec une lueur extérieure. Pour ce faire, créez un rectangle en position comme indiqué ci-dessous, remplissez-le avec un dégradé linéaire et appliquez Éclat extérieur comme indiqué dans l'image ci-dessous..
Regroupez toutes les formes que vous avez créées à cette étape en accédant à Objet> Groupe, puis à Effet> 3D> Rotation. Effectuez les mêmes réglages que vous avez utilisés pour créer le texte sur le scanner:
A l’aide de l’outil Plume (P), créez la forme qui représentera la feuille de papier et remplissez-la avec un dégradé linéaire comme indiqué ci-dessous..
Ajouter une autre forme sous la précédente comme indiqué et la remplir avec un dégradé linéaire.
Ajoutez le texte souhaité sur la feuille puis allez à Effet> 3D> Rotation et ajoutez une perspective au texte en effectuant les réglages comme indiqué ci-dessous..
Groupez les formes représentant la feuille de papier et le texte dessus en allant dans Objet> Groupe.
Dans cette étape, nous allons ajouter un masque pour masquer cette partie du papier qui ne devrait pas être visible. Pour ce faire, créez un rectangle de couleur noire sur cette partie de la feuille qui ne sera pas visible..
Sélectionnez ensuite la forme qui sera utilisée comme masque et le groupe de feuilles de papier, ouvrez le panneau Transparence et cliquez sur Créer un masque. Cliquez ensuite sur la coche en regard de Clip pour la décocher..
Maintenant, ajoutez l'ombre du scanner sur la feuille ou le papier comme indiqué ci-dessous et avec ceci nous avons terminé.
Et à la fin, vous pouvez ajouter un fond et une ombre au scanner comme vous le souhaitez. Ci-dessous le résultat final.
Accentsconagua