Code Fear» Tutorial

11 Beautiful Adobe Illustrator Tutorials

Ravi Ahuja — Mon, 30 Jan 2012 08:54:03 +0000

Adobe Illustrator is great vector graphic software. You can create amazing graphic on Adobe Illustrator. To learn creating graphic on Adobe Illustrator, there are plenty of free Adobe Illustrator Tutorials available on web.

To learn graphic designing step by step tutorials are the best way. While learning graphic designing, you not just learn powerful features of software you also learn creativity. You can create amazing graphic designs which look realistic on graphic software and you can do same with Adobe Illustrator. You can find some amazing tutorial on Adobe Illustrator Tutorials. Here are some great Adobe Illustrator Tutorials which will help you learn Adobe Illustrator easily.

You may also be interested in the following post.

11 Amazing Adobe Illustrator Tutorials

1- Creating a Maneater Vector Girl through Collaboration

2- Design The Macbook Line in Illustrator

3- Make an iPod Nano Using Illustrator’s 3D Effects

4- How To Create A Spectacular Vector Film Strip In Illustrator

5- Create a Realistic, Burning Sparkler Using Adobe Illustrator

6- Illustrator’s Live Trace: Sketch to Vector

7- Illustrator Tutorial: abstract waves

8- Make a Mailbox Icon Using Adobe Illustrator

9- Vector 3D Christmas Bells

10- How To Create A Stunning Vector Bokeh In Illustrator

11- Create a Mummy Text Effect

I hope you liked these Adobe Illustrator Tutorials please find many more Adobe Illustrator Tutorials listed on our blog.

10 Amazing Cinemagraphs Tutorials

Ravi Ahuja — Mon, 09 Jan 2012 11:07:24 +0000

In past I have shared some beautiful Cinemagraphs examples created by Kevin Burg and Jamie Beck. This time I want to share some amazing Cinemagraphs Tutorials.

Cinemagraphs was discovered by visual graphics artist Kevin Burg partnered with photographer Jamie Beck. In Cinemagraphs photographer takes a traditional photograph and combines a living moment into the image through the isolated animation of multiple frames thus you get amazing animated image. Only few part of the image are animated and other elements are static it gives a living image.

If you have not seen Cinemagraphs examples then first have a look from link below:

Amazing Cinemagraphs by Kevin Burg and Jamie Beck
Creative Animated Images Cinemagraphs Part 2

Now when you have seen amazing Cinemagraphs images then you may love to learn how to create Cinemagraphs images. Now many people have started creating Cinemagraphs images and many Cinemagraphs Tutorials are created which help you learn how to create Cinemagraphs. I searched for some Cinemagraphs tutorials and found some good Cinemagraphs Tutorials which can make you Cinemagraphs expert.

You may also be interested in the following creative examples.

Cinemagraphs Tutorials

1. Create Cinemagraph animated gifs from video

2. Create an awesome cinemagraph in Photoshop

This step by step tutorial will teach you the process of creating a cinemagraph. This Cinemagraph tutorials will teach you how to use frames within Photoshop to process your footage, and how to tweak your sequence to find the perfect loop for export.

3. Cinemagraph Tutorial for Photoshop CS5

4. How to Make a Cinemagraph: Tutorial

5. How to Make Cinemagraphs — Still Photos that Move Like Movies!

6. How To Make Your Own CinemaGraph In Photoshop CS5

7. Making a Cinemagraph from a Wildlife Video: Tutorial

8. Cinemagraph Tutorial

This tutorial will teach you how to simple create Cinemagraph using Photoshop.

9. How To Make Your Own Cinemagraphs

10. Cinemagraph/Subtle GIF Tutorial

I hope you may have fount these Cinemagraphs Tutorials very useful. Please share your experience about these Cinemagraphs Tutorials.

20+ Adobe Illustrator Tutorials

Ravi Ahuja — Mon, 02 Jan 2012 12:30:05 +0000

Adobe Illustrator is widely used vector designing software. You can create amazing vector designs on Illustrator. With Adobe Illustrator you can create complex designs easily.

If you are beginner in Adobe Illustrator and searching for Adobe Illustrator tutorials then you are at right place. As you can create many amazing design on Illustrator but you must know the basics and process of utilizing Adobe Illustrator. Here I have listed some amazing Adobe Illustrator Tutorials which help you to create simple to complex vector designs. These are step by step Adobe Illustrator tutorials which are easy to understand and implement. These awesome Adobe Illustrator Tutorials will help you master Illustrator and hope you will also create a beautiful design.

You may also be interested in the following creative examples.

20+ Beautiful Adobe Illustrator Tutorials

1. Create a Vector, Daily Flip Calendar

This Adobe Illustrator tutorials will teach you how to create a daily flip calendar with the help of vector shape building techniques, multiple Illustrator tools etc.

2. Draw a Sunglass Using Gradient Mesh

This tutorial will teach you how to draw a sunglass using gradient mesh in Adobe Illustrator.

3. How to Illustrate A Yacht in Illustrator

In this Adobe Illustrator tutorials, you will learn how to creating a racing yacht in Illustrator. This easy step by step tutorial is fun to create a racing yacht.

