Archive for » April, 2010 «

Best Tutorials From Web To Learn Photo Retouching

Preview-photoshop-ultimate-roundup-os-retouching-tutorialsRetouching is very neccesary if youre a photographer. It can be pretty fun if you just want to try it out as well. In this article there are collected newest and best retouching tutorials from the web. Of course there are a lot more outside, but I believe you dont need them all. You can find anything here from the basic skin smoothening with gaussian blur to complex picture part extracting from background.

Tutorials are sorted in categories, so there shouldnt be any problem finding the right one for you. I didnt create this article for you to scroll down 100 same, old, basic tutorials and just tweet them further. I created it for you to find something useful for you, acutally read it and learn something.

Skin

1. Retouching Skin Tutorial

Learn the basic things to do when you need to smoothen someons skin a bit. If you arent familiar with the art of retouching, you should take a quick look into this.

Retouching-skin-photoshop-ultimate-roundup-os-retouching-tutorials

2. Superb Skin Airbrush Technique

This is pretty basic tutorial as well. If you didnt like the previous one, take a look into this and Im pretty sure you will understand the basics of skin smoothening.

Superb-skin-airbrush-technique-photoshop-ultimate-roundup-os-retouching-tutorials

3. Skin Softening Tutorial – High/Low Pass

Video tutorial learn how to smoothen skin tones, while retaining skin detail and texture using High Pass filter.

4.Create Action for Smooth Airbrushed Skin

In this tutorialyouwill seehow to create an action to use in your photos for simple retouching jobs using blurring techniques and grain filters.This is recommended only for beginners, because you cant replace retouching skills with an action.

5. Removing Skin Blemishes With The Spot Healing Brush

Learn how to ably use Spot Healing Brush Tool to remove blemishes and clear up ugly spot.

Removing-skin-blemishes-with-spot-healing-brush-photoshop-ultimate-roundup-os-retouching-tutorials

6. How to Get Perfect Skin

Litte bit more explained and advanced use of default retouching tools Healing Brush, Clone Stamp, Gaussian Blur.

How-to-get-perfect-skin-photoshop-ultimate-roundup-os-retouching-tutorials

7. Soften Skin with Surface Blur

Another easy, fast way to smoothen skin. You will see the difference between Surface and Gaussian blur here. Ofcourse this blurring doesnt replace work with Healing Brush Tool, but it aint so bad either.

Whole face

1. High-End Facial Retouching Video Tutorial

This is a video tutorial that’ll teach you to make the necessary steps in high-end fashion/skin photo-retouching on all of your photographs.

2. Correcting Reflective Make-Up

This video tutorial shows you one way to address reflective make-up on a model or in a portrait.

Correcting-reflective-make-up-photoshop-ultimate-roundup-os-retouching-tutorials

3. High Quality Portrait Retouching

In this tutorial youllbe demonstrated the level of editing that goes into removing any discrepancies in the skin.

4. De-Aging in Photoshop

See some of the common retouching tools in action.

5.Professional Photo Retouching Tutorial

Another tutorial to see retouching in action and learn something you didnt quote understand from writen tutorials.

Hair

1. Professional Hair Retouching

Learn not just how to change hair color, but also how to remove unwanted strands, work with shadows and highlights, boost image vividness.

2. Change Hair Color With Photoshop

This tutorial will show you how to change the hair color easily with Photoshop. You can experiment yourself with color tones to achieve different outcomes.

Change-hair-color-in-photoshop-ultimate-roundup-os-retouching-tutorials

Whole Photo

1. Professional Photographic Retouching Tutorial

In this video tutorialyou will be guidedinto acomplete, professional photographic retouching from start to finish. Additional to all the standart retouching techniques, youre also going to learn how to simulate realistic depth of field and how to enhance some photos areas.

2. How To Straighten Crooked Photos

In this Photoshop tutorial, we’re going to learn a quick and easy way to straighten crooked photos.

How-to-straighten-crooked-photos-photoshop-ultimate-roundup-os-retouching-tutorials

Face Parts

1. Easy Digital Nose Job In Photoshop

In this tutorial you’re going to learn how incredibly easy it is to give someone a digital nose job.

Easy-digital-nose-job-in-photoshop-ultimate-roundup-os-retouching-tutorials

2. How to Digitally Paint Lip Gloss

This tutorial demonstrates how to use digital painting with a drawing tablet to create the illusion of lip gloss on bare lips.

How-to-digitally-paint-lip-gloss-photoshop-ultimate-roundup-os-retouching-tutorials

3. Face Shaping

