Monday, November 26, 2012

How Failure Can Help You Succeed

0 comments
“The greatest mistake you can make in life is to be continually fearing you will make one.” ~ Elbert Hubbard


Most of us tend to avoid failure. We’d rather see ourselves victorious at the finish line then tending to a damaged ego and attempting to determine where things went wrong.

Clear-cut success and triumph offer a cleaner path, while failure is simply a breeding ground for lessons – lessons that can sometimes be tough or even painful to learn.

But the truth is, the most successful people in the world endured mountains of failure before reaching the peak of success; and it was those failures that actually prepared them for what came next. Could it be then that failure can help you succeed?

If a fear of falling down is keeping you from moving towards what it is you actually want, then it’s time to take a closer look at the benefits of failure (yes, there are benefits).  It might just get you itching to get the ball rolling.

Benefit #1 – Failure offers a tangible representation of what can be done better.


Sometimes we don’t know what will work until we’ve made a few attempts. The result of those attempts – even if they were embarrassingly off track – can offer a visual representation of what needs to adjusted for next time.

You might spend hours mulling over an idea, but our mind isn’t always able to see the full picture without the aid of our hands actually doing the work. So do the proper planning, but consider failure a part of the necessary process to determining a solution or a viable idea.

Benefit #2 – Failure offers time for reflection.


If we were always moving full speed ahead towards our view of success, we might not take the time to look around and readjust our course. Just because you are able to be successful in a particular endeavor or career field doesn’t mean that it’s right for you.

Failure is sometimes just the Universe’s way of telling us to look around and make sure we are dedicated enough to the path we are on to keep on truckin’. If we aren’t where we need or want to be, it’s the perfect time to readjust the sails and move in another direction.

Benefit #3 – Failure can offer motivation to keep moving forward.


Think about the goals you’ve set out to achieve and been successful at. I’d guess that the ones fraught with the most trials and tribulations are the ones you are most proud of achieving, right?

The truth is if we are truly committed to seeing a goal through to the end, we are motivated by failure, even inspired by it. Failure can provide a spark that pushes us towards finding a solution or coming up with an idea that managed to elude us before that moment.

Benefit #4 – Your failure can offer powerful insight to those around you.


We are often very reluctant to share our failures with others because we are allowing ourselves to be vulnerable to criticism. But the truth is, being open about failure allows others to collect on the lessons we learned ourselves, and in speaking about it, we are more likely to become aware of what all of the takeaways were.

We learn a great deal about life from the experiences of others, so the collective experience of failure among the entire human race allows us to steer our lives down a more positive, productive path. Therefore, there is no failure that doesn’t have the ability to help someone, somewhere.

Benefit #5 – Failure can help you to confront fear head on.


For many of us, failure is our greatest fear. So once we’ve allowed ourselves to fail repeatedly, the fear doesn’t seem quite so powerful.

And, of course, if you come to terms with failure and that was your greatest fear, that would make all other fears more than manageable – kind of like killing multiple birds with one stone, right?!

Often times we build failure up to be something catastrophic, when in reality, we always have a way of readjusting, correcting course and finding our way back to a more positive place. Life is always changing and we are always capable of pulling ourselves out of any seemingly life-shattering situation.

In addition, failure is neither positive nor negative. It’s the fear that allows it to be painted as such.

Saturday, October 27, 2012

Retro Triangular Pattern Design in Illustrator

0 comments
Follow this step by step Illustrator tutorial to create the popular retro style pattern design made up of lots of colourful squares and triangles. The process is pretty simple, making this a good tutorial for newcomers to Adobe Illustrator. We’ll be using tools to accurately align our elements, then see how the Pathfinder can easily create custom shapes.

Retro triangle pattern

The pattern we’ll be creating is this cool retro inspired somewhat mosaic like design. The mix of squares and triangles along with the limited colour palette attracts the eye with cool illusions.


Open up Adobe Illustrator and create a new document. Select the Line tool and draw a vertical line down the left border of the artboard, then hit the Enter key to bring up the Move options. Enter 20mm in the Horizontal field then click the Copy button.


Repeatedly press CMD+D to repeat the last transformation until the width of the artboard is filled with evenly spaced lines.


Repeat the process, but this time with a horizontal line. In the Move options window enter 20mm in the Vertical field then repeat the transformation to fill with the artboard with a grid pattern.


Next, draw a diagonal line at 45 degrees across the artboard. Be sure to make this line long enough to cross the whole artboard, even at its widest point.


Zoom right in and toggle outline mode (CMD+Y) and carefully align the diagonal line so it accurately intersects each grid point.


Hit Enter to bring up the Move options and enter 20mm in both the Horizontal and Vertical fields. Repeat the transformation to make duplicates to cover the artboard.


Draw a selection around all objects then hit the Divide option from the Pathfinder tool palette. This will split all the lines into individual shapes.


