What is an easy way to achieve this “Out of Sync” Color Fill style?
I’m using Adobe Illustrator CS6 and I think there is an easy way to do this with the way Illustrator is set up, but I’m not sure how.
To make things easy for yourself when editing later, it pays off to do a bit more work upfront by using the
Appearance panel for this.
- Draw a shape
- Give it any fill and no stroke
- Open the
- Select your shape with the Move tool (V)
Add New Stroke, either through
or with the icon bottom leftmost on the panel
- Give the new stroke the desired colour and weight in the
- With the stroke still selected in the panel, choose
Effect >and use the
Distort & Transform > Transform...
change the stroke’s position. Click
This way, the stroke and the fill are both controlled by the same shape. If you alter the shape in any way, both fill and stroke will change accordingly. This saves you the burden of having to make the exact same changes to a shape twice.
As an added bonus, you can drag the shape into the
Graphic Styles panel to store its settings later. If you select another shape and then click the graphic style, it will change its appearance to the style. Saves you the time to reproduce the exact same transformation over and over again.