Pratique professionnelle : Créer des maquettes de haute qualité

1. Introduction: Salut tous. Je suis Pritika et je suis graphiste et illustratrice indienne. Bienvenue dans la classe d'aujourd'hui ; créez des maquettes d'ombres de haute qualité. Quand je commençais, l' un des plus grands problèmes que j'ai rencontrés était [inaudible] mes compétences techniques et je savais quoi faire, même si le produit final ne finirait jamais par être aussi beau. Si je devais revoir le problème, tout s'est résumé à une chose : les compétences de présentation. Dans le cours d'aujourd'hui, nous apprendrons comment mieux présenter nos designs en utilisant des maquettes d'ombres de haute qualité. Ce style de maquettes est à la mode depuis quelques années. Non seulement il est magnifique, mais il finit également par ajouter de la profondeur à votre conception et facilite la visualisation du produit final. Nous allons apprendre à créer cela à partir de zéro, qui signifie comment trouver des ressources, comment travailler avec les ombres, comment rendre votre maquette authentique, et plus encore. Ce cours s'adresse à la fois aux débutants et aux professionnels d'Adobe Photoshop, tous ceux qui cherchent à améliorer leurs compétences en présentation. Je suis vraiment content. Commençons. 2. Créer votre arrière-plan: Maintenant que vous le savez déjà, commençons. J' ai Photoshop ouvert et je vais commencer par créer 2000 par 1400 document pixel. Ce serait en mode couleur 72 PPI et RVB. La plupart des présentations que je finis par faire sont des paysages et les mêmes œuvres à travers le format, mais me donne quand même assez de marge pour recadrer l'image si nécessaire. Commençons. Maintenant, notre première étape consiste à ajouter un arrière-plan. Nous choisirons quelque chose qui a un peu de texture, afin qu'il finisse par ajouter plus de valeur visuelle à votre maquette. Nous ne retirons pas non plus votre image de marque. Je vais juste te montrer quelques exemples de ça. Voici cette belle texture de papier vintage que j'ai trouvée sur Shutterstock. Il y a juste un peu de vert et j'adore ça. Nous pouvons également utiliser quelque chose comme ça, un fond texturé en marbre. Encore une fois, il finit par avoir l'air vraiment luxueux. Mais cela n'enlève pas vraiment vos éléments de marque. Si vous ne voulez pas finir par dépenser de l'argent et acheter quelque chose de Shutterstock, vous pouvez également utiliser quelques photos d'Unsplash et les rejeter un peu et les utiliser comme arrière-plan. Encore une fois, allez rapidement vous montrer quelques exemples. Voici cette image vraiment jolie et si vous deviez juste nettoyer cette barre centrale, sorte que vous obtiendrez un beau fond texturé uniforme. Unsplash a honnêtement ces très belles images de fond colorées et je vous recommande vraiment d'explorer et d'essayer de trouver quelque chose qui fonctionne pour vous. Encore une fois, vraiment agréable, vraiment propre.Ceci est aussi beau, mais cela n'a toujours pas vraiment cette texture de papier, mais ça vaut la peine d'essayer. En voici un autre. Le bleu est si agréable et saturé et il a un peu d'ombres et de textures. Ceux-ci finissent par avoir une meilleure apparence que d'avoir une seule couleur uniforme. Maintenant, je vais vous montrer comment nous pouvons rigidifier ces photos. Ensuite, je retournerai à Photoshop et j'ai ma photo Unsplash téléchargée, donc je vais juste la placer. Maintenant, je vais nettoyer la partie centrale en utilisant l'outil conscient du contenu. Je vais rapidement le rastériser et je vais juste sélectionner ceci grossièrement en utilisant l'outil Lasso. Une fois que vous avez sélectionné votre boucle, allez simplement à éditer, remplir et appuyez simplement sur le contenu conscient. Cela pourrait finir par prendre une minute ou deux en fonction de la taille de votre image, attendez, voyons la magie, et nous avons un beau fond propre que nous pouvons utiliser. Vous pouvez modifier la couleur de la scène. Il y a deux façons de le faire. L' un est en changeant soit la saturation de la teinte, soit le second est en changeant l'apparence en ajoutant un deuxième calque. Je vais te montrer comment on fait les deux. Maintenant, afin de modifier la saturation de la teinte, nous allons créer un calque de réglage. Pour ce faire, il suffit d'aller dans votre coin inférieur droit et de cliquer sur ce petit cercle demi-plein. Ici, vous avez des options et nous allons juste cliquer sur la saturation de la teinte. Maintenant, cette barre s'ouvre et vous pouvez jouer et voir quel genre de couleur vous voulez. Dis que je veux un beau bleu clair, peut-être quelque chose comme ça. Vous pouvez également essayer de jouer avec la saturation et la légèreté et juste voir ce qui fonctionne pour vous. Maintenant, si vous voulez une couleur saturée bip et que vous sentez que cela n'arrive pas vraiment, à travers saturation de la teinte, la deuxième façon de changer votre couleur d'arrière-plan est d'ajouter simplement un calque sur le dessus et de jouer avec l'apparence. Je vais juste fermer ceci, je vais faire un nouveau calque en choisissant cette icône en bas à droite et je vais le remplir en utilisant l'outil de seau. Vous pouvez choisir votre couleur ici. Maintenant, dans ce cas, j'ai déjà une couleur sélectionnée. Je vais juste frapper G ou le seau de peinture et cliquer sur mon bol. Maintenant, je vais juste commencer à jouer avec l'apparence. J' aime vraiment cette texture finale que je n'ai pas de lumière dure. Encore une fois, je peux essayer de jouer avec la couleur un peu plus et de voir à quoi elle ressemble. En fait, j'aime mieux la précédente. Voici les deux façons de modifier vos couleurs d'arrière-plan. J' ai également inclus des liens pour tous ces liens dans la section projet et ressources, alors n'oubliez pas de vérifier cela. Ok les gars, donc maintenant notre expérience est prête. Nous pouvons toujours revenir plus tard et changer les couleurs au cas où nous pensons que cela ne va pas vraiment avec nos éléments. Dans notre prochaine vidéo, nous commencerons par créer nos éléments de marque. 3. Créer des éléments: Passons à notre prochaine étape, qui consiste à créer nos éléments de marque. Lorsque vous finissez par prendre un projet, disons que la marque intérieure ou la conception de logo, la meilleure façon de les mettre en valeur est de les présenter sur différents supports, comme une carte de visite ou un papier A4, juste pour que le client puisse visualisez facilement à quoi ils ressemblent. Maintenant, dans ce cas, commençons par créer deux de ces éléments, qui est un papier lettre de commande A4 et une carte de visite. Vous commencerez par créer un rectangle, qui correspond à la taille d'une feuille A4. Je vais aller à l'outil Forme, et je vais simplement cliquer sur l'écran, sorte que ce sac s'ouvre. Ici, je vais entrer la taille d'un papier A4, qui mesure 8,5 pouces sur 11 pouces. Je vais juste appuyer sur « Ok ». Je vais juste faire la couleur du blanc. C' est ma feuille A4. Maintenant, par ici, je vais juste convertir rapidement ceci en un objet intelligent. Pourquoi ? Je vous expliquerai plus tard. C' est mon premier élément. Mais ça finit par avoir l'air vraiment plat. Maintenant, nous allons ajouter une texture dans Adobe et nous allons ajouter de l'ombre portée. Étant donné que c'est du papier, il aura une texture de papier à lui. Encore une fois, je vais juste vous montrer quelques textures rapides j'ai trouvées en ligne qui peuvent être utilisées pour cela. Nous avons ces 12 textures de papier gratuites par ce designer incroyable. J' ai inclus le lien pour la même chose dans la section des ressources du projecteur, mais vérifiez. Ils sont complètement gratuits à télécharger et vous pouvez ensuite les utiliser au besoin. J' ai aussi vraiment aimé cette texture que j'ai trouvée sur Shutterstock. Encore une fois, le lien est là, que nous pouvons utiliser. Alternativement, vous pouvez également trouver une texture de papier sur un site comme freepik et les utiliser. Je vais retourner à Photoshop et je vais placer mes textures de papier ici. Dans ce cas, je vais juste utiliser la texture Shutterstock que j'ai trouvée, et je vais simplement la mettre à l'échelle. Maintenant, je vais appuyer sur « Contrôle » sur le dessus de mon rectangle, pour sélectionner ce qui était dans le calque qui dans ce cas est notre A4. Je vais simplement cliquer sur « Commande J » ou « Control J » sur ma couche de texture de papier pour en faire un duplicata dans la même taille. Je vais maintenant appuyer sur « Multiplier » et réduire l'opacité. Cela finit par ajouter un peu plus d'authenticité à votre design. Maintenant, nous passons à l'étape suivante, qui est de créer nos ombres portées. Je vais simplement sélectionner mon rectangle, prendre une nouvelle feuille, et remplir ceci avec de la couleur noire. Je vais appuyer sur « Commande D » pour désélectionner, et maintenant je vais ajouter une largeur de flou gaussien. Allez dans « Filtre », « Flou », « Flou gaussien », et faites simplement cela dire 15 pixels. Une fois cela fait, je vais déplacer ceci en dessous de ma couche de papier moyenne. Comme vous pouvez le voir, il a maintenant une ombre [inaudible] dans toutes les directions, alors que je voulais juste deux. Je vais simplement utiliser les touches fléchées et déplacer ce téléchargement vers l'intérieur. Vous pouvez également réduire la taille. Appuyez sur « Command T » ou « Control D » juste pour réduire la taille de celui-ci. Maintenant, je vais changer l'apparence en mode de réponse. Je vais réduire le remplissage. Peut-être comme une personne [inaudible]. Mon ombre est créée. C' était aussi simple que ça. Sélectionnez simplement tous ces calques en appuyant sur « Commande » , puis en sélectionnant tous vos calques et appuyez simplement sur « Commande G » pour créer un groupe. Encore une fois, en utilisant la même méthode, je vais créer une carte de visite. Les cartes de visite ne mesurent que 3,5 pouces par 2 pouces. Parfois, dans de tels cas, lorsque l'arrière-plan est bourré, l'ombre finit par ne pas être aussi importante. Vous pouvez également créer une seconde ombre et simplement changer le mode de fusion pour la rendre un peu plus visible. Je vais appuyer sur « Command J » ou « Control J » pour dupliquer ce calque. Je vais simplement changer le mode en Color Burn pour le rendre beaucoup plus sombre comme vous venez de le voir. Encore une fois, je peux juste réduire la taille un peu pour la rendre moins importante. Encore une fois, peut jouer avec le remplissage, au cas où je veux augmenter l'ombre ou le diminuer. Mais maintenant mes éléments de marque sont prêts. Maintenant les gars, passons à la vidéo suivante où vous apprendrez à créer nos ombres sur le dessus de ces éléments. 4. Ajouter des ombres: Passons maintenant à la troisième étape qui consiste à ajouter nos ombres. Encore une fois, nous allons utiliser des images d'Internet pour créer nos propres ombres. Pour trouver des photos pour cela, je vous recommande encore une fois que vous pouvez vérifier sur splash et freepik. J' ai trouvé cette photo vraiment, vraiment jolie sur Freepik. L' arrière-plan est vraiment clair donc il sera facile pour moi de sélectionner les feuilles, et j'adore le regroupement redondant ci-dessous donc je pense que cela finirait par créer une ombre vraiment agréable. Alternativement, vous pouvez également utiliser quelque chose comme ceci. Encore une fois, les feuilles, il sera facile à sélectionner et nous pouvons les utiliser pour créer notre ombre. Alors maintenant, allons à Photoshop et faisons ça. Je vais simplement sélectionner mon image de feuille, je vais juste la faire glisser dans cette barre pour l'ouvrir dans un nouveau fichier. Maintenant, je vais sélectionner mes feuilles de monstera. Maintenant, le moyen le plus rapide de le faire est soit par l'outil de baguette magique, soit par l'outil de sélection rapide. Je vais d'abord l'essayer pour l'outil de baguette magique et simplement frapper l'arrière-plan. Mais alors ce n'est pas une sélection très lisse. Alors peut-être que je devrais le faire avec l'outil de sélection rapide à la place. Donc, je vais appuyer sur la commande D pour désélectionner, puis passer à travailler avec l'outil de sélection rapide. Maintenant, ici, vous avez trois options où c'est la normale, c'est ajouter à la sélection, et c'est moins de la sélection. J' aime travailler de l'ajout à la sélection et je vais juste commencer rapidement à sélectionner mes feuilles de monstera. Tout ce que vous avez à faire est de cliquer sur la souris et de le faire glisser sur l'image sur la zone que vous voulez sélectionner. Donc maintenant, étant donné que cette zone jaune est également sélectionnée et que je ne veux pas, je vais simplement cliquer dessus et faire glisser ma souris un peu à peu jusqu'à ce que ce ne soit pas le cas. Maintenant que ma sélection est terminée, je vais ouvrir un nouveau calque. Je vais simplement frapper l'outil de seau de peinture. Assurez-vous simplement que la couleur que vous remplissez n'est pas un noir. Ça peut être comme un gris foncé et je vais maintenant frapper commande D. Donc maintenant ça devient mon ombre. Maintenant, je vais prendre ceci à mon calque Mockup, donc je vais simplement cliquer avec le bouton droit sur ce calque, cliquer sur le calque en double, et dans le menu déroulant, choisir mon fichier d'origine. Je vais maintenant réduire légèrement la taille pour qu'elle corresponde à mon cadre comme celui-ci, et maintenant je vais faire une autre copie. Donc maintenant c'est ma copie initiale que je garde juste au cas où je finirais par jouer quelque chose, j'ai ceci comme une sauvegarde. Maintenant [inaudible] je vais simplement appliquer mon flou gaussien. Je vais changer mon mode pour multiplier et réduire le remplissage et mon ombre est prête. Maintenant, au cas où vous voulez ajouter un peu plus de contraste, vous pouvez à nouveau, juste faire un doublon et changer le mode couleur pour graver la couleur à place, mais c'est entièrement à vous de décider. Donc les gars, notre Mockup est maintenant prêt. Vous pouvez également expérimenter et essayer différentes feuilles ou dire différentes formes comme des rectangles ou quelque chose et voir quelles ombres vous voulez aller avec. Je vais vous montrer deux autres options pour ça. Donc vous remarquez que [inaudible] dont vous parlez, encore une fois, je l'ai sélectionné, j'ai amené et j'ai créé mon ombre. J' ai aussi trouvé cette très belle image de shutterstock qui était comme un bouquet de feuilles et cela peut également être utilisé pour créer une ombre comme celle-ci. Maintenant que nos ombres sont créées, passons à notre prochaine et dernière étape, qui consiste à ajouter des illustrations. 5. Ajouter votre conception: Alors les gars passons à la meilleure partie. Alors maintenant que notre maquette est prête, commençons à y coller nos designs. Donc, je vais aller à mon A-4 et me rappeler comment je vous ai demandé de faire de votre rectangle un objet intelligent, donc la raison pour laquelle j'ai fait cela était, dès que vous double-cliquez dessus, votre rectangle s'ouvre comme un nouveau fichier, et toutes les modifications que vous faites ici sont reflétées dans votre maquette. Donc essentiellement, vous pouvez continuer à utiliser votre maquette encore et encore et chaque fois que vous avez juste besoin de remplacer votre design dans votre objet intelligent rectangle et vous êtes trié donc je vais commencer par placer mon design dans ce. Je vais juste mettre à l'échelle ça. Je viens de cliquer sur le contrôle S et puis vous revenez à votre autre document et vous verrez que le changement a déjà reflété ici. Alors, comment nous avons fini notre A-4, nous allons juste finir rapidement la visite de la carte comme celle-ci. Je vais donc ouvrir rapidement mes calques et encore une fois, je vais juste double-cliquer sur mon rectangle, aller dans Illustrator, apporter mon design et simplement appuyer sur Command V. Command S et comme vous pouvez le voir, c'est déjà réfléchi. Alors maintenant que vous avez vos bases triées, vous pouvez jouer autour. Vous pouvez ajouter ou supprimer autant d'éléments que vous le souhaitez. Expérimentez avec des tailles et voyez ce qui fonctionne pour vous. Donc, dans ce cas [inaudible] retour de l'invitation aussi donc j'ai créé cela aussi et comme vous pouvez le voir, j'ai fait la même chose. J' ai créé un rectangle, en ai fait un objet intelligent, ajouté mes ombres, et cetera et voilà, ma composition est prête. 6. Récapitulé: En utilisant les étapes ci-dessus, vous pouvez créer tous les différents types de balisage de juste qui fera tout ce que vous mettez en valeur dans ce balisage particulier. Dans ce cas, parce que nous présentons une œuvre carrée que j'avais faite, j'ai décidé d'utiliser une paix de papier carrée. Vous vous demandez peut-être comment j'ai fait ces ombres. Vous pouvez rendre ce couteau géométrique. Nous savons que les ombres de tristesse peuvent facilement, tout ce que vous avez à faire est de faire une nouvelle couche dans Photoshop et simplement remplir une couleur dans leur conception. Dans ce cas, je me demande de souffrir de l'ombre à travers l'espace [inaudible], c'est pourquoi j'ai décidé de le faire. Ensuite, tout ce que vous avez à faire est de répéter ce test, qui est de faire deux copies, un mode et multiplier, et un mode et clavicule du bloc de mouvement. Vous pouvez voir maintenant si vous voulez ajouter un peu plus de drame à votre présentation, une autre façon de le faire est de le faire. Violations sont balisage normal que nous fait.La seule chose est que tous les éléments que nous avons utilisés ont fenêtre datée à environ 40 degrés pour créer un peu plus d'intrigue pour rendre le design un peu plus amusant. Maintenant, pour votre classe, votre affectation, vous devez choisir n'importe lequel de vos conceptions ou R-tool. Créez un balisage spécialement pour cela, vous pouvez choisir de télécharger la procédure étape par étape dans votre projet de classe seul avec les ressources que vous utilisez, ou vous pouvez simplement télécharger votre projet final. J' ai vraiment hâte de voir ce que vous venez de trouver au cas où vous auriez des questions ou si vous vouliez discuter de quoi que ce soit, tout ce que vous avez à faire est d'aller à la section communautaire, et vous pouvez le faire. Si vous aimez la classe, s'il vous plaît à emporter deux minutes laissez-moi un avis, afin que d'autres personnes puissent également savoir sur ma classe. Merci beaucoup. C' était merveilleux de t'apprendre au revoir.