background preloader

Web Design and Development Tips, Tutorials and Related Resources - [Re]Encoded.com

Web Design and Development Tips, Tutorials and Related Resources - [Re]Encoded.com

Fri, 07/08/2011 | Co.Design 25 More Most Incredible Photoshop Tutorials Elite By Design Web Design & Photoshop Inspiration Follow me on Twitter blog > 25 More Most Incredible Photoshop Tutorials 25 More Most Incredible Photoshop Tutorials After the astonishing success of our first installment of 23 Most Incredible Photoshop Tutorials, I’ve decided to make a much needed update to features some of the newer tutorials that have been released over the last month or so. Like I’ve said before – it’s all about the process, not the end result. Creating The Windows Vista Lighting Effect Golden Sunsets With Gradient Maps Turn Day Into Night Create A Sleek, High-End Web Design From Scratch The 5 Essential Photoshop Reflections Loading Interface Design A Cartoon Grunge Website Layout Part I: How To Add Flaming Decals To A Modern Car Design Part II: How To Add Flaming Decals To A Modern Car Design Create Cool Neon Effects Making A Crystal Ball Create A Stunning Wallpaper Design Create A High Gloss Graduation Hat Icon Design The Firefox Logo In Photoshop Super Retro Game Cartridge Design

1. Design - Webitect If you’re launching a new site, product or service, then there’s a huge benefit to building hype and buzz before you launch. It’s something that Apple does extremely well, but you don’t need to be a huge company to be able to pull it off. Building a prelaunch page – a simple page that describes your soon-to-be-launching product, along with an email signup form – is one of the techniques that Eric Ries famously proposes in The Lean Startup and it’s a great way of building an email list of people who will be interested in your new product. All of this helps to give you a huge boost when you actually launch, as you get to email your prospective customers on the launch day itself, and in the run-up to launch day you can help to further build hype by keeping people who have signed up updated with news on how the development is going.

Top 10 Websites for Designers - April 2012 This latest edition of the Top 10 Websites for Designers includes a new creative critique platform, a fun color picker for the real world and more. In November's Top 10 Websites for Designers you'll discover collections of thought-provoking posters, a flawlessly delivered digital story and more. In October's Top 10 Sites for Designers, check out a showcase of people from all backgrounds in design; a color gradient generator; fun agency site & more. In this month's roundup of websites for designers, you'll find font pairing tools, interesting portfolio sites, a product graveyard and more. This month's roundup of websites for designers features a history of cocktail lettering, a funny interactive film and goofy designer excuses. This month’s Top 10 Websites for Designers includes design portfolio inspiration, an interesting color resource and websites that offer unique storytelling experiences.

Photoshop tips, tutorials 40 Useful Online Generators For Web Designers - Noupe Design Blog Oct 11 2010 Generators can be a great way to save time in your web design projects. High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Below are some useful generators to help you speed up your web design process. There’s everything from color scheme tools to complete layout generators included. Color Schemes A good color scheme is the cornerstone of a good website design. Color Scheme Designer 3Color Scheme Designer 3 has a really fantastic user interface that’s both attractive and easy to use. ColorSchemer Online V2ColorSchemer lets you create color palettes around RGB or HEX values, or using a color selector tool. KulerAdobe’s Kuler is one of the best color scheme tools available, with multiple options for both creating and finding color schemes. Color Palette GeneratorThis generator creates a color palette based on an image. Layouts CSS3 Please! Graphics Other Generators Conclusion

High Quality Texture 4 Fresh Green Leafs fresh like the early mornings, droplets of dew and the sun started my day bright. I wanted to share the freshness of my day to the world. Love the earth to live better. Hopefully, this texture can be useful for your next design and inspire the world. Term of UseFull size each image are 2304 x 1728 pixel. Click the image to open full size image and save as. Fresh Leaf 1 Fresh Leaf 2 Fresh Leaf 3 Fresh Leaf 4 Water Elemental Tutorial I am going to run you through a tutorial on how to take a regular picture with a person in it and make them look like a water elemental. First download this picture of a woman in a bathing suit. Next download these 2 images of splashing water Now that you have your supplies for the image we will get started. So open up your picture of your woman in a bathing suit, resize it to your liking. I resized mine down just a little from its original size so it would fit in my screen better. First thing you need to do is select the girl in the picture, I am going to use the pen tool for this task, you can use the tool that is best for you. Now with your selection made copy her with ctrl+c and paste her back in the image with ctrl+v. Next I am going to use the plastic wrap filter on her by going to filter>>artistic>> plastic wrap. Use these similar settings: Ok now she should already look a little liquefied Then fill in the selection with any color because we are going to add a gradient overlay to it.

Web Resources Depot Achieving a Vintage Look Through Color Tones in Photoshop CS by Guest Contributor Anna Gay Photographers are often striving for a “vintage” look in their photos, and even though there are endless ways of achieving a vintage look, there are a couple of characteristics to keep in mind. First of all, the color tones in a vintage photo often lean towards either a blue or a red hue, or a cross-processed look. Vintage photos also have an element of noise or grain that can be achieved through textures, and also a certain amount of vignetting around the edges of the photo. In this tutorial, we will look at adjusting color tones and adding vignettes. This photo is the result of adjusting the color curves, adding two vignettes, and a color fill, which we will walk through step-by-step. First, open your photo in Photoshop and make sure your foreground color is set to white in your side tool bar. You will see the above dialogue box. As you can see here, there should be three layers – your Background image, then your two gradient layers.

Related: