Welcome Mary | Logout
=
Custom Clipart Creation
Create realistic custom clipart for your website or artwork markup = using a=20 few simple steps.
Copy and Paste the following image into a new Photoshop document.
Pasting the image will default to a new image Layer 1 in the Layers = Palette,=20 as captured below.
Next:
1. Drag and drop Layer 1 onto the New Layer icon command =
located at=20
the bottom of the Layers Palette.
2. This will produce an exact =
duplicate=20
with the caption Layer 1 copy as captured below.
Next:
1. With Layer 1 copy active in the Layers Palette.
2. Go =
Filter=20
> Blur > Smart Blur, as captured below.
At the Smart Blur dialog, set the Quality to High, Mode to Edge =
Only.
Then=20
drag the Radius Slider to 5.5 and the Threshold to 27.2, as captured=20
below.
Then click OK to commit the Smart Blur filter command.
As in the left screen capture, the document view shows the Smart Blur = Edge=20 Only effect. Leaving just enough detail to create the final clip art = object.
Note: Depending on your use of image these Quality (High) and Mode = (Edge=20 Only) stay the same but the Radius and Threshold values may vary.
To finalize the clip art effect:
1. With Layer 1 copy =
active.
2. Go=20
Image > Adjustments > Invert, as I have captured below.
Below is the resulting effect. (Document view as well as Layers = Palette=20 view)
Here is where the fun begins.
1. Create a new empty Layer (Layer =
2) to=20
contain the paint colors.
2. Activate the Eyedropper Tool (I) and =
sample from=20
the Original Photo.
3. Activate the Brush Tool (B)
4. From the =
Options=20
Bar, select a preferred Brush Tip, adjust the Blend Mode to Lighten and =
paint in=20
the area that was sampled.
5. Then Paint in the area that was =
sampled.
Obviously I can=E2=80=99t screen capture even paint move I sample. =
Below I completed=20
a little sample of the right shoe below.
Again the idea is to simply =
create=20
a washed out overlay without losing the details from the outlines.
Notice in the Layers Palette, all the painting is done on a single = Layer. You=20 could keep easily keep colors separated onto there own layers but can = become a=20 burden on the Layers palette.
The benefit to keeping all the painting onto a single Layer is so = that you=20 can Lower the Opacity of that Layer (Encircled in red) in a single swoop = and=20 still bring back the more line details and further wash out the paint. = (As=20 captured left below)
On a final note, notice how sloppy in areas some of my painting = overlaps the=20 edges of the object.
To clean up some of the edges:
1. Still with the paint layer =
active in=20
the Layers Palette.
2. Activate the Brush Tool (B)
3. Set the =
Options Bar=20
Brush parameter Mode to Clear and ensure the Opacity is set to =
100%.
4. Then=20
click and drag around the edge to clear (clean up).
Below is my cleaned up version and few more details in place.
The line art creation is direct enough, it=E2=80=99s up to you how = detailed you would=20 like the final wash to be.
Any questions about this tutorial feel free to email me =E2=80=93 Until next week
Happy =
Photoshopping
![](3D"http://www.photoshopuser.com/members/wp-content/themes/napp/images=)
=20
- Account Options
- Renew = Membership
- Change=20 Password
- Update = Mailing=20 Address
- Additional Links
- Member Discussion=20 Forums
- Photoshop World '10
- Kelby=20 Training Store
=C2=A9 Copyright 2010 National Association of Photoshop=20 Professionals Terms of = Service |=20 Privacy = policy |=20 Partners
Adobe, the Adobe logo, Photoshop, Lightroom, Illustrator, InDesign, =
Flash,=20
Acrobat, Dreamweaver, After Effects, Fireworks, and Flex
are =
registered=20
trademarks of Adobe Systems Incorporated. All other logos, trademarks, =
and=20
registered trademarks belong to their respective =
owners
","
=
"]||[0,"",""];L.innerHTML=3DQ[1]+S+Q[2];while(Q[0]--){L=3DL.lastChild}if(=
!o.support.tbody){var =
R=3D/"&&!R?L.childNodes:[];for(var =
M=3DN.length-1;M>=3D0;--M){if(o.nodeName(N[M],"tbody")&&!N[M].childNodes.=
length){N[M].parentNode.removeChild(N[M])}}}if(!o.support.leadingWhitespa=
ce&&/^\s/.test(S)){L.insertBefore(K.createTextNode(S.match(/^\s*/)[0]),L.=
firstChild)}S=3Do.makeArray(L.childNodes)}if(S.nodeType){G.push(S)}else{G=
=3Do.merge(G,S)}});if(I){for(var =
J=3D0;G[J];J++){if(o.nodeName(G[J],"script")&&(!G[J].type||G[J].type.toLo=
werCase()=3D=3D=3D"text/javascript")){E.push(G[J].parentNode?G[J].parentN=
ode.removeChild(G[J]):G[J])}else{if(G[J].nodeType=3D=3D=3D1){G.splice.app=
ly(G,[J+1,0].concat(o.makeArray(G[J].getElementsByTagName("script"))))}I.=
appendChild(G[J])}}return E}return =
G},attr:function(J,G,K){if(!J||J.nodeType=3D=3D3||J.nodeType=3D=3D8){retu=
rn g}var =
H=3D!o.isXMLDoc(J),L=3DK!=3D=3Dg;G=3DH&&o.props[G]||G;if(J.tagName){var =
F=3D/href|src|style/.test(G);if(G=3D=3D"selected"&&J.parentNode){J.parent=
Node.selectedIndex}if(G in =
J&&H&&!F){if(L){if(G=3D=3D"type"&&o.nodeName(J,"input")&&J.parentNode){th=
row"type property can't be =
changed"}J[G]=3DK}if(o.nodeName(J,"form")&&J.getAttributeNode(G)){return =
J.getAttributeNode(G).nodeValue}if(G=3D=3D"tabIndex"){var =
I=3DJ.getAttributeNode("tabIndex");return =
I&&I.specified?I.value:J.nodeName.match(/(button|input|object|select|text=
area)/i)?0:J.nodeName.match(/^(a|area)$/i)&&J.href?0:g}return =
J[G]}if(!o.support.style&&H&&G=3D=3D"style"){return =
o.attr(J.style,"cssText",K)}if(L){J.setAttribute(G,""+K)}var =
E=3D!o.support.hrefNormalized&&H&&F?J.getAttribute(G,2):J.getAttribute(G)=
;return =
E=3D=3D=3Dnull?g:E}if(!o.support.opacity&&G=3D=3D"opacity"){if(L){J.zoom=3D=
1;J.filter=3D(J.filter||"").replace(/alpha\([^)]*\)/,"")+(parseInt(K)+""=3D=
=3D"NaN"?"":"alpha(opacity=3D"+K*100+")")}return =
J.filter&&J.filter.indexOf("opacity=3D")>=3D0?(parseFloat(J.filter.match(=
/opacity=3D([^)]*)/)[1])/100)+"":""}G=3DG.replace(/-([a-z])/ig,function(M=
,N){return N.toUpperCase()});if(L){J[G]=3DK}return =
J[G]},trim:function(E){return(E||"").replace(/^\s+|\s+$/g,"")},makeArray:=
function(G){var E=3D[];if(G!=3Dnull){var =
F=3DG.length;if(F=3D=3Dnull||typeof =
G=3D=3D=3D"string"||o.isFunction(G)||G.setInterval){E[0]=3DG}else{while(F=
){E[--F]=3DG[F]}}}return E},inArray:function(G,H){for(var =
E=3D0,F=3DH.length;E