Comment créer une salle d'art pixel isométrique dans Adobe Photoshop

Ce que vous allez créer

Créez votre propre maison! Dans ce tutoriel, je vais vous montrer comment créer une salle de pixel art isométrique.

Trouvez d'autres inspirations incroyables de l'art isométrique pour vos créations sur GraphicRiver.

Atouts du tutoriel

Les ressources suivantes seront utilisées lors de ce tutoriel:

• room.zip

introduction

Avant de commencer à travailler sur ce tutoriel, téléchargez le fichier zip et installez le modèle. Pour ce faire, allez à Édition> Paramètres prédéfinis> Gestionnaire de paramètres prédéfinis. Changement Type de préréglage à Les motifs.

Après cela, cliquez sur le bouton Charge bouton, trouvez notre fichier de signatures sur votre appareil et appuyez sur Charge. C'est tout-maintenant les modèles ont été ajoutés. Vous pouvez également faire glisser le fichier de motif vers Photoshop..

N'oublie pas de sauvegarder images sur votre ordinateur. Cela vous aidera à obtenir le même résultat.

1. Comment créer une base de la pièce

Étape 1

Choisissez le Couleurs d'avant-plan et d'arrière-plan par défaut (D). Garde en tête que Anti-alias doit être décoché pour tous les outils que nous allons utiliser dans ce tutoriel.

