Page d'accueil » Photoshop » Dessin réaliste iPad2 - Tutoriel Photoshop

    Dessin réaliste iPad2 - Tutoriel Photoshop

    ipad 2! Beaucoup l'aiment, beaucoup le veulent, mais peu peuvent le dessiner. Étonnamment, le dessiner et sa housse intelligente ne sont pas du tout difficiles! Dans ce tutoriel, je vais vous montrer comment créer un iPad 2 complet avec sa coque intelligente, exactement comme le résultat ci-dessous:

    Nous allons utiliser beaucoup de styles de calques et de dessins vectoriels, et peut-être une passion pour compléter ce produit élégant. Commençons!

    Étape 1: Forme de base de l'iPad

    Commencez par créer un nouveau fichier de taille 1500 × 800 px. Activer l'outil rectangle arrondi. Définissez son mode sur forme avec rayon 15 px et couleur: # f5f5f5.

    Ajouter un style de calque Lueur intérieure et Accident vasculaire cérébral.

    Étape 2: écran

    Dessinez un rectangle à l'intérieur de l'iPad.

    Ajouter un style de calque Accident vasculaire cérébral.

    Étape 3

    Créons une image simple pour le contenu de l'écran. Créez un nouveau calque et assurez-vous qu'il se trouve en haut du calque d'écran. Peignez des couleurs avec un pinceau doux. Convertissez le calque en masque d'écrêtage en appuyant sur Ctrl / Cmd + Alt + G. Tout ce que vous peignez est maintenant à l'intérieur de l'écran.

    Étape 4: Bouton d'accueil

    Dessinez une ellipse sur la partie inférieure de l'iPad. Définir son remplissage à 0%.

    Ajouter un style de calque Ombre intérieure, Biseau et estampe, et Incrustation en dégradé.

    Étape 5

    Au centre du bouton, tracez un rectangle arrondi. Définissez son remplissage à 0%. Ajouter une couche Style de course.

    Étape 6: Caméra

    Dessinez un petit noir sur la partie supérieure de l'iPad pour son appareil photo.

    Étape 7: Dock

    Tracez un rectangle couvrant la partie inférieure de l'écran. Définissez sa couleur sur # b1a9a9. Ajouter un style de calque.

    Étape 8

    Appuyez sur Ctrl / Cmd + T pour effectuer la transformation. Faites un clic droit et choisissez Perspective.

    Étape 9

    Tirez le coin supérieur vers l'intérieur jusqu'à obtenir une forme de dock.

    Étape 10

    Dessinez la forme blanche comme on le voit ci-dessous. Appuyez sur Ctrl / Cmd + Alt + G pour le convertir en masque d'écrêtage. Réduire son opacité à 50%.

    Cette forme va devenir un reflet sur le quai.

    Étape 11

    Prenez un joli jeu d’icônes pour iPhone, Aquaticus de marcelomarfil. Placez quatre d'entre eux sur l'écran.

    Étape 12

    Placez les icônes sur un groupe nommé des icônes. Sélectionnez toutes les couches d'icônes en cliquant sur la première icône puis sur Maj + clic sur la dernière icône. Activer l'outil de déplacement. Dans la barre d'options, cliquez sur l'icône Distribuer le centre horizontal et Aligner le centre vertical. Vous aurez un bel alignement et des icônes distribuées à l'écran.

    Étape 13

    Répétez l'étape précédente pour ajouter plus d'icônes à l'écran et sur le dock.

    Étape 14

    Sélectionnez les couches d'icônes sur le dock. Appuyez sur Ctrl / Cmd + E pour les fusionner en un seul calque. Appuyez sur Ctrl / Cmd + T pour effectuer la transformation. Faites un clic droit et choisissez Retourner verticalement.

    Étape 15

    Ajouter un masque de calque. Dessine un dégradé linéaire du blanc au noir jusqu'à ce que la réflexion s'estompe.

    Étape 16: réflexion sur l'écran

    Utilisez l’outil Polygone lasso pour créer une sélection triangulaire dans le coin supérieur droit de l’écran. Remplir la sélection avec du blanc.

    Étape 17

    Ajouter un masque de calque. Tracez un dégradé linéaire du blanc au noir jusqu'à ce que la réflexion sur l'écran disparaisse. Mettez la couche de réflexion dans un groupe et nommez-le Réflexion de l'écran.

    Étape 18

    Ctrl / Cmd + clic sur le calque iPad pour créer une sélection basée sur sa forme. Ajoutez un masque de calque au groupe. De cette façon, la réflexion de l'écran est à l'intérieur de l'écran.

    Étape 19: Smart Cover

    Dessine la forme suivante. Utilisez # 6ebced pour sa couleur.

    Ajouter des styles de calque Incrustation en dégradé.

    Étape 20

    Au-dessus de la couverture intelligente, tracez un rectangle arrondi et réglez son remplissage sur 0%..

    Ajouter Biseau et estampe.

    Étape 21

    Dupliquer la forme.

    Étape 22

    Appuyez sur Ctrl / Cmd + T pour effectuer la transformation. Faites un clic droit et choisissez Perspective. Tirez sur le coin supérieur droit jusqu'à ce que la forme corresponde à la perspective de la couverture intelligente..

    Étape 23

    Dessinez un rectangle arrondi avec la couleur: # 82858a. Effectuez à nouveau la transformation de perspective jusqu'à ce que nous ayons le côté extérieur de la couverture intelligente..

    Étape 24

    Ajouter des styles de calque Biseau et estampe et Incrustation en dégradé.

    Étape 26

    Dessinez un autre rectangle arrondi et placez-le dans la forme que nous venons de créer..

    Étape 27

    Ajouter un style de calque Biseau et estampe et mettre son remplissage à 0%.

    Étape 28

    Appuyez sur Ctrl / Cmd + Alt + G pour convertir la forme en masque d'écrêtage et placez l'effet à l'intérieur de la couverture..

    Étape 29: charnières

    Dessinez un rectangle sur le côté gauche de la couverture. Définissez sa couleur sur # 6ebced.

    Ajouter Incrustation en dégradé.

    Étape 30

    Dessinez un rectangle plus petit derrière la forme précédente avec la couleur: # e6e6e6.

    Ajouter un style de calque Incrustation en dégradé ajouter des apparences tridimensionnelles sur la forme.

    Étape 31: Ombre

    Maintenez la touche Ctrl / Cmd enfoncée, puis cliquez sur le calque de forme de base iPad pour créer une sélection en fonction de sa forme. Créez un nouveau calque et placez-le sous Smart Cover. Peignez une ombre douce sur la surface de l'écran à l'aide d'un gros pinceau doux.

    Étape 32

    Ne supprimez pas la sélection. Ensuite, dessinez une ombre douce avec un pinceau à faible opacité sur le côté inférieur de l'iPad. Ce sera une douce ombre du sol.

    Étape 33

    Créez un nouveau calque et placez-le sous tous les calques. Peignez une ombre plus sombre sous l’iPad à l’aide d’un gros pinceau doux. Réduire son opacité à 50%.

    Étape 34

    Dessine une ombre plus grande et plus douce. Réduire son opacité à 5%.

    Étape 35

    Maintenant, réglez votre pinceau sur une taille plus petite tout en maintenant sa dureté à 0% pour conserver sa douceur. Dessinez une ombre plus sombre juste sous l'iPad. Définir son opacité à 50%.

    Étape 36

    Effectuez un zoom avant pour voir la couverture intelligente se rapprocher. Dessinez une ombre sombre juste sous la couverture intelligente.

    Étape 37

    Dessiner une ombre sur le sol derrière la couverture intelligente.

    Voici à quoi ressemble l'ombre si nous cachons la couverture intelligente.

    Étape 38: Résultat final

    Ceci est le résultat de notre tutoriel. J'espère que vous apprendrez de nouvelles techniques et que vous aurez du plaisir à suivre ce tutoriel. Merci pour la lecture. Si vous avez des questions, n'hésitez pas à les poser.

    Télécharger PSD

    Vous ne pouvez pas atteindre certaines étapes? Voici le fichier PSD du résultat pour vous permettre de tester et de jouer avec.

    • iPad 2 fichier tutoriel PSD