4. Create a Simple Penguin Character/

This Adobe Illustrator Tutorials will show you how to create a simple penguin character. These twenty-seven detailed steps will teach you to the basic tools and shape building techniques.

5. Create a 3D Grungy Text Effect in Illustrator

This tutorial will help you learn how to create a grungy, 3D text effect. Learn how to draw highlights and shadows on your text to give it that 3D punch.

6. How to Draw a Vector, Music Folder Icon

In this tutorial learn how to draw a music folder icon in Illustrator using the 3D Revolve tool and Extrude & Bevel effects.

7. Illustrator Tutorial: Roller Blades

This Adobe Illustrator tutorials will help you learn how to draw a pair of high-detailed roller blades from scratch, new useful drawing techniques and you could consider.

8. Create a Vector Gift Box

This Adobe Illustrator Tutorial will teach you how to create an attractive gift box using usual types of tools, such as, Rectangle Tool (M), Ellipse Tool (L), Extrude&Bevel 3D effect etc.

9. Rusty Metal Text Effect

Learn vector text effect on the metal brushed background. Learn how to take advantage of the Appearance Panel and Graphic Styles to speed up the process and keep the text fully editable.

10. How to Create a Vector Radiator Artwork

Create oil filled, vector radiator using 3D-rendering, Blends, as well as other Illustrator tools and professional vector techniques.

11. Create a Steel, Vector Power Button Set

Learn how to create a steel vector power button set in Adobe Illustrator. A power button symbol can be used on a interface design or as a positive digital metaphor in your design work.

12. Illustrator Tutorial: Circus Tent

This short tutorial will teach you the basics of using warp effects to create a nice vector circus tent.

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

This Adobe Illustrator tutorial will teach you how to create a cartoon zombie in Illustrator from starting by creating a fresh corpse.

14. Create a Simple Vector Ninja Character in Illustrator

Do you love Ninja; in this step by step Adobe Illustrator tutorial you will learn how to create a simple vector ninja character.

15. How to Create a 3D Like and Unlike Symbol with Adobe Illustrator

This Quick Tip you will teach you how to create a multi-purpose 3D Like and Unlike symbol with the help of the Extrude & Bevel settings and the Appearance Panel in Adobe Illustrator.

16. Create a Sale Tag Icon with Adobe Illustrator

Learn how to create a neat Sale tag in Adobe Illustrator. This tutorial will inform you how to simulate a look of a folded corner of the paper by using simple color gradients.

17. How To Create a Cubist Style Logo Design in Illustrator

This Adobe Illustrator tutorial will teach you how to create a cubist style logo design made up of lots of detailed vector facets.

18. Futuristic Interface Design

In this Adobe Illustrator tutorial learn how to draw a futuristic download player using only basic shapes.

19. Create a Cocktail Glass in Adobe Illustrator

Learn how to create a cocktail glass with a colorful drink and fancy decoration in Illustrator.

20. Illustrator Tutorial: Draw a Vector RAM

This Adobe Illustrator tutorial will teach you how to draw a nice looking vector RAM (memory chip) in Illustrator. You will discover how to draw circuit board, memory chips, and circuit lines easily in this tutorial.

21. How To Create a Cute Hairy Vector Monster Character

This step by step Adobe Illustrator tutorial teaches you to create a cute vector monster character with the help of basic shapes to give a cute and friendly appearance.

22. How to Create an Open Book with Illustrator’s 3D Extrude & Bevel Tool

In this Adobe Illustrator Tutorials you will learn how to create an open book mostly with Illustrator’s 3D Extrude & Bevel Tool. This tutorial will teach you how to create open pages with graphics and add a wavy background.

25+ Very Useful CSS Tips and Tutorials

Ravi Ahuja — Mon, 10 Oct 2011 10:42:29 +0000

Cascade Style Sheet (CSS) is a very important part of any webpage. Using this language you can create some beautiful effects to adorn your website and most important it is not very difficult to comprehend.

It is a style sheet language which is used to describe the presentation parameters like the look and formatting of a document written in a markup language. It’s most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL.

With the introduction of CSS3 you can create a lot of new and exciting features like shadows, animations, transitions, border-radius etc. The effects which were made in Photoshop can easily be made here using CSS3 with use of jQuery and little JavaScript.

We have listed below 25+ exciting CSS tips and its features which you can easily create and add to your webpage to give it a new elegant look.

You may also be interested in the following creative examples.

25+ CSS Tips and Tutorials

CSS Image Styles

You can add any style to the background-image with proper rendering using the CSS image styles. In this tutorial you will use jQuery to make perfect rounded corner images dynamically using image CSS trick. You can use use box-shadow, border-radius and transition to create various image styles.

Download Source

Snazzy Hover Effects

In this tutorial, you will be learning to create flexible advanced hover techniques using CSS2.1 properties. You will find caption text to appear over the top of images and information about the image you moused over or focused on.

Download Source

Create a beautiful icon with CSS3

Thus tutorial teaches you how to create a document icon with pure CSS3. You start off with a square box then you round the edges and use pseudo elements to create curled corner and finally you will create the illusion of text with a stripped gradient.

