Joli badge vintage dans Pixelmator
L’année dernière, nous avons publié un tutoriel montrant comment créer un joli badge dans Photoshop et Illustrator. Maintenant, nous avons décidé de faire le même effet ou un effet similaire en utilisant Pixelmator et ses nouveaux outils vectoriels. Le résultat est très bon et il existe de belles techniques pour pallier le manque de certaines formes plus complexes.
Donc, dans ce tutoriel, nous allons vous montrer comment créer des formes complexes dans Pixelmator et y ajouter des coins arrondis. Après cela, nous vous montrerons comment le faire ressembler à un ancien badge en utilisant des textures et quelques filtres et mélanges de base.
Étape 1
Ouvrez Pixelmator et créez un nouveau document. j’utilise 1680×1050 pixels. Après cela, en utilisant les nouveaux outils vectoriels, sélectionnez le Forme rectangulaire et ajoutez un carré en maintenant la touche Maj enfoncée.
Étape 2
Dupliquez le carré et faites-le pivoter de 30º.
Étape 3
Dupliquez le carré pivoté, puis passez à Edition>Transformer>Retourner horizontalement. Vous aurez la base de notre badge.
Étape 4
Sélectionnez les 3 carrés et fusionnez-les en un calque. Calque>Fusionner les calques. Après cela allez à Filtre>Flou>Flou Gaussien. Utilisation 7 pour le rayon.
Étape 5
Aller à Image>Niveaux. Changer la Le noir à 86%, le gris à 88% et le blanc à 90%. Après cela, vous aurez une belle forme avec des coins arrondis. Si vous voulez qu’il soit plus arrondi, vous pouvez utiliser une valeur plus élevée pour le flou à l’étape précédente.
Étape 6
Aller à Filtre>Couleur>Fausse couleur. Utilisez du rouge pour la couleur.
Étape 7
Dupliquez la forme et faites-la pivoter pour avoir plus de côtés sur le badge.
Étape 8
Changez la couleur de l’un des calques en bleu et changez le Mélanger pour multiplier.
Étape 9
Sélectionnez les deux calques et fusionnez-les. Puis avec le Outil Baguette Magique (W) sélectionnez la zone centrale. Après cela, utilisez du noir pour la fausse couleur.
Étape 10
Commençons maintenant à ajouter du texte. J’ai utilisé une police appelée Carnevalee Freakshow pour la police. A également utilisé le Outil de forme rectangulaire pour ajouter d’autres éléments.
Étape 11
J’ai ajouté plus de texte en utilisant une autre police, appelée bouleau standard pour les mots San Francisco et Abduzeedo. Modifiez également l’opacité de certains textes pour 30% blanc.
Étape 12
Ajoutons un peu de texture. Celui que j’ai utilisé vient de Subpatterns.com et peut être trouvé ici: http://subtlepatterns.com/patterns/paper.png
Utilisez un calque avec lui pour l’arrière-plan et un autre au-dessus des autres calques. Avec celui du dessus, allez à Image>Niveaux. Utilisation 95% pour le Noir, 99% pour le Gris et 100% pour le Blanc. Puis changez le Fusion à l’écran et le opacité à 60%.
Étape 13
Sélectionnez le badge avec les calques de texte et dupliquez-les. Après cela, fusionnez les calques dupliqués en un seul et accédez à Filtre>Flou>Flou gaussien. Utilisation 5.2px pour le Rayon.
Étape 14
Changer la Mélange à la lumière dure à 60 %. Vous devrez peut-être supprimer une partie de la zone centrale pour rendre le texte plus visible.
Étape 15
Dupliquez tous les calques et fusionnez-les à nouveau en un seul. Ensuite aller à Image>Désaturer. Vous pouvez changer le opacité de ce calque à 60% pour rendre les couleurs moins vives ou…
Conclusion
Vous pouvez avoir le calque en noir et blanc, qui est mon préféré. L’idée de ce tutoriel était donc de vous montrer comment créer des formes plus complexes à l’aide des outils vectoriels Pixelmator. Vous pouvez aller beaucoup plus loin et ajouter plus de détails, mais cela dépend maintenant de vous 🙂
Conclusion
Vous pouvez avoir le calque en noir et blanc, qui est mon préféré. L’idée de ce tutoriel était donc de vous montrer comment créer des formes plus complexes à l’aide des outils vectoriels Pixelmator. Vous pouvez aller beaucoup plus loin et ajouter plus de détails, mais cela dépend maintenant de vous 🙂
Télécharger le fichier Pixelmator
Télécharger le fichier sources
