Web development , php , ajax , symfony, framework, zend
In: web resources
14 Dec 2009What a year it has been for Photoshop… so many new techniques, so many fresh ideas and so many new and creative web sites offering free tutorials. In this post we have collected the best of them, focusing on photo manipulation, design and drawing, poster design, caricature design and finally, illustration within Photoshop. We have purposely omitted icon design, text effects and GUI tutorials, these will be following in the coming weeks, keep an eye out for them.
In this tutorial they show you some techniques for giving almost anything a liquid or frozen fluid effect. It’ll also reveal the easiest way to extract liquid images and keep them transparent.
In this tutorial, you will be taught how to create a wallpaper of a very happy girl, who enjoys life. The tutorial is for Photoshop, but some small step are done in Illustrator.
This is a tutorial illustrating perspective techniques and how you can achieve the feeling of depth and motion. You will be doing this in a few steps, such as placing the main character, creating the volume fading away and adding foreground and background images.
In this tut they'll take you through the creative process of making intriguing light effects and applying them in your work. This is more a process description of making this illustration, than a detailed step by step how to. It gives you some good guidance on how to deal with an illustration like this and cover the overall workflow.
Learn how to recreate this fantastic tree manipulation with some stock images and textures.
In this tutorial y0u will learn how to create this fantasy photo manipulation called "You Can Not Frost The Time", using several Photoshop tools such as Color Range, different blending modes, and more.
In this tut you will learn how to manipulate images of flame and smoke to create a glowing, intense facial explosion effect.
From fashion shots to portraits, here’s how to add a touch of magic with lighting effects. Turning a run-of-the-mill photo into a dazzling one is simple – when you know the right tricks. In this tutorial, Photoshop maestro Aeiko shows how to create a variety of light effects that can be applied to photography or illustration with equal impact.
In this tutorial, you'll be shown how to create a futuristic looking photo manipulation using some special tools, such as the Background Eraser Tool and how to blend pictures properly using Match Color Adjustments and Lighting Effects.
Learn how to apply the Warp Tool effectively and a few other tricks to make smoke look like a skull. This technique has a variety of outcomes and works well with water, clouds and a whole bunch of other stuff.
In this tutorial, you'll change a full of sunshine, ordinary photograph into a gloomy image of the world after destruction of mankind. Using simple tools, you'll turn lively streets into abandoned ruins overgrown with weeds. A number of stock images and a few little tricks will let you optimize your work and make this job more interesting and spectacular.
In this tutorial, you'll learn how to take splattered paint Photoshop brushes and apply them to the contours of a model's face. This is a relatively simple technique, which yields excellent artistic results.
In this tutorial, you'll go through all the steps of creating a flaming skull in Photoshop. You'll be using some images of flames, and a stock Designious vector skull to get you started. This tutorial covers some relatively simple steps and some clever photo manipulation techniques.
Every now and then you may find yourself needing to insert a subject image into a background where the lighting between the two doesn't quite match. Your subject image may be flatly lit, while your background contains crisp shadows and highlights, and if you don't correct the problem you run the risk of getting a load of critical comments.
The wisest thing to do is to keep hunting for source images where the lighting does match. But sometimes you can effectively fix lighting problems and an example of how do to this can be seen in the giant elephant image named One Way Street.
You will learn how to recreate this this creepy and mysterious horror landscape, using stock images, textures and some creative effects.
In this Photoshop tutorial, you will learn how to use a variety of color, lighting, and cut and paste techniques to create a surreal photo manipulation.
In this tutorial you’ll use brushes to create what look like stains of paint, but in your future work you can use similar techniques with any number of style forms to dissect and distort your subject.
In this tutorial you 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 absolutely stunning.
In this tutorial, you'll manipulate a picture so it looks like a woman burning in flames. The idea behind this manipulation was to create a nice looking illustration, only by using simple techniques and tools such as the Brush tool and Warp command.
In this Photoshop tutorial you’ll be walked through the process of making a digital photo manipulation called Color Combustion. You’ll use a few simple techniques, and combine a whole heap of images together to make a wonderful creative collage.
You will be using a stock image of a model, and also the awesome Smoke Brushes Set 1 designed by Falln-Stock to recreate this amazing fading smoke effect.
The final image is an Angel that lights his way in the dark forest. This photo manipulation can be recreated by using stock images provided by some really great artists, which can be downloaded on the website.
Medusa, in the Greek mythology, is a female monster that, gazing directly upon her, would turn onlookers to stone. With this tut you’ll make a Stone Cursed person effect in Photoshop.
In this tut you will learn how to combine photos and brush strokes to give a car photo slick dusky lighting effects.
In this tutorial, you will be taken through the steps of recreating this futuristic sci-fi scene. You will transform original pictures using Photoshop tools that will help to give the image a more spectacular look
In this five part indepth tutorial you will be taken through the process of firstly sketching your art on paper, and then bringing it all to life with Photoshop.
In this tutorial, you'll make a scene with flaming bombs pouring from the sky. This tut is made to show some down and dirty Photoshop tricks that beginners can quickly pick up. It also includes some relatively advanced techniques to help budding designers enhance their workflow.
At the end of the tutorial, you should have two new libraries of elements to use in your future projects. The processes and techniques in this tutorial can be broken up and used in many different ways. Likewise, the final image of this tutorial can look as different as you want it to. It’s up to you to experiment with the results.
"In this tutorial I'm going to show you how to make a nice bullet shot effect. I decided to use a technological object such as a remote control to show a lot of tiny parts flying off after the impact: the circuit board, the buttons, a few chips…"
This is a Photoshop tutorial on how to create a beautiful photo film strip, as seen in Apple’s iLife package design (’06 version) and DigitalMash website. The warp tool will be used to create the twisting effect (so, you need Photoshop CS2 or above to complete this tutorial). With the completion of this tutorial, you will be able build a photo strip with your own photos or artwork.
In this Photoshop tutorial, you will be shown how to create a realistic 3D Baseball cap in Adobe Photoshop using the Pen tool, brushes and some nifty tricks.
In this project, you will be shown how to create a caricature, covering everything from choosing which features to exaggerate, to selecting assets and a suitable pose.
This tutorial will guide you through the initial steps of scanning your sketch, cleaning it up and adding color to it using Photoshop. Resource files of dots, which you can use for your own illustrations, can be found in the support download.
Basic composition is very important. Many artists put too much distracting detail in their painting, so in this project you’ll focus on how to direct viewers into the image and simplify the background, so it doesn’t overwhelm the main theme. Then you’ll explore how to create an interesting background to complement the subject. Lastly, you’ll define where the light source is coming from, to tie all the elements together.
Learn how to recreate this cool retro pop-art inspired from a portrait image using Photoshop.
In this tut you will learn how to add drama or a cinematic quality to a regular, humdrum portrait. There is even a little fake HDR effect, that way if you work on a project that requires a stunning shot without the stunning photography, you'll be able to cobble something together using this technique.
In this tutorial you’ll cover some of the basics of Daz Studio, such as how to load a figure, apply injection morphs and adds art props. You’ll then discover some great Photoshop techniques to recreate a stylised poster from a bygone era.
In this tutorial you will be shown how to create a very cool retro poster in just 10 steps. You will, of course use Adobe Photoshop, and also Illustrator.
In this tutorial, you’ll learn how simple it is to create a vintage poster using different brushes, blend mode, adjustment layers and some very simple filters in Photoshop.
There are plenty of ways to create a Watercolor Effect in Photoshop. Some are very cheesy and you can easily tell that a simple filter has been used. In this tutorial, you will be using Layer Masking. It is one of the most fascinating and powerful Photoshop method, to use layer masks in your designs.
In this tutorial you will recreate an awesome illustration that can be printed as a poster to hang it on your wall. The author has written a very clear and defined step by step tutorial, so you can follow and understand exactly what I went through while making this piece, and you get to download the .psd at the end.
In this tut you will learn how to design a stunning sneaker advert, using a variety of lighting effects, inspired by the incredible works of Peter Jaworowski.
In this tutorial you’re going to attempt to recreate a Dark Knight poster (unofficial, mind you) that you can see here in all its glory. It’s a rather complex poster, but with this tut you should be able to create something similar.
In this tutorial you will be taught how to use basic tools and photo manipulation techniques to design a vintage looking horror movie poster similar to the classic Zombie film ‘Day of the Dead’ by George A. Romero.
This tutorial goes over the meat and potatoes of creating a future retro (odd description), inspired by the visionary work of Electrik Suicide and Sakke Soini.
In this tutorial, you will be taken through the process of creating a fantasy scene, make water pour out of a painting, make some sort of a absorption effect and end up with a really nice looking color. The main idea behind this surreal illustration is that we are actually in a painting and the painting on the wall is the real world, the world where our vulture tries to escape.
Blending modes, masks and Alpha Channels can give a convincing distressed effect to your vectors. In reality, a scratched surface would be neither uniform nor consistent across the surface area. That is why you’ll use a number of real-world image resources as the basis for this effect, achieving a tactile imperfection.
20 Beautiful HDR Photographs of the Marvels and Mysteries of Iceland »
30 Artistic and Creative Photoshop Poster Tutorials »
40 Amazing Photoshop Brush Directories and Collections »
50 Imaginative Fantasy Art Tutorials for Photoshop »
25 Cool Digital Photography Tutorials, Techniques and Effects »
30 Useful Photoshop Buttons and Badges Tutorials »
25 Photoshop Tutorials for Creating that Perfect Web Page Design »
In: web design
9 Nov 2009This has been a pretty awesome week as far as Echo Enduring is concerned. First, the blog we featured in InspiredMag’s “10 Fresh Blogs for Visual Inspiration – the November Edition” post! It’s always great to see your work featured in roundup posts, so I was pretty thrilled when I found that article.
I also had another tutorial posted over on SpyreStudios. This one basically outlines, in great detail, the process that I used for creating the Crawling Vines pattern, which I also posted this week as an exclusive freebie, available solely to my RSS subscribers. The response to both the tutorial and the freebie has been really great! So thanks to everyone who has read, downloaded or commented!
I also received a very nice email from one of my readers, saying how much he enjoys the content here. I always love hearing from my readers, so please do feel free to drop me a line.
Anyhow, now onto this week’s Echoes!
This week’s logo is another great example of how to play double entendre with a logo. In this case, we have Illusoria, which clearly has something to do with women’s shoes (I’m not sure if it’s a boutique or a design company, or something else entirely).
Clearly, the mark on this one is meant to have two different impressions. First, there is the shoe – stiletto-styled footwear commonly associated with posh elegance, which and of itself suggests something about the company and the kind of shoes that they sell, design or are otherwise involved with.
Second, the logo also contains the stylized image of a woman, sitting and leaning back on one arm, hair seemingly blowing in the wind. The model-like position also has suggests a connection with the world of fashion, which reinforces the concept of posh elegance, as suggested by type of shoe. Moreover, the reclined position also seems to indicate a certain degree of leisure and relaxation, perhaps suggesting the comfort of Illusoria’s shoes.
Altogether, this logo shouts expensive to me, which is not necessarily a bad thing. Immediately, there is a sense of eliteness surrounding the brand, which can certainly be an effective strategy, depending on what a company is trying to sell and who they are trying to sell it to!
This week’s artwork is another typical fantasy piece, by Andrea Uderzo. I like it primarily on the basis of its composition and use of colour.
This piece has a really dramatic feel to it, which I think is achieved, in part, through the use of perspective. The eye line of the viewer is set low, so that everything seems to be looming above them. If you can, imagine this same piece if you were looking straight on. It would really loose a lot of its presence. This is a technique that Uderzo uses frequently. In fact, in browsing his gallery, nearly all of his images use some sort of dramatic point of view, even if it is very subtle.
I also really like the eerie, almost mist-like green light that emanates from the golem. It is exceptionally well rendered, and really gives a strong sense of “earth” magic, which seems to be the overall intention of the piece. The detail on the armour is really great too, and I like the way that the elf woman’s armour clearly matches that of the white wolf. They are obviously connected in some way.
The only thing that remains a mystery is what that these forces of the forest are rushing to attack, or preparing to defend against. Perhaps some evil forest destroying creatures?
I’m actually pretty excited about this week’s tutorial, which you can find on Tutorial9. The tutorial will basically walk you through the steps for creating a realistic looking baseball hat in Photoshop. The timing seems pretty appropriate, what with the World Series having just wrapped up, though with an unfortunate result (not a Yankees fan). The final product is also absolutely stunning!
Like I said, the final product from this tutorial is really great! I’m especially fond of the grungy background! The other great thing about it is, like all of the Tutorial9 Photoshop tutorials (or at least the ones that I have seen), the PSD is available for download, so you can open it up for yourself and really look at how all of the different layers work together!
I would say, however, that this tutorial is not aimed at beginners. The author doesn’t get into a ton of detail in the steps, and a certain level of familiarity with Photoshop certainly seems to be expected. Still, even if you are a beginner, you can always try to follow along as best you can. You could still probably learn a thing or two. Checking out the PSD would probably help too.
Regardless, I think this is a great tutorial and I am looking to carve out a bit of time to give this one a whirl myself! Hope you enjoy it.
I found this week’s site in a recent roundup on Smashing Magazine, and as soon as I did I absolutely knew that it would have to become an Echo! Of all the websites that I have seen over the past while, this is probably one of my absolute favorites, due in part to its creativity and to it’s fantastic and whimsical nature.
Immediately, I am struck by the truly bold colours. I am also drawn to the interesting illustration of cartoonish and caricatured houses built on the top of what ends up being a remarkably tall tree, peaking through the clouds. Also, while you can’t see it in the static preview, above, the windmill is actually a superimposed flash movie, which twirls around and around on a permanent loop. This gives the page some really cool visual interest.
As you scroll down, you will find that the entries in the blog are actually separated from each other my means of branches extending off of the tree. You will also see some nice sidebar widgets, complete with colourful icons, and another little house hanging from a rope.
Then, at the very bottom of the page, the design is completed with an illustration of the rest of the village, planted firmly on the ground, where villages are supposed to be found. Of course, the style of those building also matches the ones a way up in the tree.
I love the originality of this site. It’s so different from anything I have every seen on the web. I also love the fusion of web design with wonderfully rendered illustrations. In fact, the quality of the art on this site is so good that I could almost have featured it as this week’s art too!
So go ahead and visit The Pixel Blog! It’s a treat for the eyes, and pretty fun to navigate through!
Well, that’s another edition of Echoes wrapped up! What were your favorite parts this week? I’m looking at doing another themed installment soon, so toss me your ideas people. I’d love to hear them!
To thank you for subscribing to my feed, I am including exclusive, feed-only content for you at the bottom of each post!
Current Freebie Code – 0rx655ws
This blog delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from: CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more. Our goal is to help you communicate effectively on the web with an engaging website or functional interface.



