Tutorial: Ali's Tutorials - Avatar Tutorial(Video)

[AliB]

Hi folks, I received a request on writing a tutorial on this avatar:

1.We'd obviously start with a new Canvas of 100x100 with resolution of 72.Open your stock and place it properly.
2.Duplicate the stock twice, Now you have 3 layers(Top, Middle & Bottom)
Bottom - Leave it as it is.
Middle - Filter>Blur>Gaussian Blur>5px at Screen with Opacity 100% and Fill 69%
Top - Desturate it (Ctrl+Shift+U) at Soft Light.

If you follow those two steps correctly, You'll get something similar to this:


3.Now take a soft brush of 90 px at color black and paint from the top right to the mid of the bottom.
4.Take selective colors and chose a color similar to your stock. For me it's green withis setting:

5.Take a soft brush of 150 px with the color white Click on top right of the avatar. Change blending mode to Screen at 90% Fill
6.Place this texture at Color Dodge with 42% Fill.


After this you'll get outcome similar to:


7.Take a B/W Gradient Map at Screen with 44% Fill.
8. Add Curves with following placement:

9. You're almost done now. Take 89px Soft Brush with the color [HASHTAG]#c7ff00[/HASHTAG] at Screen with 31% Fill.

10. Add this texture at Soft Light with 44% Fill.(Optional)

We are done. Your Andrea Pirlo Avatar is ready. Do post your outcomes.
​

 

[RimsModS]

Great Tutorial.
My outcome!

 

[AliB]

Great Tutorial.
My outcome!
View attachment 148123

Imperfect text plcement, no need of that. Overall great.

 

[RimsModS]

Imperfect text plcement, no need of that. Overall great.

I also thought that. i don't need to place text. anyway thanks for Good feedbacks...

 

[GlitchInTheMatrix]

Tut is nice, but a tut with better outcome is always expected
Anyways, good effort.

 

[AliB]

Here's a kit making tutorial on the request of @themusketeer .
So, it is quite easyt to make a kit(t-shirt) with photoshop, as this is a tutorial for beginners, we are not going in-depth regarding that.

Things needed:​

• Photshop​
• Kit template(attached)[its not my property at any cost I've got it from @EARAgAV and it isn't his as well]​
• Logos of the team sponsors and off course the team​

Let's start!

• Open the kit template (adidas-50-52.psd) in Photoshop. And all the logos in different tabs.
• There you'll find three different folders(50, 51, 52), it's preferred hiding those and working on base. the Base layer(layer 97) has a color overlay which features the color of the kit, just change it to your desired one.(Let's take the color red)
• 
• Make a new layer and paste the the team logo on the right and the kit sponsor on left.
• 
• Unhide any of the 50/51/52 folder and keep the collar folder unhidden and hide all the others. Change all the colors(in color overlay) to black(you can use your own)
• 
• Add some design on the sleeves and add a less opaque team logo at a large size at the center.

Your basic kit is ready! While you can add some extra effects like these:

​

 

[Aravind.]

Simple yet effective one, kudos to you @Ali.

 

[themusketeer]

Good and Simple one. But i need to learn, how to create different base patterns. That's what i wanted.


Anyone knows how to create those @User2010 .

 

[AliB]

Good and Simple one. But i need to learn, how to create different base patterns. That's what i wanted.


Anyone knows how to create those @User2010 .

You told for noobs, so I did this, I'll write a part 2 for that if you want.

 

[themusketeer]

You told for noobs, so I did this, I'll write a part 2 for that if you want.

Noobs like to go in detail too.

 

[AliB]

Here's a kit making tutorial on the request of @themusketeer .
So, it is quite easyt to make a kit(t-shirt) with photoshop, as this is a tutorial for beginners, we are not going in-depth regarding that.

Things needed:

• Photshop​
• Kit template(attached)[its not my property at any cost I've got it from @EARAgAV and it isn't his as well]​
• Logos of the team sponsors and off course the team​

Let's start!
​

• Open the kit template (adidas-50-52.psd) in Photoshop. And all the logos in different tabs.​
• There you'll find three different folders(50, 51, 52), it's preferred hiding those and working on base. the Base layer(layer 97) has a color overlay which features the color of the kit, just change it to your desired one.(Let's take the color red)​
• View attachment 156374​
• Make a new layer and paste the the team logo on the right and the kit sponsor on left.​
• View attachment 156375​
• Unhide any of the 50/51/52 folder and keep the collar folder unhidden and hide all the others. Change all the colors(in color overlay) to black(you can use your own)​
• View attachment 156376 ​
• Add some design on the sleeves and add a less opaque team logo at a large size at the center.​

View attachment 156377
Your basic kit is ready! While you can add some extra effects like these:
View attachment 156378 View attachment 156379 View attachment 156380 View attachment 156381

​

A follow up for this

How to design patterns for the jersey?

There are many ways and different patterns for the jerseys, like, lines, circles, animals roaring, etc.
For the lines, here's a simple way to draw lined patterns:


Draw some parallel lines and pl;ace them up and down.


Add some effects to the borders:

Now moving to the second part, adding some circle like effects:
Select ellipse marquee tool and in a new layer drag that to the upper half and fill with the color you want



Now cut a bit of color from the collar


Now add some less opaque circle/lines


Change the position, shape, etc and the color overlay it at your desired color which can be combinated with the primary BG.



You can also try related animal roaring *let's take A tiger:

Desturate it and place it at Multiply at a suitable opacity:



Add some rounded rectangles on the sleeves at a radius of 40 px:


Add the same on the other one. And it's all ready!
So after placing logos:

​

 

[themusketeer]

Fantastic.

 

[MishraJee]

It will Surely Help a lot Of Us

 

[AliB]

Fantastic.

It will Surely Help a lot Of Us

Guys, try a hand and show me your outcomes...

 

[MishraJee]

@Ali.​