2010-03-15 | AMB首頁

Archive

‘noupe’ 分類過的Archive

The Importance Of Customer Service To Your Freelance Business

2010年3月12日
回應關閉
Advertisement in The Importance Of Customer Service To Your Freelance Business
 in The Importance Of Customer Service To Your Freelance Business  in The Importance Of Customer Service To Your Freelance Business  in The Importance Of Customer Service To Your Freelance Business

By Robert Bowen

Once upon a time, when the Internet was dialed-up and 36,600 KBPS was like lightning, I was living in a small town working for a computer retailer and Internet service provider. My boss at the time was… well, let’s just say that customer service was not his priority. Not only would he berate and verbally assault almost every customer who happened to cross his path when he was frustrated by a computer repair, but his relentless tirades caused customers to leave either in tears or on the verge of them.

I wondered during my four-year stint, attempting to clean up the customer service messes he left in his wake, how he managed to stay in business in the years before and since my employment. And the answer was simple: he was a big fish in a tiny pond.

Customerservice1 in The Importance Of Customer Service To Your Freelance Business

In a town of 18,000 residents, there were only three computer retailers that had qualified technicians who could handle in-house repairs. He was one of them. But as web freelancers, we are swimming in an ocean that is teeming with qualified fish, all waiting for a hook from clients. So, we have to pay special attention to the customer-relations part of our business if we want to build and maintain our client list. The problem is that many of us have spent most of our time throughout the years working for someone else, possibly far from the reach of our employer’s customers. So, our customer service skills may be rusty, or even non-existent.

Also consider our previous articles:

Does It Really Matter?

Meager people skills and miniscule patience make some of us a business hazard when interacting with clients. Some people may not believe that this could be explosive to a freelancer’s reputation, but according to a 2009 online survey by Tealeaf, there is cause for concern:

The survey results also show that online adults are increasingly turning to social media to share their online experiences with others, while simultaneously becoming less likely to alert a company directly—a shift in consumer behavior which extends the business impact of customer experience issues beyond any single transaction.

Given this trend among consumers, we can assume that the same would hold true for our freelance clients, and that the impact of the customer’s experience will be felt long after the experience concludes. This makes it evermore critical for us to maintain as much control as possible over what that impact is, negative or positive.

This is important for freelancers adrift in the design and development ocean, where even the biggest among us still look small compared to the agency sharks that we compete with for work. If a client leaves with a bad taste in their mouth and decides to portray our business in an unflattering light, we have fewer resources than those sharks to seek out and address these word-of-mouth reviews in social media. Bigger businesses have more time, tools and employees to scour social media outlets for mentions of their companies and to rectify complaints.

Doh in The Importance Of Customer Service To Your Freelance Business

This was demonstrated to me recently when we awoke to find our Internet access down. After the standard panic and resetting of system, router and modem, we determined that the problem did not stem from our end but rather from our provider’s. Suddenly, we realized that, without a phone book in the building or access to the Internet or to our invoices (which we receive by email, doing what we can to be as paperless as possible), we did not have the phone number of our provider anywhere in the house. After a frustrating hour, we were finally back online and a bit steamed from our time off from being connected. Did we then contact the provider to vent or inquire about the problem? No. We did what Tealeaf’s survey predicted we’d do: we turned to Twitter.

Having mentioned the company by name on Twitter, we were easy to find. Almost immediately, our provider read what we had to say and responded to us on this social media outlet, making sure we were not experiencing any more problems with connectivity. Overall, it made for an interesting lesson in customer service, and it showed where we as small fish might be missing opportunities to nip bad word of mouth in the bud before it spreads into viral gospel. As freelancers who wear every hat in the business ourselves, our time is limited, so we cannot stay on top of every mention of our business out there.

“The number of consumers who contact a company directly in response to online transaction issues declined:

  • 26% of online adults who experience problems conducting online transactions then posted complaints on a company’s Website in 2009, versus 32% in 2008.
  • 38% of all online adults contacted a company’s call center after encountering problems using the Website in 2009, versus 47% in 2008.”

(Excerpt from Tealeaf survey)

The survey also reports that more than half of adults who spend time online have been influenced by social media in their consumer choices, which reinforces the importance of customer service to the health and growth of our freelancing businesses. A first impression no longer carries as much weight as it once did; each interaction with our clients bears as much on our business as another. We may think that as long as our business dealings end on a high note, that the rocky road that led there will not play a factor in the success of our freelancing career. A 2007 study released by Harris Interactive says different, suggesting that each dealing with our clients needs to be handled with care:

The study reported that 80% of 2,049 US adults surveyed decided never to go back to a business/organization after a bad customer service experience. The study clearly indicates that an organization’s customer service level is a defining factor that will make or break a company… Consumers have increasingly higher expectations of businesses and are willing to walk away quickly from a majority of businesses if those expectations are not met.

The data shows that each and every interaction we have with a client is an opportunity to improve our business standing. because consumers are quicker to go elsewhere after a negative interaction. Even if our strengths do not lie in customer service, we need to ensure that each experience, whenever it occurs during the course of a project, is an agreeable one. Again, as freelancers, we have to deal with our clients at every stage of the project, and so we have to address not only the requirements of the project, but also any customer service issues that may arise in the process.

