Pages

Minggu, 23 Oktober 2011

Creating Fire in After Effects CS3

One of the toughest things to achieve in After Effects is a true feeling of space, environment, and temperature even. One way to infuse your scene with reality is to add light—and not simply a spotlight with a feathered edge and a few shadows here and there, but a realistic light cast from the very essential form of illumination: fire!
[If you’d like to preview the final effect, click here to download. All files are for personal use only.]
1 Import Image Files
The specs for this project are an NTSC D1 square-pixel composition of 720×450 pixels, 29.97 frames per second, six seconds long, a black background, and named “Flame.” The first step is to assemble the elements you want to use. In this case, we’re going to use three items: a logo (or icon), a texture for the floor, and a movie clip for the flame. Double-click in the Project panel to bring up the Import dialog, then locate the items you wish to use. For our example, we’ll import an 1800×1800-pixel file called “Texture.psd,” and a small 350×73-pixel vector logo called “Energi Text.ai.”

2 Import Movie File
Now locate the movie clip of fire or flame you wish to use (this could also be one you’ve created with a particle system such as the one in Motion). We’re bringing in one of Artbeats’ wonderful flame clips from their ReelFire 1 collection, “RF108.mov.” Now all these items are assembled in the Project panel, we can start to piece the scene together.

ARBEATS REELFILE 1 COLLECTION
3 Create 3D Floor; Rotate
Select your texture image in the Project panel and drag it into the Timeline at 0 seconds. Click the 3D Layer icon in the Switches panel for this layer, then go to the Active Camera menu at the bottom of the Composition window, and choose Custom View 1. Press R on the keyboard to reveal the layer’s Rotation property, then click on the +0.0° value next to X Rotation and change it to +90°, pressing Enter to confirm when done. This rotates the texture to become the floor.

4 Add 3D Logo; Position & Scale
Press C on the keyboard to access the Orbit Camera tool and drag it around in the Composition window to view the scene from a better angle. Press V to return to the Selection tool. Now, drag your logo or icon (ours is Energi Text.ai) image from the Project panel into the Timeline above the image at 0 seconds also. Turn this into a 3D layer, then drag the green Y-axis arrow in the Composition window to position the logo above the floor. To scale the logo up or down, press S on the keyboard to reveal the Scale property and adjust it to suit your design.

5 Add 3D Flame; Adjust Anchor Point
Now drag in the your flame clip at 0 seconds in the Timeline—note how the layer’s anchor point is in the center of the rectangle. Select the Pan Behind tool (Y) from the Toolbar and drag the flame’s anchor point toward the lower middle of the flame itself. This will make scaling and positioning easier, as this is the point from which the layer will transform. It will also give us a handy reference for the position of our light in a short while.

6 Key Flame; Make 3D Layer
Let’s quickly remove the black background of the clip. Press V to return to the Selection tool, then go to Effect>Channel>Shift Channels. In the Effect Controls panel (ECP), choose Red from the Take Alpha From option to use the layer’s red channel to create transparency. Now, go to Effect>Channel>Remove Color Matting and the original brightness and color of the flame will be restored. Now, click this layer’s 3D switch in the Timeline to turn it into another 3D layer.

7 Scale & Position Flame
Switch from Custom View 1 to Front, then hit S to reveal the flame’s Scale property. Drag to the left on any one of the three 100% numbers and scale the flame down to the size you prefer. Then use the green Y- and red X-axis arrows in the Composition window to move the flame into the desired location. In our case, it’s going to sit directly on top of the I in ENERGI.

8 Add Point Light; Turn On Shadows
Switch back to Custom View 1 now, then go to Layer>New>Light and in the resulting Light Settings dialog, choose Point from the Light Type pop-up menu. This creates a light source that shines in all directions (we called it Firelight). Turn Casts Shadows on, set the Intensity to 120%, Shadow Darkness to 60%, and the Shadow Diffusion to 20%, then click OK. A new light is sitting toward the lower right of our scene and you should be able to see it illuminating a small section of the floor—not a bad start!

9 Position Light within Flame
Let’s position the light in exactly the same location as the flame, as that’s where the light source is to come from—and this is also why we adjusted the anchor point of the flame! Select the flame layer, hit P to reveal its Position value, click on the word Position, and then press Command-C (PC: Ctrl-C) to copy the value. Now, select the Firelight layer, press P, select the word Position, and press Command-V (PC: Ctrl-V) to paste in the copied value. Perfect—except everything’s gone dark, and there are no shadows…