Learn how to change the shape of nose, chin, lips, eyes etc using Warp and Liquify Tool.

Quick Tips

1. Whiten Teeth in Photoshop

Learn how to quickly whiten teeth in Photoshop in just a couple of minutes.

Whiten-teeth-in-photoshop-ultimate-roundup-os-retouching-tutorials

2. Virtual Weight Loss in Photoshop

Learn how to use Liquify Tool to remove overwightusing Photoshop.

3. Removing Makeup in Photoshop

Really easy tutorial showing you how to get rid of the needless make up using just Brush Tool.

4. Eye Make Up

Learn how to easily apply make up to eyes. You can use this technique to other face parts as well.

5. Retouch Eyes

Learn how to hightlight eyes, apply a bit of make up to make them look beautiful, not hyperbolic.

Retouching-eyes-in-photoshop-ultimate-roundup-os-retouching-tutorials

6. Dodge and Burn Tool Retouch

Learn how tu use Adjustment Layers, Dodge and Burn Tool to achieve similar result if you would used something like Healing Brush Tool.

Dodge-burn-tool-retouch-tutorial-photoshop-ultimate-roundup-os-retouching-tutorials

8. Changing Eye Color

In this Photoshop photo retouching tutorial, we’ll learn a very simple technique for changing someone’s eye color in a photo using a Hue/Saturation adjustment layer. This is basiccly the most popular way to change the eye color. After you get more familiar with other Adjustment layers, you can experiment with them too.

Change-eye-color-in-photoshop-ultimate-roundup-os-retouching-tutorials

9. How to Quickly and Effectively Clean Out Body Hair in Photoshop

Use Smudge Tool to quickly clean out body hair. This technique isnt nearly as good as Healing Brush Tool, but it can be a good time saver and sometimes the effect isnt so bad.

How-to-quickly-effectively-clean-out-body-hair-in-photoshop-photoshop-ultimate-roundup-os-retouching-tutorials

10. Applying a Realistic Tattoo

In this tutorial you willhave demonstrated an advanced technique to achieve a realistic tattoo.You will be using masks, adjustment layers, displacement maps, and several brushing skills will be applied.

Applying-realistic-tattoo-photoshop-ultimate-roundup-os-retouching-tutorials

11. Using The Red Eye Tool Non-Destructively

This photoshop tutorial will show you how to use Photoshop Red Eye Tool tool in a non-destructive way. You will alsosee you how to use the red eye tool to create a mask that you can use for any kind of red eye correction.

Using-red-eye-tool-non-destructively-photoshop-ultimate-roundup-os-retouching-tutorials

12. Healing Brushes

See how all of the Healing Toolswork.

Color Adjustments

1. Awesome Photorealistic Coloring Techniques

Awesome-photorealistic-coloring-techniques-photoshop-ultimate-roundup-os-retouching-tutorials

2. Fix Tone and Color with Levels In Photoshop

Learn how to use basic Photoshop Adjustments to make your photos look more professional.

Fix-tone-color-with-levels-in-photoshop-ultimate-roundup-os-retouching-tutorials

3. Simple Focused Lighting Effect In Photoshop

In thistutorial, we’re going to look at how to bring focus and attention to a specific part of an image using a simple and easy to create lighting effect.

Simple-focused-lighting-effect-in-photoshop-photoshop-ultimate-roundup-os-retouching-tutorials

4. Advanced Color Correction Tutorial

In this tutorial youre going to learn how to use Curves adjustment with concrete Channel. It is a more sophisticated technique of removing unwanted color casts

Advanced-color-correction-tutorial-photoshop-ultimate-roundup-os-retouching-tutorials

5. Add Dynamic Lighting to a Flat Photograph

In this tutorial, you will seehow to spice up a fairly dull and flat photograph. Its very easy and fast. Go from flat photo to a uniquely lit style.

Add-dynamic-lighting-to-flat-photograph-photoshop-ultimate-roundup-os-retouching-tutorials

6. Using the Selective Color Adjustment

This is a tutorial on how to use the selective color adjustment layer in photoshop to optimize colors and tones in your photos.

Landscape Retouch

1. Retouch a Damaged Photograph

In this Photoshop tutorial we’re going to improve the quality of a landscape photograph. Learn how to reduce noise, fix damaged areas and use Adjustment layers.

Retouch-damaged-photograph-photoshop-ultimate-roundup-os-retouching-tutorials

2. Improve Colors of Your Photo

Learn really basic Adjustment Layer techniques to achieve good looking result.

Improve-colors-of-photograph-photoshop-ultimate-roundup-os-retouching-tutorials

