Archive for the ‘Tutorials’ Category

Tutorial on Creating A Custom Looking Form with CSS

Thursday, June 3rd, 2010

Plain ol’ boring looking forms are not as cool as they once were…. well now that I think about it, I don’t think they were ever cool. They are just functional…. so why not make them look nice, add some design into them and make them match the rest of the page? This is exactly what I wanted to do in this post. I’ll walk you through adding a design to your form.

To do this you will need a custom designed form graphic, it needs to be a complete form design as you see in the above image, with the form fields and the button all on the image. If you have drop-down fields this will not work, this is only for text field forms.

(more…)

Creating A Facebook Fan Page & Customizing It For Your Business

Monday, March 22nd, 2010

So you have a Facebook account for your company and you have friends on there, what next? Facebook allows you to create a Fan page where you can dedicate this page to anything from a specific product to the entire brand and within this page you can create a custom looking page which can have a lot of functionality from your company’s website including links to products and sales pages. Once you have the page created you can collect Fans which does not require that you know the people like it does when you add friends. This expands the potential customer base significantly, so I recommend that every business has a Fan page setup.

In this article I will walk through creating this Facebook Fan page, step by step. I have to note though that like in previous Facebook articles that I wrote, as Facebook updates their site and the Applications get updated the information in this article may become outdated but the main idea and basic setup should still apply and I am sure you will be able to find the current information simply by searching Google.

Ok, let’s begin.

(more…)

Logo Design Tips & Tutorials

Tuesday, August 18th, 2009

logo_tutorials

Another goodie from the people at Web Design Ledger, a compilation of 27 Useful Logo Design Tutorials and Tips. Taking the logo ideas from concept and sketches all the way to a finished logo. This one’s a book marker.

Source: 27 Useful Logo Design Tutorials and Tips

Sweet Photoshop Text Effect Tutorials

Friday, August 7th, 2009

icey

Stumbled on this gem today and wanted to share. It’s a nice list of 40 awesome Photoshop text effects tutorials from WebDesignBooth.com. Check it out and probably book mark it too, just like I did. :)

Go here: WebDesignBooth.com

Make Your Own Photoshop Brushes

Monday, June 15th, 2009

brushes1

Sometimes, while doing a design, I need a certain kind of a brush and after searching around for a while I realized that what I needed I would need to create my self. On that note, here is an awesome tutorial for creating your own Photoshop Brushes. It takes you step by step, and has detailed instructions.

See the tutorial: How to Create Your Own Photoshop Brushes

490 Killer Designer Resources

Monday, May 25th, 2009

You thought the last Web Huge List Of 395+ Web Design Resources was good? This one is bigger and even better! Remember to bookmark these great resources. Look out for more of these next month!!

55+ Extremely Useful Online Generators for Designers

generators

105 Free Grunge Fonts for Web Designers and Logo Artists

grungefonts

(more…)

Highly Detailed Icon Design Tutorials!

Monday, May 11th, 2009

qicons

Aah, got to love them quality icons. And those are not easy to make, but here is a nice list of 40 Tutorials for creating Highly Detailed Icon Designs. It was compiled by Chris Spooner at SpoonGraphics.co.uk

Very nice list Chris, we appreciate it!!

Read it here: 40 Tutorials for creating Highly Detailed Icon Designs

Adding Custom HTML Box To My Facebook Page

Friday, April 24th, 2009

0-papp

In the previous post I wrote about adding a custom HTML box to my Facebook Profile, today I will talk about adding  a custom HTML box to my Facebook Pages. I spent hours trying to figure out how this is done and realized after a while that Facebook is still having lots of navigation and usability issues. The navigation between the main Profile area and other elements of Facebook are not linked very well, at least no very intuitive and easy to get lost. Once you get something to work it is hard to find out how you did it and to replicate it.

After hours of surfing the help pages and forums I finally found some patterns and figured out how certain things are done.

Adding a custom HTML box to your Facebook Pages requires a different procedure and a separate Application from what was used in the previous post so to add an HTML box to Facebook Pages (not Facebook Profile) follow these instructions.

(more…)

Adding Custom HTML Box To My Facebook Profile

Thursday, April 23rd, 2009

valik1

After spending some serious time on Facebook trying to do a few things on my profile I realized that Facebook’s navigation between different Facebook applications and elements are less then perfect. It took me hours but I finally found some patterns and figured out how certain things are done.

One of the things I needed to do was to add a custom HTML box to my Facebook Profile, but then I also wanted to do the same to my Facebook Pages that I’ve created. This document is the complete instructions on doing exactly that. So let’s dive in. We’ll first start with Facebook Profile page. I also did a post on adding custom HTML box to Facebook Pages, notice – Facebook Page, not Facebook Profile, these are different – read about the differences in this article.

(more…)

50 Graphic Design Theory Lessons – FREE!

Monday, April 6th, 2009

woooow

Most of us know how to throw something together in Photoshop and plop it into a web page and it may look amazing but how many actually understand the theory behind it? I’ve wanted to take design theory classes more than once but you know how it is… never enough time.

Today I found this awesome collection of 50 excellent graphic design theory lessons that I am very excited about. The best thing of all is they are FREE! If you did not take a graphic design theory class, you should go through these, lots of things will start to make sense and it will help you in your future design projects.

Check them out here: http://psd.tutsplus.com/articles/web/50-totally-free-lessons-in-graphic-design-theory/