10 Adjust 3D Material Properties
Adding lights in After Effects only illuminates layers that are a distance from the light source (such as the floor); but this light is in the right position, so let’s tell the logo and flame to self-illuminate. Select both the logo and flame layers in the Timeline, then hit AA to reveal their 3D Material properties. Set the Accepts Lights option to Off and you’ll see the layers again. Now, select only the logo layer and change Casts Shadows to On.

11 Change Light Color; Add Intensity Expression
Now, let’s make the light source much more realistic. Double-click the Firelight layer to bring up the Light Settings dialog, click the Color swatch and change it to a light orange. Click OK, then press AA to reveal the Light Options in the Timeline. Hold down Option (PC: Alt) and click on the stopwatch next to Intensity to add an Expression field. Type “wiggle(10,40)” in the filed and then press Enter to confirm. If you scrub the Timeline now, you can see the light intensity flickering very nicely on the floor.

12 Add Position Expression
To now reveal the shadows and make them “dance” as the flames jump around, let’s use a similar Expression for the Firelight’s position. Press P to reveal its Position property, then Option-click (PC: Alt-click) on the stopwatch to add an Expression field. This time, type “wiggle(2,100)” and then press Enter to confirm. If you now press 0 on the keypad to RAM Preview, you’ll see the shadows cast from the logo moving very nicely across the floor, and also beautifully diffused as they get further away from the light source.

13 Add Camera; Adjust & Keyframe
Now we can create a simple camera move around the logo to really get a sense of space. At 0 seconds, go to Layer>New>Camera, then choose 28mm from the Preset pop-up menu in the Camera Settings dialog. Click OK, then in the Composition window, switch back to Active Camera. Press C and drag the Orbit Camera tool around to set your starting view, then press P and click the stopwatch to add a Position keyframe for the camera at 0 seconds.

14 Animate Camera
Hit End on the keyboard to jump to 6 seconds, then drag the Orbit Camera tool again to set your end view. Do a final RAM Preview, or render, and you should see some wonderfully realistic lighting effects, making this simple scene so much more alive. Remember the light intensity, color, shadow darkness, diffusion, and position movement, as well as the relative distances between the light, the floor, and the logo can all be adjusted to get infinitely varied results. Enjoy!



sumber : http://layersmagazine.com/let-there-be-light.html

3D Motion and Position of Text Characters with After Effects