Puzzle in The Importance Of Customer Service To Your Freelance Business

What We Can Do?

We can do several things to improve our chances of getting positive results from all of our customer interactions. Of course, no one is guaranteed to satisfy all of their clients’ needs and expectations 100% of the time, but we can take steps in the right direction. It starts with taking as much responsibility as we can for the impressions we leave with our customers.

Be Friendly

This one almost goes without saying, but it should be considered from another perspective. Given that the majority of our interactions with our clients might be online, we need to remember that tone and intent does not always translate well to this medium. So, read through your communications to catch anything that may come off negatively. We always want to be aware of the impression we’re making in these seemingly minor moments. As shown before, the weight of an experience is felt long after the moment has passed.

Be Patient

Remember that your client probably does not share your level of expertise in your field. Their questions may not be clear and their feedback not as constructive as it needs to be. Put yourself in their position and be as patient as you would want someone else to be with you. Even if patience is not your strong suit, your customers want to feel that you are listening to and considering their opinions. If you switch off because they cannot communicate with you in your mode of parlance or you dismiss their feedback because they don’t know as much as you do, you will be hurting your business more than your client.

Help in The Importance Of Customer Service To Your Freelance Business

Be Accessible

Another thing that frustrates clients is lacking access to you when they need it most. As freelancers, we pride ourselves on our flexibility and being able to set our own hours. But we have to respect the hours during which our clients work, too, and make ourselves available at those times, so that they are able to share ideas and discuss progress in a back-and-forth conversation. One-sided conversations can easily be misinterpreted without further explanation and just delay the client from achieving their goal.

Be Informative

One of the things Aaron Irizarry said in a recent videocast stuck out. He advised us to mind the skill gap between us and clients and to bridge these informational gaps whenever possible. Help them understand our processes and the reasons for the decisions we make. This gives them more faith in following our advice and increases the chances that they will return as clients.

Keep Track and Get Back

When I mentioned that larger firms have more resources to invest in the customer service outlets that are available to all of us, I didn’t mean that we shouldn’t use those outlets at all. Take advantage of them to track what is said about your skills, or lack thereof, and respond accordingly. You may not be able to respond immediately, but do it when you can. If you find a criticism, consider the points they raise and address them thoughtfully, not dismissively. If they praise you, be gracious and return the gesture in kind.

Be Proactive With Mistakes

As I said in Critical Mistakes Freelancers Make, we are all human, and mistakes happen. Don’t shy away from them or, worse, neglect to acknowledge them at all. Own up to them. This is a time to shine by proactively addressing mistakes before they become an issue that the client feels compelled to bring to your (and other people’s) attention. You’ll show your commitment to the client and project, and it will speak volumes about your character. By owning up to our mistakes, we show pride in our work, and more often than not the client will understand and forgive us.

Wrongway in The Importance Of Customer Service To Your Freelance Business

Go Above and Beyond

Doing all of the above usually puts you in the “above and beyond” category, but you could always push your freelancing business over the top by over-delivering. By giving your client more than they have asked for, you further demonstrate your commitment to making them happy and your pride in your performance. This can be as simple as addressing customer service concerns positively and proactively. It also encourages your clients to come back to you time and again.

Further Resources

Thanks for taking the time to read through the post! Below are a few links to further the discussion of the importance of customer service to your freelancing career. Check them out for a more thorough look at what this topic means for freelancers.

(al)

noupe

44 Impressive Examples of Reflection Photography

2010年3月11日
回應關閉
Advertisement in 44 Impressive Examples of Reflection Photography
 in 44 Impressive Examples of Reflection Photography  in 44 Impressive Examples of Reflection Photography  in 44 Impressive Examples of Reflection Photography

By Bhanu Ahluwalia

Reflection Photography can spice up an otherwise lifeless photo and turn it into amazing shots. And the good thing is that this kind of photography can be explored on easily available things like Glass, Water or any shiny and reflective surface. Reflection photography is an art because you have to dig deep into your imagination to see the hidden beauty. It is also a science because you should know the right angles and techniques and must be more than familiar with your camera to capture a perfect shot.

You must master the skill of Reflection Photography if you really want to satisfy your creative hunger and give wings to your imagination. Today we present some splendid examples of Reflection Photography.

Beautiful Reflection Photography

aufgetaucht

02drown in 44 Impressive Examples of Reflection Photography

All my loving

01All My Loving in 44 Impressive Examples of Reflection Photography

How to fit into a spoon

03spoon in 44 Impressive Examples of Reflection Photography

Bordeaux. Water mirror

04sea in 44 Impressive Examples of Reflection Photography

Symphonic Dance

04water in 44 Impressive Examples of Reflection Photography

Real Joy

05bacha in 44 Impressive Examples of Reflection Photography

Ely Cathedral – Mirror image

25cathedral in 44 Impressive Examples of Reflection Photography

It’s a Laugh…

06birdu in 44 Impressive Examples of Reflection Photography

Imperial Spirit

Ghostinthewindow in 44 Impressive Examples of Reflection Photography