3. Landscape Retouching and Editing in Photoshop

A video tutorial on how to retouch landscape photos; includes information on brightness adjustment, sharpening, noise reduction, proper flattening, and artifact removal.

4. Professional Sharpening For Landscape Images

Learn how tu use Smart SHarpen Filter and get the effect done with blending modes.

Professional-sharpening-for-landscape-images-photoshop-ultimate-roundup-os-retouching-tutorials

5. Enhance Photography

Enhance many aspects of your photography such as saturation, contrast, sharpening techniques and finish of the final presentation with an extremely slick border.

Extracting From Background

1. Selecting & Extracting Hair – Masking Tutorial

One of the most challenging montage or masking jobs in the profession of post-production editing is the hair lift. Learn how to extract hair from background with masking.

Selecting-extracting-hair-masking-tutorial-photoshop-ultimate-roundup-os-retouching-tutorials

2. Background Replacement Tutorial

A tutorial showing you how to add backgrounds and textures to your existing images using Color Range and Layer Masks.

3. Advanced Selecting Hair

Watch step by step videohow to use channels to extract difficult image areas like hair.

4. Digging into Channels as an Extraction Tool

Learn how tu use channels as an extraction method. Again, the example is a portrait with hair in it, so you could see the power of this technique.

Digging-into-channels-extraction-tool-photoshop-ultimate-roundup-os-retouching-tutorials

Further Resources

  • 10 Free Retouching Photoshop Files
  • 70 Beauty-Retouching Photoshop Tutorials
  • 26 Professional Photoshop Retouching Tutorials
  • 50 photo retouching tutorials
  • 23 Professional Facial Photoshop Retouching Tutorials
  • Glenn Feron Portfolio
  • Greg Apodaca Portfolio
  • Nikos Vasilakis Portfolio
  • Euphoria

Adobe Illustrator Brushes: Best of

Photoshop brushes get a lot of attention from designers and bloggers, but quality Illustrator brushes are a little bit harder to come by. In this post we’ll feature more than 40 of the best sets of free Illustrator brushes, totaling over 1,700 brushes.

Brush Strokes:

Multi-Colored Paint Brushes (57 brushes)

Multi-Colored Paint Brushes

Paintbrush Style Brushes Part 1 (27 brushes)

Paintbrush Style Brushes Part 1

Paint Brushes (15 brushes)

Paint Brushes

Paintbrush Style Brushes Part 2 (27 brushes)

Paintbrush Style Brushes Part 2

Paintbrush Style Illustrator Brushes (33 brushes)

Paintbrush Style Illustrator Brushes

Paint Brushes (85 brushes)

Paint Brushes

Watercolor Brushes (100 brushes)

Watercolor Brushes

Watercolor Blob Brushes (17 brushes)

Watercolor Blob Brushes

Delicious Watercolor Brushes (106 brushes)

Delicious Watercolor Brushes

Delicious Watercolor Brushes (105 brushes)

Delicious Watercolor Brushes

Illustrative Brushes (42 brushes)

Illustrative Brushes

Paint Brushes 1 (18 brushes)

Paint Brushes 1

Paint Brushes 2 (7 brushes)

Paint Brushes 2

Paint Brushes 3 (19 brushes)

Paint Brushes 3

Paint Brushes 4 (41 brushes)

Paint Brushes 4

Ink and Watercolor Brushes (13 brushes)

Ink and Watercolor Brushes

Artistic Brushes (90 brushes)

Artistic Brushes

Marker Brushes:

Dry Erase Marker Brushes (101 brushes)

Dry Erase Marker Brushes

Marker Brushes (20 brushes)

Marker Brushes

Marker Brushes (230 brushes)

Marker Brushes

Foliage, Florals and Swirls Brushes:

Foliage Brushes (16 brushes)

Foliage Brushes

Teardrop Foliage (12 brushes)

Teardrop Foliage

Flower Pattern Brushes (29 brushes)

Flower Pattern Brushes

Swirly Curls Brushes (22 brushes)

Swirly Curls Brushes

Swirl Rocks Brushes (11 brushes)

Swirl Rocks Brushes

Abstract Brushes:

Abstract Brushes (35 brushes)

Abstract Brushes

Retro Tech-Shaped Brushes (105 brushes)

Retro Tech-Shaped Brushes

Retro Starburst Brushes (50 brushes)

Retro Starburst Brushes

Sketchy Brushes:

Sketchy and Line Art Brushes (6 brushes)

Sketchy and Line Art Brushes

Tina’s Streaky Inks (9 brushes)

