Comment créer un environnement de bureau dans Photoshop à partir de zéro!

J'ai récemment réalisé une œuvre d'art dans laquelle je créais une ambiance de bureau. Il était rempli d'objets de toutes sortes que vous pourriez trouver éparpillés sur un bureau. Dans ce tutoriel, je vais les recréer pour que vous puissiez concevoir vos propres bureaux..

Préface

Ok, alors évidemment, un bureau sera rempli avec tout ce dont vous avez besoin. Il y a des variations illimitées, donc aujourd'hui je vais vous montrer quelques effets pour vous aider à démarrer:

  • Notes de papier déchirées
  • Doodles, le genre dessiné
  • Égratignures
  • Polaroïds (avec du ruban adhésif)
  • Notes Post-it

Cela devrait sûrement vous aider à utiliser votre interface de bureau. N'oubliez pas qu'il s'agit d'un point de vue à vol d'oiseau et non d'une 3D, la source de lumière provenant de 120º (en haut à gauche)..

Pour obtenir une image de fond, vous aurez besoin d’une texture de bois relativement grande. Pour celui-ci, Banxter nous a gentiment fourni cette texture de bois parfaite..

Notes de papier déchirées


L'effet de papier déchiré provenait à l'origine d'un autre tutoriel que je lisais, mais comme je le trouvais inauthentique, j'ai créé une méthode plus douce et plus rapide. Voici les étapes à suivre:

Étape 1

D'abord, certains motifs que nous utiliserons.


Texture du papier

  1. Remplissez un nouveau document de 150x150px avec un gris neutre, tel que #bfbfbf.
  2. Appliquez du bruit très léger (Filtre> Bruit> Ajouter du bruit) au calque avec les paramètres suivants: Quantité: 2,5%; Distribution: uniforme; Monochromatique: sélectionné.
  3. Pour en faire un motif, cliquez sur (Edition> Définir un motif) et appelez-le 'texture de la page' ou tout autre chose que vous jugez approprié..


Lignes de papier

  1. Créer un nouveau document avec les dimensions de 1x18 pixels (la hauteur est la hauteur de ligne que vous voulez pour le texte).
  2. En utilisant l'outil Crayon (B) sur 1px avec la couleur bleu clair (ce sera la couleur des lignes, choisissez donc la couleur de celles-ci dans votre cahier. J'ai utilisé # 1a438d.), Cliquez sur le pixel tout en bas apparaît.
  3. Définissez-le aussi comme un motif, nommez-le comme "lignes de papier".

Étape 2


Alors maintenant que vous avez ces deux modèles, il est temps de faire notre papier. Remplissez une sélection avec la texture du papier que nous avons faite. Ajoutez une légère couche de dégradé, allant du blanc au gris très clair, et réduisez l'opacité à environ 70% pour qu'elle reste toujours blanche, mais vous pouvez toujours voir la texture de la page. Ajoutez un motif superposé en utilisant le motif «lignes de papier» que nous avons créé précédemment. Réduisez un peu l'opacité jusqu'à ce qu'elle soit réaliste. Enfin, ajoutez un peu d'ombre. Notre source de lumière vient de 120º (en haut / à gauche). Ajouter une ombre portée à 50% d'opacité.

Étape 3


Maintenant, nous allons faire paraître notre papier déchiré. Sélectionnez l'outil Lasso (L) et effectuez un zoom avant. Parcourez-le approximativement avec l'outil Lasso tout autour du papier. Une fois que vous avez atteint la fin, doublez-vous et faites un grand cercle autour de l’extérieur. Appuyez sur Supprimer pour que le bord ait maintenant une apparence rugueuse..

Étape 4 (facultatif)


Zoom très proche cette fois-ci et sélectionnez un outil Smudge Tool (R) de 3 pixels, force 70%. Déplacez-vous sur les bords et tachez le papier pour créer l’effet déchiré..


Doodles


Cet effet est très facile à utiliser et a fière allure si vous obtenez les couleurs et la densité appropriées.

La brosse

Nous utilisons une brosse 1px (B) avec une opacité d’environ 70%. Vous pouvez utiliser n'importe quelle couleur, mais j'ai utilisé les numéros 234b94, 942323 ou 4b4242..

Le dessin

Il n'y a pas de truc pour ça. Si vous avez une tablette, cette étape est beaucoup plus facile. J'utilise un trackpad pour cela et tiens un doigt sur le clic et l'index de ma main de dessin pour dessiner sur le trackpad. Eh bien, griffonnage. Cette partie du didacticiel est la partie créative. La photo ci-dessus est ce que je suis venu avec. En plus du griffonnage, vous pouvez utiliser du texte dans une police manuscrite si vous le souhaitez..


Égratignures


Ensuite, nous imiterons l’aspect de graffitis gravés sur une surface dure. Cette technique n'est pas limitée aux fonds en bois!

Étape 1