3D Motion and Position of Text Characters with After Effects
[If you’d like to download a finished movie for this tutorial, visit www.layersmagazine.com and navigate to the Magazine section. All files are for personal use only.]
Typography is one of the qualities upon which we base most of our design work, and the type animation engine in After Effects offers a gamut of ways to express typographic flair. One of my favorites is the ability to control the 3D motion and position of text characters. When combined with simple camera moves, depth of field, and some real-world studio tricks we use every day, the results can be—literally—powerful. Let’s get started.
1 CREATE PROJECT; ADD BACKGROUND, TYPE
Create a New Composition, named “Power of Words,” at HDTV 1280×720 resolution with a 6-second duration, and then double-click the Project panel to import an image to use as a background. For this example, I purchased a vector illustration of blurry lights (#4292586 from www.istockphoto.com). Drag the image into the Timeline at 0 seconds and use any effects to adjust color or contrast, as well as an Effect>Blur & Sharpen>Fast Blur to soften focus. Go to Layer>New>Text, and enter the main text. We’ve styled ours using Helvetica Neue (85 Heavy and 35 Thin), 30-px size, Optical kerning, Tracking 10, black, and centered.
After Effects
2 ADD AND EDIT 3D CAMERA
Now, go to Layer>New>Camera, choose 15mm from the Preset drop-down menu in the dialog, and click OK (if you get a 2D warning dialog, just ignore it for now). Press P on your keyboard to reveal the camera’s Position properties, and adjust the Z position value to –600 for the time being. Now go to Layer>Transform>Auto-Orient, choose Off, and click OK.
After Effects
3 ADJUST 3D POSITIONS
Click the 3D Layer switch next to both the text and background image layers in the Timeline, then select the background image layer, hit P, and set the Z position to 3000 in the far distance. Now, press Shift-S to show the Scale property also, and scale the background image until it touches the edges of the full composition.
After Effects
4 DUPLICATE AND ADJUST TEXT
Twirl up the background image layer’s properties, select the text layer, and press Command-D (PC: Ctrl-D) to duplicate it. Click the Solo box on the left of the Timeline for that layer and in the Character panel, change its color to white. (Note: Go to Composition>Background Color and change the color to black so you can see your white text.) Now, change the Font family to be the same throughout—in this case Helvetica Neue 45 Light, the Size to 24 px, and the Tracking to 100.
After Effects
5 EDIT TEXT; RENAME LAYER
Now, double-click the T icon next to the layer’s name, then type in a series of words or sentences of your choice. The longer the line, the better the finished 3D strings of text will be, so feel free to type and copy-and-paste to extend the lines. You’ll notice that the layer’s name becomes rather awkward to work with, so when finished, click on the name of the layer, press Return (PC: Enter), and rename it to “Long line of type” or something short to that effect.
After Effects
6 ADD FIRST TEXT ANIMATOR
Now for the animators! Twirl down the Long line of type layer, twirl down Text, then click the arrow to the right of the word “Animate” and choose Anchor Point to add your first Animator. Click on the name of the Animator, press Return (PC: Enter), and rename it “Animator 1 – Anchor Point” for easy recognition. Go back to Animate and choose Enable Per-Character 3D from the menu, then adjust the Anchor Point Animator’s Y value to sit in the vertical middle of the type—in our example, around –9. This enables rotators we add later to spin from the center of the letters, not their baseline.
After Effects
7 ADD SECOND TEXT ANIMATOR
Twirl up and deselect Animator 1, then go back to the Animate menu and choose Position, which adds a second animator. Rename it “Animator 2 – Position Wiggle,” then next to the new name, click Add and choose Selector>Wiggly. This is where the fun and creativity really begin!
After Effects
8 ADJUST POSITION AND WIGGLE VALUES
In the Position value within the animator, adjust the XYZ values to 400, 600, 400, respectively. As you can see, this blows the characters far apart easily. And if you scrub the Timeline, it looks crazy too—but this is easy to control. Twirl down Wiggly Selector 1, set the Wiggles/Second to 0.05 (it will show 0.1 when you press Return [PC: Enter]), and most importantly, set the Correlation to 96%. This causes the letters to remain more in line with each other, forming a gently rippling line of type.
After Effects
9 ADD THIRD TEXT ANIMATOR
Deselect all, go back to the Animate menu, select Rotation, and next to the new animator, click Add and choose Selector>Wiggly. Rename this animator “Animator 3 – Rotation Wiggle,” then adjust the X, Y, and Z Rotation selectors to 1x, 2x, 1x, respectively. Now twirl down Wiggly Selector 1 and adjust the Wiggles/Second to 0.35 and the Correlation to 0%, and scrub the Timeline. This correlation value allows the random rotation to apply to the characters individually, which looks very cool.
After Effects
10 ADD FINAL ANIMATOR
Deselect all, go back to the Animate menu, choose Character Offset, and then add a Wiggly Selector into that new animator. Rename this animator “Animator 4 – Character Offset,” then go to the newly added Character Offset value and set it to 10, and the Character Alignment to Center. Now adjust its Wiggles/Second to 2 and its Correlation to 0%, then view the results. Looking pretty cool!
After Effects
11 ADD RANDOM LAYER ORIENTATION
Now to adjust the entire layer’s rotation in anticipation of the next step, twirl up the entire text layer, then hit R to reveal its Rotation property. Hold down Option (PC: Alt), click on the Stopwatch for X Rotation to add an expression field, and type in wiggle(0,180), then hit Enter to confirm. This will randomly rotate the layer up to 180° on the x-axis, but with no motion. Now repeat this process to add expressions to both the y- and z-axes, using wiggle(0,360) and wiggle(0,180), respectively.
After Effects
12 DUPLICATE, DUPLICATE, DUPLICATE
Everything we’ve created so far is referencing Wiggle values, which are created randomly in After Effects on a layer-by-layer basis, so if we duplicate this layer, we’ll get wildly different results. Twirl up the text layer, select it, then press Command-D (PC: Ctrl-D) to duplicate it. Not only do you see a new spread of text characters in completely different positions, but the layer name has added “2” to the end, which is why we renamed it. Now, duplicate as many times as you like to suit your design.
After Effects
13 ADJUST AND ANIMATE CAMERA
Turn off the Solo icon for all of the type layers, then select the Camera 1 layer and change its Z Position value to –900. At 00:00 seconds, click the Position Stopwatch to add a keyframe, then scrub to 04:00 seconds and change the Z position value to –300. Select that second keyframe and go to Animation>Keyframe Assistant>Easy Ease In (PC: Shift-F9), or adjust the velocity to suit your own design.
After Effects
14 ADD DEPTH OF FIELD; MOTION BLUR
Finally, press AA to reveal the Camera Options, then turn Depth of Field to On. Change the Focus Distance to 300 and the Aperture to 80 pixels—this gives us perfect focus on the final wording line at 04:00. Feel free to turn on the Motion Blur switch for all of the text layers, then render your final movie.
A really powerful, and even slightly disturbing, motion piece created easily and quickly thanks to some careful planning, animators, wigglers, and expressions, and of course some good “Energi.” Enjoy!
After Effects
ALL IMAGES BY STEVE HOLMES UNLESS OTHERWISE NOTED 


sumber :http://layersmagazine.com/3d-motion-and-position-of-text-characters-with-after-effects.html

MANIPULASI FOTO dan FOTO EFEK

Tidak perlu membeli pensil 2B atau sejenisnya karena yang kita butuhkan hanya Komputer dengan program Adobe Photoshopnya

Langkah - Langkahnya Tutorial:

1. Buka Program Photoshop anda, dan masukkan gambar (CRTL + O kemudian pilih file gambar) yang akan diedit dengan photoshop
Disini saya menggunakan foto artis favorit saya yang main di film Harry Potter siapa lagi klo bukan Emma Watson :) , bisa anda dapatkan wallpapersnya di google service atau save as gambar di bawah ini untuk latihan
image ilmugrafis.com
Emma Watson
(cara save as image: klik kanan gambar, pilih save picture)

