Designing a new avatar is the first step in building your Behance profile and joining a community where you can showcase your creative work. See how you can use solid colors, gradients, and textured brushes in Adobe Photoshop to add artistic flair to your online presence.
Before you start.
Go to Behance.net and sign in with your Adobe ID or sign up for an account. Check out the guide on how to sign up for Behance for more details. I provided the brush that I used in a Creative Cloud Library. You can use it too.
Step 1: Take a selfie.
Try different poses against a simple background. I discovered that profile shots provide an interesting silhouette compared to straight-on portraits.
Open your selfie in Photoshop and make some color adjustments. I applied a Black & White adjustment layer and experimented with presets before settling on Green Filter. Right-click the adjustment layer and choose Create Clipping Mask to apply the grayscale look only to the Avatar layer. This way you can still play with a colorful background.
Step 2: Isolate your portrait.
To separate your portrait from the background, select the Avatar layer, choose the Object Selection tool, and then click Select Subject from the options bar. If the detailed edges of hair aren’t fully included in the selection, click Select and Mask to enter the workspace where you can fix this.
Step 3: Select the finer details.
In the Select and Mask workspace, brush along the edges of hair and other detailed areas with the Refine Edge Brush tool. When you’re done, choose Layer Mask from the output settings and click OK. Your avatar should now have a blank background.
Step 4: Build your background.
Experiment with different background colors. Add a Solid Color adjustment layer, choose a color, and click OK. Don’t worry if the solid color fills the canvas and hides your portrait. To fix this, drag the Color Fill layer below Avatar in the Layers panel. I opted for a charcoal hue, but you can change the color at any point by double-clicking the color swatch on the Color Fill layer.
Step 5: Make gradient magic.
Let’s create an interesting effect using a gradient. With the Color Fill layer selected, add a Gradient adjustment layer. Click the arrow on the Gradient preview and explore the options in the different categories. Click OK when you find one you like. I chose an option from the Reds folder and then tweaked the angle until I liked the overall effect.
Step 6: Create a gradient outline.
To create a colorful outline, first copy the layer mask to the Gradient Fill layer. Hold Alt (Windows) or Option (macOS) as you drag the layer mask from the Avatar layer to the Gradient Fill layer, and then click Yes when prompted. Now you should see the faint glow of the gradient behind your portrait.
Step 7: Move the colorful shadow.
Select the Move tool and drag the gradient to the left. You can increase its size by dragging the top-left handle. You may see some of the gradient peeking under the chin. To hide it, click the layer mask in the Layers panel, select the Brush tool, change the foreground color to black, and then brush over the chin.
Step 8: Brush in some texture.
You now have a new avatar for your Behance profile. You could stop here or embellish it with colorful highlights. For example, I added some texture using different brushes.
To do this, select the Brush tool and choose a textured brush. Use the free brush I provided with this tutorial (Window > Libraries). You can also choose one from the Dry Media Brushes group—just click the drop-down next to the Brush tool at the top of the screen. Decrease the Flow in the options bar to add more texture. Then select the layer mask, change the foreground color to white, and brush over the areas where you’d like to reveal the gradient.
Want more brushes? Illustrator and designer Kyle T. Webster has made numerous brushes available for free when you sign in with your Adobe ID. After you download a brush pack, choose Import Brushes from the flyout menu in the Brushes panel.
Let them see it.
Experiment with different background colors, gradients, and brushes. When you’re ready to upload your final avatar, export it in PNG format (File > Export > Export As) and then upload it to your Behance profile. The Behance help pages can assist you with that.