Transformer en 3D un design de cube coloré

Il y a quelque temps, Sean a publié un article très intéressant intitulé 6 techniques pour composer votre travail à l'aide de formes répétitives et de motifs flexibles. J'ai soigneusement examiné les articles et je me suis inspiré d'un grand artiste nommé Guilherme Marconi. Dans ce tutoriel, vous allez apprendre à créer un motif en utilisant des éléments répétitifs dans un style inspiré par lui..

Aperçu de l'image finale

Avant de commencer, jetons un coup d'œil à l'image que nous allons créer. Cliquez sur la capture d'écran ci-dessous pour afficher l'image en taille réelle. Comme toujours, le fichier Photoshop en couches est disponible via notre abonnement Psdtuts + Plus.

Étape 1

Ouvrez un nouveau document. Choisissez la taille souhaitée et créez-la en fonction du but du projet. Si vous envisagez de l’imprimer, vous devez utiliser 300 dpi. Si c'est destiné à l'écran, alors 72 devrait aller bien.

Étape 2

Pour pouvoir suivre ce tutoriel, vous aurez besoin d’un filtre installé. Le filtre s'appelle 3D Transform et se trouve sur le CD Adobe Suite Extras. Voici un article sur son installation.

Étape 3

Après avoir installé votre filtre, revenez dans votre document et créez un nouveau calque dans lequel insérer le cube. Vous créerez un nouveau calque pour chaque cube que vous créez. Puis démarrez la transformation 3D en sélectionnant Filtre> Rendu> Transformation 3D..

Étape 4

Dans le filtre de transformation 3D, sélectionnez le bouton de cube et dessinez un cube..

Étape 5

Sélectionnez le bouton Outil Trackball. Cela vous permettra de faire pivoter le cube à votre guise. Assurez-vous de le placer uniquement du côté visible et appuyez sur OK..

Étape 6

Comme vous pouvez le voir, vous avez un cube. Vous aurez besoin de beaucoup plus, alors commencez à ajouter de nouvelles couches pour chaque cube que vous créez. Vous aurez besoin d'au moins 20 ou peut-être 30 cubes. Vous ne les utiliserez probablement pas tous, mais vous en aurez besoin au cas où.

Étape 7

Après avoir créé les cubes, vous pouvez revenir à Leopard pour terminer le didacticiel car ce filtre de transformation 3D n'est pas disponible pour Mac, ou du moins, je ne pouvais pas le faire fonctionner sur mon Mac. Bien sûr, vous pouvez créer des cubes dans un programme différent si vous préférez et les importer dans Photoshop..

Étape 8

Ouvrez votre document contenant tous les cubes que vous avez créés. La prochaine étape consiste à créer une forme pour chaque côté des cubes. Je vais faire ces formes colorées, alors je suis allé à Kuler. Ce site Web est utile car il m’aide à choisir les bonnes couleurs compatibles.

Étape 9

Rendre l'un des cubes visibles. Puis déplacez-le dans un dossier séparé. Dans ce dossier, vous aurez toutes les couleurs pour ce cube spécifique..

Étape 10

Lorsque vous colorez les formes, vous devez vous assurer que vous utilisez des tons différents pour chaque face. Vous pouvez effectuer des sélections et utiliser des couleurs de remplissage à l'aide de l'outil Pot de peinture (G) ou de la méthode de votre choix..

Étape 11

Ensuite, vous devez créer un trait pour chaque côté du cube. Pour ce faire, utilisez l'outil Ligne (U) avec une couleur plus sombre que les autres côtés..

Étape 12

Enfin, faites un trait noir comme je l’ai fait pour le cube et non pour les côtés. Pour ce faire, accédez aux options de fusion du cube. Double-cliquez sur le calque de cube pour ouvrir les styles de calque et utilisez les paramètres ci-dessous..

Étape 13

Répétez cette procédure pour chaque cube, mais n'utilisez pas les mêmes couleurs pour tous les cubes. Utilisez les couleurs que vous avez choisies chez Kuler.

Étape 14

Continuez à créer plus de cubes, à les dupliquer, à les redimensionner et à les faire pivoter. Donnez-leur une apparence différente et remplissez l'écran avec eux.

Étape 15

Vous pouvez continuer à créer des cubes un par un, mais dans ce cas, je le ferai plus rapidement en déplaçant les cubes dans un groupe et en les dupliquant tous. J'ai dupliqué tous ces cubes dans quatre sections différentes. Chacun a été tourné afin qu'ils soient chacun distinct.

Étape 16

Ensuite, vous devez continuer à les dupliquer jusqu'à remplir l'écran de cubes. Cela prendra du temps surtout si le document est volumineux. En outre, Photoshop peut commencer à ralentir car il nécessite beaucoup d’espace mémoire.

Étape 17

Maintenant, vous devez changer certaines couleurs de ces cubes et leur donner une belle apparence. Peut-être suivre un motif de couleurs que vous voulez. Pour ce faire, allez dans chaque dossier de cube et modifiez simplement les couleurs des côtés de chaque cube. Ou peut-être les supprimer et les remplacer par un autre, quelle que soit la méthode qui vous convient le mieux pour changer les couleurs, c'est bien. Assurez-vous de jouer avec eux jusqu'à ce que vous soyez satisfait du résultat.

Étape 18

Faites deux cubes qui seront le centre d'attention. Ils seront également plus gros que les autres cubes.

Étape 19

Ensuite, vous devez ajouter le texte sur ces deux cubes. Vous devrez faire pivoter, incliner et transformer le texte pour l'ajuster. La police utilisée est Stone Sans Sem.

Étape 20

Enregistrez le travail au format JPG. Maintenant, vous travaillerez directement avec le JPG. Ouvrez le fichier JPG et nous donnerons vie aux couleurs. Dupliquez le calque, passez au flou gaussien et réglez le rayon sur 19,6 pixels..

Étape 21

Définissez le calque sur Lumière douce. Puis aplatir l'image.

Étape 22

Dupliquez à nouveau le calque et utilisez les paramètres indiqués ci-dessous pour les options de fusion..

Étape 23

Faites une belle bordure noire autour de l'image. Créez ensuite un nouveau calque sur l’arrière-plan et accédez à Filtre> Rendu> Nuages..

Étape 24

Définissez la couche de nuages ​​sur Lumière douce.

Étape 25

Dupliquez les nuages ​​et réglez le calque dupliqué sur une opacité de 50% pour rendre l'effet plus intense..

Étape 26

Plus bas dans la palette des calques, vous avez un bouton appelé Créer un nouveau calque de remplissage ou de réglage. Cliquez sur ce bouton et sélectionnez Luminosité et contraste. Utilisez 0 pour la luminosité et +20 pour le contraste.

Étape 27

Encore une fois, allez à Créer un nouveau calque de remplissage ou de réglage et sélectionnez cette fois Teinte / Saturation. Définissez Saturation sur +20 et laissez les autres sur 0. Assurez-vous également que Colorize n'est pas coché..

Étape 28

Répétez maintenant l'étape 27, mais définissez cette fois-ci Hue sur +53, Saturation sur +25 et Lightness sur 0. Assurez-vous également que Colorize est coché cette fois..

Conclusion

Le tutoriel n’est pas très compliqué, mais si vous voulez obtenir un résultat similaire, vous devrez travailler un peu. Vous pouvez expérimenter cela et ajouter d'autres éléments de conception. J'ai hâte de voir ce que les autres font avec les techniques présentées ici.