Tina's Streaky Inks

Sketchy Illustrator Brushes (16 brushes)

Sketchy Illustrator Brushes

Chalk Brushes (13 brushes)

Chalk Brushes

Art Brushes (20 brushes)

Art Brushes

Thick Brushes (14 brushes)

Thick Brushes

Miscellaneous Brushes:

Arrowhead Brushes (10 brushes)

Arrowhead Brushes

Argyle Brushes (81 brushes)

Argyle Brushes

Illustrator Brush Set (29 brushes)

Illustrator Brush Set

Sick Brush Kit 2 (26 brushes)

Sick Brush Kit 2

Kirby Krackles Brushes (10 brushes)

Kirby Krackles Brushes

Grunge Brushes (13 brushes)

Grunge Brushes

Grunge Brushes 2 (20 brushes)

Grunge Brushes 2

Scatter Brushes (14 brushes)

Scatter Brushes

Circles and Drips (9 brushes)

Circles and Drips

For more Illustrator resources please see:

  • Learn Adobe Illustrator
  • 40 Tutorials for Working with Shapes in Illustrator
  • 30 Text Effect Tutorials for Adobe Illustrator
  • 27 New and Fresh Illustrator Tutorials
  • Top 10 Sites for Illustrator Tutorials

30 Trendy AJAX, jQuery And Image Galleries You May Like

One of the most important elements in successful portfolio is beautiful and unique image gallery catching eye with its sliding elements and great works. If you want to get the best impression you need to think about appearance the same way as you think about your portfolio works – you need to present and view them to grab attention, to show value!

Here you will find easy to customize and modern image galleries you can use for your own projects, portfolios and possibilities are endless here! You just need to put them in good use!

jQuery Most for these image galleries you’ll need to use latest JQuery. You can download it here.

1.Full screen image gallery using JQuery and Flickr

Full browser – screened image gallery. Easy and understandable. Features:

  • Flickr search using jQuery and JSON
  • Full screen with kept ratio using CSS only
  • A png raster to even out up-scaled jpegs
  • Thumbnails with loader indicator and a nice hover effect that shows a bigger thumb (or description)
  • A preloader loads the large images one by one for super-fast viewing
  • Fetches the biggest image from flickr using their API
  • Caption that can be turned on or off
  • Navigate by clicking on either half of the image, or use the thumbnails.

View Demo

2.Supresized image gallery

Features:

  • Resizes images to fill browser while maintaining image dimension ratio
  • Cycles Images/backgrounds via slideshow with transitions and preloading
  • Navigation controls allow for pause/play and forward/back

View Demo |Download Now

3.s3Slider jQuery plugin

This one is handy to put in portfolio header of index page. Self-image changing.

View Demo |Download Now

4. Nivo Slider

Features:

  • 9 unique transition effects
  • Simple clean & valid markup
  • Loads of settings to tweak
  • Built in directional and control navigation
  • Packed version only weighs 7kb
  • Supports linking images
  • Keyboard Navigation
  • Free to use and abuse under the MIT license

View Demo |Download Now

5. jQueryGlobe – jQuery Plugin

Features:

  • Slick effect, no Flash needed
  • Its just 2K
  • Reusable on multiple containers
  • Cycles items via slideshow
  • Can be styled with custom HTML/CSS

View Demo |Download Now

6. jQuery LightBox Plugin 0.5

jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuerys selector.

View Demo |Download Now

7. jqFancyTransitions

jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects.

View Demo |Download Now

8. Galleriffic

Features:

  • Smart image preloading after the page is loaded
  • Thumbnail navigation (with pagination)
  • jQuery.history plugin integration to support bookmark-friendly URLs per-image
  • Slideshow (with optional auto-updating url bookmarks)
  • Keyboard navigation
  • Events that allow for adding your own custom transition effects
  • API for controlling the gallery with custom controls
  • Support for image captions
  • Flexible configuration
  • Graceful degradation when javascript is not available
  • Support for multiple galleries per page

View Demo |View JavaScript File

9. jQuery Image Scroller

View Demo |Download Now

10. Image Rotator

Image rotator is great way to display portfolio images, eCommerce product images, or even as an image gallery.

View Demo

11. Simple Image Slide Show

Image Slide Show is one of the famous components in web design and development. A lot of the websites display news headlines in an image slide show to attract viewers attention, of course, with caption/excerpt. No doubt about it, this is a clever method not only to gain attentions, but it also makes the website more alive.

View Demo |Download Now

12.Apple style image slider

View Demo |View Source

13.Easy slider 1.7

