background preloader

Tron Legacy Tutorial

Tron Legacy Tutorial
Since the very first time I saw the trailer of Tron Legacy I decided that I would have to try to do something inspired on that, all those light effects were exactly what I always love to do in Photoshop. Then I saw the James White design inspired by Tron and I was damn it, James nailed it. So I postponed my little experiment, however this week I decided that the time had come and so, I decided to recreate the logo effect we see in the trailer. For this tutorial I used Adobe Illustrator, Adobe Photoshop and Cinema 4D. Pretty much all the light effects and composition are done in Photoshop, the other apps were used just to create some shapes and elements, so if you want to do just the Photoshop part, in the of the tutorial there is a ZIP file with all the resource files used for this image. Step 1 The first thing to do is find or create the logotype of Tron Legacy. Step 2 Once you have the vector logo it's time to create the 3D version of it. Step 3 Step 4 Step 5 Step 6 - Photoshop Step 7 Step 8

Vector Polishing Techniques Someone emailed me and asked how did I do the illustration background on Next2Friends. It inspired me to write this article. He asked "Did I do it in Photoshop or Illustrator?" Why do I need to polish the vector art? Vector artworks are usually very flat, dull, and lack visual effects due to software limitations; thus they look very boring. Technique 1: Lens Flare Effect First technique, let's start with one of my recent work on Next2Friends. I assume you have the vector artwork ready and you want to add a lens flare layer on top. If you want the lens flare to focus on specify area only, you can delete the unwanted area. Sometime just the Lens Flare filter alone is not good enough. Technique 2: Colorful and Dusty Effect This is one of my common styles that can be found in most of my design work. Use the Radial Gradient tool, randomly draw some soft edge glows on a layer and set the layer blending mode to Dissolve. Repeat this step and create different color overlapping layers. See more

Web Design Blog - Webdesigner Depot Create a Grungy, Translucent Web Portfolio Design Not only have watercolor brush strokes become a popular trend in modern web design, but so have advanced layers of transparency (or what I call, translucence). The new Envato design has received a lot of kudos for using this effect, and this tutorial will show you how to create a similar effect, while combining it with other popular web trends. Final Image Preview Take a look at the image we'll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $19/month. Tutorial Details Program: Adobe Photoshop CS3+Difficulty: IntermediateEstimated Completion Time: 2 hours Step 1 - Set up the Template Let's set up our document. Next, we'll set up our guides. Now we need to allocate some space for the background we'll create. Fill the bottom layer with white (Shift + F5). Step 2 - Create the Gradient Background Right-click the "background" layer, and choose Blending Options. Your document should now look like this: Important

InstantShift | Web Designers and Developers Daily Resource. 20 Fresh & Easy To Follow Photoshop Web Interface Tutorials Posted by Daniel in Photoshop, Tutorials on June 24th, 2010 with 7 Comments With the introduction to our community news, we have been receiving some great resources and articles. But many have been tutorials created by up and coming creative blogs such as trendyTUTS & GraphStock. Also with the overwhelming success of our first web interface showcase we had to do another! In today’s resource showcase we are featuring 20 easy to follow photoshop web interface tutorials, with utilizing your new design skills you may also be featured in the coming weeks! Please note that clicking on the screenshot below will take you to the full tutorial. Create a Grungy, Translucent Web Portfolio Design via PSD Tuts+ Not only have watercolor brush strokes become a popular trend in modern web design, but so have advanced layers of transparency (or what I call, translucence). Create a Promotional iPhone App Site in Photoshop via PSD Tuts+ Simple Portfolio Gallery Layout in Photoshop via DeviseFunction Network Posts

hvdesigns Computer training & tutorials-online videos & DVDs Learn the latest tools and techniques with access to 1357 online courses and counting! Get unbiased, clear, and comprehensive training in 3D, audio, video, photography, graphic design, web and interactive design, business, and development from expert instructors, 24/7. learn more | benefits No long-term commitment Over 77,000 tutorials Anytime access Includes exercise files Save $50 per year Multi-User Solutions: Save on groups of 5 or more with custom training solutions for schools and business . Over 1,350 of the award-winning self-paced courses are also available individually on DVD and CD-ROM. view all From a one-month basic membership to a full year’s Premium access, choose the gift subscription that’s right for you. A quick, easy, and thoughtful gift-giving solution. give now

Line25 Web Design Blog Create a Wooden Grunge Portfolio Web Layout in Photoshop In this beginner-level web design tutorial, I’ll show you how to construct a portfolio web layout that has a fixed wooden background with Photoshop. We’ll also use some brushes to accent the design. Preview You can see the final result below. Click on the image to see it in full scale. Resources Set Up the Photoshop Canvas 1 The first thing we want to do is create a new document with the dimensions of 1024px x 912px. Add the Background 2 For our background, we want to add a wooden texture. Create the Header 3 Starting with our header on a new layer, we want to use our Rectangle Marquee Tool (M) to make a rectangle selection, filling it with black (#000000). 4 Using the Polygonal Lasso Tool (L), make a jagged and organic selection at the bottom of the header background to create a ridged edge. 5 Go ahead and lower the Opacity of that layer to 85% to let the wooden background show through a bit. Create the Site Name/Logo 6 For our site name/logo, we can just go with a simple text logo.