Chinatown, NYC 2005

11hanji in 44 Impressive Examples of Reflection Photography

King of the water

32king in 44 Impressive Examples of Reflection Photography

reflections

12hua in 44 Impressive Examples of Reflection Photography

Michaelmas daisy dewdrop

13dew2 in 44 Impressive Examples of Reflection Photography

eye of the beholder

15eye in 44 Impressive Examples of Reflection Photography

olaf olafson

09girle in 44 Impressive Examples of Reflection Photography

Lime, chocolate and olive Vodka.

21vodka in 44 Impressive Examples of Reflection Photography

Mirror Image with a difference!

35wonder in 44 Impressive Examples of Reflection Photography

Mirror skies

10sky in 44 Impressive Examples of Reflection Photography

twins?

16girl in 44 Impressive Examples of Reflection Photography

Dichotomy

18dichotomy in 44 Impressive Examples of Reflection Photography

Half way through

19cherry in 44 Impressive Examples of Reflection Photography

mirror mirror who is the fairest of em’ all

20tree in 44 Impressive Examples of Reflection Photography

Bent Beauty

22BentBeauty in 44 Impressive Examples of Reflection Photography

Detail of stream of water splashing off mirror – B&W

23bnw in 44 Impressive Examples of Reflection Photography

Looking At The Future

24eyee in 44 Impressive Examples of Reflection Photography

Waterkiss

26waterkiss in 44 Impressive Examples of Reflection Photography

Manatee

29marine in 44 Impressive Examples of Reflection Photography

Sunset Cocktail Hour Returns to the Terrace

30coctail in 44 Impressive Examples of Reflection Photography

Mirror Image

31drop in 44 Impressive Examples of Reflection Photography

Un gatto e nove vite – a cat and nine lifes

08cat in 44 Impressive Examples of Reflection Photography

Kallavesi

34hands in 44 Impressive Examples of Reflection Photography

reflection

36reflection By Bora in 44 Impressive Examples of Reflection Photography

YER BLUES

37violen in 44 Impressive Examples of Reflection Photography

Gilded reflection

Gold in 44 Impressive Examples of Reflection Photography

Flags, Montreal, Canada

Flag in 44 Impressive Examples of Reflection Photography

Chihuly Bridge of Glass

Glass1 in 44 Impressive Examples of Reflection Photography

Impressions

Man in 44 Impressive Examples of Reflection Photography

Resurrection

Resurrection in 44 Impressive Examples of Reflection Photography

Reflection in water

Smokychimney in 44 Impressive Examples of Reflection Photography

Serenity

Serenity in 44 Impressive Examples of Reflection Photography

Plank

Gangplank in 44 Impressive Examples of Reflection Photography

Reflection in water

Reflectedwindmill in 44 Impressive Examples of Reflection Photography

noupe

35 Amazing Traditional Art Paintings

2010年3月10日
回應關閉
Advertisement in 35 Amazing Traditional Art Paintings
 in 35 Amazing Traditional Art Paintings  in 35 Amazing Traditional Art Paintings  in 35 Amazing Traditional Art Paintings

By Obaid ul Rehman

Traditional art has always been the source of inspiration for many artists and designers. With its conventional look and feel, it appeals your visitors and let them amaze on your creativity and artistic skills. In this post, we have piled up an inspiring list of some great Traditional art and paintings for you.

I would suggest you all to take a close look at these master pieces; as when you browse them in detail, you will notice that they are the marvel conceptions of the artist who use his skill and creativity at his best to get this amazing result! Let’s take a look and see yourself.

Beautiful Traditional Art Paintings

Eagle Tribe

13-art in 35 Amazing Traditional Art Paintings

Mindscape

6-art in 35 Amazing Traditional Art Paintings

Harry Potter–Marauders

5-art in 35 Amazing Traditional Art Paintings

Traditional Piece 1

1-art in 35 Amazing Traditional Art Paintings

Below the Rust

3-art in 35 Amazing Traditional Art Paintings

Bengal

4-art in 35 Amazing Traditional Art Paintings

Traditional Art

2-art in 35 Amazing Traditional Art Paintings

Music is My Love :sketch:

7-art in 35 Amazing Traditional Art Paintings

Arum

8-art in 35 Amazing Traditional Art Paintings

Fly With Us

9-art in 35 Amazing Traditional Art Paintings

Detail Frozen

10-art in 35 Amazing Traditional Art Paintings

I Fill Desert with Uselessness

11-art in 35 Amazing Traditional Art Paintings

Path of Enlightenment

12-art in 35 Amazing Traditional Art Paintings

Save. Our. Souls

14-art in 35 Amazing Traditional Art Paintings

Forbidden Love

15-art in 35 Amazing Traditional Art Paintings

Weather The storm

16-art in 35 Amazing Traditional Art Paintings

“Turn Me”- Twilight prom

17-art in 35 Amazing Traditional Art Paintings

Spirit Rising

18-art in 35 Amazing Traditional Art Paintings

The Guitarist

19-art in 35 Amazing Traditional Art Paintings

Allegory of Hope

20-art in 35 Amazing Traditional Art Paintings

Freed or Condemned

