0

How to tie your shoes

You might think you know how to tie your shoes but I guarantee you’re doing it wrong. If your laces come undone or end up laying vertically on your shoes go see the way that Ian Fieggen does it. He is the de facto internet authority on all things shoelace related.
FinishedSecureKnot

0

Save time with a resource file

When clients are paying by the hour it’s very important to keep your workflow the most efficient it can be. This is a handy tip that will save time and budget. Create a resource file in photoshop that contains elements that can be used for various projects and applications. Things like buttons, login boxes, header bars, and contact forms can be collected in one place and referred to when the need arises.

Picture 17

Read the rest of this entry »

2

Photoshop Tutorial :: Abstract SyFy Image

As many of my Co-Workers don’t know: I am a photoshop Enthusiast (I am far from Pro much less a Designer) but I like to use and play with Photoshop. Mainly I like to create abstracts because I stink when it comes to living or realistic imagery. The Images I create can be used from anything to Wallpapers or bases for bigger projects. Because I promised it I would like to start with a tutorial which will explain the base of my Iphone Wallpaper I currently use. Once you have been through the tutorial you will perhaps think: there is an easier way to do that, but what did the wise man say ? Many roads lead to Rome. And mine is just one way to do it, and I like it because of it’s flexibility and more predictable outcome.

test 1

We want to create the basics for this Image

Let’s get started:

1. we open a new document in photoshop with a transparent background and a size of 500px x 500px

2. create a new layer and then select new fill layer with a black background (instead of just using the fill tool for backgrounds I like to use the option to use a fill layer instead, makes color changes to the background much easier)Screen shot 2010-01-09 at 3.42.07 PM

3. The stage is set, now we can start working.

4. Reset the colors to black/white [Shift-D] and create a new layer on top of the background layer.

5. Select the Brush tool and select a brush that is appropriate in size and round. I used a brush with a size of 35px and fade (airbrush style). Now before we can start plastering the canvas let Photoshop do the work FOR us and to do so we use the following settings:Screen shot 2010-01-09 at 3.44.34 PM

6. Now let your creativity take over and plaster randomly. create a mix of dense and less dense areas the more variety you have the better the outcome. Don’t forget it has to be on a separate layer.

7.  Since I did a quick one, it should come close to what I have here: Screen shot 2010-01-09 at 3.45.53 PM

8. Now we need to smudge the hibby jibbies out of it. To do that we use a brush with a lot of edges and variations, for a quick one I used the maple leaf, but you can use any jaggy brush you have and like, I applied the following settings:Screen shot 2010-01-09 at 3.52.54 PM make sure you make many random and varying strokes. After I smudged around I came up with something like that: Screen shot 2010-01-09 at 3.56.43 PM I know it looks like pretty much nothing at this point but if you made it this far, your patience will be rewarded.

9. For this step we use photoshop’s own perspective editor. Make something up, it really does not have to be realistic or near realistic. I set the perspective like this: Screen shot 2010-01-09 at 3.58.12 PM Pretty neat looking so far. but not done, yet.

10. Now we duplicate the layer, set the opacity lower and change the mode to color burn. We can also play with the perspective on the duplicated layer.

11. once we are happy with our outcome we can create another new layer merge it down to the previous layer and then merge the copied layer down to the original layer. Doing this will leave only one layer for coloring. If you feel artistic you can skip this step and color each of the layers individually.

12. Now I use the gradient tool and make a gradient from Orange to grey. (Again, you are free to use anything you want to). Create a new layer and apply the gradient from left to right to the new layer. All should now look similar to this one: Screen shot 2010-01-09 at 4.03.49 PM (hmmm, all is gone and now what ?) I hope you applied the gradient to a new layer on top of everything else. Other wise employ your trusted command-z key and undo the step.

13. Now change the layer blending mode of the gradient layer to color. Et voila, looks pretty fiery already. Screen shot 2010-01-09 at 4.06.23 PM

Final steps: UP TO YOU! To create the initial image I copied the current outcome positioned it the way I wanted, used the eraser tool and airbrushed some away. Then I used some tech brushes and placed them into the image.

I hope you enjoyed following along with this tutorial as much as I enjoyed creating it.

Keep in mind: Photoshop is FUN but only if you have the time and desire to play around and experiment.

Currently I lack the time so tutorials may come in sluggish.

4

Pierarchy

I’ve been thinking about hierarchical data for a few months. In my free time I’ve done sketches and gone over ideas and done research with the goal of creating a method of storing hierarchical data in a database elegantly. I’d actually pretty much given up until a few days ago Bill was talking about a database that he inherited and as he (critically) described the structure I realized that I was using basically the same method that he was describing and I didn’t really like the way it worked.

So I started thinking on it again and I came up with something that might work. I call it Pierarchy.

I whipped up a powerpoint on it and gave the presentation on the 10th at our developers meeting. The sound is de-synched so the slides lag a bit but you’ll get the point.

Here’s the slideshow itself: Pierarchy

Here are the links I mention in the presentation:

A very good description of the problems of using hierarchical data in relational databases and the nested sets method:

http://dev.mysql.com/tech-resources/articles/hierarchical-data.html

A neat PDF of the scientific names of all living things (not sure where it came from):

http://tom.integritive.com/all_living_things.pdf

0

Down N’ Dirty dashed lines in Photoshop

While there are plenty of tutorials out there regarding dashed strokes in photoshop, this is a little trick i do when I need a quick dashed line to use in web layouts:

Picture 9

1. Open a new document in Photoshop. The size depends on the length of the desired dashed line.

2. Make a selection with the Rectangular Marquee Tool

Picture 10

3. Take a screen capture of your selection.

Picture 8

4. After you have screenshot of your dashed box (or circle/oval) you can bring it into your layout, Repeat or layer as necessary to get the desired length or effect.

Not the only way to get a dashed line in Photoshop, but quick and easy!