Touch the firehose of ds106, the most recent flow of content from all of the blogs syndicated into ds106. As of right now, there have been 92791 posts brought in here going back to December 2010. If you want to be part of the flow, first learn more about ds106. Then, if you are truly ready and up to the task of creating web art, sign up and start doing it.

Keep on Designin’…

Posted by
|

I’m overloaded! I can’t keep up in ds106! That does not matter because so many other people are cranking out the design work. But for a recent blog post I got it my head to make a redo of the classic 1970′s image for “Keep on Truckin’”

Keep-On-Truckin--the-70s-482814_713_348

Which turned out rather nicely with maybe 30 minutes of PhotoShopping to be “Keep on Reclaimin’”

keep-on-reclaiming

I ended up doing a few new things inside Photoshop, so I thought it worth ‘splaining.

I usually start by making a ducplicate of the original in PhotoShop, so I have a reference to work from. After opening the original in PhotoShop, I duplicated the layer. In that layer, I went to work with my favorite tool, the clone brush, to use nearby areas to paste out the original text

clone brush

This means repeated steps of option clicking in the source area to paint over. It did not have to be perfect since the new text would mostly cover it, but a solid fill would not match well either.

clean layer

With a clean layer I went in search of a typeface…

add text

It is not an exact match, and I do not recall exactly where I got the BillieBoldHand font, but it was chunky and seemed close enough. It does not have to be an exact match!

I then use Layer -> Type -> Warp Text to give the text some curvature

warp text

using the Arc setting, not much, but enough to make it look less rectilinear

warp text settings

Next, on the text layer, I use Layer -> Layer Style -> Stroke to add a thick outline, set to 5px

layer stroke

This is one of my favorite techniques to make text stand out.

Next I was wondering if I could create that fill effect on the original that looked like shading. BY command-clicking on the layer icon, I am able to create a selection area that includes the shape of the text

select text

I want to male the selection inside the text, so I use Select -> Modify -> Contract to shrink the selection area by 3 pixels

modify selection

With this selection active I create a new layer to work on, and use the gradient fill tool. With the colors set to default black white, I found a preset that has a striped fill effect (the third one on the third row)

gradient file

And by experimenting with short drags with the gradient fill tool, it puts this pattern inside the selection area

gradient fill

It is not an exact match for the original but more than close enough for my purposes. And I learned a few techniques to boot.

UPDATE: I put the source PSD file and the special font (TrueType) into a download for ya.

Keep on Designin’

Add a comment

ds106 in[SPIRE]