Download Source

Semantic Animation

This is an animation tutorial of a moon rising, and as it rises the sky and ground turn to black. You will need two elements to accomplish this animation. The animation will make your website to be in motion.

Download Source

Animated Mario Block Navigation Menu

This tutorial contains some good clean fun by recreating the animated Mario Bros. question mark box with pure CSS3. You’ll also learn how to use several cool CSS3 technologies such as rounded corners, box and text shadows, and keyframe animations that work in both Safari and Firefox.

Download Source

Create an Apple-Style Input Field With Display Labels

This tutorial builds a small Apple-styled input form with some basic structure and scripting. You will use jQuery 1.4.1 library to support the display label functions. All code included is based off XHTML Transitional Doctype and uses CSS2/ CSS3 techniques.

Download Source

Create Presentation Slides with HTML and CSS

This tutorial contains code for creating slides to show for presentations. It can be useful for your business purpose or even for web sites.

Download Source

Custom CSS Cursors

Here you will find the various default cursor icon associated with a particular element which you can use in your interface. It contains more than 20 cursor icons. Some works on all browers while some are restricted.

Download Source

Stylish Rocking CSS3 Search Field

Here you will create a search box using CSS3 with rounded corners and a search button by applying new styles to the box and button.

Download Source

Create Diagonal Lines with CSS

In this tutorial you will learn to draw diagonal lines which acts as a border. You can use this in diagonal bordered tabs and can include easily in the project

Download Source

Create a Modern Ribbon Banner Navigation Bar with Pure HTML/CSS3

Here you will learn how to create a centered ribbon banner with pure CSS3 using a step by step procedure. You can create modern design elements without the adept knowledge of graphics tools

Download Source

create slick effects with CSS3 box-shadow

In this tutorial you will create drop shadows and inner shadows effects in the box using pure CSS3. Now no need to go for Adobe Photoshop’s blending options. You will use box-shadow property allows you to add multiple shadows (outer or inner) on box elements.

Download Source

Slick login form using HTML5 & CSS3

Using this tutorial you can create stylish login form without the use of any javascript code. You will find the stitch effect and paper stack effect in the login form

Download Source

Create Script-Free CSS3 Tooltips

You can make really awesome tooltips out of pure CSS3 using this tutorial and can also create a mobile friendly version using little javascript

Download Source

CSS3 tables with rounded corners

: In this tutorial you will learn how CSS3 and tables can work together to create some cool and usable results in the tables. You can do rounding of corners with no images and giving this effect will definitely add the beauty to the table

Download Source

Create a CSS3 Tabbed Navigation

Here you will be creating the CSS3 tabbed navigation. You will work with the darkwash jean version out of the many different themes available for awesome tabs.

Download Source

BUILD A PURE CSS 3D CITY

This tutorial teaches you to build a 3D city with six buildings. Buildings are easy and are just cubes with a fancy texture with each building being composed of 5 sides

Download Source

CSS3 enhanced zoom-in zoom out slideshow

In this tutorial you will create a clean zoom-in zoom-out slideshow. Here you will use stylish CSS3 effect to your slideshow simply by setting the style attributes corners to any or all four image-corners, furthermore you can apply shadows. You can also comment on each slide

Download Source

CSS3 tabs with beveled corners

In this tutorial you will learn how to create some good looking tabs with beveled corners using a clever CSS3 gradients technique.

Download Source

DYNAMIC PURE CSS 3D TEXT

Through this tutorial you can get a nice 3D effect combining multiple levels of text-shadow using the CSS. You can also add some CSS transforms, and dynamically rebuild the text-shadow to get a nice mouse-following pure CSS canvas-free 3D text effect.

Download Source

Create a CSS3 Wheel Menu

In this tutorial you will create an awesome, layered CSS3 wheel menu using a few beginner to advanced CSS techniques. There is also a little bit of optional Javascript so that you can rotate your images depending on the hovered menu item.

Download Source

Create a Swish CSS3 Folded Ribbon in Five Minutes

In this tutorial you will find how to create swish folded ribbon by simply taking one line of markup and a couple of CSS3 rules (no images) and you can create this effect within five minutes.

Download Source

Create Pure CSS3 Ticket-Like Tags

During this tutorial you will use CSS3 to create ticket-like tags, without relying on any images just by creating HTML markup and styling main tags and four corners with a punched hole in the tag giving a ticket look.

Download Source

Rotate and Mask Thumbnails With CSS3

This tutorial teaches you how to showcase the rotated thumbnails using the CSS. It’s a simple effect that adds a layer of visual personality. This effect will represent image galleries with rotated thumbnails.

Download Source

Pressable CSS3 Social Buttons

Get a quicktip to create some really awesome press-able social media buttons using pure CSS3. These cool buttons can be placed on any project.

Download Source

Font Face Deisgn Guide

This tutorial explains the common issues with using custom fonts, picking the matching fallback web safe fonts, and how to create a perfect fallback font style with Modernizr. You can adjust the styles for the fallback font (size, letter-space, weight, text-transform, etc.) to best match the custom font.