Right click and select Ungroup to split up the objects then draw a selection and delete any shapes beyond the edge of the artboard.


Now let’s add some colour! First we’ll need a basic palette to work from, here I’ve picked out a mix of greens/blues from ColourLovers.com. Begin by randomly selecting a bunch of shapes while holding the Shift key, then add the colour fill using the Eyedropper tool on your temporary swatch.


Continue selecting empty shapes then give them a colour fill using the next swatch in the palette.


As more colours are added the design really starts to take shape…


…until eventually the whole design is filled with colour. Make any adjustments if there’s any dense areas of a single colour, or sparse areas that lack one of the other swatches.


The pattern itself is complete, but it wouldn’t be a Chris Spooner design tutorial without a texture overlay! Copy and paste the design into Photoshop and open up a texture file. Desaturate the image and set the blending mode to Soft Light, then adjust the opacity to tone down the effect of the texturing.

Retro triangle pattern

The texture overlay just helps add that tactile feel to the design to help remove the flat appearance of digital graphics. The uses for this kind of pattern are endless, it could be the base of a business card design, a skateboard deck design or even just as a printed poster.

REFERANCE : spoongraphics

Saturday, August 18, 2012

Illustrator Tutorial: Perfect Silhouette with Live Trace

0 comments


Drawing vector silhouette figures using the pen tool is a long and painful process. However, with Illustrator’s Live Trace effect, you can now create silhouettes with ease. In this Illustrator tutorial, I am going to teach you how to prepare your images in Photoshop for Live Trace. Then, we will experiment with various Live Trace settings to create our silhouette. After reading this, you will be able to create better looking silhouette figures.

1. Tracing With Live Trace

To begin tracing using auto trace, we will need to have a high resolution photo. This gives a better and more detailed trace than a low resolution photo. Also, you will need to choose photos that have a white background or strong contrast with the background for auto trace to work. For this tutorial, I have download this free stock photo from stock.xgn which can be found here.



Go File>Place and place the photo on the artboard. Select the photo and click Live Trace. Simple Trace will be selected as default for the trace. You will notice that there are 2 problems with the trace. First, the darker tones of background sky is being traced and secondly, the hands of the girls are missing. Click the Options icon beside Preset and try adjusting the Threshold settings. You will realise that this can’t be fixed with it.


1. Isolate the Background to White

The way to solve this is to make the background white. This will will give you a better trace. Open up the photo in Photoshop and select the Magic Wand. Set the Tolerance of the Magic Wand to 32 and select the background.



Fill the background with white.



We will need to darken to photo to remove all the details on the t-shirt to get a perfect black silhouette. Go to Image>Adjustments>Levels and drag the midtone color to the far right.


This is our final image after we have adjusted. It looks ugly right now, but trust me that the silhouette is going to be fine. Save the photo as jpg again and replace it in illustrator again.



Now, select Live Trace again for the photo and you can instantly see the difference.




Open up the Tracing Options again to tweak the trace. Increase the Threshold to 200 to remove the white areas on the girl. I have also increased the blur to 0.2px to smooth the edges. Also check Ignore White to remove the white background from the trace. Experiment with other settings to see which settings give the best results. Below is an explanation of each features for Live Trace.

Preset – Preset contains a set of settings for some common traced effect. It is a good place to start to see which settings gives you the best effect before you tweak the others.

Mode – Choose you color settings (black and white, grayscale or color)

Threshold – The value to separate black to white. Lighter pixels are converted to white and darker pixels are converted to black.

Palette – Choose automatic color selection or you can define your own color palette.

Max Colors – Maximum amount of colors used to define the palette.

Output to Swatches – Save your color palette to swatches.

Blur – Amount of gaussian blur applied to your image. Higher value will smooth out edges.

Resample – Changes the resolution of the image. Set it lower to speed up computer performances.

Fills – Check to render Fill.

Strokes – Check to render stroke.

Max Stroke Weight – Specifies that anything larger than this value will be considered a fill.

Min Stroke Length – The minimum size of a stroke allowed.

Path Fitting – Lower values create tighter paths whereas higher values will create looser paths.

Minimum Area – The smallest details to be traced.

Corner Angle – The sharpness of the turn to be considered as an angle.

Ignore White – Leave white fill as transparent.

Preview – Toggle this to turn on live preview. Always turn it on to see your traced effect.



This is our final traced effect. There are some white areas on the first figure that needs to be cleaned up.



If you are using Illustrator CS4, you can select the Blob Brush and paint over it to cover up the white areas. Or else, you can use the Direction Selection Tool to delete the unwanted paths.



To clean up jagged edges, select the Smooth Tool and retrace the path to smooth it.



Here our final black vector silhouette. Now you can add in your Illustrator background effect.



Reference: Vectordiary

50 Fresh, Free And Cool Designer Fonts (part 2)

0 comments