21-art in 35 Amazing Traditional Art Paintings

The Construct

22-art in 35 Amazing Traditional Art Paintings

Solace

23-art in 35 Amazing Traditional Art Paintings

Sea of Monsters

24-art in 35 Amazing Traditional Art Paintings

The Earls

25-art in 35 Amazing Traditional Art Paintings

3rd painting

26-art in 35 Amazing Traditional Art Paintings

The cherry tree

27-art in 35 Amazing Traditional Art Paintings

DOLPHIN family

28-art in 35 Amazing Traditional Art Paintings

Simon Portrait

29-art in 35 Amazing Traditional Art Paintings

Shot Glass

30-art in 35 Amazing Traditional Art Paintings

Apaisement

31-art in 35 Amazing Traditional Art Paintings

Luminous

32-art in 35 Amazing Traditional Art Paintings

Boy Thinker

33-art in 35 Amazing Traditional Art Paintings

Holding Up

34-art in 35 Amazing Traditional Art Paintings

Only You

35-art in 35 Amazing Traditional Art Paintings

noupe

Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

2010年3月9日
回應關閉
Advertisement in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow
 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow  in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow  in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

By Melinda Rainsberger

More and more, designers, illustrators and coders are being asked to animate. Animation adds energy to a brand and heightens a customer’s emotional response. The software to do it is reasonably priced, and Internet connections can now deliver high-quality video. For these two reasons, animation-based advertising is booming on the Web. The makers of a small phone application might even devote a great deal of their budget to a Web animation that explains how the application works. However, animation adds a level of complexity that not everyone is equipped to immediately take on.

Animation is a time-based medium. It has the elements of not only height, width and depth, but also time. In this way, it is more like a website or catalog: it can change from moment to moment. But the difference with animation is that the time element is entirely under the designer’s control, and the viewer is just along for the ride.

Of course, organization is important. But audience profile, screen size and delivery method can greatly influence the visuals and your workflow. In this article, we’ll go over a few guidelines on how to start organizing your animation projects, as well as some tips and tricks to create a leaner and cleaner workflow.

1. Storyboards

Storyboards provide the best means of planning an animated project. They allow you to plan your composition and timing quickly before jumping into the final animation. They let you quickly determine all of the key elements before creating the final renders. This is also the best stage to trim down and make edits. Animation is a time-consuming medium, and you don’t want to give yourself any extra work. Try to define the 10 most important images of you piece, and then add and subtract boards to find the right level of detail to convey the scope of your project.

Sm-mr 01 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow
The first 10 boards are highlighted. The other boards are there to clarify or smooth the transition from one moment to the next.

Sound is another element to consider at this stage. It can give your project a backbone for timing. If you are able to purchase commercially-produced music, do this before you start animating, and then make your images follow the beat of the music. You could also use a song with the right mood and timing as a temp track and then have a musician create the final sound based on your animation.

Sm-mr 02 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

2. Folders, Naming, Sequencing

Folders

Sm-mr 03 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

