Relocated

Well, it’s been a mighty long time since this place has been updated. There have been a lot of changes over the past 6 months, most notably, I HAVE relocated to a mountain escape, Colorado Springs, CO.

I will try to find the time to nurse this place with the much attention that it needs. Until then…

Hipster Puppies

A co-worker shared this link with me today. I thought I would share it with everyone here. This has to be the best thing I’ve came across this month!

http://www.hipsterpuppies.tumblr.com

The above photo is not mine, nor does it have anything to do with SadMonkey Design. It’s solely being used to help promote this wonderful site.

Go Visit Hipster Puppies!!!

Great finds…

I stumbled across two great finds today. I am a very avid Illustrator user, and was very surprised, one that these products and techniques existed, and two, that I did not already know about them…


Maybe you don’t either… Well… now you do!


Astute Graphics – think Photoshop functionality, but in Illustrator!

Create an editable metal type treatment… – just like it sounds, a great quick tutorial from vectips!… And to think I’ve been spending all my time outlining and doing this the long way… I’m always amazed at how many simple processes can be so easily overlooked for so long… now I know!

SMD Grassy Textured Text Tutorial

By special request…

The following tutorial will be written for the basic to intermediate understanding of Photoshop. If any steps are not clear or need to be elaborated, please feel free to ask. For the sake of brevity, let’s begin.

Step 1

Begin in Adobe Illustrator. Create your vector.

SMD Textured Text Tutorial 01

Step 2

With the vector selected, go to Effect — 3D — Extrude and Bevel.

SMD Textured Text Tutorial 02

Step 3

Adjust the settings in the dialog box to your liking. You have many options to manipulate. The x,y,z coordinates, Perspective depth, Extrude depth, Bevel settings, Capping, and Shading settings. The settings I used and the results are shown below.

SMD Textured Text Tutorial 03SMD Textured Text Tutorial 04

Step 4

Next, after the Extrude and Bevel has been applied, Expand the Appearance.

SMD Textured Text Tutorial 05

Once the Object has been expanded, you should see something similar to what is shown below.

SMD Textured Text Tutorial 06

Step 5

Deselect the Object. Choose the Direct Selection Tool from the toolbar. (The white arrow as opposed to the solid black arrow). With the Direct Selection Tool, select the face of the vector object and change the color. This will aid in the selection process later on in this tutorial.

SMD Textured Text Tutorial 07

Step 6

Now it’s time to begin moving this object into Photoshop. Open Photoshop. Create a New Document. Select the face of your vector in Illustrator. Copy. (CMD-C) Paste the copied vector into the Photoshop Document.

SMD Textured Text Tutorial 08

Continue this process for the remaining back and side elements, individually copying from Illustrator and Pasting into the Photoshop Document.

SMD Textured Text Tutorial 09

Step 7

Once you have completed pasting and aligning your elements into the Photoshop document, it’s time to create some order in the Layer’s Palette. I have ordered each letter into its own subfolder, the face being above the background.

SMD Textured Text Tutorial 10

Step 8

It’s time to bring in some texture. Open your texture file and copy and paste the texture into your Photoshop document. (click on the image to visit the source)

SMD Textured Text Tutorial 11SMD Textured Text Tutorial 12

Step 9

Now that you have chosen the texture you will be applying, it’s time to put it aside for one moment and create our selections. (We moved the texture into the document now instead of later so you can see up close how your texture will relate to your vector.)

Let’s begin with the face. Either by using the magic wand tool, or by command clicking on the appropriate layer’s thumbnail, create a selection that encompasses the face of your “vector.”

SMD Textured Text Tutorial 13

Now using the Lasso Selection Tool, we want to “roughen” the selection a bit. While holding the SHIFT key, begin to add to the edge of your selection, mimicking your chosen texture.

SMD Textured Text Tutorial 14

Now, Save the selection by going to Select — Save Selection.

Picture 8

Name the saved selection appropriately. I named this selection S-Face.

SMD Textured Text Tutorial 15

Repeat this step for the remaining faces.

Step 10

Next, we need to create and save selections for the back of the “vectors.” Load the face selection for the appropriate back we will be working on. Next, COMMAND–SHIFT–Click the thumbnail in the layers palette for the chosen back.

SMD Textured Text Tutorial 16

Add to this selection, again, mimicking the chosen texture. Save and Name this selection and then repeat for the remaining “vectors.”

Step 11

Now it’s back to the texture we moved in. Duplicate the layer, CMD-J. Move the duplicate layer to the appropriate subfolder for the “vector” you will be working with. Resize the texture accordingly to meet your desired effect.

SMD Textured Text Tutorial 16

Copy and paste this texture, tiling the texture to cover the entire “vector.”

SMD Textured Text Tutorial 17

With every texture layer highlighted in the layer’s palette…

SMD Textured Text Tutorial 18

… Merge these layers.

SMD Textured Text Tutorial 19

