Trending
Loading...

Automatic Slideshow

Change image every 2 seconds:

1 / 3
Logo Design
2 / 3
Branding
3 / 3
Creative Design

  • New Tutorial
  • Recent Works
  • Design Review
-->

Featured Post

How to Create Wave or Moire Pattern in Illustrator?

In my previous post, I've made an Illustrator pattern called moire or wave pattern and it is totally free for both personal ...

Recent Post

Thursday, March 23, 2017
 How to Make 3D Sphere in Photoshop

How to Make 3D Sphere in Photoshop


3d sphere in photoshop


We know that there are many interesting and cool methods in Photoshop. You just need to discover and utilize them to make some creative things. This small but comprehensive guide takes one of them. I believe that you will be with me in this radiant for making some beautiful 3D spheres through our beloved tool Photoshop. Here I'll go with a basic information, only. So let's get started. 

First, make a new square canvas with BG black, here I've chosen a 1040x1040px canvas.

photoshop document

Now go to Filter > Render > Lens Flare to make a lens flare with your appropriate choice, than Ok.


Go to Filter > Distort > Polar Coordinates, Choose Polar to Rectangular and OK.

Photoshop Polar Coordinates

Now rotate it through Image >Image Rotation > File Canvas Vertical.

image rotation in photoshop

Once more go to Filter > Distort > Polar Coordinates, and this time choose Rectangular to Polar than Ok.

rectangular to polar in photoshop
  
Result is below


You may shocked to see this result huh! Don't worry, I said, first, it's one basic principle. You just need to decorate it with your creativity such as what I've done to make my cover photo. A bit more hint, how to decorate it. 

I've done a clipping path by selecting a path around the 3D sphere. If you new on Clipping Path than see this tutorial creating path and selection using Photoshop pen tool 

clipping path
 
clipping path


Now choose a 100% black background, apply some layer styles to make it colorful. See below.

photoshop hue and saturation

Actually, it's totally up to you. 

photoshop 3D sphere

Hope you like it, If you've any confusion, feel free to comment below. Thanks for watching.




Saturday, September 10, 2016
Quick Tip : About Quick Mask Mode in Photoshop

Quick Tip : About Quick Mask Mode in Photoshop



How to Soften Skin Tones with High Pass in Photoshop


Photoshop Quick Mask Mode is an amazing button at the bottom of the tool bar.

You can select any parts of image with an easier way to delete or enhance them by using Quick Mask in Photoshop. 

How to use it! Take this mode by clicking the quick mask button or hitting the Q on your keyboard. 

Now choose Brush Tool or you can press Shift+B on your keyboard again and again until it comes, set your brush size and hardness 90% or at your convenience, If you choose a brush 100% hardness then It'll have a sharp edge. On the other side, 0% hardness you'll see it "Fade Out" as it goes on. Finally set foreground color black, because with brush tool, it allows the mask to an area. If you set foreground color white, then you are going to erase the mask from an area. So, you need to set foreground color black and start painting away like below...

soften-skin-tones-with-high-pass-in-photoshop-1

If you want to edit this mask, then you can do it by brush, painting or any selecting tools.  See below, I've edited or deleted the mask red circle identified during Quick Mask Mode. Here I used to take Eraser Tool and see my foreground color is black


soften-skin-tones-with-high-pass-in-photoshop-2


You can also edit or add mask by Eraser Tool, just need to set foreground color white, when you want to add mask by eraser tool. See below. Here, I've edited or add mask white line identified during Quick Mask Mode.



soften-skin-tones-with-high-pass-in-photoshop-3


Finally when you are finished your mask, then returned to the normal mode to click on the Quick Mask Button again or press Q on your keyboard.  

soften-skin-tones-with-high-pass-in-photoshop-4

What are you going to see above! a selection marquee, that means appeared a moving dotted line, huh! Here, the area selected is all of the picture that you didn't mask and you don't want to remove it. So, you need to inverse the section area. How! Go to Select > Inverse or press Ctrl/Cmd+Shift+I

soften-skin-tones-with-high-pass-in-photoshop-5

Finally delete it for using another color or background. 

soften-skin-tones-with-high-pass-in-photoshop-6


soften-skin-tones-with-high-pass-in-photoshop-7



Note : As a photo editor, I know that, how much essential Quick Mask Mode is! Most of the editors used to take this mode to check their selection during clipping path via Pen Tool or others to get perfect result

You can change Quick Mask Mode Color red to different. Click twice on the quick mask mode button, it'll show up a pop-up box called "Quick Mask Options"

soften-skin-tones-with-high-pass-in-photoshop-8
 
Now change it's color and see the result below.

soften-skin-tones-with-high-pass-in-photoshop-8

soften-skin-tones-with-high-pass-in-photoshop-10


Conclusion :
When you're thinking about selection object in Photoshop, then you can find lots of other ways to select it, each has its own uses. I’ll explore all of them step by step in my future tutorial. Now I've to show you a tutorial on Photoshop Retouching, titled How to Soften Skin Tones with High Pass in Photoshop





Friday, September 9, 2016
How to Soften Skin Tones with High Pass in Photoshop?

How to Soften Skin Tones with High Pass in Photoshop?



how-to-soften-skin-tones-with-high-pass-in-photoshop


Photoshop High Pass Filter used to take for sharpening as well, but there is another use of this filter for softening skin tones. I know there are some filters to soften skin tones such as blur, surface blur etc. But you can take this filter beside them.  In this Quick Tip, I'll show you how to do that.


Step 1 : Duplicate the background .

high-pass-photoshop-tutorial-1

Step 2 :  Invert it , Go to Image > Adjustments > Invert  or press Ctrl/Cmd+I on keyboard.

