Comment créer une icône Groovy Orb dans Adobe Photoshop

Il y a quelques semaines, nous avons examiné notre photo préférée /éditeurs d'image là-bas. L'article a reçu tellement de trafic que nous avons décidé de continuer les séries en vous montrant quelques trucs et astuces simples pour les utiliser! Alors, pour commencer, passons en revue un didacticiel complet utilisant Adobe Photoshop.

Vous êtes-vous déjà demandé comment les gens fabriquent ces ORB?des icônes comme celle de gauche ou peut-être l’icône Windows 7 ORB? Aujourd’hui, je vais vous montrer à quel point il est facile d’utiliser mon outil préféré, Adobe Photoshop.

Pour commencer, jetons un coup d’œil au processus à l’aide d’un screencast de procédures suivi du processus pas à pas typique.

Comment créer une icône Groovy Orb dans Adobe Photoshop - Screencast

Étape 1 - Choisissez la taille de votre globe

Ce tutoriel devrait fonctionner pour toute édition dePhotoshop - même Photoshop CS). Tout d'abord, allez-y et choisissez une résolution pour votre orbe. La largeur et la hauteur doivent être les mêmes si vous voulez un cercle parfait et que les dimensions d’une icône régulière sont normalement comprises entre 100 × 100 px à 1024 × 1024 px. Pour ce tutoriel, je vais faire une 500 × 500 px Orbe. Assurez-vous que la taille du contenu de l'arrière-plan est transparente.

Étape 2 - Fabriquer votre orbe

Une fois que votre document est prêt, récupérez le Outil de chapiteau elliptique (sous le chapiteau rectangulaire aussil) et tout en tenant Shift, Cliquez sur et Traîne faire un cercle. Votre sélection doit remplir entièrement la zone du document. Si vous ne pouvez pas y arriver en une fois, transformez simplement votre sélection et tenant Shift encore faites glisser le point d'ancrage inférieur droit pour augmenter la taille du cercle.

Lorsque vous avez terminé, votre sélection devrait ressembler à ceci:

Clic-droit et sélectionnez Remplir. Vous pouvez utiliser n’importe quelle couleur, mais gardez à l’esprit que les calques que nous ferons auront besoin d’être un peu transparents pour que la couleur de fond Est-ce que matière. Je vais utiliser du blanc pour cet exemple.

Voici à quoi cela devrait ressembler:

Étape 2 - Application des options de fusion à l'orbe

Clic-droit sur l'orbe couche et sélectionnez Options de fusion. À partir de là, nous commencerons par appliquer Biseau et Gaufrer. Jouez avec les curseurs jusqu’à ce que vous obteniez le résultat souhaité. Personnellement, j'aime utiliser les paramètres suivants:

Maintenant, donnons à notre orbe un Incrustation en dégradé. Encore une fois, jouez avec les différents paramètres jusqu'à ce que vous obteniez ce que vous voulez. J'ai personnellement utilisé ceci:

Une fois que vous êtes satisfait du résultat, Clécher D'accord pour confirmer tous les changements.

Étape 3 - Donnez à l'orbe une lueur brillante

Maintenant changer votre couleur de premier plan à blanc ou à un ombre différente d'une des couleurs que vous avez utilisées dans votre incrustation en dégradé. Je vais utiliser un autre nuance de vert.

Maintenant faire un Nouvelle Couche et prenez votre outil Pinceau. Faire couvrir à propos 85% de l'orbe avec un 0% de dureté. Avec un ou deux clics au centre de l'orbe, vous obtiendrez une lueur fraîche.

Si vous voulez vous pouvez diminuer l'opacité de la couche sur lequel votre lueur est allumée.

Étape 4 - Insertion d'un logo pour l'orbe

Cette étape est optionnel. Si tu veux un logo dans votre orbe, vous pouvez en mettre un avec Fichier> Place. Ensuite, sélectionnez simplement un fichier sur votre ordinateur etplacez-le. Vous pouvez également appliquer des options de fusion au calque du logo pour donner à votre orbe un aspect encore meilleur. J'ai placé dans notre logo et lui ai donné une lueur extérieure. Voici à quoi ça ressemble:

Étape 5 - Donnez à votre orbe un éclat brillant d'en haut

Créer un Nouvelle Couche et prenez votre outil de sélection elliptique. Avec elle, faites une sélection de la partie supérieure de l’orbite afin qu’elle recouvre parfaitement les bords supérieurs.

Maintenant Clic-droit et sélectionnez Plume. Vous ne voulez pas trop plumer et vous ne voulez pas plumer trop peu. Pour un Image 500 × 500 pixels Je vais utiliser un Rayon de plume de 15 pixels.

Maintenant Changement votre couleur de premier plan au blanc et Sélectionner l'outil de dégradé. Définissez le dégradé sur Premier plan à transparent des presets. Maintenant Tenir décalage pendant que tu Nappe et Traîne au centre de l'orbe. Vous obtiendrez une lueur TRÈS groovy comme celle-ci:

Étape 6 - Sauvegardez votre orbe

Vous avez terminé! Maintenant, voici la partie la plus facile - presse Ctrl + S pour sauver votre orbe. Pour conserver la transparence, vous pouvez choisir un Format de fichier PSD mais si vous envisagez de publier ceci sur un site Web ou de le partager avec des amis qui ne possèdent peut-être pas Photoshop, vous devez enregistrer. PNG format.

C'est à peu près ça! Allez maintenant créer des orbes groovy et montrez à vos amis vos nouvelles compétences groovy Photoshop!