Dessinez votre texte en blanc ou écrivez-le en utilisant une police appropriée. Définissez le mode de fusion de vos calques éraillés sur Lumière douce..

Étape 2 (voir dernier exemple ci-dessus)

Dupliquez les calques et inversez (Ctrl + I) leur couleur en noir. Déplacez votre deuxième couche vers le haut et à gauche 1px ou 2px si vous voulez un scratch plus profond.


Polaroïds


Les polaroïds sont un excellent moyen de montrer du travail et sont plus intéressants qu'une simple vignette. Ils sont tout aussi faciles à faire!

Étape 1


Il est plus facile de commencer avec les images qui seront les caractéristiques des polaroïds. J'utilise l'image du jour de Wikimedia le 25 décembre 2007, MalŽ.

Étape 2


Une fois que vous avez réduit les images que vous utilisez à la taille que vous avez choisie, utilisez l'outil Rectangle (U) pour créer un rectangle autour des images avec des marges d'environ: haut: 10 pixels, droite: 10 pixels, bas: 30 pixels, gauche: 10px. Celles-ci ne doivent pas être mesurées avec précision - vous pouvez créer un look plus authentique si ce n’est pas parfaitement aligné. Tirez sur le rectangle situé sous la fonction de la palette des calques et ajoutez une ombre portée semblable au papier déchiré. Ensuite, ajoutez une superposition de dégradé de blanc à gris clair, de haut en bas, respectivement, et légèrement oblique..

Étape 3


Ensuite, ajoutez une légende dans la marge de 30px. Je trouve qu'une police à largeur fixe a l'air bien ici. J'ai utilisé Monaco. Liez les trois couches créées ici et faites-les pivoter afin qu'elles ne soient pas parfaitement alignées..

Étape 4


Pour ajouter du ruban adhésif, nous utilisons un peu de transparence. Remplissez une sélection rectangulaire horizontale (M) dans un nouveau calque avec n’importe quelle couleur, approximativement la largeur de la bande (environ 60 pixels). Désélectionnez et cliquez à nouveau sur l'outil Lasso (L). Ébaucher les bords gauche et droit avec une profondeur maximale de 3px max.

Étape 5


Positionnez ou faites tourner la "bande" sur notre polaroid. Ajoutez ces effets de calque: Superposition de dégradé, du blanc au gris clair; Lueur externe; Mode de fusion, normal; Opacité: 15%; Propagation: 0%; Taille: 5px. Abaissez ensuite l'opacité du calque à environ 50%.

Étape 6 (facultatif)


Cette étape consiste à placer votre bande autour de la carte polaroid de manière à ce qu’elle ne colle pas au bureau, la bande reste collée sur la carte. Effectuez un zoom avant et à l'aide de l'outil Lasso polygonal (L), sélectionnez la bande qui déborde de la carte (à environ 1 px du polaroid) et supprimez-la. Répétez pour le côté. Vous devrez ensuite ajouter une ombre portée TRÈS légère sur la fonction, car elle n’est pas alignée avec la carte..


Notes Post-it


Enfin, comment faire des post-it! Vous pouvez choisir la couleur de votre choix, et vous y trouverez d'excellents échantillons de dégradés prédéfinis. .

Étape 1


Commençons cela avec une forme carrée. Ajoutez un dégradé (n'importe quelle couleur, mais j'utilise le bleu) de foncé à clair, de haut en bas. Maintenant pour un petit coin. Effectuez un zoom avant sur un coin et utilisez l'outil Modifier le point d'ancrage (P) pour tordre légèrement le coin. Ajouter un nouveau calque.

Étape 2


Sur le nouveau calque, chargez la sélection du carré Post-it et, en utilisant un dégradé noir à transparent, faites glisser depuis l'extrémité de la torsion que nous avons effectuée vers le centre, environ 20 pixels. Définir l'option de mélange sur Lumière douce.

Étape 3


Fusionnez le calque que nous venons de travailler et le carré Post-it, puis sélectionnez l'outil de gravure (O). Avec des pinceaux larges et doux de différentes tailles, jouez avec l'outil de gravure jusqu'à ce que vous obteniez un effet que vous aimez. Ajouter une ombre portée similaire à celle utilisée sur le Polaroid et le papier.

Étape 4


Temps de colle. Créez un nouveau calque, choisissez un pinceau d'environ 20px de diamètre avec une dureté de 70% et une opacité de 70%, et en blanc gribouillant le long du haut du Post-it. Définissez le mode de fusion du calque sur Lumière douce. Étudiez-le un peu avec l'outil de maculage (R). Abaisser l'opacité à 70%.

Étape 5

Ajoutez du texte et peut-être des griffonnages comme dans la section "griffonnages" de ce tutoriel, et vous avez terminé!


Bien joué!

Vous êtes sur le point de créer un environnement de bureau! Vous pouvez même ajouter la tasse à café de ce didacticiel à votre bureau. Prendre plaisir!