For this one it’s easy to set up your own options to image gallery.

Demos:Here,here andhere |Download Now

14. Circular Image Gallery

View Demo |Download Now

15. jQuery Image Strip

16. Coin Slider

Features:

  • Unique transition effects
  • Compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+
  • Valid markup
  • Flexible configuration
  • Auto slide
  • Navigation box
  • Lightweight (8kb only)
  • Linking images
  • Free to use under MIT licence
  • Fully customizable using CSS

View Demo |Download Now

17.Photo Gallery

View Demo |View Source

18.AJAX Image Gallery powered by Slideflow

The photos and titles are read from an XML file, and the thumbnails are pre-generated using Photoshop actions.

View Demo |Download Now

19. slideViewer 1.2

SlideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing

just few lines of HTML. SlideViewer checks for the number of images within your list, and dinamically creates a set of links to command (slide) you pictures. Also, clicking on each image will make the gallery slide to the next picture.

View Demo |View JavaScript File

20. jQuery Before /After Plugin

Features:

  • Slick effect, no Flash needed
  • Its just 7K (4K compressed)
  • Reusable on multiple containers
  • Degradable. If the visitor doesnt have JavaScript they will still see both images.

View Demo |Download Now

21. Slick Auto-Playing Featured Content Slider

There is a main content area, which slide from left to right each with different unique content. There is generally a set number of panels, but the code is written in such a way that adding or removing panels isnt a huge pain. There are links which act as navigation to quickly jump to any particular panel.

View Demo |Download Now

22. AnythingSlider

Features:

  • Slides are HTML Content (can be anything)
  • Next Slide / Previous Slide Arrows
  • Navigation tabs are built and added dynamically (any number of slides)
  • Optional custom function for formatting navigation text
  • Auto-playing (optional feature, can start playing or stopped)
  • Each slide has a hashtag (can link directly to specific slides)
  • Infinite/Continuous sliding (always slides in the direction you are going, even at “last” slide)
  • Multiple sliders allowable per-page (hashtags only work on first)
  • Pauses autoPlay on hover (option)
  • Link to specific slides from static text links

View Demo | Download Now

Flash

23.CU3ER The Free Flash 3D Image Slider

CU3ER, in a nutshell, is a .swf (flash) file, designed & developed for displaying images & slides in 3D way. It requires an XML configuration file in which the paths to the existing images and instructions (settings), necessary for handling those, are defined. This image slider is equipped with a great range of features that enhance the users experience of viewing slides. They can be grouped together lining User Interface and 3D Transitions.

View Demo |Download

24. The Piecemaker XML Gallery

The Piecemaker, a 3D Flash image rotator gallery in the purest sense of the word. Its Open Source, so feel free to download it, use it in any project you like, learn from it, modify it and improve it if you can.

View Demo |Download Now

25. SimpleViewer

SimpleViewer is a free, customizable Flash image gallery. It allows you to display your images on any web page in a professional, intuitive and simple way.

View Demo |Download Now

26.Flash Page Flip Photo Gallery template for Picasa

This gallery is made just like real album in your hands! Isn’t that so exciting? This template is based on the free version of the FlashPageFlip flash engine on www.flashpageflip.com. It lacks the advanced functions of the commercial versions but still makes a very nice photo album on your website. You can see and hear the pages flip.

View Demo

27. Polaroid Gallery

Polaroid Gallery is a free, opensource flash gallery.

View Demo |Download Gallery Now |Download Flash File Now

28. TiltViewer

TiltViewer is a free, customizable 3D Flash image viewing application.

View Demo |Download Now

29. Flash Photo Gallery

The Flash version of AgileGallery is a free Flash photo gallery that rips through the XML output from Picasa (a free download from google) and generates the paging and thumbnails and displays the full sized photos along with any description entered in Picasa. It also includes a slideshow feature.

View Demo |Download Now

CSS

30. Cross Browser Multi-Page Photograph Gallery

This one is using CSS only – that means that there is no JavaScript. Based on the look of Suckerfish HoverLightbox, this one uses my multi-page layout system but includes images instead of text.

View Demo |Download Now

Flash

Page Flip Photo Gallery template for Picasa

Pros and Cons of Package-Based Pricing for Web Design

Pricing services is one of the most challenging parts of being a designer. Most designers have an opinion of what their time is worth and what they want to make on an hourly basis, but accurately estimating everything that will be involved with a project and how much time it will take can be very difficult.

In attempt to simplify pricing for both the designer and the client, some designers and agencies use package-based pricing with prices listed on their website. While offering proposals or quotes for each project is more common, package-based pricing is used frequently enought that it warrants consideration from the designer or agency.

