Créer un modèle de coque iPhone Radiant Owl dans Adobe Illustrator

Ce que vous allez créer

Dans ce didacticiel, nous allons créer un étui pour smartphone élégant avec un hibou coloré et détaillé. Nous allons travailler avec des dégradés pour créer une palette de couleurs vives, utiliser l'outil de fusion pour simplifier le processus de création des plumes et ajouter quelques effets de maillage et autres pour donner à notre cas une apparence complète. Commençons!

1. Recherchez le modèle d’affaire Smartphone approprié et faites un croquis.

Étape 1

Tout d'abord, nous devons connaître la taille de notre futur cas. Dans ce tutoriel, nous allons créer un étui pour iPhone 6, mais vous pouvez utiliser la taille de tout autre appareil. J'ai cherché un «modèle de coque pour iPhone 6» et trouvé des sites Web proposant des modèles à taille réelle dans les formats Photoshop et Illustrator. Ils diffèrent un peu, selon le site Web, mais la plupart du temps, ils se ressemblent beaucoup. Par exemple, vous pouvez obtenir un modèle pour iPhone 6 ou pour Phone 6+ et l'utiliser pour créer votre propre dessin et l'imprimer ultérieurement.. 

J'ai utilisé ce modèle simple (vous pouvez trouver la version * .psd dans la pièce jointe de ce didacticiel) pour dessiner une esquisse, en fonction de la taille du modèle..

Étape 2

J'ai fait cette esquisse juste au-dessus du modèle. N'oubliez pas de garder tous les principaux éléments de notre image, tels que les yeux, le bec et le visage lui-même, dans la zone visible de l'étui, plus près du centre. Rendez l’esquisse de votre hibou symétrique en n’en tirant qu’une partie, puis en la retournant horizontalement. Cela permettra d'économiser beaucoup de temps et sera plus cohérent et soigné.

Étape 3

Fichier> Place votre esquisse dans Adobe Illustrator et transformez-la en modèle en double-cliquant sur la couche d'esquisse.

2. Formez le bec à l'aide de l'outil Maillage

Étape 1

Commencez par faire une ligne verticale soit avec le Outil Ligne (\) ou avec le Outil stylo (P). Ajoutez le point d'ancrage au milieu de la ligne avec le Ajouter un outil de point d'ancrage (+) et faites-le glisser vers la gauche avec le Outil de sélection directe (A). Permuter le remplissage et le contour (Shift-X) couleurs, formant ainsi la partie gauche du bec.

Étape 2

Utilisez le Outil de réflexion (O) refléter le bec sur l'axe vertical et Unir les deux parties dans Éclaireur pour former une seule forme. Prendre le Outil de maillage (U) et cliquez au milieu de la forme créée pour créer une ligne et une colonne se croisant. Cliquez sur la ligne horizontale pour créer plus de colonnes et assombrir les bords du bec en sélectionnant les points d'ancrage des bords à l'aide de la touche Outil de sélection directe (A) et en les remplissant d'orange plus foncé, ajoutant ainsi de la dimension au bec.

Étape 3

Ajoutez quelques colonnes supplémentaires avec Outil de maillage (U) et rendre la partie centrale du bec plus lumineuse en sélectionnant les points d’ancrage le long de la ligne verticale centrale et en les remplissant de couleur jaune. Déplacez les points d'ancrage inférieurs pour obtenir un effet plus réaliste pour le bec de l'oiseau, comme dans la capture d'écran ci-dessous..

Étape 4

Formons les narines. Créez une ellipse avec le Outil Ellipse (L) et remplissez avec un gradient radial orange vif à brun foncé, formant la profondeur. Placez deux ellipses dans la partie supérieure du bec, représentant les narines.

Étape 5

Nous devons ajouter quelques détails pour rendre notre bec plus intéressant et plus réaliste. Créez une ellipse plus grande sous la narine et remplissez-la avec un dégradé linéaire orange-noir. Changer le Mode de fusion à Écran, le transformer en point culminant.

Étape 6

Prendre le Outil Crayon (N) et ajouter plus de points saillants à notre bec, en utilisant les mêmes dégradés orange-noir et Mode de fusion d'écran.

Voici à quoi ressemble le bec maintenant.

3. Former un plumage radiant avec l'outil de mélange

Étape 1