With all the textures now resting in one layer…

SMD Textured Text Tutorial 20

… it’s time to make the texture seamless, losing it’s tiled and repetitive appearance. Using the Clone-Stamp Tool…

SMD Textured Text Tutorial 21

…with a soft brush, clone away the gaps, seams, and noticeable repeating patterns.

Step 12

Now that the texture is ready for use, it’s time to load a selection.

SMD Textured Text Tutorial 22

SMD Textured Text Tutorial 23

Now, with the selection loaded, and the texture layer highlighted in the layer’s palette, press CMD-J to duplicate the layer. (With the selection active, pressing cmd-j should duplicate the texture layer only where the selection is active giving the results shown below)

SMD Textured Text Tutorial 24

Repeat this step for the back using the saved back selection.

SMD Textured Text Tutorial 25

Repeat this step for the remaining “vectors.”

Step 13

Now it’s time to work on the beginning stages of shading. If the pasted back “vector” is a smart object, it’s time to rasterize the layer. With the layer highlighted, press CMD-U. This will bring up a Hue/Saturation dialog box. Bring the saturation all the way to the left completely desaturating the layer.

SMD Textured Text Tutorial 25

Step 14

With the “shade” back layer still highlighted, load the back selection. Using the clone tool, bring the shade all the way to the edge of the selection. (Remember, the selection is mimicking the texture while the shade layers edge is still crisp and clean. We want to have the shade layers edge match the texture’s layer edge.)

With the edges matching, and the selection still active, we will want to use the blur tool to help remove any banding (the hard color breaks between shades) that Illustrator may have created.

SMD Textured Text Tutorial 27

Once that’s done, set the shade layer to Multiply. You may want to adjust the layer’s Opacity setting depending on your desired darkness.SMD Textured Text Tutorial 28

Repeat step 14 for the remaining “vectors/shapes.”

SMD Textured Text Tutorial 29

If you are not satisfied with the Multiply setting for the shade layers, you may want to experiment with different transparency modes. I found for my needs, that Linear Light worked better for the outside letter, while Multiply was satisfactory for the other two.

SMD Textured Text Tutorial 30

Don’t forget to name your layers appropriately to it’s contents. This will help keep all future edits a little simpler. (We no long need the original face layers for each individual shape. Feel free to disregard these layers.)

Step 16

For a little fine-tunning, break out the burn, dodge, and sponge tool. This takes experimentation to get just right, but by using these three tools, you can really add to the depth of your design.

SMD Textured Text Tutorial 31

You can use these tools on the texture and the shade layers, giving you different results. You can also determine the exposure (strength) level of the tool, along with the brush size. You can even dictate whether the tool affects the shadows, midtones or highlights. These tools are only limited to your experimentation, and experimentation is extremely encouraged to find suitable results.

SMD Textured Text Tutorial 33

Step 17

Grass Time! Open the Grass Texture. Place, Import, Copy and Paste, just get that grass texture into the document. Resize the grass to match your needs. Make sure the grass texture is large enough and covers the entire face of your shape, “individually.” DO NOT tile and repeat the grass texture like you did with the dirt texture. Click here for the grass file source.

SMD Textured Text Tutorial 35

Step 18

With the grass texture covering your first shapes face, load the saved selection for the face that was used for the dirt texture.

SMD Textured Text Tutorial 36

Now, using the Lasso Selection Tool, add to the selection, mimicking the grassy texture. It doesnt need to be perfect, but try following the blades of grass as closely as possible without being obsessive about it, unless you just feel the need to burn an exuberant amount of time.

SMD Textured Text Tutorial 37

No need to save this selection, unless you just want to. With the selection active, and the grass texture layer highlighted, Duplicate the layer, CMD-J. Again, this should only duplicate the grassy texture layer where the selection was active.

Okay, now comes the tiresome part. Go back to the grassy texture layer, the one before the selection duplication was applied. Flip or rotate this layer, careful that you are still completely covering the shapes face. Now, repeat the entire face selection creation and duplication process. In total, there will be two grassy textured layers for each shapes face. They need to have different selections from each other, this way the blades of grass on the edges of each layer are different from one  another.

SMD Textured Text Tutorial 38

Repeat this ENTIRE STEP for the remaining shapes faces.

Step 19

Inside each subfolder, your layers should be ordered with two grass layers, a dirt face layer, a shade layer, then a bottom/back dirt layer.

For the top grass layer, we want to add a bevel/emboss layer effect. Experimenting with the settings are essential, my settings used are shown below.

SMD Textured Text Tutorial 39

For the second grass layer, we want to apply a different bevel/emboss layer effect along with a color overlay layer effect. Again experimentation, but my settings used are shown below accordingly.

SMD Textured Text Tutorial 40SMD Textured Text Tutorial 41

Here is a view of how my layers are ordered and where the layer effects are applied.

SMD Textured Text Tutorial 42