In this post we’ll take a detailed look at both the pros and cons of listing your prices publicly. It may be worth noting that Vandelay Design does not use package-based pricing, although this has not always been the case. A few years ago packages were listed on the site before deciding to price projects on a case-by-case basis.

Pros of Package-Based Pricing:

1. Gives Visitors a Clear Picture of What to Expect

Many visitors and potential clients really have no idea what to expect in terms of how much they will need to spend for web design and development services. In some cases this is a result of a lack of experience in dealing with the subject, but another contributing factor is that prices can vary so drastically. If a client is looking simply for a low-cost provider, regardless of the type of project there will always be someone who is willing to take on the work (not necesarilly qualified) for a fraction of what most of the competition would charge. This variance in pricing can make it difficult for clients to know what is included at that price, what quality of work and customer service they will receive, and how this compares to their other options.

Clients like to know what to expect, and package-based pricing can give them the general information before they even contact the designer. If the pricing is out of their budget they can move on to another designer, or they can re-consider what they are willing to spend. Clients can make comparisons much easier with package-based pricing, assuming the details and any potential add-ons are clearly provided.

Pros and Cons of Package-Based Pricing for Web Design

2. Inquiries Will be “Pre-Qualified”

If your website lists the prices of your packages, chances are those clients who cannot afford your services will not take the time to contact you. In this situation, most of the inquiries you receive from potential clients will be of a higher quality because they know about your prices and they are interested (“higher quality” is used here to mean that leads should convert to sales at a higher rate). Of course, you will still get some emails from people who want to see if there are any lower-priced options available or even from people who did not notice the prices on your site, but in general it can help to reduce the amount of time that you spend responding to people who are never going to pay for your services.

Pros and Cons of Package-Based Pricing for Web Design

3. Saves Time Compared to Pricing Each Project

Developing a quote or an estimate can be a time consuming process. You can’t make an accurate guess without knowing basic information about the client and the details of what they are looking for in the project. You’ll also have to estimate how long it will take you to do each aspect of the project and any costs that you may incur along the way. All of this data will be used to make the estimate.

Creating proposals or estimates takes up a lot of time that you could be using to do other things, and offering package-based pricing can eliminate a lot of that. Clients can evaluate the packages that you have to offer and they can decide if it’s a good fit for their needs. It’s possible that you can get started with a client without spending much time at all on priliminary things before the work is secured.

Pros and Cons of Package-Based Pricing for Web Design

4. Allows You to Define Exactly What is Involved and Included

Most designers and companies that list package-based pricing on their websites will include a list of everything that is included with each package. This can be helpful for clarification purposes, from the perspective of both the designer and the client. It’s not uncommon for designers to run into issues with clients where there is some confusion about what is included in the service and what will need to be charged an additional amount. Package-based pricing can help with this situation by clarifying up front. It can protect the designer from scope creep and it also gives the client confidence that they know specifically what they are paying for.

Pros and Cons of Package-Based Pricing for Web Design

5. Allows Clients to Have Options

When package-based pricing is not available and a client gets a proposal or a quote from a designer, they may feel like it’s a take-it-or-leave-it situation. In most cases the designer could probably reduce or increase the scope and price of the project to suit the client’s needs, but this is not always communicated or undestood. Package-based pricing makes it clear to clients what their options are, and they can easily compare the various packages offeredby a designer to determine what meets their needs.

Cons of Package-Based Pricing:

1. Reduced Flexibility for Pricing

The main reason that most designers and agencies do not use package-based pricing is that clients and projects are all unique, and this usually requires some flexibility and customization in the pricing and scope of the project. Package-based pricing attempts to put projects into a specific box. Sometimes this works well, but many times the project will have unique characteristics that make it impractical to use a set pricing strategy.

2. May Reduce Number of Inquiries Due to Sticker Shock

Many clients, particularly if you are dealing with small businesses or non-profit organizations, will have unrealistic expectations regarding what they are expecting to pay for web design and development services. When these people see prices listed on your website they may immediately leave if it seems to high, without even examining the details to see what is included as well as totake a look at thequality of your work.

It’s not uncommon for a potential client to receive a quote that they initially feel is too high, but after looking at the details, speaking with the designer, and checking out some competition, they may decide that it’s actually a pretty fair price. In this scenario the designer has the opportunity to clarify the details of the proposal and to pitch it to the potential client. The client may wind up being happy with a price that they initially would have passed up if they had seen it listed as a package price.

3. It’s Difficult to Create Packages if You Offer a Wide Range of Services