Tout d'abord, nous allons restituer la zone autour des yeux, puis ajouter des plumes tout autour. Former un cercle pair avec le Outil Ellipse (L) en tenant le Décalage bouton et remplissez-le avec le dégradé linéaire doré de l’orange au jaune. Ajoutez un petit cercle au dessus et remplissez-le de couleur bleue. Envoyer les deux cercles pour revenir (Shift-Control- [), sous le bec.

Étape 2

Divisons le cercle d'or en plusieurs parties pour le rendre plus détaillé. Commencez par faire une ligne verticale avec le Outil de segment de ligne (\) et placez-le en plein centre du cercle d'or, faisant du cercle d'or un Objet clé en cliquant dessus tout en maintenant le Alt clé puis en utilisant le Centre d'alignement horizontal fonction de la Aligner panneau.

Gardez la ligne sélectionnée, double-cliquez sur le Outil de rotation (R) appeler la fenêtre des options contextuelles. Met le Angle valeur à 360/20, afin que Adobe Illustrator puisse calculer automatiquement l'angle nécessaire pour 20 copies de notre objet. presse Contrôle-D plusieurs fois pour répéter notre dernière action et faire autant de copies que nécessaire.

Étape 3

Maintenant, nous pouvons sélectionner toutes les lignes créées et le cercle d'or et le découper en morceaux comme une tarte de grand-mère à l'aide du Diviser fonctionner dans le Éclaireur panneau. Utilisez le Outil de dégradé (G) repositionner le dégradé linéaire pour chaque pièce, créant un effet intéressant.

Étape 4

Commençons à former les plumes! Selon notre esquisse initiale, le hibou aura un plumage d'un bleu éclatant. Nous allons nous en tenir à cette palette de couleurs, en choisissant les couleurs de l'esquisse avec le Outil Pipette (I) et en créant un cercle pair avec le Outil Ellipse (L), en le remplissant d'un dégradé linéaire vif allant du bleu foncé en haut au bleu plus clair en bas. 

Faites glisser le point d'ancrage inférieur vers le bas à l'aide de la touche Outil de sélection directe (A) pour donner au cercle une forme d'oeuf à l'envers. finalement, Copie la forme, Coller devant (Control-C> Control-F) et rendre la copie légèrement plus petite et les couleurs un peu plus claires.

Étape 5

Dupliquez deux fois la forme inférieure et déplacez légèrement l'une des copies (en rouge sur la capture d'écran). Sélectionnez la copie remplacée et celle située en dessous et utilisez le bouton Minus Front fonction de la Éclaireur panneau pour couper les morceaux non désirés, ne laissant qu'une partie étroite en forme de croissant sur la pointe de notre plume. Remplissez cette partie avec un doux dégradé bleu lilas.

Étape 6

Maintenant que notre plume est prête, groupe (Control-G) toutes ses parties et faire une copie de la plume, en le plaçant de côté à une certaine distance. Garder les deux plumes sélectionnées, allez à Objet> Mélange> Marque et ensuite Objet> Fusion> Options de fusion (ou double-cliquez sur le Outil de mélange (W) dans le Outils panneau). Met le Espacement à Étapes spécifiées avec une valeur égale 20, créant ainsi une rangée de plumes répétitives.

Étape 7

Prendre le Outil Crayon (N) et tracez une ligne arrondie le long du cercle doré. Sélectionnez à la fois la ligne et le groupe de fondu et allez à Objet> Mélange> Remplacer la colonne vertébrale. Génial! Nous avons maintenant une rangée lisse de plumes qui longe le cercle des yeux..

Étape 8

Tracez une plus grande ligne arquée avec le Outil Crayon (N), puis dupliquer notre premier groupe de plumes et réappliquer le Remplacer la colonne vertébrale effectuer une nouvelle courbe, formant ainsi la deuxième rangée.

