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

Saturday, August 19, 2017
How to make a wave effect like 3D.

How to make a wave effect like 3D.



wave effect in illustrator



Hello friends, You may have seen my last tutorial on Illustrator where I showed how to make a moire or wave effect in Illustrator.  In continuation of the series, today I'm going to present the same type of an effect but a bit different like the wave look like 3D... blah blah, (Actually I'm also confused that.. What could be the best title for this?). I think, you just follow the tutorial, you make one and name it as your choice.

Let's go started, 


1. Draw a line by Rectangle Tool (M) Height about 22 px.


 
2. Make a copy (Alt+Right Click) drag it to place like below.  
    Here the distance between two lines about 243 px. 

drawing-lines-in-adobe-illustraor

3. Go to Object on top menu > Blend > Blend Options...you'll see a pop-up box.  Now go to Spacing, scroll down to choose Specified Steps. Make 5 steps here. (To know more in details About blended objects )


blended-objects-in-illustrator

 4. Once more, Go to Object > Blend > Make (Shortcut is Alt+Ctrl+B) Now you'll see the new 5 steps or line which will be 7 in total.

steps in blend objects

 5. Select it and go to Object > Envelope Distort > Make with Warp... (Shortcut: Alt+Shift+Ctrl+W) Here you'll see another pop up box called Warp Options. Let's started to modify the red lines like below. Press OK


warp-options-in-adobe-illustrator

6. Select Direct Selection Tool (A), and edit the 4 anchor points (I mentioned them by red circles). 

You can read this guideline to know about Direct Selection Tool and Anchor Points. Although it's on Photoshop back then the matter applies to both.

Actually, I want to make them straight 180 or 0-degree angle. You just keep the Handle of the Anchor Points. Drag it with Shift key.




Result


7. This time I'll edit more on those Anchor Points like below. First select both anchor points of right side by Direct Selection Tool and drag them up to make it straight. Then do the same thing on the left side Anchor Points but here you have to drag them down.





 Result 

make a wave effect


8. Now we're at the very last end. Here you need to play with those anchor points again, but in a different way. See the below what I've done. Select the Anchor Points,individually by Direct Selection Tool and Drag them. 


Excellent, You've done, finally.


make a wave effect like folding page

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.

Edited by Bijutoha
Back To Top