high-pass-photoshop-tutorial-2

Step 3 : Apply High Pass, Go to Filter > Other > High Pass...

high-pass-photoshop-tutorial-3

Step 4 : Change Blending Mode Normal to Overlay. 

high-pass-photoshop-tutorial-4

Step 5 : Reduce the Opacity 100% to 70% 


high-pass-photoshop-tutorial-5

Step 6 : Add a Layer Mask from bottom of the Layers Palette. The layer mask is shown as a white rectangle in the Layers Palette.


high-pass-photoshop-tutorial-6

 Step 7 : Select Eraser Tool . Set it's Hardness 5% and Opacity 17% 

high-pass-photoshop-tutorial-6

Step 8 :  Finally, paint over the eyes, lips, hair and unwanted area with the Eraser Tool to sharp them, Because I don't want to take them softness due to the perfect look. When you are going to paint, you can adjust the eraser size with square brackets "[ ]"  at your convenience. 

high-pass-photoshop-tutorial-7


This is the final result.

high-pass-photoshop-tutorial-8

That's how to easily soften images and get professional quality results with high pass filter. I love this filter so much . Now you are welcome to check my another tutorial titled How to Achieve Pixel Perfection From Vector Shapes in Photoshop



Sunday, September 4, 2016
How to Achieve Pixel Perfection From Vector Shapes in Photoshop

How to Achieve Pixel Perfection From Vector Shapes in Photoshop



photoshop quick tip how to achieve pixel perfection


A good and easy trick to achieve pixel perfection in Photoshop. The reason that it needs a clean vector shape without unwanted anti-aliasing.  As a designer, when I create any kind of design, Photoshop and Illustrator are my favorite tools to discover something special. In this regard, sometimes I used to take both tools together, I mean need to add vector shapes in Photoshop such as logo, icon etc. but I've seen a common issue that, when I take them from illustrator to Photoshop and zoom in, faded their pixels. In this tutorial, I'll show you how to solve this issue to get exactly the shape you are looking for. 


First. I'm here to choose a logo from Illustrator CC that I want to use in Photoshop CC. 

How to achieve pixel perfection in photoshop

 Now copy and pest it on Photoshop. 

Pixel Perfection

We see a dialog box that asks us, how we want to paste it in our vector shape. Tick on Shape Layer and OK .

photoshop tutorial

If you want to see your issue, then zoom in a little bit closer here.. Here I zoomed 600 pix at my convenience .


See the issues in red boxes, This is unwanted anti-aliasing or feathering what I'm going to solve now. 

Go to Edit>Preferences>General : Uncheck Snap Vector Tools and Transforms to Pixel Grid  Then OK . See below.


Now choose Direct Selection Tool from tool bar or press Shift+A on your keyboard to select anchor points like below.


Finally, move them to up or down to clean this jagged edges. 


 Result : 


Note: Here you just able to fix the vector shape, horizontally and vertically that has a sharp clean edge.

Monday, August 29, 2016
Quick Tip : How to Enable Arabic Writing in Adobe Illustrator CC?

Quick Tip : How to Enable Arabic Writing in Adobe Illustrator CC?



arabic-in-adobe-illustrator-cc


In previous version of adobe Illustrator, I was unable to write Arabic there. I had to do is enable Arabic to purchase a Middle East version or use InPage, alternatively. But Adobe Illustrator CC makes me happy to remove my defects, Finally. You just need to follow a simple task to achieve it. 

Go Edit > Preferences > Type > Show Indic Options : Check it. > OK
 

arabic-in-illustrator-cc


Restart Illustrator and Enjoy !  

English and Arabic Keyboard Layout 

english-arabic-keyboard-layout



Now see : How to Enable Arabic Writing in Adobe Illustrator CC

Quick Tip : How to Enable Arabic Writing in Adobe Photoshop CC

Quick Tip : How to Enable Arabic Writing in Adobe Photoshop CC

arabic in adobe photoshop


Last time, when I used Photoshop CS (8.0), I was able to write Arabic there, commonly. Because, there is an easy way to choose Arabic language during setup. Unfortunately, when I upgraded to CS3, I'm unable. But now in CC, I'm very happy to write Arabic, properly. In this tip, I've to show you How to enable Arabic in Photoshop CC!!! 


Go Edit > Preferences > TYPE > Choose Text Engine Options > Middle Eastern and South Asian.
 
write arabic in adobe photoshop cc


Restart Photoshop > Choose Arabic Font and Write

English and Arabic Keyboard Layout 

English and Arabic Keyboard Layout


Now check :  How to Enable Arabic Writing in Adobe Illustrator CC


Friday, August 19, 2016
Photoshop Brushes : Social Media Icons

Photoshop Brushes : Social Media Icons



photoshop-brushes-social-media-icons

Hello friends! You know, Brushes can save your time when you are going to design something. So, today I've rounded up a common brush set that is called social media icons brush. When you are going to think, you need a social media icon no matter what color is it, then I've to suggest you to take this brush, Because Photoshop brush do not contain color information, a brush can only contain one color from the foreground/background color settings.

Below you can find three types of social media icon brushes. Circle Icons Brush, Square Icons Brush and Rounded Icons Brush. 


Circle Icons Brush

circle-icon-photoshop-brush

https://www.mediafire.com/?8my28csezp7afrs





Square Icons Brush 

social-media-icon-photoshop-brush

https://www.mediafire.com/?v7cqdx0641551oo





Rounded Icons Brush

social media icons brush for photoshop





https://www.mediafire.com/?bw7iabujonj8byr




Thank you for watching this post! I highly appreciate it! Now you can see another free resource called Vector Pattern - Moire or Wave

Edited by Bijutoha
Back To Top