Placez les plumes créées sous le premier groupe (Contrôle-[) et ajoutez la ligne suivante de la même manière. Vous pouvez double-cliquer sur la ligne pour entrer le Mode d'isolation et éditez les premières plumes du groupe de mélange séparément. Par exemple, faisons en sorte que la plume supérieure et la plume inférieure soient plus petites. Toutes les autres plumes entre eux vont progressivement changer de taille..

Continuez à former de nouvelles rangées de plumes, créant un plumage moelleux en faisant varier la taille de certaines plumes, rendant ainsi les plumes des rangées inférieures beaucoup plus grandes que celles situées autour de l'œil.

Étape 9

Comparez les formulaires créés avec l’esquisse initiale et utilisez le Outil de réflexion (O) pour retourner les pièces créées sur la Axe vertical, formant la seconde moitié de notre hibou.

Étape 10

Maintenant que le plumage est formé, rendons les couleurs plus diverses. Sélectionnez l'un des groupes de plumes mélangés dans la partie inférieure de la chouette et faites cette fois la première plume du groupe lilas brillant et remplissez la seconde avec un dégradé doux allant du violet au bleu. Les couleurs des autres plumes du groupe seront ajustées automatiquement, formant un dégradé lisse à l'intérieur du groupe de fusion.

Étape 11

Appliquez de nouvelles couleurs vives aux rangées inférieures de plumes des deux côtés de notre hibou.

Objet> Mélange> Développer toutes les lignes pour transformer les groupes de fusion en ensembles d'objets distincts. Maintenant, nous pouvons sélectionner des plumes séparées et en rendre certaines plus lumineuses à l’aide du Recolorer l'illustration fonction, située dans le panneau de commande supérieur. Sélectionnez des plumes aléatoires autour des yeux et ouvrez le Recolorer l'illustration fenêtre d'options. Aller à modifier, appuyez sur l'icône de la chaîne pour Lien des couleurs d'harmonie et mettre le Teinte valeur à 185, Saturation à 70 et Luminosité à 100, alléger les plumes sélectionnées.

Étape 12

Ajoutez quelques plumes de lilas ici et là pour rendre l'image plus diversifiée. Formez le ventre de la chouette en créant une ellipse avec le Outil Ellipse (L) et en le remplissant avec un dégradé radial allant du orange plus foncé sur les bords au jaune vif au centre. Étalez de petites plumes sur tout le ventre, en les remplissant des mêmes couleurs que les reflets du bec de la chouette et en passant à Mode de fusion d'écran.

Étape 13

Ajoutons quelques éléments tourbillonnants à la tête du hibou pour le rendre plus complexe. Tracez une courbe lisse avec le Outil Crayon (N), sélectionnez son point d'ancrage inférieur avec le Outil de largeur (Maj-W) et faites glisser pour élargir la forme entière.

Étape 14

Objet> Développer l'apparence de la ligne et utilisez le Outil de sélection directe (A) pour déplacer les points d'ancrage de la forme créée, en lui donnant un aspect en spirale torsadée. Remplissez la forme avec un dégradé doré, identique à celui des yeux.

Étape 15

Dessinez deux autres tourbillons dans la forme dorée avec le Outil Crayon (N). Sélectionnez les trois objets et Diviser les dans Éclaireur diviser la forme dorée en trois parties distinctes.

Changer la direction des gradients linéaires pour chaque pièce avec le Outil de dégradé (G), rendre la forme plus tridimensionnelle et réaliste.

Étape 16

Placez les cornes d'or créées sur le dessus de la tête du hibou et entourez-les de plumes. Ajoutez quelques plus grandes plumes cintrées dans la partie supérieure de la tête, en les transformant à l'aide du Effet de chaîne. Pour cela, sélectionnez une plume et allez à Effet> Warp> Arc, la mise en Courbure verticale valeur à 50%. Développer l'apparence si vous êtes satisfait du résultat d'appliquer l'effet.

4. Rendre les yeux du hibou

Étape 1

Pour simplifier le processus de création et gagner du temps, nous allons utiliser les avantages du Apparence panneau. Commencez par créer un cercle uniforme et remplissez-le de dégradé radial allant du blanc au centre au gris plus foncé au bord. Il sera affiché comme le Remplir dans le Apparence panneau.

Étape 2

Ajouter un nouveau remplissage dans le Apparence panneau et appliquez un dégradé radial vif allant du jaune vif à l’orange. Rapprocher le centre du dégradé de la partie supérieure de notre cercle.

Étape 3

Garder le nouveau jaune Remplir sélectionné dans le Apparence panneau, Ajouter un nouvel effet et sélectionnez Convertir en forme> Ellipse.

Dans le pop-up Options de forme menu, réduire le Absolu taille de la Remplir, mettre sa Largeur et la taille à 20 px (ou une autre valeur qui rend le cercle jaune plus petit que le gris). Retourne au gris Remplir, sélectionnez-le dans le Apparence panneau et éditer le dégradé en agrandissant la zone blanche et en rapprochant le gris du bord.

Étape 4

Dupliquer le jaune Remplir dans le Apparence dans le panneau et changez la couleur de la copie en dégradé linéaire du jaune au rose vif. Met le Opacité du côté jaune à 0% et le Opacité du côté rose à 60% dans le Pente panneau. Écraser le dégradé à l'aide du bouton Outil de dégradé (G) et faites-le couvrir la partie supérieure du jaune Remplir.

Étape 5

Si vous souhaitez ajouter plus de lueur aux yeux, ajoutez un autre Remplir au-dessus du jaune et remplissez-le de dégradé radial allant du jaune transparent au jaune vif, créant ainsi un anneau brillant et lumineux autour de l'iris.

Étape 6

Entourez les yeux de minuscules plumes turquoises et ajoutez des reflets à l’œil en les remplissant d’un dégradé de noir à bleu et en basculant sur Mode de fusion d'écran.

Étape 7

Créons un front fantaisiste pour rendre le hibou plus sérieux. Dessinez une forme à main levée avec le Outil Crayon (N) et remplissez-le avec un dégradé rose délicieux. Divisez la forme en deux parties comme nous l'avons fait avec la corne d'or et modifiez la couleur de remplissage de la partie inférieure, ce qui en fait un dégradé rose orangé..

Étape 8

Ajoutez quelques reflets au-dessus de la forme, en passant à Mode de fusion d'écran.

Étape 9

Placez le sourcil au-dessus de l’œil et retouchez les plumes, en rendant certaines plus brillantes avec le Recolorer l'illustration option.

5. Ajouter des détails mineurs pour donner au dossier un aspect fini

Étape 1

Faisons de notre hibou plus en trois dimensions en ajoutant des ombres pour séparer les rangées de plumes les unes des autres. Sélectionnez un groupe de plumes, Copie ça et Coller à l'arrière (Control-C> Control-B). Unir les parties de la copie Éclaireur, le transformer en une seule silhouette.

Étape 2

Remplissez la silhouette créée avec un dégradé linéaire du blanc au violet et réglez-la sur Multiplier le mode de fusion, créant ainsi une ombre subtile.

Ajoutez plus d'ombres entre les groupes de plumes et autour des yeux, en utilisant la même technique.

Étape 3

Maintenant nous pouvons Fichier> Place le modèle de cas iPhone dans notre fichier et mettre des plumes supplémentaires sur les bords, couvrant les espaces vides. N'oubliez pas de garder le visage du hibou au centre du gabarit. Ajouter un fond brun foncé sous le hibou avec le Outil Rectangle (M) remplir l'espace vide au-dessus de sa tête.

Étape 4

Ajustez la taille de notre Artboard en fonction de la taille du gabarit à l'aide du bouton Outil de planche graphique (Shift-O). L'un des avantages des graphiques vectoriels est que vous pouvez réduire votre illustration et définir une taille plusieurs fois plus petite que l'original, puis Exportation avec les dimensions nécessaires (par exemple, 300 dpi pour l’impression).

Étape 5

Cachons les éléments indésirables qui traversent les bords de notre Artboard pour que notre travail soit plus net et plus propre. Copiez le rectangle de fond et Envoyer il devant, le placer sur tous les autres objets (Shift-Control-]). Sélectionnez tous les éléments créés, y compris le rectangle supérieur, appuyez sur la touche bouton droit de la souris et choisir Faire masque d'écrêtage dans le menu déroulant.

Étape 6

Nous pouvons maintenant essayer de télécharger notre conception sur différents sites Web proposant l’impression de coques pour iPhone et choisir le plus approprié..

Bon travail! Nous avons fini!

La conception de notre coque hibou radieux pour iPhone 6 est prête! J'espère que vous avez apprécié le suivi de ce didacticiel et que vous avez trouvé quelques conseils et astuces utiles sur l'utilisation de l'outil de fusion et d'autres fonctionnalités d'Adobe Illustrator. Bonne chance dans la création de vos étuis pour smartphones élégants et élégants!