2. Duplikat layer sehingga kita mempunyai 2 layer (background dan layer 1)
untuk menduplikat layer tekan CTRL + J , setelah itu tekan CTRL + SHIFT + U untuk membuat warnanya Desaturate (hitam - putih)
jika benar maka anda akan mendapatkan hasil seperti ini:
image ilmugrafis.com


3. Duplicat layer 1 dengan menekan CTRL + J dan kita akan mendapatkan layer baru bernama "layer 1 copy"
Setelah itu tekan CTRL + I untuk meng-Inverse gambar , hasilnya:
image ilmugrafis.com


4. Ubah mode pada Layer 1 copy ke mode : Color Dodge , dan gambar akan menjadi putih tapi janganlah khawatir karena itu langkah yang benar
setelah itu klik Filter > Blur > Gaussian Blur
disini saya menggunakan Radius 1.0 , anda bisa berkreasi dengan mencoba setting lainnya
image ilmugrafis.com


5. Duplicat gambar original (background layer) dengan menekan CTRL + J lalu drag and drop Background copy ke bagian layer paling atas
image ilmugrafis.com
Masih di Layer "Background copy" Kemudian tekan CTRL + SHIFT + U untuk membuat warnanya Desaturate (hitam - putih)
berikan effect noise dengan Filter > Noise > Add Noise
image ilmugrafis.com

6. Tambahkan efek Filter > Brush Strokes > Angled Strokes
image ilmugrafis.com
nah langkah terakhir adalah mengubah modenya menjadi Multiply , dan set opacity sesuai selera, disini saya set:
image ilmugrafis.com
hasilnya kurang lebih seperti ini:
image ilmugrafis.com
efek foto arsiran pensil (pencil color)
File Latihan dan Hasil Akhir bisa didownload disini sebagai bahan pembelajaran | Download Source

Gambar lain hasil editan dengan efek ini arsiran pensil ini :
kenapa hasilnya agak beda? karena tergantung juga pencahayaan gambar yang akan diedit, jadi jika telah menguasai tutorial ini maka anda bisa mencoba modifikasi setting/pengaturan yang diberikan sehingga menghasilkan gambar yang menurut anda cukup menarik







image ilmugrafis.com

sumber : http://www.ilmugrafis.com/photoshop_foto8.php?page=efek-foto-arsiran-pensil

Computer

Computer
Acer Aspire 8920 Gemstone by Georgy.JPGDM IBM S360.jpgColumbia Supercomputer - NASA Advanced Supercomputing Facility.jpgIntertec Superbrain.jpg Dell PowerEdge Servers.jpg2010-01-26-technikkrempel-by-RalfR-05.jpgThinking Machines Connection Machine CM-5 Frostburg 2.jpgG5 supplying Wikipedia via Gigabit at the Lange Nacht der Wissenschaften 2006 in Dresden.JPG
A computer is a programmable machine designed to sequentially and automatically carry out a sequence of arithmetic or logical operations. The particular sequence of operations can be changed readily, allowing the computer to solve more than one kind of problem. An important class of computer operations on some computing platforms is the accepting of input from human operators and the output of results formatted for human consumption. The interface between the computer and the human operator is known as the user interface.
Conventionally a computer consists of some form of memory for data storage, at least one element that carries out arithmetic and logic operations, and a sequencing and control element that can change the order of operations based on the information that is stored. Peripheral devices allow information to be entered from an external source, and allow the results of operations to be sent out.
A computer's processing unit executes series of instructions that make it read, manipulate and then store data. Conditional instructions change the sequence of instructions as a function of the current state of the machine or its environment.
The first electronic computers were developed in the mid-20th century (1940–1945). Originally, they were the size of a large room, consuming as much power as several hundred modern personal computers (PCs).[1]
Modern computers based on integrated circuits are millions to billions of times more capable than the early machines, and occupy a fraction of the space.[2] Simple computers are small enough to fit into mobile devices, and mobile computers can be powered by small batteries. Personal computers in their various forms are icons of the Information Age and are what most people think of as "computers". However, the embedded computers found in many devices from mp3 players to fighter aircraft and from toys to industrial robots are the most numerous.


sumber : http://en.wikipedia.org/wiki/Computer

What is high cholesterol?

What is high cholesterol?

Cholesterol is a type of fat (lipid) in your blood. Your cells need cholesterol, and your body makes all it needs. But you also get cholesterol from the food you eat.
If you have too much cholesterol, it starts to build up in your arteries Click here to see an illustration.. (Arteries are the blood vessels that carry blood away from the heart.) This is called hardening of the arteries, or atherosclerosis Click here to see an illustration.. It is usually a slow process that gets worse as you get older.
To understand what happens, think about how a clog forms in the pipe under a kitchen sink. Like the buildup of grease in the pipe, the buildup of cholesterol narrows your arteries and makes it harder for blood to flow through them. It reduces the amount of blood that gets to your body tissues, including your heart. This can lead to serious problems, including heart attack and stroke.
Your cholesterol is measured by a blood test:
  • High cholesterol is 240 or above.
  • Borderline-high is 200 to 239.
  • Best is less than 200.

What are the different kinds of cholesterol?

  • LDL is the “bad” cholesterol, the kind that can clog your arteries. This is the cholesterol you need to lower, if you have high cholesterol.
  • HDL is the “good” cholesterol. HDL helps clear fat from your blood. A high level of HDL can help protect you from a heart attack.
  • Triglycerides are another type of fat in your blood. If you have high triglycerides and high LDL, your chances of having a heart attack are higher.

What are the symptoms?

High cholesterol doesn't make you feel sick. By the time you find out you have it, it may already be clogging your arteries. So it is very important to start treatment even though you may feel fine.

What causes high cholesterol?

Many things can cause high cholesterol, including:
  • The foods you eat. Eating too much saturated fat, trans fat, and cholesterol can raise your cholesterol. Saturated fat and cholesterol are in foods that come from animals (such as meats, whole milk, egg yolks, butter, and cheese). Trans fats are in many packaged and snack foods, such as cookies, crackers, and chips.
  • Being overweight.
  • Being inactive.
  • Age. Cholesterol starts to rise after age 20.
  • Family history. If family members have or had high cholesterol, you may also have it.
  • Overall health. Diseases such as hypothyroidism can raise cholesterol.

How is high cholesterol diagnosed?

You need a blood test to check your cholesterol. There are several kinds of tests:
  • A fasting cholesterol test is the most complete test because it measures all of the fats in your blood, including LDL and HDL cholesterol, and triglycerides. You cannot have food for 9 to 12 hours before this test.
  • A direct LDL test measures your LDL level only. You can have this test done at any time, even if you recently had a meal or snack.
  • A simple cholesterol test can measure total cholesterol and HDL. You can eat before this test. Sometimes doctors do this test first.

How is it treated?

If you have high cholesterol, you need treatment to lower your risk of heart attack and stroke. The two main treatments are lifestyle changes and medicine.
Some lifestyle changes are important for everyone with high cholesterol. Your doctor will probably want you to:
  • Eat a heart-healthy diet that includes plenty of fish, fruits, vegetables, beans, high-fiber grains and breads, and healthy fats like olive oil.
  • Lose weight, if you need to. Losing just 5 lb to 10 lb (2.3 kg to 4.5 kg) can lower your cholesterol. Losing weight can also help lower your blood pressure.
  • Get regular exercise on most, if not all, days of the week. Walking is great exercise that most people can do. A good goal is 30 minutes or more a day.
  • Don't smoke. Quitting can help raise your HDL and improve your heart health.
Changing old habits may not be easy, but it is very important to help you live a healthier and longer life. Having a plan can help. Start with small steps. For example, commit to adding one fruit or one vegetable a day for a week. Instead of having dessert, take a short walk.
If these lifestyle changes don't lower your cholesterol enough, or if your risk of heart attack is high, you may also need to take a cholesterol-lowering medicine, such as a statin. Knowing your heart attack risk is important, because it helps you and your doctor decide how to treat your cholesterol.

sumber : http://www.health.com/health/condition-article/0,,20221141,00.html