Everything for the project should be kept in one folder. Most animation programs do not paste files into the animation, but simply point to the media. If a file is moved, the program will have a hard time locating the original file and might not display it. Different production houses have different systems, but generally they will sort their files into these folder and sub-folder categories:

  • AEP or Flash project files
  • Graphics/illustrations
    • Hi-res (screen size or larger)
    • Lo-res (screen size or smaller)
    • Storyboards
  • Photos
    • Hi-res (screen size or larger)
    • Lo-res (screen size or smaller)
  • Sound
  • Text docs
  • (Scripts and documents that you may have received from or given to the client.)
  • Video
    • Edits
    • Pre-renders
    • Animatics (video renders of the storyboard)
  • This folder structure is very detailed. But not only will you be able to find something easily, but anyone else who comes into the project will also be able to navigate the file structure easily. At ad firms and commercial animation studios, other people may enter the project in process. They have to be able to help you, not fight to learn an unconventional organizational system.

    Names

    If you can, use some sort of coding system to indicate which project a file belongs to. This way, if it does get separated, you can locate it easily. You might use similar graphics for several projects. For instance, a globe is a common image that I use a lot because I do animations for GPS Web apps. They all look different, so the generic label “globe” would not tell me what the globe in a particular file looks like. Here is an example of a coded naming system:

    • ADV_globe_all.ai

    or

    • Goloco_globe_NE.psd

    Sm-mr 05 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    The code will depend on whether your client’s name is long or short. Short names can be used in their entirety, but abbreviating long names into an easy-to-remember code helps.

    Sequencing

    If you plan to display one image after another, numbered file names can speed up your workflow. Most animation programs recognize numbers and will line them up one after another if you number them properly. Examples are:

    Traditional frame-by-frame animation:
    Sm-mr 06 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    Carousel of images:
    Sm-mr 07 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    Photo slideshow:
    Sm-mr 08 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    Mouths for lip syncing:
    Sm-mr 09 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    Title sequences:
    Sm-mr 10 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    Because of the high volume of frames in animation, use a three- or even four-digit naming system. Spacing, underscores and dashes do affect how programs understand the files. Below are examples of correct and incorrect numbering:

    Correct:

    • face_001.jpg
    • face_002.jpg
    • face_003.jpg

    Incorrect:

    • image1.jpg
    • Image_02.jpg
    • image__003.jpg

    Lower numbers should have zeros placed before them (so that number 1, for example, appears before number 10). Programs like Photoshop and Adobe Bridge can help with the batch renaming process.

    3. Vector And Bitmap Graphics

    Vectors have an infinite resolution, which is great for animation. Whether you use bitmap or vector, the images should be 72 DPI and RGB.

    Computer and television screens both use these specifications. 72 DPI is the only DPI for video, and higher and lower quality videos will differ only in aspect ratio. Adobe programs have been constructed for a cooperative workflow; the names you give layers in Illustrator and Photoshop will carry over to AfterEffects and Flash.

    In Illustrator, put elements that you want to animate separately onto separate layers and not paths.

    Sm-mr 11 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    4. Photos

    For best results, resize your photos and bitmap images. If you will be zooming into your pictures, make them bigger than your overall frame size. If you will zoom in by 50%, then the dimensions need to be only 150% bigger than your overall frame.

    Sm-mr 12 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    If we want to zoom in on this character, we will need to make him bigger than the overall screen size, otherwise he will look pixelated.

    If the images will be smaller than your screen, shrink them. Because all of the images are dynamically loaded, this will reduce the rendering time. Small images load faster than large images, so re-scaling before animation is a best practice.

    Sm-mr 13 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    Our thumbnails here will never be more than 50% of the screen size. Scaling elements to the appropriate size in Photoshop saves time later when rendering.

    This may be a little confusing, but it is important; because rendering can take hours, and a bit of resizing can save an hour or two of rendering time and make a lot of media more manageable. Digital cameras all take pictures at 3000 pixels wide or more, but the largest video frame is only 1920 pixels wide.

    5. Composition And Color

    This is where knowing your delivery method and audience comes in handy. Images intended for a theatrical release won’t necessarily work on a smaller screen, and vice versa.

    Screen-Size Comparison

    Sm-mr 14 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    Small objects can be too tiny in a Web video and become unreadable. Most Web videos use a smaller range of sizes so that the audience can properly view the elements. Elements that are too small on the Web can cease to be recognizable. A hairline turns into a line of pixels and a pupil becomes a black hole.

    Web Scale

    Sm-mr 15 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    Sm-mr 16 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    Sm-mr 16b in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    In any medium, color is important, but especially on the Web, where it is essential for creating contrast and guiding the viewer’s eye. Think of your composition as a set of shapes rather than characters and scenes, and you’ll be able to more easily produce effective graphic compositions that can be read at a variety of scales.

    Using Color to Emphasize Elements

    Sm-mr 17 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    The area of greatest contrast is between the light-yellow shirt and dark-green bushes. The eye is naturally drawn there. However, consider those with color-blindness. Colors that “pop” for most people might not someone with impaired color perception. Throwing a quick desaturation filter over the project will highlight the weak areas of your color scheme.

    Incorrect Use of Color Contrast

    Sm-mr 18 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    Though the orange and blue are complements and do attract the eye, they are the same value on the grayscale. By desaturating the image, we see the grayscale value of the colors. Someone with color-vision issues would not see this area as being the most distinctive.

    6. Aspect Ratio And The Web

    Most Web videos have a 16:9 aspect ratio (i.e. widescreen). Services like YouTube or Vimeo encourage this format. There are many “standard” sizes, but the most useful two are HDV/HDTV 720 and HDV 1080.

    Both formats are widescreen, and both have square pixels. Computer monitors have square pixels, which means viewers will see a true representation of your final image. Programs like AfterEffects can simulate other screen types, but if your project is for the Web, make it work with square pixels.

    If you are doing a project for broadcasting, consult your client, the venue or the broadcaster that will be presenting it. They all have different sizes and specifications to adhere to.

    7. Where To Type

    Animation programs have their own typography tools, or you can create your own in a program such as Illustrator or Photoshop. With Illustrator, you don’t have to worry about your text being too small or large because it will be a vector image. You can infinitely scale the type without losing quality or increasing rendering time.

    Sm-mr 19 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    For ornate titles or long scrolling credits, laying these out in a program designed for text is best. AfterEffects and Flash can do pretty much anything Illustrator can do, but in them you will not be able to see when text runs off the canvas, which makes it difficult to plan scrolling or zooming credits without constantly moving the text or rescaling to get a better view. Illustrator and Photoshop allow have more sophisticated tools for outlining and customizing the style of your type.

    Sm-mr 20 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    In addition, designing in Illustrator or Photoshop lets you focus on the design of the type. You can more fully concentrate on making your typographic design cohesive and interesting.

    Sm-mr 22 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    Sm-mr 21 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    For small bits of text, though, you can type directly in the animation program.

    8. Pre-Rendering

    Creating “Proxies” is a great way to reuse elements and cut down on rendering time. They allow you to render a single layer or many layers. If the elements are finalized and you don’t need to change them, you can render them as a single video file with an alpha channel. You can even render animation with an alpha channel.

    Sm-mr 23 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    A field of twinkling stars becomes much simpler with pre-rendering. The field of stars can then be combined and pre-rendered again, thus making one video file of a starry sky that is easy to use again and again.

    Sm-mr 24 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    Most animation programs can handle video, as well as Photoshop and Illustrator files.

    Sm-mr 25 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    Programs such as AfterEffects easily handle alpha channels without any rasterization or dithering. This is especially useful if the elements have a lot of rendering-intensive filters. Effects such as layers are dynamically loaded into each frame. Video is usually 30 frames per second, so a simple blur filter will render hundreds of times in just 10 seconds. If you think about how long it takes to put a filter on a layer in Photoshop, you have some idea of how long it takes for the same filter to be applied to many frames in Photoshop.

    Sm-mr 26 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    1 second to render an effect x 30 frames / second x 10 second = 5 minutes of rendering.

    You can also duplicate any animation or layer and use it over and over again. This makes kaleidoscopic animation much easier, and pre-rendering cuts down on rendering time. Programs such as Flash are good at nesting and handling “instances” of the same animation, but the equivalent in AfterEffects is pre-rendering and using a new video layer.

    Sm-mr 27 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    Flash and AfterEffects both have features that allow you to take complex animations and reduce them to a single layer.

    Sm-mr 28 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    Complexity can be built from a few simple elements with spectacular results.

    9. Organize For Your Future Self

    First, create a group in your project with the “Timelines,” “Scenes” or “Compositions” that are the final renders. This way you, or anyone, will be able to easily locate and render them again. Most video and animation programs have a bin or library and allow for easy internal folder creation.

    Sm Mr 25 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    Second, have a good incremental naming system for renders. Very often, the “final” render is not really final. Using numbers or letters, the computer will automatically order the files for you; and again, anyone will be able to figure out what was the last render. Your_project_final_Final_FINAL_v4.mov won’t clarify anything for anyone. In AfterEffects, movie files are named after their Compositions. I put a “v” at the end of each one so that I can easily insert the right number just before I render. When making Web versions, I change the “v” to a “w” to indicate that this is the Web version. A list of renders would look something like this:

    • CI_TCfIH_edit_v1.mov
    • CI_TCfIH_edit_w1.mov
    • CI_TCfIH_edit_v2.mov
    • CI_TCfIH_edit_w2.mov

    Computers like numbers, letters and order. Exploiting this proclivity frees you up for more creative endeavors. Because animation can take up thousands of files, organization is critical.

    10. Incorporating Live Action

    If you need to incorporate a green screen or other live action footage, shoot in an HD format if possible. These tend to have larger aspect ratios than standard television sets, which leaves room for some cinematic tricks later when you’re working in the animation program.

    We won’t get into lighting, editing or shooting in this article. But once you’ve mastered this considerable set of skills, you can bring those elements into your animation and make your live action elements interact with the animated ones.

    Web videos, like the ones on YouTube, are 640×360: well below standard video HD sizes. This means you will have “extra” video. By filming your live-action with a locked-down (i.e. non-moving) camera, you will get the best of both a steady shot and a perfect pan. Simply insert your footage into a slightly smaller composition and animate its position. Motion also guides the viewer’s eye and highlights certain parts of the screen. But panning the camera can make it hard to line up live-action and animated elements.

    Sm-mr 29 in Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

    These images are shown to the correct scale. We could shrink the large video even more for better framing.

    11. Have Fun And Experiment

    Animation programs are a combination of two to three smaller graphic design programs plus a video editor. They have a wide range of effects, tools and capabilities. Only by playing around with it will you really learn what the program can do. However, only by trying something you’ve never done before will you find out what you’re truly capable of (i.e. turn it up to 11).

    (al)

    noupe

    40 Outstanding Photo Manipulation Tutorials

    2010年3月8日
    回應關閉
    Advertisement in 40 Outstanding Photo Manipulation Tutorials
     in 40 Outstanding Photo Manipulation Tutorials  in 40 Outstanding Photo Manipulation Tutorials  in 40 Outstanding Photo Manipulation Tutorials

    Photo manipulation is an art that requires lots of patience along with the expertise in Photoshop and other photo editing tools. With your creativity and imagination, you can manipulate any photograph the way you want! Now it’s all about your imagination and using Photoshop’s effects and other tools cleverly.

    You simply have to experiment with different effects to see what feeling they give you as having expertise in Photoshop can help you greatly in producing amazing results. Here we’ve compiled a list of 40 great photo manipulation tutorials that would astonish you!

    Photo Manipulation Tutorials

    How to Create Glass Transparency in a Cute Photo Manipulation
    In this tutorial you’ll learn how to incorporate glass into your work. We’ll learn a good technique for incorporating glass transparency into photo manipulations, while placing a cute, pirate hamster on the high seas. Let’s start!

    Photomanipulation 21 in 40 Outstanding Photo Manipulation Tutorials

    Design a Surreal Desert Scene in Photoshop
    In this tutorial artist is going to show you how to create a surreal time-themed photomanipulation using Photoshop. The name of this photomanipulation is “Time Guardian” and it was originally created by Mariusz Karasiewicz

    Photomanipulation 13 in 40 Outstanding Photo Manipulation Tutorials

    How to Make a Melting Camera Scene
    In this tutorial, we’ll use the Layer Mask Tool and Liquify filter to “melt” the camera. Artist recommends 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!

    Photomanipulation 1 in 40 Outstanding Photo Manipulation Tutorials

    Blend a Planet Transparently into a Photo Manipulation
    In this tutorial Artist will show you how to use different blending modes to blend flying hairs easily and to make semi-transparent planet. He will also show you different techniques of adjustment to get the most realistic results in your photo manipulations!

    Photomanipulation 3 in 40 Outstanding Photo Manipulation Tutorials

    Making of the Imaginary Paint Dancers
    Artist came across the amazing set of Paint Tossing freebies from Media Militia the other day and thought that he must create some artwork with them. So he visited my favorite Mjranum’s stock gallery again and done up this tutorial. Hope you will like it.

    Photomanipulation 20 in 40 Outstanding Photo Manipulation Tutorials

    Robot Woman Photo Manipulation
    If you want to take your photo manipulation skills to the next level, then we have an awesome tutorial for you. Learn more at the jump!

    Photomanipulation 4 in 40 Outstanding Photo Manipulation Tutorials

    Alien Invasion
    A step by step and detailed tutorial, you will find it very useful and interesting.

    Photomanipulation 29 in 40 Outstanding Photo Manipulation Tutorials

    How to Create a Steampunk Style Illustration in Photoshop
    Go simultaneously backward and forward in time with this Steampunk tutorial. The main focus, aside from the style of course, is fusing elements from different sources together to create a cohesive whole. There are many tricks to this end and we shall be looking at light sources, shadows, and image grading.

    Photomanipulation 16 in 40 Outstanding Photo Manipulation Tutorials

    Create a Cyborg With Photoshop
    In this tutorial you’ll discover how to incorporate mundane, everyday objects into a photoshop cyborg manipulation. Combining household objects with 3D renders is a technique that can and does have interesting results.

    Photomanipulation 30 in 40 Outstanding Photo Manipulation Tutorials

    How to Create a Mythical Creature Photo Manipulation
    If you want to take your photo manipulation skills to the next level, then we have an awesome tutorial for you. Learn more at the jump!

    Photomanipulation 5 in 40 Outstanding Photo Manipulation Tutorials

    How to Create a Chilling Photo Manipulation in Photoshop
    In this tutorial artist will show you how he created a fantasy photo manipulation called “You Can Not Frost The Time” with using several Photoshop tools such as Color Range, different blending modes, and more. Let’s get started!

    Photomanipulation 6 in 40 Outstanding Photo Manipulation Tutorials

    How to Create a Fantasy Landscape Photo Manipulation
    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!

    Photomanipulation 7 in 40 Outstanding Photo Manipulation Tutorials

    How to Create a Fallen Angel on Fire Photo Manipulation
    If you want to take your photo manipulation work to the next level, then we have an exciting tutorial for you. We’ll work with fire and other images to create this fantasy scene. Learn more at the jump!

    Photomanipulation 8 in 40 Outstanding Photo Manipulation Tutorials

    How to Create a Dark Emotional Photo Manipulation
    This is a tutorial with a simple idea: to create an emotional photo manipulation. Following this tutorial, you will learn how to blend different images to make a dark atmospheric background, modify the dress of the model, apply makeup, paint hair, blend different objects in the background, and more – all to create a moody illustration. So, let’s start!

    Photomanipulation 9 in 40 Outstanding Photo Manipulation Tutorials

    How to Create a Surreal Photo Manipulation with Twisting Water
    In this tutorial, we’re going to create a fantasy photo manipulation mixing different images and learning to use and modify the stock images in a creative way. The idea is to get a compact image that looks absolutely real, and at the same time, absolutely impossible!

    Photomanipulation 10 in 40 Outstanding Photo Manipulation Tutorials

    Photo Manipulate a Falling Angel
    Learn how to combine several photos to create a dramatic ‘fallen angel’ scene.

    Photomanipulation 11 in 40 Outstanding Photo Manipulation Tutorials

    Animal King Photo Manipulation
    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!

    Photomanipulation 12 in 40 Outstanding Photo Manipulation Tutorials

    Design an Epic Fantasy Scene with Photoshop
    In this tutorial we are going to create a photo manipulation inspired by Valhalla.

    Photomanipulation 14 in 40 Outstanding Photo Manipulation Tutorials

    Create an Explosive Cover with Precise Photo Manipulation Techniques
    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.

    Photomanipulation 15 in 40 Outstanding Photo Manipulation Tutorials

    Design a Dramatic and Surreal Rainy Scene with Photoshop
    Learn all about how to manipulate images and combine them to create surreal scenes, in this case a rainy scene. Also, numerous details are covered in this tutorial such as adding highlights, shading, excellent photo-manipulation techniques, and more. Learn all about it at the jump!

    Photomanipulation 17 in 40 Outstanding Photo Manipulation Tutorials

    The Making of Mystic
    In this tutorial Nik Ainley walks us through the process of making a spectacular image. This tutorial focuses on the big picture steps taken to create this image. You’ll learn some incredible techniques in this tutorial, and get a view into how Nik creates beautiful photo-manipulation based images. Let’s check it out.

    Photomanipulation 18 in 40 Outstanding Photo Manipulation Tutorials

    Fantastic Disintegration Effect inspired by Watchmen in Photoshop
    In this tutorial artist will show you how to create the disintegration effect using brushes and the blur filter. It’s really simple and you will be able to create nice designs using this sort of trendy style of effect.

    Photomanipulation 19 in 40 Outstanding Photo Manipulation Tutorials

    Making of the Magical Heroes
    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.

    Photomanipulation 22 in 40 Outstanding Photo Manipulation Tutorials

    Create amazing water-drenched photomontages
    Nik Ainley shows you how to make a splash, blending two very different images to create this amazing underwater effect, complete with a dissolving figure of a man.

    Photomanipulation 23 in 40 Outstanding Photo Manipulation Tutorials

    Torture a Man and Stitch himup
    Transform a man into a torture victim with a couple tricks and some basic tools.

    Photomanipulation 24 in 40 Outstanding Photo Manipulation Tutorials

    Creating a Glowing Sphere in An Inverted Image
    Learn how you can create an interesting image by adding in some simple Photoshop effects and by inverting its colors! Inverting an image can sometimes produce unexpected results, and in this tutorial, you’ll learn and practice Filters – Liquify, Blur and Lens Flare tools to create additional effects and elements to make it more stunning.

    Photomanipulation 25 in 40 Outstanding Photo Manipulation Tutorials

    How to Create a Mystery Photo Manipulation in Photoshop
    In this tutorial artist will show you how to create a mystery photo manipulation using Photoshop brushes, different blend modes, and more. Let’s get started!

    Photomanipulation 26 in 40 Outstanding Photo Manipulation Tutorials

    How To Create A Ripping And Tearing Poster Effect
    In this tutorial we are going to turn a flat, artificial poster into something that looks as if it’s been hanging around on the wall for a long time.The initial poster was created using techniques that we have covered in previews tutorials. As you can see, it’s a brash image that looks nothing like a real poster.

    Photomanipulation 27 in 40 Outstanding Photo Manipulation Tutorials

    Mysterious Hollow Dark landscape
    A step by step and detailed tutorial, you will find it very useful and interesting.

    Photomanipulation 28 in 40 Outstanding Photo Manipulation Tutorials

    How to Create a Photo Manipulation of a Flooded City Scene
    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!

    Photomanipulation 31 in 40 Outstanding Photo Manipulation Tutorials

    Scared Photomanipulation Tutorial
    This tutorial will be a little different than all the other tutorials. Here artist will teach you some basic things about Photomanipulation.

    Photomanipulation 32 in 40 Outstanding Photo Manipulation Tutorials

    How to Create a Slice of Nature Photo Manipulation
    Today artist is 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.

    Photomanipulation 33 in 40 Outstanding Photo Manipulation Tutorials

    Self-initiated abstract art
    In this tutorial artist will show you how – with a little time on your side – you can overcome the common myth of low budget work, creating an impressive piece of abstract work using Photoshop.

    Photomanipulation 34 in 40 Outstanding Photo Manipulation Tutorials

    Dreamy photo effect
    In this tutorial we will take a photo and use different color adjustments and something like pattern floral brushes to make it better or to make a different mood to our picture. So let’s go.

    Photomanipulation 35 in 40 Outstanding Photo Manipulation Tutorials

    Dazzling Dance Photo Manipulation
    In this detailed and lengthy Photoshop tutorial, you will learn how to combine photos and add special effects to turn a normal photograph into a stunning artwork. You will also learn several tricks to reduce your Photoshop document file size and number of layers and layer styles.

    Photomanipulation 36 in 40 Outstanding Photo Manipulation Tutorials

    How to Create a Fantasy Scene with Death
    In this detailed tutorial you will learn how to create a fantasy scene with death.

    Photomanipulation 37 in 40 Outstanding Photo Manipulation Tutorials

    How To Create a Futuristic Sci-Fi Scene
    In this tutorial, artist 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.

    Photomanipulation 38 in 40 Outstanding Photo Manipulation Tutorials

    Create a Colorful Woodpecker and Tree Scenery
    This tutorial is intended for everyone who is beginning at digital drawing/painting, if you like drawing and Photoshop then you are the perfect candidate to follow this tutorial.

    Photomanipulation 39 in 40 Outstanding Photo Manipulation Tutorials

    Create a Beautiful Lonely Fantasy Fairy
    This tutorial will explain how to make a beautiful fairy from a single source image. We’ll go over each step on how to make the feathers, the hat, the background, the grass and the mountains.

    Photomanipulation 40 in 40 Outstanding Photo Manipulation Tutorials

    How to Create a Severed Arm in Photoshop
    In this tutorial we will be learning how to create a severed arm with fleshy stumps and strings of sinew. This will be created by using some basic Brushes and Layer Masks. Let’s get started!

    Photomanipulation 41 in 40 Outstanding Photo Manipulation Tutorials

    Other Useful Resources

    noupe