Download Source

20 Adobe Illustrator Text Effect Tutorials

Ravi Ahuja — Wed, 21 Sep 2011 09:51:41 +0000

Adobe Illustrator is a great tool for the graphic designers if used properly. You can create scalable vector graphics like logos, artwork, business card and variety of text effects using the illustrator like Fuzzy, sketchy, bubbly, viscous, sleek, shiny, retro, gradient, etc. With the help of Adobe Illustrator, you accomplish such fine and perfect designs that human beings will have a high regard for.

The craze of creating text effects has become a common ground for many designers and aficionados. Infact, it has even become an art form in itself.

In this showcase, we have presented 20 tutorials that show you how to create awesome typographic effects in Illustrator, step by step. Some of these tutorials require the use of Photoshop for finer details.

You may also be interested in the following creative examples.

20 Beautiful Adobe Illustrator Text Effect Tutorials

1. Glassy Text Effect Filled with a Green, Acidic Substance

Here you will learn how to create a glassy text effect filled with a green, acidic substance. You’ll use shape creation tools, Opacity Masks, and filters. This project could work well to add a mad scientist feel to your next creative design project.

2. Glossy, Colorful Text Effect

In the following tutorial you will learn how to create a glossy, colorful text design in Illustrator CS5 with the use of an interesting font choice, opacity masks, shape building techniques, and more to create this text effect.

3. Delicious Chocolate Text Effect

For all the chocolate lovers out there, this tutorial shows how to create a delicious chocolate bar text effect in Illustrator. You need to use the Blend Tool, effects like Roughen and Chrome, different Blending modes and also the 3D Extrude & Bevel effect to create perfect chocolate squares.

4. Origami Style Typography in Illustrator

This tutorial teaches you how to create a simple Origami style piece of text effect. You will create a set of basic shapes to build letters from and see how to refine those into a more realistic look of your type. Gradients and the appearance panel will help you to create the final completely custom type.

5. Rusty Metal Text Effect

Here you will learn how to create a vector text effect on the metal brushed background. To speed up the process and keep the text fully editable you will use the Appearance Panel and Graphic Styles. It also cover a process on how to create a realistic metal brushed texture using simple techniques like the Sponge, Transform Each, Gradient, Reflect etc.

6. Stationery Art Brushes and the Live Paint Bucket Tutorial

For this tutorial you need to install art tools premium pack of various elements which includes variety of stationery line art style art brushes required in creating this text effect. There will be so much fun in using them.

7. Stencil Text Effect

Create a vector stencil effect in Illustrator. You will learn how to use a brush to outline the text edges to create a nice stencil effect. This stencil effect can be used to a create nice graffiti effect done by spray paint.

8. Bending 3D Text Effect

This tutorial creates a 3D Text Effect in Adobe Illustrator. In addition to using the 3D tools, you’ll layer letter shapes to create color shifts with gradients and highlights. You’ll also work in subtle patterns controlled with Opacity Masks.

9. Light Effect

This tutorial makes use of Adobe IllustratorCS3-CS5+ Phantasm CS and takes about 20minutes to create the glowing light effect.

10. Neon Text Effect Using Adobe Illustrator

In this tutorial you will learn how to create a neon text effect using Gradient Mesh, 3D Modeling, Art Brushes and Transparency palette. It takes just 15-20 min to create this beautiful neon text effect.

11. Lace Text Effect

With this tutorial you will learn how to create a beautiful lace text effect. You will use many effects and you will define many personalized Art and Pattern Brushes that will help you create a Lace Pattern Brush that works with any color.

12. Abstract Natural Text Effect with Adobe Illustrator

This tutorial will quickly make you learn how to create a 3D text effect in perspective with a multi-purpose green abstract look that you can save and use any time you like.

13. Animal Print Text Effect

In the following tutorial you will learn how to create an easy animal print text effect using Adobe Illustrator’s default jaguar and cheetah patterns. You will also learn how to add with multiple fills and effects to further enhance the text.

14. Fun 3D Plastic Text Effect

Here you will learn how to create colorful 3D plastic letters using the 3D Extrude & Bevel effect and also an all purpose plastic look that you can save in the Graphic Styles and use it in other projects.

15. Colorful, Layered Paper Type in Illustrator

This tutorial will create a multi-layered effect of custom type and will teach the easiest ways of making ribbons and folded paper. You will be using Pathfinder, Illustrator effects and graphic styles extensively and will utilize the transparency panel and symbols to add detail.

16. Marker Text Effect

In the following tutorial you will see how to create a marker illustration. This tutorial involves intermediate vector shape building skills in Illustrator to create the markers, along with some layering and script usage to create the text effects.

17. Abstract Geometric Mosaic Text Effect

This tutorial creates patriotic design with a mosaic effect. It is an Illustrator tutorial to create a colorful abstract text effect made up of lots of tessellating mosaic elements.

18. Create a Chalkboard Type Treatment

In this tutorial you will learn how to create a chalkboard type treatment with some gradients, a bristle brush, and some freebies from Vector Mill! The tutorial is relatively simple and can be applied to many other Illustrator projects. Moreover, you can use the Vector Mill freebies in other projects