(As you can see, I went back duplicated and modified the shading layer. Again experiment to find the best results. I also went back and worked with the burn and dodge tools a a bit more. After applying the grass texture I saw more areas that needed a little help.)

Step 20

Here are the results thus far.

SMD Textured Text Tutorial 43

I tried to keep this tutorial short and sweet, but as you can see, there is much more that can be done. However, that exceeds the scope and purpose of this tutorial. Adding a ground shadow and some dust are near essential. Adding elements like falling dirt or blowing grass can help add movement and excitement to the image. Background colors and additional elements can help aid in the mood of your image. Afterwards, using color correction layers and sharpening techniques such as the highpass filter can add to the image as well.

SMD-Dirt-Grass-Tutorial

I hope you’ve enjoyed the tutorial, if you have any questions, or would like to add any tips of your own, please feel free to message me or add a comment!

To view the final image at a larger size, click here.

Design In Our Economy

It’s obvious we are all feeling the effects of the slowing down of our economy. Unfortunately, this probably means our budgets aren’t being cut, but slashed. We now have less resources to function and, if possible, grow in this tough environment. We just can’t win, can we?

Actually, we can!

In this climate, many of our rivals, if not all of our competitors, are facing the same circumstances as we are. However, they, unlike us, are seeing this as a limiting factor. You and I KNOW that this is an opportunity with monumental advantages. Most of our competitors are pulling back their marketing and advertising efforts, trying to find a way to survive internally. Fortunately, this means there is a lot less noise and competing voices out in the world. We have an opportunity to not only put out a stronger message than the rest, but now, this message can be heard with much more clarity from our customers.

We have the opportunity to grow our revenue MORE THAN EVER!

We all know our customers are becoming much more savy with where they invest their hard earned dollars and future. They still want to invest, maybe now more than any time before, but they also require a higher level of service and quality than before. As we all know, with hard times, who can afford to take a chance on sub-par opportunities. If it’s not great, everyone is going to move on!

As Marketers and Advertisers, we are responsible for attracting potential investors. We are responsible for the first impression.

Recently, a leading NCAA Division I University which is ranked as one of the top scientific research centers in the nation, placed this full page ad for their College of Science in a leading scientific publication.

utah-ad

This university enlist over 28,000 students, and is one of it’s states largest employers. The periodical advertised in, has a circulation exceeding 1.3 million prints, reaching over 6.6 million readers an issue. The rates for a full page ad in a periodical such as this begin around $120,000.00.

Here is what could have been possible for 1% of the cost of the publication’s advertising rate, had this university recruited the services of SadMonkey Design.

Science-AD

Simply put, if you think the ad designed by SadMonkey Design would have been much more effective eliciting a greater response from the targeted market, then please, allow me the opportunity to provide my services for your business.

Remember, in today’s tough market, if you are not growing, you are shrinking, and the more you shrink, the bigger your competitor gets. Let SadMonkey Design help you grow!

So why the name “SadMonkey Design?”

Once upon a time, deep in the heart of the Palo Duro Canyon, existed a small but memorable railroad attraction that toured many areas of this State Park.
lighthouse
The Sad Monkey Railroad consistently circled part of the canyon providing a narrated tour for many of its guests throughout the warmer parts of the year. Having been removed from the park many years ago, it’s legacy and name still live on. While it’s timber and rails have long been removed, the more faithful landmark still stands tall overshadowing the ghost of its trails. Along the face of one towering mesa, the resemblance of a sorrowful monkey still stands in all it’s geological wonder, looking down upon the park, hence the name Sad Monkey Railroad.

SMD-80-CanyonSadMonkey Design began as a local business servicing the Texas Panhandle and the greater West Texas area. The name Sad Monkey was and still is a well known attraction for this area. With the desire for community involvement, the name SadMonkey Design only seemed natural. Garnering an instant source of local trust, the utterances of SadMonkey Design brought a smile and a memory for each person whom SadMonkey had the pleasure of coming into contact. With the passage of time comes a few endings, some new beginnings and most of all, unforeseen change. SadMonkey has since left the locale of West Texas and has begun conducting business nationally. With a pride for its heritage and a loyal following, the name SadMonkey Design pushes onward, spreading the friendly customer service, most notable for the West Texas region.

Palo-Duro-Canyon

Here is a link to a youtube video that was originally recorded back in 1991. (I am not responsible for the video. I only found it after doing a search for material to share.)

Sad Monkey RailRoad Video

No More Trouble

I know there are quite a few international visitors here. This was just too good not to share. Have a GREAT day everyone!

more about “No More Trouble“, posted with vodpod

To find and learn more, visit Playing For Change

From their website…

“Playing for Change is a multimedia movement created to inspire, connect, and bring peace to the world through music. The idea for this project arose from a common belief that music has the power to break down boundaries and overcome distances between people. No matter whether people come from different geographic, political, economic, spiritual or ideological backgrounds, music has the universal power to transcend and unite us as one human race…”