What is the easiest way without vector? I would like to generate something very similar to the image below for CSS development, but I’m having a hard time figuring out the easiest way to turn shape lines into pencil or sketched look lines.
I’ve tried:
- Using calligraphy pens, held down the shift key
- Hand tracing a straight line but it came up too jagged
I feel like I’m making this unnecessarily hard. Any thoughts are generously and gratefully accepted.
Answer
You could apply a Wave distort to the outline of a shape in order to systematically achieve a similar effect.
Step 1: Prepare your layers
Starting with the straight borders, I’d first convert the rasterized lines to smart objects so that this process can be reversed.
Step 2: Apply a Wave Distort to one of the layers
Filter → Distort → Wave…
You’ll have to fiddle with the settings to achieve the desired appearance
Step 3: Repeat as necessary for each layer
You should click Randomize each time so that they don’t all follow the same wave distort
Finished Product:
The Amplitude setting within the Wave dialog box will control how far the wave can be from the center of the original straight line. This will help you make it “pixel perfect”.
Attribution
Source : Link , Question Author : Charles , Answer Author : Community