Let's create a stop sign in Photoshop. It's a pretty simple process and good practice. So, let's get started.

Open up a new document in Photoshop and make it a decent size - I just made mine 800px X 600px so I had plenty of room (more than enough).

(more…)

Popularity: 8% [?]

Here are a few great sites for logo design inspiration.

logosauce: "To free logos from the hidden depths of the designers hard-drive. To expose logos great and small to the world for comment and adoration. To inspire great and fantastic logo design. To give logos their provenance and lastly to show people the path to enlightenment and more importantly to the source of the very logo artwork itself!" (from their about page)

A good selection of logos to browse through, nicely organized as well. They also have a competitions page where you have a chance to win money for your logo design skills.

(more…)

Popularity: 8% [?]

Here is a pretty quick way to make yourself some distressed (or grunge) style text in Photoshop. You see this style of text a lot around the web and on a lot of clothing like t-shirts.

You'll need a good texture to use for this. Here is the image I will be using - go ahead and save it to your computer if you want I own the image so feel free to you use it for anything you want. It's a pretty simple image. Just a picture of a wooden fence in my backyard. I find that worn wood works pretty well as a texture for creating distressed type. Anyway, grab the image or use one of your own - once we get started you'll realize what type of texture image you need to make this work well.

(more…)

Popularity: 22% [?]

HTML Block-Level Elements

Here is a quick run down of some HTML block-level elements - some are linked to previous articles here at freeyourdesign.com

<address> </address> 

   Used for contact information - italicizes text

<blockquote> </blockquote>

   Used for long quotation - indents text left and right

<dd> </dd>

   definition in definition list

<div> </div>

   Used to create generic block-level element

<dl> </dl>

   definition list

<dt> </dt>

   term in definition list

<h#> </h#>

   Headings - # is 1 through 6

<li> </li>

   Element in an ordered or unordered list

<ol> </ol>

   Ordered List

<p> </p>

   Paragraph

<ul> </ul>

   Unordered List

Popularity: 7% [?]

Another block-level element that is used often is the list. We will be going over three types of lists. Ordered Lists are used for items that you want to appear in sequential order - each item will have a number before it. Unordered Lists are used when the order of items isn't as important - each item will have a bullet in front of it. Finally, Definition Lists which are used when defining a term. Let's get started.

(more…)

Popularity: 6% [?]