Tips and Tricks
We have previously posted many articles on CSS tutorials and resources you can learn CSS from. Today, again we come up with yet another great list of 40 CSS tutorials, techniques and resources that you will enjoy exploring. Every developer knows very well how important it is to learn and use CSS effectively. Therefore, tall the developers keep themselves updated with the latest development and advancement in the technology.
Below is the list of 40 useful CSS tutorials and resources you cannot afford to miss. We hope this broad list will train you something innovative, or moreover jog your memory and help you recall some methods you haven’t used for a while.
In this tutorial we are making something practical, a simple CSS3 animated navigation menu, which degrades gracefully in older browsers and is future-proofed to work with the next generation of browsers.
In this CSS3 tutorial, you’ll learn how to create web card pockets using some great new CSS3 techniques.
Absolute position is a feature of the CSS2 specification that is supported by all of web browsers. If you posit an element (an image, a table, or whatever) absolutely on your page, it will appear at the exact pixel you specify. In this tutorial, we will use some tricks to create a fancy link block that make our links more attractive.
Too many designers neglect the click state (active: property in CSS) in web design, either because they’re unaware of it, underestimate the importance of it or are plain lazy. It’s a simple effect that improves usability by giving the user some feedback as to what they’ve clicked on but can also add depth to a design.
In this tutorial will will create a Sexy Vertical Sliding Panel Using jQuery And CSS3.
A one-pixel background image can be a pretty versatile thing. With repeat-x it can be a horizontal line, repeat-y makes a vertical line, and repeat makes it a fill color. Just as a little fun proof of concept, we can use that to create a depth-chart looking unordered list.
Calls to action are critical for any website, and a compelling, attention-grabbing, clickable button goes a long way toward driving that engagement. In the past, really awesome buttons needed extra markup, sliding doors or other trickery. We’ll show you here how to create nice button styles without any hacks or cheats.
In this tutorial we will learn how to build multi-level multi-column multi Menus with pure CSS.
In this tutorial, you will see a simplest way to build a same effect by using CSS only. With some CSS make-up, your menu will be elegant. Not sure which one is easiest, but for sure it’s the simplest menu comes with drop effect: horizontal and vertical navigation.
In this tutorial author is going to walk you through how he have set up the blogroll in our upcoming redesign. Load up the example page to see how our final product will look.
Let’s take a look at building a simple button using CSS image sprites, starting right at the beginning in Photoshop and finishing with the complete coded example. This one’s a good one for anyone getting started with CSS!
In this tutorial author would like to go over how to create a simple navigation with a horizontal subnav.
In this tutorial you will learn how to create CSS3 Speech Bubble.
In this tutorial author will teach you how to create nice scalable CSS Based Breadcrumbs. Author is using only one simple graphic. The rest is basic CSS styling with an unordered list as HTML code.
Creating a fluid search box when you only have a single element next to it is trivial. What you do is wrap the input in an element and use padding to create space for the fixed element, then position the fixed element absolutely (or relatively) in the space created by the padding.
As CSS3 gets closer to becoming the new standard for mainstream design, the days of rounded corners through elaborate background images is fading. This means less headache and time spent working out alternatives for each browser.
Typography on the web is anything but simple, and for many, it is a troubling mystery. In this tutorial we’re going to review six ways that web designers and developers can improve the typography of the sites they create.
The letterpress effect is becoming hugely popular in web design, and with a couple of modern browsers now showing support for the text-shadow CSS3 property it’s now simple and easy to create the effect with pure CSS. No Photoshop trickery here!
These techniques can be very helpful if you need to keep images at a certain size, i.e. thumbnails in the news section or something similar. Being able to use CSS to control which portion of image to display is a great bonus.
Here author have prepared a tutorial about how to use CSS3 to make an image gallery with animation. He recommend to use one of these browsers to see the animations; however, the gallery is going to be usable in browsers without support of the animation.
Let’s take a look at how a similar style can be created for sprucing up your web designs, while taking into consideration semantics and avoiding the repetition of any markup.
In this tutorial you will learn How To Create Depth And Nice 3D Ribbons Only Using CSS3.
In this tutorial you will learn How To Create Simple, Stylish and Swappable Image Captions.
Polaroid pictures (or fake ones anyway) can be created using Photoshop or a similar graphics package but author aim to create the same kind of look by using CSS.
In this tutorial author will show you how to slice up the menu design (step by step) and put them together with CSS.
This sliding doors CSS hack allows you to create sophisticated tabs for your navigation bar.
This tutorial is really very helpful, very nice and useful tip on creating Mac’s Dock menu.
In this tutorial author would like to go over how to create a sexy drop down menu that can also degrade gracefully.
This tutorial is not going to go in depth about all the benefits of sprites, but will show you how to use the technique correctly.
This tutorial teaches how to build a css navigation using sprite images. With the mobile web becoming more important than ever before, load time and the size of a web site are some of the biggest factors to consider when developing a site for mobile users.
It’s true that CSS is heavily reliant upon a grid — everything flows on x and y axes (and can be positioned as such, much like designs built in Photoshop). However, this doesn’t mean that your design has to be boring. If you understand how the grid works, you can fracture or abstract that grid to make your layout more dynamic and interesting.
The Ultimate Guide to Creating a Design and Converting it to HTML and CSS
In this web design tutorial, you’ll see a process for converting a Photoshop mockup to working HTML/CSS template. This is Part 2 of a tutorial series that will show you how to create the design, and then convert it to an HTML/CSS template.
In this tutorial you will learn how to create YouTube-like adaptable view using CSS and jQuery.
In this tutorial we will learn how to distribute elements horizontally using CSS.
In this tutorial author would like to go over how to create a fixed sidenav layout for your blog or website.
Here are 25 incredibly useful CSS tricks that will help you design great web interfaces. You might be aware of some or all of these techniques, but this can be your handy resource to nifty CSS tricks that you should know.
In this tutorial, author will show you eleven different time-consuming effects that can be achieved quite easily with CSS3.
This post showcases a list of useful and unique photography related tutorials that will help you learning the skills of a trained photographer. The field of photography has extensively grown over the past few years to such a huge industry with millions of photographers emerging every day around the globe and mastering their skills in different areas of photography.
The tutorials listed below let you learn how to capture a digital photograph in a better way and then direct you all the way throughout photo-editing process by means of using photo-editing software such as Photoshop.
In this tutorial, we’ll take an in-depth look at restoring an old torn photograph.
Here’s a tutorial showing you how artist go about aging a woman’s face in Photoshop.
Here in this tutorial we will teach how to change a person’s hair color using Photoshop’s brush tool and the soft light blend.
Using Photoshop to create a classic hand-painted effect.
Street photography is one of those techniques that sounds simple, ‘just go out and take some photos of people wondering about’, but some time it is very difficult, in this guide you will find some tips and basics for great street photography.
In this guide you will learn some useful tips for snapping self-photos.
Waterfalls provide their own unique set of problems which requires a unique set of solutions. This article is about those unique problems and the solutions that allow photographers to produce images that communicate the power and beauty that is inherent in the waterfalls that stand before their lenses.
In this guide you will learn some useful tips about comets photography.
Imagine one day you announce to all your friends that you have a twin, by showing them a very realistic photo. There must be many fun then! In this tutorial artis will show you how to do that in this photoshop tutorial.
Infrared photography is one of those techniques that requires a bit of practice. Its not that hard to produce an infrared photograph but adjusting the image in post processing is a business that yeilds different results each and every time, learn all about it through this guide.
In this Photoshop tutorial, we’ll look at how to give ourselves two different views of the same image by opening it in two separate document windows, each set to a different zoom level, making it much easier to judge the effect our edits are having on the overall image.
Is your lens lacking contrast? Find out how to simulate the contrast qualities of high quality lens with this Photoshop retouching tutorial. This effect increases visible detail and edge contrast without increasing the overall image contrast.
In this tutorial we will demonstrate a quick technique to make your photos look as if they were taken at night. Let’s get started!
There are times when a regular photo just doesn’t cut it and you need your photo to pack a punch. Here is one technique that you may find useful.
In this guide you will learn tips and techniques for taking professional level weddings photography.
In this Photoshop photo effects tutorial, we’ll learn how to easily add a rainbow, and even a double rainbow, to a photo! As we’ll see, Photoshop ships with a ready-made rainbow gradient for us to use. We’ll learn where to find it and how to load it in.
One of the new features we will be looking at this tutorial is called Content Aware. This feature allows you to quickly fill in a selection with surrounding content making it look like a part of the original image.
In this guide we will discuss the usefulness of lines for better shots.
One of the most frustrating experiences for a photographer is to get home from a photo trip with some great images only to find that some of the images are not sharp. To help solve this problem, this article covers seven things that a photographer can do to create really sharp images.
Ok, So You Wanna Look Muscular? But don’t afford the money nor the time to train in a gym? Who cares, it’s only a quick impression picture that matters, right? Well, You can be right! Check out this tutorial to see how you can improve yourself!
What’s a bokeh you say? It’s that oh-so-wonderful fuzziness in the background of photographs with a shallow depth of field and accompanying starry highlights. You can create you own bokeh effects with a little craftiness.
Photographer Philipp Klinger gives his advice on capturing elaborate structures.
This tutorial has been produced using Photoshop CS2 on a PC and shows you how to give a city shot a neat miniaturization effect.
Try this simple step-by-step process for making beautiful monochrome images.
Have you wanted to learn more about color correction? The focus of this tutorial is to help you delve deeper into color correcting to up the production value of your images. Learn a few simple techniques while creating.
In this tutorial we will find some useful tips on how to achieve great wakeboarding pictures.
In this step by step guide we will learn some technique of camera toss photography.
There are so many methods to change your photo’s color, but here artist will show you some best ways to do that.
In this tutorial, you will learn how to retouch a model’s face and subtly manipulate her hair. In addition, we will enhance the canvas by adding attractive lighting and 3D effects.
This tutorial will teach you how to use this tool to color correct photos efficiently.
In this tutorial, we will look at the Healing Brush, by far the best photo retouching tool in all of Photoshop, and how we can use it to easily reduce distracting skin wrinkles in an image.
In this tutorial you will learn how to make a portrait more honorable and admirable.
Photographing insects in flight is one of the greatest challenges for all wildlife photographers. This article describes how to capture crisp, sharp images of the Emperor Dragonfly.
A Guide To Nightclub Photography
In this tutorial you will learn how to make a beauty makeover with cool retouching effects:
Shutter Priority is an auto exposure system in which the camera achieves correct exposure by selecting the aperture after the user has selected the shutter speed.
In this tutorial video we’ll give you tips on how to cheat Mother Nature and show you How to Create Your Own Sunshine in the Studio.
A step-by-step guide to capturing that perfect motion shot.
Tips for better technical and creative results shooting video with your DSLR.
This case study shows how lighting was manipulated to create the perfect environment for a fashion photoshoot.
In this lesson, we decided to keep things very simple and just illustrate some uses of this one simple shoe mount flash lighting kit, the XS OctoDome nxt Basic Kit with Grids, for both indoor and outdoor portraits.
When shooting portraits, good lighting is all-important. To make sure you have it, you can buy expensive lighting rigs and multiple flash units. Or you can spend a few bucks and carry just the right mix of sun and clouds in your pack.
How to take close-up pictures of small things.
You can use this technique to take picture of exploding things like tomatoes, water balloons, watermelons, or even your Canon camera as you smash it against a wall for not understanding the menus.
Tips and techniques for using shallow depth of field to add impact to your macro shots.
In this tutorial you will learn how to expand your photo’s tonal range when HDR techniques aren’t ideal.
We use our smartphones to make calls, send and receive text messages, take picture, shoot and view videos, play games, and use various applications. All of this, needless to say, considerably drains the phone’s battery. If you do not take the right steps and modify your phone’s settings appropriately, your phone will need charging every now and then.
Charging the phone every day is surely inconvenient for all phone owners. Thankfully there are a number of steps you can take to increase your iPhone’s battery life. To check out what these tips are, read on the list below. Most of these tips apply to all smartphones; so even you own a smartphone other than iPhone, you will find these tips very helpful.
You are welcome to share if you know more useful tips to increase the battery life of smartphones which our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter and do not forget to become our fan on facebook as well.
1. Turn Off Bluetooth
Bluetooth is used to transfer data from or to your phone. Activating Bluetooth takes a significatnt toll on the battery life. Therefore whenever you are not using Bluetooth, turn it off. Moreover, if you have a choice between transferring the data between the phone and your computer, opt for the phone’s cable instead of the Bluetooth connection.
2. Lower the Screen Brightness
Our phones are usually set at a brightness higher than the one we are comfortable with. By lowering the phone’s brightness not only will you save the battery, but also make viewing your phone more comfortable.
3. Keep Phone Firmware, OS, and Applications Updated
Timely look for latest versions of your phone’s firmware and OS. Moreover look for the latest versions for your installed applications. Usually new updates are less of a burden on the battery than their predecessors.
4. Turn off Wi-Fi
The principle behind turning off Wi-Fi is the same as turning off Bluetooth. By being on while you are not using it, Wi-Fi needlessly consumes battery power. Therefore keep the phone’s Wi-Fi off while it is not in use.
5. Turn off GPS and Location services
GPS is another one of your phone’s features that uses up the battery. All apps that have ‘checking in’ or location services use GPS. Thus by disabling these applications and by disabling GPS you will considerably improve the phone’s battery life.
6. Reduce the auto-lock time
This might be a micro tip, but an important one nonetheless. If your phone auto-locks quicker, than the screen turns off at an earlier time. Each time this happens the phone’s battery is saved up and in the end this accumulates to impressive battery savings.
7. Turn off Push mail and reduce data fetching time
Push mail forwards SMSs and other data from the server to your phone as soon as the data arrives. Needless to say this requires an active connection that consumes battery power. Since most text messages are non-urgent, you can safely turn off push mail and reduce the data fetching time to, say, 15 minutes. This way you will receive text messages 15 minutes late, in the worst delay case, but considerably save the battery life of your phone.
8. Turn off needless sounds and vibrations
Each time the ‘beep’ sounds is made while you press a phone key, battery power is consumed. Any sound your phone produces drains the battery a little. The same applies to the phone’s vibrations. Therefore disabling the unnecessary sounds and vibrations will also save your phone’s battery.
9. Disable the equalizer settings for the phone’s music player
By playing music at a non-default settings, the phone puts in extra effort; this is done by consuming more battery power. Disabling the equalizer use only the default power from the phone’s battery.
10. Complete a charge cycle each month
A charge cycle means charging your phone to the maximum level and then draining it to zero. Doing so every month ensures smooth functioning of the battery. Furthermore this increases the long term life of the battery.
Here we have gathered a round about of some amazing jQuery image galleries and sliders that we hope you will like. You must have seen many of these jQuery image galleries and sliders on different portfolio websites because they are easy and helpful in displaying images and photos than any other medium.
Photo Manipulation is a continually developing collaboration between photography, graphic design and digital editing. It is a process of mixing certain elements and produces an exceptional image that can influence even the most skilled set of eyes.
This is not as easy as it sounds; it requires a very creative set of skills in Photoshop and other tool and also a hell lot of patience. Photo manipulation is an excellent source of inspiration since designers have expressed their creativeness all the way through assorted aspects of design. Here we have collected some amazing examples of photo manipulation. Enjoy!
In this tutorial, artist will show you how to create your unique wallpapers using photo manipulation. Using some images you’ll learn how to blend in different landscapes creating a surreal effect.
In this tutorial We will learn a good technique for incorporating glass transparency into photo manipulations, while placing
In this tutorial, we will use the Layer Mask Tool and Liquify filter to “melt” the camera. Artist recommend you work with a tablet for this one (it makes your work easier), but if you don’t have one it is also possible to go through this tutorial. Let’s start!
It is shown in this tutorial on how to make design a dark sea ship photo manipulation scene.
In this tutorial, you will learn how to create a fantasy landscape using some simple and easy techniques. Everyone with basic Photoshop skills can succeed to recreate this simple image using the most important thing in this kind of photo manipulation – the right stock. So let’s go!
In this tutorial we are going to create a photo manipulation inspired by Valhalla, one of Mariusz Karasiewicz`s works. He is an amazing artist and his work is absolutly stunning. I want to thank him for allowing me to write this tutorial.
In this tutorial, we’re going to make a creative illustration in a style meant for a video game cover or sci-fi book cover. We’ll create this with mostly photo manipulation techniques. With some cool Photoshop options you can turn all the photos you chose, into one stunning looking explosive cover.
Create a breath taking scenery by combining two photos and applying several photo effects. When you follow this Photoshop tutorial, you’ll learn masking techniques and several photo effects.
In this photoshop tutorial, you’ll learn how to mash up a series of photos in a highly creative poster based on a famous painting from the 1800’s. Let’s get started!
Let us do something different this week! We will be creating a game poster with magical theme. This tutorial shows how to draw a sword from scratch and also introducing some of the latest high quality brushes on the internet.
In this tutorial, we will learn how to manipulate a simple photo into a flooding torrent of a scene. We’ll use some relatively simple techniques to give this image a semi-realistic, stylized feel. Let’s get started!
Today I’m going to show you how to put together a complex tree illustration. The idea for this tutorial is to show a workflow from concept to finish, not just so you can copy this illustration, but so that you can take the ideas behind it and use them for any design you have. It’s not just the finished design but the process we are after.
In this tutorial, I will guide you through the steps to create a futuristic sci-fi scene. We will transform original pictures using Photoshop tools that will help to give the image a more spectacular look
Nearly all the designers and artists use, interact and rely on Photoshop and its tool for completing their design projects. Photoshop is being employed in all aspects of graphics designing. The majority of us don’t yet realize it because of the spectacular practicality and integration of the environments.
One of the major use of Photoshop comes in creating stunning text effect which has been required in banners and logos. An attractive text effect on the banner or on the logo can attract the huge numbers of visitors, and therefore it is very important to have an appealing text effect which can only be accomplished with the help of Photoshop.
Keeping this in mind, we have assembled this post which contains 45 beautiful and useful Photoshop text effect tutorials which are cool and easy to follow.
Ornamental text can be created in several ways. In this tutorial we will demonstrate how to combine several stock images to create some nice gold ornamental typography. Let’s get started!
In this tutorial, artist will show you the process involved in creating this golden flame text effect with soft smoke texture in Photoshop.
In this Photoshop tutorial artist will show you creative way how to displace the text and get an interesting effect on it.
If you want to take your digital painting and illustration skills to the next level, then we have an awesome tutorial for you. Learn more after the jump!
In this tutorial, you will learn how to bring a simple text to life and place everything in fantastic, colored and glowing 3D space. Some neat techniques covered here will allow you to bring your artwork to the next level. Don’t miss it!
Today we are going to take a look at a well-known type of typography treatment. You will not only get an idea of how to create cool typography, but you will also learn how to give it a nice cartoon touch.
In this tutorial, We will be creating a game poster with magical theme. This tutorial shows how to draw a sword from scratch and also introducing some of the latest high quality brushes on the internet.
In thi tutorial we’re going to take all the pieces of the puzzle and finalize them. It’s all about realism here as we explore seamless integration of separate 3D objects into a single document. Learn how to add color, match luminosity, and add beautiful contrast to your renders.
3D graphics are often created using several applications. Today, we will use Photoshop, Illustrator, and Cinema 4D to create a stunning nightclub themed 3D composite. Let’s get started!
On this Photoshop tutorial artist is going to show u how to make one interesting effect which he received by experimenting with Photoshop filters. In the end our effect will looks like cardiac rate.
This text will be created using a series of shapes with different transparency and color effects. Let’s get to it!
This Adobe Photoshop tutorial takes the simple “create metal text effect in Photoshop” that thousands of people teach all over the web and turns it on it’s head! Adding polishes, shines, motion blurs, and oh yes… NINJA STARS. It’s a must read.
Today, we will combine those two popular styles and create an extruded 3D glossy text effect in Photoshop. Let’s get started!
In this tutorial i am gonna show you how to create a piece of metal with a graved text on it.
In today’s tutorial we will take a black and white logo and give it a rough stone look in just a few short steps using textures and layer styles. Let’s get started!
Tutorials on creating metal type abound online, as do variations on simple liquid effects. Most are fairly short, offering a good foundation for the reader on how certain effects are achieved but fail to take that extra step (or few steps) to make the piece really shine.
In today’s quick tip tutorial we will demonstrate how to create a sparkling text animation in Photoshop with just a few easy steps. Let’s get started!
In today’s quick tip tutorial I will demonstrate how to create some cool metallic text on a slick concrete background. This can be done in just a few steps so let’s get started!
In this Tutorial we will be creating a grungy rusted carbon fiber text effect. We will also be creating the accompanying rusted metal background effect seen in the preview.
In this tutorial we are going to create 3D text and integrate it in a natural environment. We will not use any 3D programs, so all you need is Adobe Illustrator and Photoshop to create this effect.
In this tutorial, we’ll generate realistic textures and create a fitting scene for our text. Let’s get right to it!
In this tutorial, I’ll show you how to create a 3D Blocks text effect. You need to have Adobe Photoshop CS4 Extended to practice this tutorial. This will be fun and I’m sure you can do lots of cool things using this technique. Let’s get started!
In this tutorial, you’ll learn how to create an ice effect completely from scratch using special Photoshop Brushes.
In this Photoshop tutorial, you will learn how to create a glowing text effects form a scratch.
In this tutorial I’ll show you how to create an eroded metal text effect. Throughout this tutorial we’ll make use of various drawing techniques, channels, and patterns. Let’s get started!
In this tutorial, artist will show you how to make a typographic face by using simple techniques. Using the Brush Tool and experimenting with light, you will get this amazing Typographic Space Face that looks like it’s created by letters and an amazing explosion. Let’s get started!
This tutorial is going to be a little more advanced than the other ones I have done. It shouldn’t be a problem if you have been following along with our other tutorials or have a grasp of Photoshop. So lets begin.
Today we’re going to run through multiple platforms to create a warm and sunny typographic treatment. We’ll use C4D to create the text, Illustrator for several decorative motifs, and Photoshop to bring them all together. Let’s get our hands into creating this warm type illustration.
This tutorial will show how we can create a set of detailed letters with gold and diamond. We will learn how to use the Polygonal tool to make a simple diamond and also introduce a convenient way to duplicate layers with minimal efforts.
Fire text is one of the most classic technique that you can see in Photoshop tutorials. In this tutorial artist is trying out another version here using some real fire images, mix with filters and blending methods. Here we go!
In this tutorial you will learn how to create text on fire, also I will explain all the techniques how to transform the text in right format.
In this tutorial we’ll be creating a smoky night effect on text to give it an eerie supernatural sort of feel. It’s a good exercise in using the Wave distortion filter…
In this tutorial, artist will show you the steps he took to create the Super Sleek, eye-catching text effect with Water Drop Texture. This effect is simple but effective, and would be suitable for any water/rainy/ocean themed designs you’re creating.
In this tutorial, we’re going to create an icey-cold effect using layer styles and that you can apply to different objects. Then we’ll put it on a nice background to give it some kick.
This tutorial you’ll learn how to create an elegant 3D Text effect using simple the shape tool, layer styles and paths.
In this Tutorial we will be creating a brushed silver reflective text effect. We will also be creating the accompanying abstract reflective watery background scene.
This tutorial shows you how to create a nice 3D text using only photoshop 7.
In this tutorial, you’ll learn how a Christmas card can be designed with Photoshop. You will learn, how to create Christmas ball, draw snowflakes, customize brushes etc. Let’s get started!
In this tutorial artist will teach you how to create a similar type of effect using a letter or number. You’ll learn some awesome techniques. Give it a go!
This tutorial will teach you how to create Starcraft theme wallpaper.
In the tutorial, I will show you the processes I used to Create an Awesome 3D Text Effect with Abstract Brush Decoration in Photoshop. This is an intermediate tutorial so some steps can be tricky, but why not have a try
WordPress is a highly popular blogging platform. Over the years the platform has seen countless improvements and today, it continues to improve the user experience it offers. Apart from being reliable and secure, WordPress offers great visual appeal through its countless themes.
Web developers have contributed a lot to WordPress by building themes for the platform. By spending time on visualizing a theme and then coding it, developers can share their brilliant blogging designs with other WordPress users. If you are a WordPress theme developer looking for a way to reduce the time spent on coding, check out the brilliant website WP-Snippets.
WP-Snippets is a free to use website with a fitting name. The site provides visitors with different snippets of code for WordPress themes. These snippets correspond to a variety of functions; ranging from “Remove Metadata Generator” to “Change Login Logo” you will find many snippets.
The snippets are listed in a tag cloud on the site’s homepage. You can use the search bar to filter the snippets and find the one you are looking for.
Clicking on your snippet will take you to its page.
The snippet’s page includes a brief description of the code. Scroll down and you will find the code itself. If any additional explanations or special instructions on how to use the snippet are required, they are included under the code.
You can share the snippet with your other WordPress developer friends via sharing the snippet’s URL or directly Tweeting it using the button provided on the top right.
In conclusion, WP-Snippets is a must-bookmark website for WordPress theme developers.
Adobe Photoshop is a perfect tool to add flare to images and give them some nice effects which increase the beauty of that image. One of the commonly used effects in Photoshop is the lighting effect which is mainly used for creating the feeling of creativity, technology, magic, and fantasy.
In this post we have collected 35 most useful tutorials about creating lighting effect in Adobe Photoshop and we are sure after going thorough this post, you will be able to glow your artwork in a very creative manner. Feel free to share your opinion with us.
In today’s tutorial we are going to use many techniques to turn several stock photos into an action packed car chase scene with explosions and weapons fire.
This tutorial will show you how to create a portrait based on the style of the latest Coldplay / Apple Ad featuring “Viva la Vida”
This tutorial requires extensive knowledge of shading and lighting, as well as a lot of time. If there’s one thing I learned, it’s that lighting is the most critical aspect of these types of pieces. In today’s tutorial I will show you how to create a futuristic non-functional interface.
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.
In this tutorial we will go over how to create 3D text in Cinema 4D, render it out in regular and wireframe mode, then import it into Photoshop to add the final touches, which include all sorts of lighting effects.
This tutorial explains how to create a energetic, vibrant, colorful wallpaper.
In this tutorial, artist will show you how to create a realistic IES (photometric) lighting effect. We’ll be using Photoshop CS4 as well as some free plugins and software. Let’s get started!
This tutorial was comprised from some scene from that film. You may use this technique to create a poster for a similar film.
Today, artist will demonstrate an alternative way to create abstract artistic pieces using a photo merely as inspiration. We will start by choosing and simplifying its components and then proceed to apply a retro-futuristic look. Let’s get started!
In this tutorial artist will show the simple process that is behind this composition. We will deal in particular with blending options and textures customization. This tutorial can be followed by Photoshop newbie without problems.
In this tutorial, artist will show you how you can Create this Awesome Abstract Photo Effect via Layer Masking and Custom Patterns. Some steps can be a little tricky, but why not have a try!
Use Photoshop CS5′s New feature – Puppet Warp to create a sexy Unicorn out of smoke, and add dazzling effects to finish!
The Warp feature in Photoshop can be a powerful tool if you know how to use it correctly. In today’s tutorial we will demonstrate how to combine a few stock images to create a magical flaming heart illustration. Let’s get started!
With this tutorial we will create a hi-tech style button that can be used in splash pages, applications or Powerpoint presentations. We will use Illustrator to create complex vectors and Photoshop to develop realistic effects.
Lighting effects are an effective way to add a detailed illustrative touch to a photo. Justin Maller demonstrates how to go about combining several lighting techniques
A step by step beautiful tutorial.
In this tutorial, we learn how to recreate that solar eclipse image in a slightly retro style using nothing but photoshop.
So in this tutorial we will create a composition from scratch first in Illustrator where we will play with shapes and the Blend Tool. After that in Photoshop we will add the light effects and the pattern overlay.
Here’s a great effect that will bring some energy to your subject. We’ll be wrapping this singer’s arm with a glowing beam of light, adding sparkles, and adjusting the colors to make it all seem magical.
Follow this step by step walkthrough of its creation in Photoshop, from the making of the planets, to the vibrant nebula and bright lens flares.
The Blackberry Loves U2 TV promo features some awesome, bright and vibrant lighting effects. Let’s take a look at recreating the style to produce a Blackberry inspired design of our own.
In this tutorial, we’re going to create a poster for a fictional movie called “Fugitive.” The movie is meant to be a suspenseful thriller that features one’s escape under the cover of darkness, despite man’s attempt to capture the lone hero. Thin and cheesy plot? Check. Awesome opportunity to better your PSD skills? You got it!
Starting away from the computer, we’ll use a few household objects to create some photographic resources. Then follow this Adobe Photoshop tutorial to manipulate the images with various tools and techiques to produce a vibrant design made up of intense light streams effect.
This tutorial will teach you to create stunning effects using glows, loads of Colour Dodge, and lots and lots of neon – hot pinks and lemon yellows are prominent here. You’ll also learn how to utilise white in all the right places, so that white areas look less like negative space and more like the result of added energy and light.
In this Adobe Photoshop tutorial, we’re going to learn how to add a sparkle trail to a photo, using a custom Photoshop sparkle brush we’ll be creating.
In this tutorial, we’re going to see how to engulf text in an explosion of light and color.
A step by step Fantasy Art Photopshop Tutorial.
In this tutorial you learn how you can convert your normal text into magic glowing sparkles. Using stroke path and layer style it isn’t so hard to get this texteffect
A detailed and step by step tutorial.
This tutorial will mainly explore the brush engine and you will also learn how to create custom brushes and use them effectively, combined with some interesting layer styles.
This tutorial will teach you how to create creative and stylish fire lines in 10 easy steps!
A step by step and beautitulf tutorial how to Creating Energy Spheres in Photoshop.
A wonderful step by step tutorial, in this you will learn how to create an abstract lightbulb.
This tutorial will show you how to create a fireworks effect using only Photoshop. I will not use any other images, everything will be created within photoshop.
Finding text on a webpage is something that can be helpful in a number of situations. In the web browser Mozilla Firefox you can search for text on a webpage by using the “Ctrl+F” key combination. This pops up a mini-window at the page’s bottom from where you can search for a word or phrase. You can use the “Highlight All” option to highlight your search item wherever it is on the webpage.
Suppose you want to view the context each search item is used in. You would have to jump from one highlighted search item to another. This can be a problem especially if the results are many and spread out far over the webpage.
A solution to this is presented by “Find All.”
Find All is a browser add-on for Firefox. With the add-on installed, the “Highlight All” option changes to “Find All.” This “Find All” option lists all the search results in an easily navigable view which helps you compare the results.
This view also eliminates any special formatting and displays the results in simple text, making the comparison much easier.
You can access the add-on’s options to modify the font size in which the results are displayed.
The options also let you change the highlighting color, choose to alternate the row background color, and display the “Highlight All” option along with the “Find All” option.
For people who use Firefox’s search feature a lot, “Find All” will prove itself to be a very useful tool. Get “Find All” Firefox Add-on.
All computer owners want their machines to startup as fast as possible. Unfortunately there are some programs that initiate with your startup and slow down the overall process. A way out of this would be to put your computer in Hibernate / Sleep mode and never shut it down. But this technique does not speed up the startup – it only avoids it.
The best way to speed up your computer’s startup, without changing its hardware, is to deselect some startup programs. One way to do this is pressing the “Windows Logo + R” key combination and typing in “msconfig” then heading over to the Startup tab.
From here you can deselect any startup entries you wish. But as you can see from the image above, you cannot tell which process is a necessary one and which process you can safely deselect.
All this is why Soluto is the best solution to eliminating startup programs in Windows.
Soluto is a freeware program for Windows operating systems. Although no system requirements are specified on the website’s page, I tested the program on a Vista 32 bit machine and it ran flawlessly.
Once you download and install Soluto, it will require you to restart you computer. During the computer’s startup, Soluto will run in the background and analyze how much time each startup service is taking. Then when you run Soluto, this analysis will be displayed.
At the top you can see an overall analysis of your startup i.e. the total time taken by the startup and the number of startup programs.
In the center of the program’s window you will see startup programs categorized and color coded into three sections.
The first is the green section. Over here Soluto places startup program which you can easily remove from the startup list. Simply hover your mouse pointer over the green section and it will expand to display an individual startup program.
You will be able to see the application’s name, description, and the time it takes to run. Keep your mouse pointer on the app for a little while longer or bring it down to the link that says “More” and you will see different ways in which you can tackle this startup program: you can either deselect the program by choosing “pause,” delay its startup by choosing “delay,” or keep it in the startup list by doing nothing or clicking on “In Boot.”
The next section of startup programs is orange colored. It operates in the same way as the green section. But here, instead of programs that can safely be removed, a mixture of necessary and unnecessary programs can be found. Deselecting them is up to the user who can judge their importance on his own.
Finally, the gray category lists startup programs that are necessary for the system to run error-free. You should not tamper with the apps located in this section.
While you deselect apps through Soluto, you startup statistics on the top of the program keep changing. At the end of your modifications, you can view how much of an impact your changes have had on the startup time.
The program will also display another set of applications in the bottom right of the gray section. The apps in this newly created blue category will contain all the apps you deselected. From here you can choose to include any programs you had previously excluded from the startup process.
Once you have finalized everything, give your computer a restart and experience the new speed yourself. Soluto will monitor the new speed too and will record the results in a log. You can view the startup times history from the “History” button located in the bottom left of the program.
Overall, Soluto is a greatly user friendly and highly useful app which all Windows users need. Check out Soluto.