19. Environmentally Friendly Green Type Treatment

Go Green with this tutorial. In the following Illustrator tutorial, you will learn how to create a Green type treatment. It works great for logos and other design elements.

20. Jar Illustration and Splashy, Purple Text Effect

In the following tutorial you will learn how to create a jar illustration and splashy, purple text effect and craft this with numerous, layered shapes and with various opacities. You will work with paths and the Pathfinder tools to enhance the text, give it dimension, and style.

How to Develop Android Application?

Ravi Ahuja — Tue, 06 Sep 2011 08:31:18 +0000

Android is now most common platform for mobile phones and not just mobile but tablets too. You will find plenty of Android apps it can be free or paid but if you want to start developing Android apps then this article can help you to start Android application development.

What is Android?

The first question which comes in mind after seeing the word “Android” is what does it actually signifies. The basic meaning of Android is “Possessing human features”. Extracting the relevance of the word leading technology and wireless companies came together On November 5th, 2007 to announce the future development of a truly open platform for all kinds of mobile devices – Android.

So to foster their goals and to develop a new breed of innovation for mobile devices allowing a far better user experience than today’s current mobile platforms Google Inc, T-Mobile, Intel, HTC, Qualcomm, Motorola along with many other companies came under the umbrella of the Open Handset Alliance – a global alliance between technology and mobile industry leaders.

Thus after much deliberation and hardwork, Android came as an operating system for mobile devices such as Smartphone and tablet computers developed by the Open Handset Alliance led by Google.

The Android platform consists of an operating system, middleware, a user-friendly interface and powerful applications. This fully integrated bundle of software significantly lower the current costs of developing mobile devices and services.

There are currently more than 250,000 apps available for Android. Android Market is the online app store run by Google, though apps can also be downloaded from third-party sites.

Core Design of Android: Android consists of a kernel based on the Linux kernel, with middleware, libraries and APIs written in C and application software running on an application framework which includes Java-compatible libraries based on Apache Harmony. Android uses the Dalvik virtual machine with just-in-time compilation to run compiled Java code. Developers write primarily in Java.

Android Architecture

Features of Android: Some of the basic features of Android include Application framework for enabling reuse and replacement of components, Dalvik virtual machine optimized for mobile devices, Integrated browser, Optimized graphics, SQLite for structured data storage, GSM Telephony, Bluetooth, EDGE, 3G, and Wi-Fi, Camera, GPS, compass, and accelerometer, rich development environment including a device emulator, tools for debugging, memory and performance profiling, and a plug-in for the Eclipse IDE.

Developing Android Application: After gaining the basic knowledge about Android and its components and if you wish to develop an android App by your own you first need to install various tools and IDE to start your project. These are:

1. SDK (software development Kit): The Android software development kit (SDK) includes a comprehensive set of development tools. These include a debugger, libraries, a handset emulator (based on QEMU), documentation, sample code, and tutorials. You can download it from the link below
Download Android SDK

System Requirements for installing SDK: In order to first use the Android SDK code and tools for development you need a suitable environment develop from. Currently the following operating systems are supported: Windows XP or Vista, Mac OS X 10.4.8 or later (x86 only) and Linux (tested on Linux Ubuntu Dapper Drake).

2. IDE (Integrated Development Environment): After installing the SDK using the given steps you need to install a suitable development environment such as: Eclipse, Eclipse 3.2, 3.3 (Europa), Android Development Tools plug-in (optional).

3. Native Development Kit: The Android NDK is a companion tool to the Android SDK that lets you build performance-critical portions of your apps in native code. It provides headers and libraries that allow you to build activities, handle user input, use hardware sensors, access application resources, and more, when programming in C or C++. If you write native code, your applications are still packaged into an .apk file and they still run inside of a virtual machine on the device. The fundamental Android application model does not change.
You can download it from the below specified link:
Download Android NDK

4. App Inventor for Android: App Inventor for Android is a Web-based visual development environment for novice programmers, based on MIT’s Open Blocks Java library and providing access to Android devices’ GPS, accelerometer and orientation data, phone functions, text messaging, speech-to-text conversion, contact data, persistent storage, and Web service.

After installing all these applications in your system you are ready to develop an android application on your Eclipse IDE. Basically developers use JAVA for writing.

Start your development: Android applications can be developed using the same tools which you have installed earlier. Android’s core libraries will provide you with the functions needed to build high quality rich mobile apps whilst providing you with development tools to make debugging, running and testing your applications much easier. The related link is:
http://code.google.com/android/devel/index.html

Developer Toolbox: The developer toolbox module will help you through how to write code that makes the most of the android systems features, allowing you to create custom components and really get to grips with the many API’s at your disposal. For any further information and queries go to link: http://code.google.com/android/toolbox/index.html

For any further assistance you can take the reference and help from the below link:

Creating Hello, World App

Installing Android SDK

5 Tutorial to Disable Right Click on your Website

Ravi Ahuja — Thu, 18 Aug 2011 10:13:35 +0000

You may have found on many website that they disable mouse right click. This is because they don’t want that people can copy there website content and images.
Disabling right click on your website can help you content protection and reduce Plagiarism. Not just that disabling right click can protect lot more sources on your website. It is not important that you must disable right click on your website because there are many ways people can access your content. You may be using different website software like normal HTML website, WordPress blog, Joomla CMS etc. If you need to disable right click then you can read tutorial listed below.

Disabling Mouse Right Click on Website

1. Secure your website with JavaScript, NO RIGHT CLICK for Images
This tutorial will help you to disable right clicks to save an image off your page, a message will come up letting people know that your information is copyrighted.

2. Disable Right Click On WordPress: 2 Methods To Reduce Plagiarism
If you are WordPress user then this tutorial will teach you how to disable right click on WordPress blog.

3. Disable Right Click in Joomla for Content Protection
For Joomla users this tutorial will teach you how to disable right click. With using a extension how you can disable right click on Joomla website.

4. Disable Right Click in Blogger Website
There are thousands of Blogger users. Blogger users can also disable right click on their blog. This tutorial will teach you how to disable right click on Blogger.

5. jQuery Disable Right Mouse Click
This simple code will help you to disable right click on website using jQuery.

7 Tips on Choosing Premium CSS Website Templates Online

Ravi Ahuja — Mon, 04 Jul 2011 07:24:27 +0000

This is a guest post by Nilanjan who is a Website Designer at TemplateKingdom, He is a regular blogger of the Templatekingdom.com where he writes about web design inspiration, photography and Internet Marketing.

In this post Nilanjan is going to tell how to choose CSS website templates online. This suggestion can be implemented on free and premium CSS website templates.

7 Tips on Choosing Premium CSS Website Templates

1: Choose your CSS web template based on its layout. Most CSS sites have removable headers, so you don’t need to worry about that so much – but the layout design will stay the same. It’s a good idea to work out in advance what sort of layout you would have, if you were designing your own site from scratch. Then pick the premium CSS template that comes closest to your ideal setup.

2: Think about colour. Try using Adobe Kuler to brainstorm the best colour scheme for your site. Pick a colour from your company logo as a starting point and remember – too many colours is too much information. Just like any part of your website you’ll want to keep the colours down to a simple, unintrusive theme.

3: Pay attention to your business: what is your site intended to do or sell? There are CSS templates designed with specific functionality or layouts, which will suit particular business types very well. Are you looking for a magazine style site, for example (ideal for running internal company sites and photography based sites) or something that will sell products for you?

4: Look for interactivity options. People are used to seeing embedded files and feeds in their websites. Live news feeds are always useful. Choose a site that has a panel for a news feed insertion and you can keep your customers up to date with product news or market news.

5: Be sure that you can customise your template properly. Most of us choose a CSS template when we have no real design or programming experience to rely on. And that means we need to be able to change our templates to reflect our overall design, without fuss and bother. Pick a template that offers easy, intuitive customisation: but be sure you are picking the right one. If you choose a template that needs heavy customisation you are probably just picking the wrong one.

6: Make sure your template has already been optimised. Most premium CSS Templates are already optimised for search engines. There’s no point buying one that isn’t – or your SEO partner will just have to take it apart and put it back together again.

7: Be sure that your template’s designer is easy to contact. You’ll need to be able to talk to the template designer from time to time so be sure that contact details come with your download.

20 New Amazing Adobe Illustrator Tutorials

Ravi Ahuja — Fri, 27 May 2011 03:29:49 +0000

Adobe Illustrator is most popular and designers favorite vector designing software. Adobe Illustrator is used to create scalable vector graphics like logos, artwork, business card and much more.

Adobe Illustrator is amazing product which will not limit you for creating different styles of graphic. You can create many things on Adobe Illustrator you just need knowledge of Illustrator and some imagination. If you are learning Adobe Illustrator then here are some great step by step tutorials on different topic which can help you master Adobe Illustrator.

You may also be interested in the following creative examples.

20 Fresh Adobe Illustrator Tutorials

1. Create a Sparkly Female Portrait in Illustrator

2. Creating an Environmentally Friendly Green Type Treatment

3. Create a Vector Male Portrait from a Photo

4. How To Create a Grumpy Troll Character in Illustrator

5. Create a Jar Illustration and Splashy, Purple Text Effect

6. How to Create a Starfish in Adobe Illustrator

7. Create a Stylish Business Print Ready Flayer

8. Create an Adorable Puppy with Negative Space and the Paintbrush Tool

9. How to make a realistic vintage typewriter in Illustrator

10. Create A Cube With Embossed Letters On Each Side

11. Create a Glowing Fluorescent Text Effect

12. How to Create a Vector Fan

13. How To Create a Colorful Logo Style Icon in Illustrator

14. Create Test Tube Illustration

15. How to Create a Clean Style Folder Icon

16. Create a Vibrant Abstract Vector Design Illustrator

17. How to Draw an Infinite Clock with Art Brushes

18. How to Create a Tube of Paint and a Brush, Using Adobe Illustrator

19. Create a Vector Combination Lock Icon in Illustrator