Many designers and agencies offer a wide variety of services. Package-based pricing is really only effective in situations where the majority of projects can fit into certain classifications. If you are offering different combinations of services (such as logo design, web design, business card design, SEO, etc.) to your clients, chances are they will not fit into a specific package. The more types of services you offer, the more packages you would need to provide as options, and this can simpy become too overwhelming for clients when there are more than just a few options.

4. Can Be Intrepreted by Clients as a Cookie-Cutter Approach

Clients like to know that their project is important to you and that they are receiving a service that is customized to meet their needs. Package-based pricing can sometimes lead them to feel like they like they are being forced to take a cookie-cutter approach rather than to have their specific needs addressed within the project.

5. You May Still Wind Up Doing a Lot of Custom Quotes

When I used package-based pricing in the past I still wound up preparing a lot of quotes because things just didn’t always fit with one of the packages. I imagine this is also the case for many others who use package-based pricing. While offering packages can certainly save some time in this area, it will not elminate the need to be able to provide custom estimates.

6. Competitors Know What You are Charging

In my opinion this is not really a big deal, and it’s probaly less significant than the other factors listed here, but it’s still something to consider. Many designers aren’t excited about listing their prices publicly so that all of their competitors can see what they are charging.

Conclusion:

There are certainly significant pros and cons for using package-based pricing. The situation where it is most effective is when the projects you are working on are very similar and there is only a difference in terms of scope. For example, PSD to HTML providers typically offer set prices based on factors like the number of pages being coded and the use of a CMS or shopping cart. Add-ons are then available for specific needs and sometimes custom price quotes can be provided depending upon the needs of the client.

In situations where a designer offers a wider selection of services and one project is vastly different from one to the next, package-based pricing will usually not work very well. When packages are used, it’s a good practice to still offer quotes for projects that do not fit within any of the options.

What’s Your Opinion?

Do you use package-based pricing? Why or why not?

How to Create Bamboo in Adobe Photoshop

In this tutorial you will learn how to draw semi-realistic bamboo in Adobe Photoshop—perfect for textures and backgrounds.

Quick Nav:

  • Tutorial
  • Download the PSD (Source Files)

Step 1: Creating a New Document

Create a new document with 800 on 600 pixels, resolution 300 dpi and a transparent background.

Image Description

Step 2: Making the Texture

Image Description

For texture, we do a selection with the Rectangular Marquee tool and fill it with black. After that, go to Filter> Noise> Add Noise and set to 70%, Gaussian, Monochromatic.

 

Step 3:

Image Description

Then go to Filter> Blur> Motion Blur and set to the Angle of 0, Distance: 62 pixels. Thus we have the texture of bamboo fiber, now press Ctrl + T and reduce the height only slightly, to compress the fibers.

As you can see we have two layers, one with the texture and the second empty.

Step 4:

Image Description

Let’s hide the texture layer and make a rectangular selection in the base layer, with the same size as the texture, for wich we press Ctrl + Click on the thumbnail of the texture layer. Once the selection is made, fill it with black, and open the window of Hue / Saturation by pressing Ctrl + U, we choose a green color and press OK.

Now show the texture layer and set the layer blending mode to Hard Light and then merge the layers with Ctrl + Shift + E. Press Ctrl + T to change the shape of the texture, right click on the transform area, and select Warp. With this tool, we give to the texture, the curves of bamboo.

Step 5: Volume

Image Description

Now let’s use the Burn tool to add shadows in the lower side of the rod, we have to configure the tool with low exposure and a medium hardness, for me it is more convenient to use a large size in the tool.

Step 6:

Image Description

After adding the shadows, let’s add the lights to get the volume.Select the Dodge tool and use it in the top side of the bamboo, with low exposure.

Step 7: Intesection

Image Description

Once we have the texture and the basic form well do the intersection. We will begin reducing the size of the bamboo cane by pressing Ctrl + T, and doubled it to obtain two segments, we will drag one on each other and select the tip of the rod above.

Once we have the selection, press Ctrl + T to transform and right-click on the selection, select Warp and try to make the curves of the bamboo, if the texture is broken in the process, we can use the Clone Stamp tool to repair.

Step 8:

Image Description

Now we will simulate the shadow, so we will use the Burn tool to make the shadows, as seen in the image, and then use the Dodge tool for the lights.

Step 9:

Image Description

Lets repeat the step 7, here i show you how to use the Warp Transformation.

Step 10:

Image Description

As we did before, we add the lights and shadows, this operation must be repeat in both tips of each cane.

Step 11: The Branchs

Image Description

To draw the branch, we will use the pen tool and then convert the path to selection, fill it with black, let’s create a new layer where you draw a black rectangle. Go to Filter> Noise> Add Noise and then go to Filter> Blur> Motion Blur, as we did before to create the texture of the fibers.

Step 12:

Image Description

Now we select the texture, press Ctrl+T, select Warp Transformation and put it on the branch shape, press Enter and change the branch texture layer blending mode to Hard Light. Press Ctrl+Click on the branch thumbnail to select the branch shape, invert the selection pressing Ctrl+Shift+i and delete the excess. Then merge the branch layer width the branch texture layer with Ctrl + Shift + E.

Step 13:

Image Description

Lets add the volume to the branch using the Burn Tool and the Dodge Tool as we did with the cane. Also we have to use this technique on the bamboo to simulate the branch shadow.

Step 14:

Image Description

Press Ctrl+u to open the Hue/Saturation window and configure the hue, saturation and lightness to match the branch with the bamboo.

Step 15:

Image Description

Now lets draw the second segment of the branch, use the Pen Tool to draw and fill it with black, use the Hue/Saturation Window to colorize it with a green tone and then, add the volume with the Burn Tool and the Dodge Tool.

Step 16:

Image Description

Now create a new layer called Details, and select a texturized brush with a very big size and use it on the bamboo.

Step 17:

Image Description

Press on the bamboo layer thumbnail to select it, invert the selection and delete the excess.

Step 18:

Image Description

Open the Hue/Saturation Window and colorize the details with a green tone.

Step 19:

Image Description

Reduce the deatails layer fill to 66%.

Step 20: The Leaf

Image Description

Now lets create two layers called leaf and leaf texture, using the Pen Tool we will draw the leaf and with the Rectangular Marquee Tool lets do the texture as we did before for the bamboo and the branch.

Step 21:

Image Description

Put the leaf texture over the leaf and hide it, then open the Hue/Saturation Window to colorize the leaf with green.

Step 22:

Image Description

Now display the leaf texture layer, change the layer blending mode to Hard Light and reduce the fill to 47%. Press Ctrl+T, choose the Warp transformation mode as steps before and adjust the fibers to the leaf form, then delete the excess.

Step 23:

Image Description

Before we merge the leaf texture layer and the leaf layer, with the leaf texture layer selected press Ctrl+m to open the Curves Window, for add contrast.

Step 24:

Image Description

We will duplicate the leaf and use transformation to change the leaf form, and use the Dodge Tool for add some shine.

Step 25:

Image Description

To create the background, we will create a new folder called “On Focus”, and we put in the folder, the bamboo, the branch and the leaf. Then we create a new layer called BG, where using the Gradient Editor, we choose a gradient from green to black, and we apply it with the radial gradient tool.

Step 26: The Bamboo Forest

Image Description

Then we will duplicate the bamboo and rotate the duplicates changing the size, to create the “bamboo forest”.

Step 27:

Image Description

After that lets crate a new folder called “Back” where we will copy the bamboo and duplicate it decreasing the size to make a back layer of forest, then go to Filter>Blur>Gaussian Blur, with a radius of 1,4 pixels and we apply it to every layer of the “back folder”.

Step 28:

Image Description

Now we create a new folder called “Front” where we will repeat the step before, but this time we increase the size of the bamboo, and we will add a gaussian blur with a radius of 3,8 pixels. In these tree steps, we have simulated a camera view.

Step 29:

Image Description

Lets create an adjustment layer of curves over the “back folder”, where we will decrease the light, obscuring the back of the scene.

Step 30:

Image Description

Now we will select all the layers in the “Front Folder”, hold Ctrl while selecting to add the selections, all the canes in the front must to be selected when you add a curves adjustment layer, this way photoshop will create a mask in the layer, you have to be sure the adjustment layer affects only the bamboo in the front folder, if not, you have to invert the selection in the mask. In this adjustment layer, we will increase the light.

Step 31:

Image Description

Lets add a curves adjustment layer, go to the curves panel and press on the hand button, this button allows you to manually choose a light point on the image and drag up with the mouse to increase the curve, and then choose a shadow point and drag down to decrease the shadows and add contrast to the image.

Step 32:

Image Description

Finally we create a new layer called “spot” and fill it with black, choose the Elliptical Marquee Tool and make a elliptical selection, then press the right button and select Feather option and write 30 pixels, press ok and then press delete, and finally we decrease the opacity of the spot layer to 43%.

Final Result:

Image Description

Download the Source Files

Download the PSD