Ouvrez Photoshop (j'utilise Photoshop CS6), allez à Fichier> Nouveau, et créer un nouveau 412 x 395 px document (le Contexte de fond devrait être blanc).

Étape 2

Aller à Couche> Nouveau> Groupe créer un nouveau Groupe avec le nom Pièce. Créer un Nouvelle Couche (Calque> Nouveau> Calque) dans ce groupe.

Étape 3

Choisissez le Outil Crayon (B) et créez deux lignes en forme de L dont les tailles sont 192 x 1 px dans les deux sens (les deux pixels centraux se chevauchent). Ils ont deux pixels en largeur pour chaque pixel en bas. La distance entre les lignes est 170 px.

Étape 4

Choisissez le Outil de lasso (L) avec Décoché Anti-alias, et sélectionnez la ligne inférieure. Dupliquer ça et Tourner par 180 °. Placez-le en dessous des autres lignes. Choisissez le Outil Crayon (B) et reliez les parties supérieure et inférieure.

Étape 5

Ici, j'ai commencé à ajouter un contour de pièce indiquant le volume de la brique. Effacer tous les pixels inutiles (marqués par la couleur rose). Changez le nom de la couche en "Pièce".

Étape 6

Choisissez le Outil Baguette Magique (W) avec Décoché Anti-alias, et cliquez sur le sol. Créer un Nouvelle Couche, et le remplir en utilisant Couleur de premier plan. Double-cliquez avec votre souris pour appliquer ce qui suit Style de calque. Ajouter un Superposition de motifs avec ces paramètres:

• Mode de fusion: Recouvrir
• Opacité: 100%
• Cliquer sur Modèle et sélectionnez le modèle de sol
• Échelle: 100%

Étape 7

Retour à la Pièce couche. Sélectionnez les murs à l'aide du Outil Baguette Magique (W) avec Anti-alias non coché. Créer un Nouvelle Couche, et le remplir en utilisant Premier plan Couleur. Double-cliquez avec votre souris pour appliquer ce qui suit Style de calque. Changer la Remplir l'opacité à 0%.

Ajouter un Superposition de motifs avec ces paramètres:

• Mode de fusion: Recouvrir
• Opacité: 100%
• Cliquer sur Modèle et sélectionnez le motif de papier peint
• Échelle: 100%

Étape 8

Retournez à nouveau dans la couche Pièce. Combler toutes les lacunes.

Étape 9

Choisissez le Outil Crayon (B) et changez la couleur des lignes noires intérieures en utilisant les couleurs suivantes:

• Sol: # b78c71 
• Surligner: #ffffff
• Mur: # 4c848d

Étape 10

Créer une plinthe en utilisant # bbb9b6 et #ffffff couleurs. Fusionner toutes les couches du groupe. Cacher le groupe.

2. Comment créer un canapé

Étape 1

Choisissez le Couleurs d'avant-plan et d'arrière-plan par défaut (D).

Aller à Couche> Nouveau> Groupe créer un nouveau Groupe. Type Canapé dans le prénom champ. Créer un Nouvelle Couche (Calque> Nouveau> Calque) dans ce groupe.

Étape 2

Choisissez le Outil Crayon (B) et tracez deux lignes en forme de L 18 x 1 px dans Largeur et 66 x 1 px dans Profondeur (40 px entre eux).

Étape 3 

Choisissez le Outil de lasso (L), et sélectionnez la ligne supérieure. Dupliquer ça et Tourner par 180 °. Placez-les au-dessus des autres lignes. Choisissez le Outil Crayon (B) et reliez les parties supérieure et inférieure. Effacer des pixels inutiles.

Étape 4

Remplissez les espaces entre les lignes en utilisant # f8f8c6, # d8d0a0 et # 7f7757 couleurs.

Étape 5

Changer la couleur de surbrillance en # f8f8e8. Met le Couleur de premier plan à # 4e4135. Après cela, choisissez le Outil seau de peinture (G), Décocher Contigu, et cliquez sur Contour noir. L'accoudoir droit est prêt.

Étape 6

Dupliquer l'accoudoir droit et poussez-le vers la gauche 112 px (et par 56 px).

Étape 7

En utilisant la même technique, les mêmes couleurs et les mêmes outils, nous créons d’autres boîtes pour notre canapé (chaque élément sur un calque séparé)..

Étape 8

Combinez toutes les boîtes et fabriquez notre canapé. Cacher le groupe.

3. Comment créer un tapis

Étape 1

Avant de continuer, choisissez le Couleurs d'avant-plan et d'arrière-plan par défaut (D).

Aller à Couche> Nouveau> Groupe créer un nouveau Groupe. Tapez "Tapis"dans le prénom champ. Créer un Nouvelle Couche (Calque> Nouveau> Calque) dans ce groupe.

Étape 2

Tracez des lignes dont les tailles sont 146 x 1 px dans Largeur et 138 x 1 px dans Profondeur (les deux premiers pixels de chaque ligne se chevauchent).

Étape 3

Dupliquer la couche et se déplacer par 10 px. Répétez l'action. En conséquence, vous obtenez trois couches avec des lignes en forme de L. Fusionner tous, et Effacer pixels inutiles (marqués par une couleur rose).

Étape 4

Ajoutons les lignes du haut pour le tapis. Aller à Couche> Couche dupliquée à Dupliquer la couche. Ensuite aller à Image> Rotation de l'image> 180 ° à Tourner il. Placez la copie au-dessus des autres lignes. Fusionner les deux couches.

Étape 5

Choisissez le Outil seau de peinture (G) et combler les espaces entre les lignes en utilisant # 73719c et # b5b2de couleurs. Met le Couleur de premier plan à # 504f76 et cliquez sur les lignes noires. Cacher le groupe.

4. Comment créer une table

Étape 1

Avant de continuer, choisissez le Couleurs d'avant-plan et d'arrière-plan par défaut (D).

Aller à Couche> Nouveau> Groupe créer un nouveau Groupe. Type Table dans le prénom champ. Créer un Nouvelle Couche (Calque> Nouveau> Calque) dans ce groupe.

Étape 2

J'ai ajouté une ligne de taille 62 x 1 px (Ce sont deux pixels de large pour chaque pixel en bas). Ce sera la largeur de notre table.

Étape 3

Et maintenant ajoutez de la profondeur.

Étape 4

Ajoutons les lignes du haut pour la table. Choisissez le calque avec la ligne en forme de L et Dupliquer il. Aller à Image> Rotation de l'image> 180 ° à Tourner il. Fusionner couches et remplir, en utilisant # dfbf8e Couleur.

Étape 5

Aller à Couche> Couche dupliquée à Dupliquer la couche. Sélectionnez le calque d'origine et déplacez-le de 4 px. Connectez-les en utilisant le Outil Crayon (B). Fusionner toutes les couches du Table groupe.

Étape 6

Choisissez le Outil seau de peinture (G) et remplissez le devant et la profondeur en utilisant # c9a979 (plus léger) et # 95675a (plus sombre) couleurs. Choisissez le Outil Gomme (E) et Effacer quelques pixels (j'ai ajouté des marqueurs roses pour montrer les inutiles).

Étape 7

Met le Couleur de premier plan à # f4e1c3 et dessinez un point culminant en utilisant le Outil Crayon (B). Changer la Couleur de premier plan à # 2b2b2b. Choisissez le Outil seau de peinture (G), décocher Contigu, et cliquez sur la ligne noire.

Étape 8

Créer un Nouvelle Couche et déplacez-le vers le bas de la Table groupe. Dessinez le pied de la table (utilisez # 404968 couleur pour le contour, # 6b949c pour le côté obscur, et # c5eaf0 pour le point culminant).

Étape 9

Dupliquer la couche trois fois et déplacez-les à leur place. Fusionner toutes les couches du groupe. Cacher la couche.

5. Comment créer un téléviseur

Étape 1

Avant de continuer, choisissez le Couleurs d'avant-plan et d'arrière-plan par défaut (D).

Aller à Couche> Nouveau> Groupe créer un nouveau Groupe. Type "TV" dans le prénom champ. Choisissez la boîte la plus mince du canapé et Dupliquer cette couche. Déplacez la copie vers le la télé groupe. Choisissez le Outil de chapiteau rectangulaire (M) et sélectionnez la partie inférieure de la boîte. Clic-droit la sélection et sélectionnez Couche via coupe. Déplacer le nouveau calque de 16 px. Fusionner les couches à l'intérieur du groupe. Relier les lignes et combler les lacunes.

Étape 2

Changer les couleurs:

• Plus haut: # 6e7488
• De face: # 525663
• Côté: # 383c45
• Surligner: # 818796
• Contour: # 20232e

Étape 3

Choisissez le Outil Crayon (B) et dessine un écran. Remplir en utilisant # 000000 Couleur.

Étape 4

Met le Couleur de premier plan à # 000000 et dessiner des haut-parleurs. Fusionner toutes les couches du groupe. Cacher la couche.

Félicitations, vous avez terminé!

Faire tous les groupes et couches Visible. Aller à Fichier> Place placer des éléments supplémentaires (images, pot de fleurs). Triez les groupes et les calques. Placez les éléments comme vous le souhaitez. Je vous montre seulement une option pour la façon dont ils peuvent être placés.

Voici l'image finale (à 100%). J'espère que vous avez apprécié le tutoriel et n'oubliez pas de partager votre résultat avec nous.!

Et pour plus de tutoriels comme celui-ci, consultez nos tutoriels isométriques ici sur Envato Tuts +: