30+ smashing tutorials for creating Texture and Background Effects in Photoshop

We all know that attractive backgrounds are very much needed for any graphics, banners or ads these days. An interesting artwork can make the abstract art , vector or texture pattern more appealing . Getting the correct theme, whether it’s an abstract art, vector, or texture pattern, somehow makes the entire artwork looks more interesting.

Hope most of you know the importance of a good background image . For Instance , some product graphics advertisements uses subtle background or texture to help create focus point. Even your Desktop also needs a good attractive background as well. And also for most of the web designers creating backgrounds is a tedious job , since for that you need to know photoshop or Adobe illustrator and other image editing software. Even though if you are good at CSS programming skills without a background image you can't create a much appealing site.

So here I present some of the most famous and interesting abstracts and background tutorials for Adobe Photoshop users.It’s probably not about getting the exact effect they’ve got, but to pickup the technique and see how you can advance from there.

Calculations And Colorization :

Learn how to create an Alpha Channel using the Calculations dialog and we’ll use it to get a really great abstract photo effect.


Create a magical rainbow color flame in Photoshop


Repeating Seamless Background

A trick often employed on webpages is to use a seamless background that can tile both vertically and horizontally. If your website gets alot of traffic and you don’t like paying for extra bandwidth costs you need to optimize your site for every single kilobyte. This generally translates to NOT using a giant JPG as a background.

Abstract Summer Illustration :

Learn to create an illustration picturing the summer.


Texture of black bubbles effects :

Create cool texture of Black Bubbles in photoshop


Digital Star Effect

An easy tutorial to generate Digital Star Effect in Photoshop .


Mac-type background

This tutorial is about making a "mac" style background. You can use these in all sorts of situations, including the obvious --your desktop-- as well as part of your designs or for corporate work


Cool abstract background

Being able to create effects from elsewhere is a great way to learn Adobe Photoshop. Here I will take you through the steps used to create abstract background from bubbles and waves.

Chroma Wallpapers

This tutorial explains how to create a energetic, vibrant, colorful wallpaper, like the ones available at Color Charge.

photoshop tutorial abstract light rays

An easy tutorial to create abstract light rays in photoshop.

Photoshop Retro Grid Background

Create Retro Grid Background easily in photoshop with this tutorial


vintage grunge textures


Brown Paper Textures

5 Fantastically Free High Res Brown Paper Textures created by Blog Spoon Graphics


Christy Sobolewski Textures




color grunge textures



hardcore vintage grunge




Old Grunge Photo Texture Pack




17 More Old Book Cover Textures




Vintage Texture Pack



Wood textures : Textures - Wood



Local Texture: Three by One


Feel free to use this for anything you want. It took five seconds to take the photo, but I'd still like to see the finished product of anything this is used in. Click download for larger.


Cardboard Textures and Objects



Add Visual Texture in 3 Easy Steps


Create an Awesome Background Using Patterns


Create a Realistic Torn Paper Effect in Photoshop


How To Make An Awesome Grungy Paper Texture From Scratch


53 Impressive Polka Dot Pattern Swatches


GrungeTextures


Brusheezy Patterns


Milleseicentopercento


Abstract Lines Background


hope you guys will like this one. If you have came across any other tutorial to create texture or background effect then please let me know. I will add them to this list as well.

10 excellent Fonts for making professional designs

Typography plays a vital role in creating professional designs. Professional fonts can help us to convey our message in a more convenient way. But most of the fonts are not royalty free, it does cost some price. Before purchasing a font you might want to take a glance at outstanding free alternatives first.

i have regularly collected few high-quality fonts available for free download and free to use for personal or/and commercial projects. So in this article i would like to share some of the best free fonts I have collected so far.

BB Petie Boy


An impressive collection of grungy fonts, published by Danny Outlaw.




Tallys



Tallys is a font that is one degree slanted and has large caps, a small x-height and long ascenders. It comes with hybrid numbers and a complete character set.



FONTIN



The Fontin is designed to be used at small sizes. The color is darkish, the spacing loose and the x-height tall.



The Fontin italic is not a slanted roman, but a true italic.



Fontin Sans for free



I've designed Fontin Sans to be a suitable sans companion of Fontin. With a nice classical appearance it will be a perfect match. Fontin will be rereleased in OpenType format (soon) as Fontin Semi (with a Bold Italic) to match new metrics an kerning. Be sure to check back once a while.



Myndraine



It is a very impressive font. This font includes 182 characters.



Folks



A TrueType-font, designed by Manfred Klein and available in 4 weights - light, regular, bold and heavy.


FF Nuvo OT Medium



This font is still available for free download. Designed by Siegfried Rückel, it’s a contemporary type design with vertical contrast, and especially the characters a, g and y show the calligraphic touch. Suitable for magazine design from headlines to longer texts as well as for advertising, packaging and corporate design. A free download for a limited time. OpenType.



Grunge Serifia



This is a font I modified from the font Serifa Black. We needed a version of Serifa that was all grunged out for a magazine identity.




Whiteboard Modern Demo



Whiteboard Modern was hand drawn, but created entirely with a Wacom tablet and Illustrator.



Baja California



It's another free professional font which will be very useful for designing purposes.
The demo version contains the entire alphabet, upper and lowercase. Hope everyone likes it!



Hope you guys will like my collection. Even if you find some excellent free fonts please leave a comment i will add them to this list.

Digital Statement Blogger Template

One of my Blog reader , requested me to convert Digital Statement wordpress theme to blogger. The wordpress theme was developed by Blog Oh Blog. This is a professional theme with lots of new features available.



Main features of this template:



  • Header with a search widget on right :


  • This is the code i have used

    <div id='searchbox'>
    <form action='/search' id='searchform' method='get'>
    <input class='swap_value' id='s' name='q' type='text' value=''/>

    <input alt='Search' id='go' src='http://i624.photobucket.com/albums/tt327/digitalstatement/go.gif' title='Search' type='image'/>
    </form>
    </div>


    you can see this code if you check expand widgets box in layout page. If you want to show your own adsense search box then just replace this code with your adsense search box code.

  • Two navigation widget available.


  • This is the code I have used
    <div id='nav'>
    <ul>
    <li class='page_item'><a href='http://techieblogger.com/'>Home</a></li>
    <li class='page_item'><a href='http://www.wordpress.org' title='Wordpress'>Wordpress</a></li>
    <li class='page_item'><a href='http://www.blogger.com' title='Blogger'>Blogger</a></li>
    <li class='page_item'><a href='http://www.techieblogger.com' title='Taking Blogger to Next Level'>Techie Blogger</a></li>
    </ul><div class='clearfloat'/>

    <ul id='cat'>
    <li class='cat-item'><a href='http://www.techieblogger.com' title='View all posts filed under Blockquotes'>admin</a></li>
    <li class='cat-item'><a href='http://www.techieblogger.com/2008/07/page-navigation-hack-for-blogger.html' title='Page Navigation Widget'>Numbered Page navigation</a></li>

    <li class='cat-item'><a href='http://www.techieblogger.com/' title='View all posts filed under Lists'>Author</a></li>
    </ul>
    </div></div>


    replace all the links with your own links. If you are satisfied with just one navigation widget and want to show adsense 726x15 ad link unit then you need to edit the second navigation code with this.

    <ul id='cat'>
    < ---- adsense code here --- >
    </ul>



  • Related Posts Widget with custom CSS is included in this template with print option.


  • Comments with unique CSS style and showing author comments in different style is included.


  • If you want to show your own avatar then search for this code in the edit HTML tab pge with expand widgets box checked.

    http://www.gravatar.com/avatar.php?gravatar_id=ef6eb8d01747fd1846efd0227517ca1c&rating=R&size=36

    replace that url with your own avatar url.

  • Two Tabbed Navigation Widget is included in Sidebar. If you want to change the titles of the tabbed navigation , then search for this tag in EDIT HTML page.


  • <div class="tabbertab" title="Recent Post">

    similarly you can change the titles of other widgets also.

  • Three column footer section is available in this template.

  • I haven't included the featured post hack in this template , because most of the blogger users won't use that. if you want to add that featured post widget then add the following java script above </head>

    <!--SmoothGallery Starts-->

    <link rel="stylesheet" href="http://wpthemes.blogohblog.net/wp-content/themes/Digital_Statement/js/smoothgallery/css/jd.gallery.css" type="text/css" media="screen"/>
    <script type="text/javascript" src="http://wpthemes.blogohblog.net/wp-content/themes/Digital_Statement/js/smoothgallery/scripts/mootools.v1.11.js"></script>
    <script type="text/javascript" src="http://wpthemes.blogohblog.net/wp-content/themes/Digital_Statement/js/smoothgallery/scripts/jd.gallery.js"></script>
    <!--SmoothGallery Ends-->


What's Next ?


With So many new features available , hope everyone will like this template.

Download | Demo



Guys I am giving this template as free so please don't remove the footer credits



Hope you Guys will like this template.. if you are really impressed by my hard work then please make some donations.







See you soon with a new template.

update :

if you want to remove one of the tabbed navigation Widget then do the following step.

Go to Layout page of your template and then navigate to EDIT HTML sub page. There search for the following tag

<div id='tab'>
<div class='tabber'>

<div class='tabbertab' title='Archives'>

<b:section class='tabber' id='tab1' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>

</div>

<div class='tabbertab' title='Categories'>


<b:section class='tabbertab' id='tab2' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
</b:section>
</div>

<div class='tabbertab' title='Tag Cloud'>

<b:section class='tabbertab1' id='tab3' preferred='yes'/>
</div>

</div></div>


remove this whole code.

If you need any other customization let me know..

Government Engineering Colleges in Tamil Nadu

Here is a list of Government Colleges in Tamil Nadu under Anna University . Among other colleges in Tamil Nadu, Government Colleges place Top ranks. If you are able to get a seat in anyone of these Government Colleges then you need to pay only less fees compared to self-financing colleges and also you can get placement in good companies.

1. ANNA UNIVERSITY TIRUCHIRAPPALLI - ARIYALUR CAMPUS

GOVERNMENT ARTS COLLEGE CAMPUS
ARIYALUR DISTRICT PIN 621713

2. ANNA UNIVERSITY TIRUCHIRAPPALLI - PANRUTI CAMPUS

PLOT NO 16,17,22,23,THILLAI NAGAR, VIP LAYOUT VADAKUTHU VILLAGE
KURUNJIPADI UNION PANRUTI-VADALUR ROAD,PANRUTI,CUDDALORE DIST,PIN - 607308

3. ANNA UNIVERSITY TIRUCHIRAPPALLI - RAMANATHAPURAM CAMPUS

FATHIMA CENTRE 53/25 MADURAI ROAD
RAMANATHAPURAM DIST PIN-623501

4. ANNA UNIVERSITY TIRUCHIRAPPALLI - THIRUKKUVALAI CAMPUS

ANJUGAM-MUTHUVELAR GOVERMENT HIGHER SECONDARY SCHOOL CAMPUS THIRUKKUVALAI NAGAPATTINAM DIST

5. BANNARI AMMAN INSTITUTE OF TECH., SATHYAMANGALAM, ERODE (AUTONOMOUS)

SATHY-BHAVANI (STATE HIGHWAY), ALATHUKOMBAI POST
ERODE DIST, PIN - 638401

6. COIMBATORE INSTITUTE OF TECHNOLOGY, COIMBATORE

CIVIL AERODROME POST COIMBATORE DIST, PIN - 641014

7. EASWARI ENGINEERING COLLEGE - CHENNAI

BHARATHI SALAI, RAMAPURAM POST TIRUVALLUR DT. DIST, PIN - 600089

8. GOVERNMENT COLLEGE OF ENGINEERING, BARGUR, KRISHNAGIRI

BARGUR POST, MADEPALLI KRISHNAGIRI DIST, PIN - 635104

9. GOVERNMENT COLLEGE OF ENGINEERING, SALEM

NH 7 BANGALORE HIGHWAY SALEM DIST, PIN - 636011

10. GOVERNMENT COLLEGE OF ENGINEERING, THIRUNELVELI

PERUMALPURAM POST,PALAYAMKOTTAI TALUK TIRUNELVELI DIST, PIN - 627007

11. GOVERNMENT COLLEGE OF TECHNOLOGY, COIMBATORE

THADAGAM ROAD,GCT POST COIMBATORE DIST, PIN - 641013

12. KARPAGAM COLLEGE OF ENGINEERING - COIMBATORE (AUTONOMOUS)

SF NO.758, 759 AND 760, OTHAKKAL MANDAPAM POST COIMBATORE DIST, PIN - 641032

13. KONGU ENGINEERING COLLEGE, ERODE (AUTONOMOUS)

THOPPUPALAYAM, PERUNDURAI POST
ERODE DIST, PIN - 638052

14. K.S.RANGASWAMY COLLEGE OF TECH.,THIRUCHENGODE, NAMAKKAL (AUTONOMOUS)

KSR KALVI NAGAR, KSR KALVI NAGAR POST
NAMAKKAL DIST, PIN - 637215

15. KUMARAGURU COLLEGE OF TECHNOLOGY - COIMBATORE (AUTONOMOUS)

POST BOX NO. 2034, GANAPATHY POST
COIMBATOREDIST, PIN - 641006

16. PSG COLLEGE OF TECHNOLOGY, COIMBATORE

PEELAMEDU POST
COIMBATORE DIST, PIN - 641004

17. UNIVERSITY COLLEGE OF ENGINEERING, TINDIVANAM

(CONSTITUENT COLLEGE OF ANNA UNIVERSITY-CHENNAI)
TINDIVANAM

18. UNIVERSITY COLLEGE OF ENGINEERING, VILLUPURAM

(CONSTITUENTCOLLEGE OF ANNA UNIVERSITY-CHENNAI)
VILLUPURAM

19. UNIVERSITY DEPARTMENTS OF ANNA UNIVERSITY CHENNAI, ACT CAMPUS

SARDAR PATEL ROAD,GUINDY,ANNA UNIVERSITY POST
CHENNAI DIST, PIN - 600025

20. UNIVERSITY DEPARTMENTS OF ANNA UNIVERSITY CHENNAI, CEG CAMPUS

SARDAR PATEL ROAD, GUINDY, ANNA UNIVERSITY POST
CHENNAI DIST, PIN - 600025

21. UNIVERSITY DEPARTMENTS OF ANNA UNIVERSITY CHENNAI, MIT CAMPUS

CHROMPET,CHENNAI,TAMBARAM TALUK
KANCHEEPURAM DIST, PIN - 600044

22. UNIVERSITY DEPARTMENTS OF ANNA UNIVERSITY TIRUCHIRAPPALLI, BIT CAMPUS

MATTUR,TIRUCHIRAPPALLI POST
TIRUCHIRAPPALLI DIST, PIN - 620024

Custom Search
Web Analytics