Web Design Blog | RedCube

15 Latest Free Fonts

admin — Thu, 23 Feb 2012 09:08:42 +0000

Fonts are the soul of a website, the right use of typography can change a boring piece of art into a masterpiece. There are mnay websites which shows Free fonts but I have gathered 15 Latest free fonts which are not only unique but impressive as well.

HVD Comic Serif

Mateur

ORIGRAM

Zepto

Morganismi

Rex

Diamante Robusto

Layar Bahtera

Euphorigenic

DEMON FONT

Sullivan

VTKS Skulls Font

Bemio

Arvil

Poly – free web font

10 High Quality Free WordPress Themes

admin — Wed, 15 Feb 2012 07:32:01 +0000

If you are on WordPress, you would be contently looking for high Quality WordPress themes. Internet is full of free WordPress themes but it is not necessary that a free theme will be as exciting as the paid one. So I have come up with high quality free WordPress themes which are perfect for bloggers who want to scale down and simplify the site. These High quality themes will really work for you.

1. ISense Free WordPress Theme

2. Pretty Face WordPress Theme

3. WP-World Web WordPress Themes

4. Maasahan WordPress Themes

5. Strategies WordPress Themes

6. Strategies WordPress Themes

7. Uraniumoid WordPress Themes

8. Neonsential Reloaded WordPress Themes

9. Sun Camp WordPress Themes

10. WP Newsmag WordPress Themes

15 Photoshop Web Design Tutorials For Designers

admin — Mon, 06 Feb 2012 11:47:06 +0000

If you are into web design, you would know that Photoshop is an important tool for every designer. Designing a web interface can be difficult at times and hence you might need some help when it comes to Photoshop Web Design. We all look for inspiration to develop and be more creative when it comes to web design and Photoshop, hence, I have complied 15 Photoshop Web Design Tutorials which will help you out step by step on your road to becoming the best Web Designer!
So, check out these tutorials and explore more about Photoshop.

1. How to create a clean interface in Photoshop

2. Learn How To Design The Perfect Website Using Adobe Photoshop

3. Create a Clean and Classy Web Design in Photoshop

4. Create a Modern Lab Theme Web Design in Photoshop

5. How to create an advanced Game Portal Layout

6. Design a Clean e-Commerce Website Interface in Photoshop

7. Create a Unique WordPress Theme

8. Design A Layout For A Phone Webshop

9. Create an Extremely Simple Dark Web Design in Photoshop

10. Learn How To Create An Ipad Apps Themed Layout

11. Create a Portfolio Web Layout in Photoshop

12. Create a Vibrant Professional Web Design in Photoshop

13. How To Design A Video Game Web Layout

14. Create a movie video streaming website

15. Create an Elegant Photography Web Layout in Photoshop

20 Creative Character Illustrations Tutorials

admin — Thu, 02 Feb 2012 08:07:22 +0000

When I was young, seeing a Cartoon Character amused me very much. Back then I didn’t know that character illustrations can be tricky and difficult. Now days, Character Illustrations are being used in almost every website or art-design. So, if you are looking for a Character Illustrations tutorial then this is the right post for you, even though finding the best tutorial is a difficult job, I have come up with the Character illustrations tutorial which are perfect for any level of designer. So why don’t you go ahead and have a look at the tutorial below!

1. Create a Super Happy Octopus Character

A few times a each month we revisit some of our reader’s favorite posts from throughout the history of Vectortuts+. This tutorial by Ryan Putnam of Vectips was first published in June 24th, 2008. This is one of the first tutorials we posted on the site and is a great way to get started with shape building in Illustrator to create cute, fun-lovin’ characters. If you haven’t done this tutorial yet, then get to it now!

2. How to Create a Cute Hippo Character!

This tutorial will show you how to create cute Hippo Character using simple shapes and a really simple effective drawing technique . This technique has been adopted from recent addition to the store of Animal Head Graphic Set , latest addition to the store. Here is how it is done.

3. Create a Cute Furry Vector Monster in Illustrator

Follow these steps in Adobe Illustrator to create your very own super cute fuzzy monster character. We’ll be working with the basic shapes to start, then use a variety of gradients to add depth. We can then finish it off with some detailed fur effects to really lift the design from the screen.

4. How to Create a Curious Owl in Illustrator CS4

5. Create a Simple Vector Ninja Character in Illustrator

Follow this step by step Adobe Illustrator tutorial to create a simple vector ninja character. The design is made from basic shapes and uses Illustrator’s core tools, which makes this tutorial perfect for beginners.

6. Create a Character Illustration Wallpaper

Learn how to create yours. Here is another round of a cool tutorial about making your own wallpaper.

7. How to Draw a Cartoon Duck , Character illustration

This tutorial will take you through basic shapes , using basic tools ie pathfinder , knife and eyedropper tools to create a cute duck character.

8. Create a Gang of Vector Ninjas

This is a tutorial from Chris Spooner that is an awesome starting point for creating cute characters that are super-fun in Illustrator. In the tutorial you’ll construct a group of vector ninja characters using just the basic shapes and a variety of simple tools.

9. Create a Character Mascot with Adobe Illustrator CS4

In this intermediate Illustrator tutorial we will show you how to create a vector character mascot from a sketch in Adobe Illustrator CS4.

10. Adobe Illustrator Cartoon Snail Tutorial

11. Drawing Vector-Looking Cat Illustration Using Photoshop

12. Create a Cute Vector Monster from a Pencil Sketch

13. How to Create a Stinking Zombie Flesh-Eater in Illustrator

In this tutorial, I will show you how to create a cartoon zombie in Illustrator. Starting by creating a fresh corpse, we will then ‘yuck’ it up using a number of techniques. Let’s ‘rip’ this one apart!

14. How to Create a Cute Bunny Vector Character

This Illustrator tutorial covers how to create a cute bunny character. This tutorial uses simple shapes and gradients that are easy to apply to other character illustrations. The great thing about his tutorial is you don’t have to be an amazing artist to create it!

15. Cartoon Frog with Crown

16. How to Create a Cool Monkey Character in Illustrator

17. Drawing a Funny Game Character

This tutorial shows you step by step how to make a cute game character in Illustrator. It uses mostly basic shapes to compose the fun, quirky-cute character.

18. Create a Cute Furry Vector Monster in Illustrator

19. Vectorial character design with Illustrator

20. Create a Cute Panda Bear Face Icon

30 Great Photoshop Text Effect tutorials

admin — Wed, 01 Feb 2012 09:06:56 +0000

Now days, text effects are used in everything we see and with the help of Photoshop and your imagination you can either change or design the type which can be of numerous and various designs. I believe text designs are the coolest thing you can create in the Photoshop. When you see a design, it has to be visually appealing or else it won’t grab the attention needed.

Hence, I have compiled 30 great Photoshop text effects tutorials for you to learn some more tricks and become a pro in the field of typography.

1. Polished Wood Text Effect

This tutorial will explain a simple way to create a polished wood like text effect, using layer styles to give the beveled look, and a couple of filters to create the texture.

2. How to Create High Quality Metal 3D Text in Photoshop

Most of you probably know those awesome letters that were generated with 3D programs. But what about when you don’t have any particular program and you need to make 3D typography? This tutorial will show you how to create the 3D text shape and give it a high quality metal look using pure Photoshop. Check it out!

3. How To Create a Gold Text Effect in Photoshop

Layer styles are one of Photoshop’s most powerful and fun features. You can create all sorts of plastic, glass, water, ice, or metal styles. In this tutorial we will show you how to create a nice gold text effect using this powerful tool. Once you are done, you’ll be able to save this style and apply it wherever you like.

4. Create a Scrap Metal Text Effect in Photoshop

5. Glossy Futuristic Text Effect

A simple way for creating a super glossy reflective text effect, and adding a nice texture for a more futuristic look.

6. Colored Chrome Text Effect

In this tutorial we will go a step further and create a colored chrome text effect.

7. Dark But Vivid Text Effect

In this tutorial we’re going to create a very simple text effect. A dark, colorful text effect.

8. Papercraft Text Effect

9. Create rusty steel text effect in PHotoshop

In this tutorial you will get a detailed, step by step, tutorial of how to create Rusty Text. It’s very easy to follow and you’ll have amazing results!

10. 3D Ribbon Wrapped Text Effect

This tutorial will explain how to use the Opacity texture map to create a ribbon-wrapped 3D text effect in Photoshop CS5 environment. Then, it will explain how to create the confetti brush and its layer styles.

11. Light Tubes Text Effect

In this tutorial, we are going to use Photoshop layer styles and brushes to create a nice glossy text effect, with some light tips around the letters.

In this tutorial, we’ll create a sparkly glittering text effect, by using layer styles and applying some filters

12. Glittering Text Effect

13. How to Create Explosive Typographic Effects in Cinema 4D

In this tutorial I will walk through the steps I used to create this illustration to bring alive the word “collide.”

14. Stars Candy Text Effect

This Photoshop tutorial will show you how to use a stars-candy texture to create a nice stars candy text effect.

15. Learn to Create Party Text Effect

This tutorial explains how to use Photoshop layer styles, filters, and brushes to create an awesome sparkly text effect.

16. Glossy Snow Globe Text Effect

This tutorial explains how to create a snow globe inspired text effect, using a couple of brushes and layer styles.

17. Elegant Green Text Effect

In this tutorial, we will create a really simple but elegant fresh-looking text effect. We will use layer styles to give the text a metallic look, then, we’ll apply some filters to create the nice texture.

18. Sharp Fold Text Effect

This tutorial will explain how to create a sharp fold text effect, by converting the Text layer into a Shape layer, adding and moving a couple of anchor points, and using a simple Gradient Fill with different Blend Modes.

19. Create a Spectacular Grass Text Effect in Photoshop

20. Wave’s Text Effect

In this tutorial we’ll turn standard text into a stunning, eye-catching text effect. We’ll be using Layer Styles, Photoshop Filters, and combining different techniques to mock-up the text into a related background. Let’s learn how to create this text effect.

21. How to create amazing colorful text effect in Photoshop CS5

In the following Quick Tip tutorial you will learn how to mix different shapes, brushes and blending modes in Photoshop CS5 to create amazing colorful text effect. Layered PSD file included.

22. Ridiculously Realistic Scorching Fire Effect

23. Photo-Mosaic text effect in Photoshop

In this short tutorial I will show you how to create a mosaic type effect using random photographs and a bold font. All you need are some pretty photos you can get from anywhere and creativity.

24. Twilight Text Effect Photoshop Tutorial

In this tutorial we will demonstrate how create the logo text effect seen on our Twilight Joomla template using Photoshop. This sleak effect has a wide range of applications giving your logo a cool and modern feel.

25. Photoshopping Aqua Wallpaper

In this tutorial you’ll learn how to recreate the famous Aqua wallpaper in just a few minutes using Photoshop. It’s actually very easy!

26. Create a Rocky Text Effect with Space Background in Photoshop

In this Photoshop tutorial, I will show you the steps I took to Create a Rocky Text Effect with Space Background in Photoshop. This is an intermediate level tutorial so some steps can be tricky, but why not have a try

27. Lost in Space Typography in Photoshop

In this tutorial I will show you how to create an easy and super quick text effect in Photoshop. We will play with Brushes, Blend Modes, basic filters like Blur and Liquify, and also text.

28. Outline Sketch Text Effect

This tutorial explains a super easy way to create an “outline sketch” effect, using Photoshop CS5 new Painting Brushes.

29. Colorful Retro Text Effect

This tutorial will show you how to use Photoshop brushes and layer styles to create an awesome colorful retro text effect.

30. Create Awesome Particle Flame Text Effect in Photoshop

In this tutorial, I will show you the steps I took to Create Awesome Particle Flame Text Effect in Photoshop. This is an intermediate level tutorial so some steps can be tricky, but why not have a try

25 Examples of Texture Usage in Web Design

admin — Mon, 30 Jan 2012 12:46:12 +0000

Creating something that looks like it can be touched needs creativity and right knowledge and texture help us to achieve that result! Textures are now being used in every sort of designs such as mobile apps, business cards or website designs. There are a lot of textures available on web and you can buy them or use the free ones in order to design your site which can feature subtle, grunge and clean texture. Knowledge of texture is very crucial, don’t go overboard with it, your texture should be such that the reader can differentiate and focus on the content, texture is an integral part but remember not to make it the center of attention. Here are 25 examples of texture in web design.

1. Archer

2. Melonfree

3. Snowden Industries

4. Ryan Scherf

5. Alight

6. Sonali Dixit

7. White Water

8. 53Mondays

9. Creativepayn

10. Griffinabox

11. Bit This

12. Eating In Sydney

13. Silky Szeto

14. true ventures

15. V5 Design

16. Balencic

17. abovethemark

18. What Cheer

19. Trendy Seo

20. I Love My Designs

21. Fueled by Design

22. Friends Of 42

23. Cast Iron Design

24. Cultural Solutions

25. Bokche

Simfatic Forms: HTML form Generator Tool

admin — Sat, 21 Jan 2012 11:33:01 +0000

Hand-coding HTML forms using the common web design tools used to be a long and cumbersome process. HTML code for the form is just one part of the whole web form. You need the server side processing script as well.

Simfatic Forms is a tool that fills this gap. You can design the web form using the visual editor. No coding is required. Simfatic Forms generates all the required code ( The HTML code and the server side processing script).

20 Beautiful Coming Soon Page Designs

admin — Thu, 19 Jan 2012 08:02:51 +0000

What most web companies do to increase their exposure in market is beat the drum even before their product is ready to be launched. This is usually done via ‘Coming Soon’ pages that inform the visitors that you are on your way to something big and interesting. The web design companies simply show the ropes what they are up to in future or put up things like social media links, newsletters, and testimonials etc. on their coming soon pages. This way, they remain connected to people and keep the entire buzz alive.

The following caboodle of 20 coming soon pages can be an inspiration to designers; they can come up with their own ideas too. We are willing to share your creativity.

70+ Web Arrows Icons

admin — Wed, 18 Jan 2012 10:44:14 +0000

Web arrows icons shapes – left and right vector arrows ideal for sliders, slideshows, carousel designs. Collection includes 70+ web arrows in CSH file format. Enjoy!

Downlaod

15 Free HTML5 and CSS3 Templates

admin — Tue, 17 Jan 2012 13:21:32 +0000

The free HTML5 and CSS3 templates have become a craze these days. These templates are easy to apply and come up with all-new or upgraded features that were absent in the previous versions. Most of these open source HTML and CSS layouts do not have any copyright restrictions imposed upon them, so you can use them right away. With their help, creating a cool website becomes a cakewalk. These are, in fact, are going to become the next big thing. The following collection of 20 free HTML5 and CSS3 templates can be of use to those who are going to switch to these versions. Enjoy templating!!