20. How To Create Outstanding Modern Infographics

How to Install WordPress? Beginner Guide

Ravi Ahuja — Wed, 04 May 2011 11:42:57 +0000

Today blogging is become the best way of sharing our knowledge or sharing about our self. Anyone can start there blog for free with the help of many free services like blogger.com etc. WordPress is the great blogging platform and you want to start your blog with your own domain name and on WordPress then this tutorial will help you to setup your WordPress blog.

There is no doubt that WordPress is the best blogging script, today millions of blog are running on WordPress and the great thing is it’s free. To setup your WordPress blog you need few things like your domain name, web hosting space, FTP software and notepad application that’s it.

Most of the hosting plans fulfill WordPress installation requirements like PHP 4.3 or greater, database MySQL 4.1.2 or greater and mod_rewrite Apache module. Linux hosting is affordable then Windows and covers all the above requirements.

Before starting WordPress setup you have your domain name, hosting account and now you have to download WordPress from WordPress.org, download it and unzip the download files.

Create Database and User

You have to login your hosting account and create a database and MySql user for that database. Every hosting company have different admin panel so it is difficult for me to tell how to create database from your hosting account. Please search for help available on your hosting provider website for creating database and its user account.

Now you have unzip the download files you will find “wp-config-sample.php” file rename it to “wp-config.php”. Open this file in notepad and change the “Database Name”, “User Name” and “Database password” same as you have used while creating database and user from your hosting control panel. See the image for example.

