Monday 14 September 2015

Color Subsampling, or What is 4:4:4 or 4:2:2??

Color Subsampling, or What is 4:4:4 or 4:2:2??

By: Karl Soule 

Source (http://blogs.adobe.com/VideoRoad/2010/06/color_subsampling_or_what_is_4.html)

In the video space, there’s always a lot of talk about these number ratios – 4:4:4, or 4:2:2, or 4:1:1, but what exactly do they mean? Recently, someone argued with me that it was better to convert every video clip from my Canon Rebel T2i DSLR camera into a 4:4:4 intermediate codec before editing; that this would make the color magically “better” and that editing natively was somehow bad. They were wrong, and I’m going to explain why.

One trick that video engineers have used for years is to toss away a lot of the color information. Basically, they can toss away the color values on every other pixel, and it’s not very noticeable. In some cases, they throw away even more color information. This is called Color Subsampling, and it’s a big part of a lot of modern HD formats for video.
When looking at color subsampling, you use a ratio to express what the color subsampling is. Most of us are familiar with these numbers: 4:4:4, or 4:2:2, or 4:1:1, and most of us are aware that bigger numbers are better. Fewer people understand what the numbers actually mean. It’s actually pretty easy.
Let’s pretend that we are looking at a small part of a frame – just a 4×4 matrix of pixels in an image:
Pixel Grid 444.jpg
In this example, every pixel has a Y value, a Cb value, and a Cr value. If you look at a line of pixels, and count how many Y, U, and V values, you’d say that there are 4 values of Y, 4 values for U, and 4 values of V. In color shorthand, we’d say that this is a 4:4:4 image.
4:4:4 color is a platinum standard for color, and it’s extremely rare to see a recording device or camera that outputs 4:4:4 color. Since the human eye doesn’t really notice when color is removed, most of the higher-end devices output something called 4:2:2. Here’s what that 4×4 matrix would look like for 4:2:2:
Pixel Grid 422.jpg
As you can see, half of the pixels are missing the color data. Looking at that 4×4 grid, 4:2:2 color may not look that good, but 4:2:2 color is actually considered a very good color standard. Most computer software can use the neighboring color values and average in the values of the missing color values.
Let’s look at 4:1:1 color, which is used for NTSC DV video:
Pixel Grid 411.jpg
Bleaccch. 75% of the color for each pixel is tossed away! With bigger “gaps” between color information, it’s even harder for software to “rebuild” the missing values, but it happens. This is one of the reasons that re-compressing DV can cause color smearing from generation to generation.
Let’s look at one other color subsampling, which is called 4:2:0, and is used very frequently in MPEG encoding schemes:
Pixel Grid 420.jpg
This diagram shows one of many ways that 4:2:0 color subsampling can be accomplished, but the general idea is the same – Luma samples for each pixel, one line has Cb samples for every other pixel, and the next line has Cr samples for every other pixel.
With a color subsampled image, it’s up to the program decoding the picture to estimate the missing pixel values, using the surrounding intact color values, and providing smoothing between the averaged values.

Okay – we’ve defined what color subsampling is. Now, how does that relate to my friend’s earlier argument?
Well, in my DSLR camera, the color information is subsampled to 4:2:0 color space in the camera. In other words, the camera is throwing away the color information. It’s the weakest link in the chain! Converting from 4:2:0 to 4:4:4 at this stage doesn’t “magically” bring back the thrown-away data – the data was lost prior to hitting the memory card. It’s just taking the data that’s already there, and “upsampling” the missing color values by averaging between the adjoining values.
Inside Premiere Pro, the images will stay exactly as they were recorded in-camera for cuts-only edits. If there’s no color work going on, the 4:2:0 values remain untouched. If I need to do some color grading, Premiere Pro will, on-the-fly, upsample the footage to 4:4:4, and it does this very well, and in a lot of cases, in real-time.

Going to a 4:4:4 intermediate codec does have some benefits – in the transcode process, upsampling every frame to 4:4:4 means that your CPU doesn’t have as much work to do, and may give you better performance on older systems, but there’s a huge time penalty in transcoding. And, it doesn’t get you any “better color” than going native. Whether you upsample prior to editing or do it on-the-fly in Premiere Pro, the color info was already lost in the camera.

In fact, I could argue that Premiere Pro is the better solution for certain types of editing because we leave the color samples alone when possible. If the edit is re-encoded to a 4:2:0 format, Premiere Pro can use the original color samples and pass those along to the encoder in certain circumstances. Upsampling and downsampling can cause errors, since the encoder can’t tell the difference between the original color samples and the rebuilt, averaged ones.

I’m not trying to knock intermediate codecs – there are some very valid reasons why certain people need them in their pipeline. But, for people just editing in the Adobe Production Premium suite, they won’t magically add more color data, and may waste you a lot of time. Take advantage of the native editing in Premiere Pro CS5, and you’ll like what you see. :-)

Article Source (http://blogs.adobe.com/VideoRoad/2010/06/color_subsampling_or_what_is_4.html)

Monday 7 September 2015

Photoshop Lab Task 8 Super Cool Frilly Text,

Photoshop Lab Task 8


This tutorial creates a Super Cool Frilly Text banner.  The first thing to do is to find the elements we will use. There are lots of websites where you can find nice vectors, and there's a post from Cameron Moll with a huge list of these sites. So that's a nice place to start.
 
Step 2
Open Photoshop and create a new document. I used 1680x1050 pixels. After that, type  abduzeedo and go to Layer>Layer Style>Gradient Overlay. Use Red, Yellow, Green, and Light Blue for the colors. I used Futura for the typeface


Step 3
Let's start mixing the vectors with the type. First you will have to find the right "ornament"
for the letter you want. Then you will have to place it in a way that it follows the shape of
that letter. In the image below you can see that the "ornament" seems to be coming from
the "a".
After you align the ornament with the letter, it's time to add some depth. To do that let's
use the Layer Styles. Go to Layer>Layer Styles>Drop Shadow. Use Multiply for the
Blend Mode, Black for the color, 100% Opacity, -60% Angle, Distance of 5 pixels
and Size of 5 pixels as well.


http://cameronmoll.com/archives/2008/05/25_resources_ornaments_fleurons/
 
After checking all the sites out, I bought the vectors from


http://www.istockphoto.com/file_closeup/object/5836792_floral_design_elements.php? id=583679


Now follow the step by step instruction provided in the handout below.

Photoshop Task 4, Creating a Wooden Frame & Mising Pictures

Photoshop Task 4

 Introduction:
Adobe Photoshop is an Image Processing software package that enables you to create & edit images on IBM personal Computers. Adobe Photoshop is acknowledged in professional fields as the cutting-edge Program, the final word in Textile Designing. Adobe Photoshop is world leading image manipulating program for graphics art and is used extensively in printing, publishing, www, photographic and graphic design industries.

Task _1: Creating a Wooden Frame

Task_2: Mixing two pictures with layer effects to create a wallpaper.


Object: To learn about Photoshop work area.
  1. To make wood effect on text.
  2. Take an image and make advance wooden frame around it.
  3. Combine two pictures using Feather option
Tool: Adobe Photoshop

Introduction:Adobe Photoshop is an Image Processing software package that enables you to create & edit images on IBM personal Computers. Adobe Photoshop is acknowledged in professional fields as the cutting-edge Program, the final word in Textile Designing.
Adobe Photoshop is world leading image manipulating program for graphics art and is used extensively in printing, publishing, www, photographic and graphic design industries.

About the work area

The work area consists of the following components:
Menu bar
The menu bar contains menus for performing tasks. The menus are organized by topic. For example, the Layers menu contains commands for working with layers.
Options bar
The options bar provides options for using a tool.
To display the tool options bar: Do one of the following:
    • Choose Window > Options.
    • Click a tool in the toolbox.
Lasso options bar
Toolbox
The toolbox holds tools for creating and editing images. To show or hide the toolbox:
Choose Window > Tools. A check mark indicates the item is showing.
Palette well (Photoshop)
The palette well helps you organize the palettes in your work area.
Palettes
Palettes help you monitor and modify images
To display one palette:
Choose the palette name in the Window menu.
To show or hide multiple palettes:
Do one of the following:
    • To show or hide all open palettes, the options bar, and the toolbox, press Tab.
    • To show or hide all palettes, press Shift+Tab.



Theory:
Layers allow you to work on one element of an image without disturbing the others. Where there is no image on a layer, you can see through to the layers below. You can change the composition of an image by changing the order and attributes of layers. In addition, special features such as adjustment layers, fill layers, and layer styles let you create sophisticated effects.
Layer styles let you quickly apply effects to a layer's content. The effects that you apply to a layer become part of the layer's custom style. When a layer has a style, an "f" icon appears to the right of the layer's name in the Layers palette.
The lasso and polygonal lasso tools let you draw both straight-edged and freehand segments of a selection border.
Feathering Blurs edges by building a transition boundary between the selection and its surrounding pixels. This blurring can cause some loss of detail at the edge of the selection.
Procedure:
  1. Wood Text
1. Open Photoshop 7.0. Type the text using type tool.


2.
Layer > Layer Style > Bevel and Emboss
3. Select inner bevel Depth 400
4. Select Drop Shadow
5. Select Pattern Overlay. From the pattern, select Wood Texture
( forth in the first row )
6. Add background color using paint bucket tool to decorate the text.
b) Advance Wooden Frame

1. Try to complete Wood text exercise before starting this exercise.
2. Using Polygon Lasso Tool, make left side of the frame.
3. Make a new layer and fill the selection with pattern of Wood using paint bucket tool.
4. Make a copy of layer.
5. Flip the copy using.
Edit > Transform > Flip Horizontal
Edit > Transform > Flip Vertical
6. Adjust all the parts properly to create the frame structure.
7. Off the visibility icon i.e. EYE of the background layer select any of the frame layer and click 'Merge Visible' from layers menu to get frame with single layer.
8. To make the frame more realistic use bevel effect on the frame.
Layer > Layer Style > Bevel & Emboss > Inner Bevel
9. Apply inner shadow with default values.
Layer > Layer Style > Bevel & Emboss > Inner Shadow
10. Drag the image on the frame. Drag the image layer below the frame layer.
c) Combine two pictures using Feather option
1. Select a picture that smoothly fades into the background.
2. Open Photoshop. Open main image which will be used as a base.
3. Open another image to apply simple fading effect.
4. Drag this image on the main image using Move Tool. Keep this Layer selected.
5. Select Lasso Tool. Make an irregular selection.
6. Select > Feather (9)
7. Select > Inverse
8. Press Delete and you get a Vignette. Press Ctrl + D to deselect.
9. Change the Layer mode to Overlay to mix it with background.
Result:
We have become familiar how To make wood effect on text, how to make wooden frame around an image and how to combine two pictures using Feather option.

Featured post

Addmision are open

  Offering Professional Courses in the field of  Multimedia, Animation and Graphics