Now upload all WordPress file to your web server. If you want to make your WordPress installation as your default home page (e.g. http://example.com/) then upload these files into root folder like “/httpdocs”. You can use free FTP client like Filezilla to upload files to web server.

You have uploaded all files now here comes the popular WordPress 5 minute installation. Now open your web browser and type the URL where you have uploaded WordPress file. If you have uploaded WordPress on root directory then open “http://www.yourdomain.com” and if you have uploaded in subdirectory then “http://www.yourdomain.com/blog”. The WordPress setup screen will open if not then open “http://www.yourdomain.com/wp-admin/install.php”

Fill the details like your “Blog Title” WordPress admin user name, password and your email. Just submit this form and you are done. You can start blogging by login to admin panel http://www.yourdomain.com/wp-login.php

10 Useful Infographic for Web Designers and Developers

Ravi Ahuja — Mon, 11 Apr 2011 10:18:13 +0000

Infographic are innovative way of teaching and learning. Infographic is not just easy to understand but it helps to remember information for long time.

Infographic is the way of explaining things or information in pictorial form. Infographic is created in such way which should be easy to understand and give more information in fewer words and more in pictures. These days there are many Infographic are available on various topic. I found some useful Infographic for web designers and developers. These Infographic well help you understand or get useful information which web designers must know.

10 Infographic Useful for Web Designers and Developers

1. Web Designers vs. Web Developers

Infographic of the differences between web designers and web developers.

2. The Ultimate WordPress Cheatsheet

This is a useful WordPress Cheatsheet Infographic to help you WordPress Theme.

3. How The World Spends Its Time Online

As a Web designer or developer what people do online? This helps you to develop your website according that this Infographic help you to know what people do online.

4. An Overview of Programming Infographic

Infographic helps you to learn history of computer programming.

5. What Your Web Design Says About You

An Infographic that delves into the meanings of fonts and colors in the context of web design.

6. Ultimate HTML5 Cheatsheet

A useful Cheatsheet Infographic on HTML5.

7. Which Designer Job is the Best?

8. All You Need To Know About Web Designers

Learn everything you need to know (and more) about web workers from a single glance.

9. World Of Programming

This infographic exhibits pioneers in the field of programming, along with the history and current statistics of various programming languages.

10. The Psychology of Color – Must See for Web

Infographic on importance of Color in Web designing.

20 Mind Blowing Photoshop Photo Manipulation Tutorials

Ravi Ahuja — Mon, 28 Mar 2011 08:33:45 +0000

Photo manipulation is not just creative part of graphic designing it is art as you must have imagination to mix different images in one.

Photo manipulation is the way to convert an image into totally different image or mixing two or more images and create a new image. Photoshop is the most popular graphic software for creating manipulated images or text effects etc. There are many free and paid Photoshop tutorials available over the internet. We searched for some great Photoshop Photo Manipulation tutorial and have listed 20 tutorials which can help you to master Photoshop.

You may also be interested in the following post.

20 Photoshop Image Manipulation Tutorials

1. Create a Fictional Arctic Snow Frog in Photoshop

2. Create a Lost Fantasy Micro World with Powerful Photo Manipulation Techniques in Photoshop

3. Undress a Giraffe in Photoshop

4. Create a Fallen, Rain-Soaked, Angel Composition in Photoshop

5. Create Bring Me To Life Photo Manipulation Scene

6. Design a Spectral Photo Manipulation

7. Turn a Photo Into a Nature Inspired Illustration

8. How to Create a Realistic Crack Effect on a Face

9. Create a Realistic Blueprint Image From a 3D Object

10. Create a Stylish Retro Futuristic Poster in Photoshop

11. Robotic Horse

12. Vintage Photo Effects Using Adobe Photoshop

13. Create a Street Fighter Inspired Composition in Photoshop

14. Create A Striking Nature Scene In Photoshop

15. Create Surreal Human Face with Flame Hair and Disintegration Effect in Photoshop

16. Funny Photo Manipulation – Incandescent Vs. Fluorescent Light In CS5

17. Create a Nature Inspired Photo Manipulation in Photoshop

18. Creating the Terrifying Photo-Manipulation ‘Wrath’

19. Creating an Abstract Ecology Scene with 3D Render

20. Create Epic Splashing Human Photo Manipulation in Photoshop

21 Beautiful Photoshop Text Effects Tutorials

Ravi Ahuja — Mon, 10 Jan 2011 10:59:45 +0000

Text is very important part of any graphic design. Creative text effects increase beauty of any graphic design.

Every graphic design use text whether it is web banners, posters or any advertisement text is important part. There are many way of designing creative text effect and you can use different graphic software. Photoshop is great graphic designing software and it is a great tool for creative amazing text effects. If you want to learn some great Photoshop text effects then here are 21 latest tutorials for text effect.

You may also be interested in the following post.

21 Photoshop Text Effects Tutorials

1. Create a Futuristic, Grungy Metal Text Effect in Photoshop

2. Create Cracked 3D Stone Text Effect with Photoshop and Cinema 4D

3. Create Liquid Filled Glass Text in Photoshop

4. Create a Harry Potter Style Text Effect in Photoshop

5. Create Super Glossy 3D Typography in Illustrator and Photoshop

6. Create Eye-Catching 3D Tech-Style Text Effect

7. Light Beam Text Effect!

8. Create “Take a Break” 3D Text Composition

9. Design Glowing Particle Text Effect with Liquify Filter in Photoshop

10. Use Google Sketchup and Photoshop to Create 3D Typography

11. Create An Underwater Typography Scene

12. Design an Awesome Burning Flame Text Effect in Photoshop

13. Create a Grungy Looking, Blood-Stained Text Effect in Photoshop

14. Create a Daft Punk Inspired Text Effect

15. Create Elegant, Glassy, 3D Typography in Photoshop and Illustrator

16. Extremely glossy and shiny text effect

17. Making Elegant Text Effect Style

18. Create 3D type with Repoussé

19. Xmas Tree Typography in Photoshop

20. Honey bubbles text effect

21. Create a realistic folded paper text in Photoshop

21 Creative Photoshop Photo Manipulations Tutorial

Ravi Ahuja — Tue, 19 Oct 2010 07:15:56 +0000

It’s no need to tell you the power of Photoshop. As you know Photoshop is best graphic editing software and you can create amazing designs on it. For photo manipulation Photoshop is great tool and you can give great effects to your photos.

To learn Photoshop there are many free tutorial available on different topic of Photoshop. There are many things you can create on Photoshop you have to just decide the topic. Photo Manipulation is another great thing you can do on Photoshop you can mix or edit images and create totally new image using Photoshop.

This time I searched for some great photo manipulation tutorial for Photoshop and I found some great tutorials which are listed below.

You may also be interested in the following creative examples.

21 Amazing Photoshop Photo Manipulations Tutorial

1. Transforming the Image of a Girl into a Milk Figure

2. Combine Stock Photography to Create a Sleepy Japanese Village

3. Playing with Displace Filter in Photoshop

4. Water Effect Photo Montage

5. How to Simulate X-Ray Photography in Photoshop

6. Luxury retro car poster with paint splashing effect

7. Creating Angel-Like Wing Photo Montage

8. Give a Yellow Lamborghini a Paint Job in Photoshop

9. Create an Ink Splattering Knight Composition

10. Simple Cartoon/Comic Style

11. Cute Flying Hippo

12. Master Dynamic Manipulation

13. Creating a Dramatic Polar Panorama Effect

14. Create a half man half horse centaur

15. How To Hold A Calculator

16. Create a Dark and Rainy Crime Scene

17. Castle in the Sky

18. Unusual Photo Stylizing Effect by Fragments

19. Designing A War Movie Poster

20. Creating Electrifying Energy Ball

21. Money Style Illustration in Photoshop

5 Free Useful PHP Tutorials

Ravi Ahuja — Mon, 30 Aug 2010 10:34:33 +0000

PHP is most used programming script. The main reasons of popularity of PHP were that it can be run on any OS platform (not like ASP), you can find lot of support and much more.

Today most of the web programs run on PHP like most popular blog software WordPress is created on PHP, popular forum scripts like vBulleting and phpBB are created on PHP there are endless list of popular scripts which are created on PHP.

You can find lots of free tutorials on PHP. You can find PHP tutorials which will teach you PHP from beginning. Here I have listed some PHP tutorials which will teach you some interesting and useful things for your website.

5 Free PHP Tutorials for your Website

1- How to Authenticate Users With Twitter OAuth

2- How to Display Facebook Fan Count in Text

3- How to Authenticate Users With Facebook Connect

4- PHP/MySQL Tutorial

5- Build Your Own PHP Web Mailer