Official Raz Veinz Blogsite

Archive for July, 2012

My 7 steps – Lisa

Posted in My Art | No Comments »

Lisa is one of my comic character.

Today, I would like to share the step by step how I draw using Corel Painter, the reason I used this magical software is, there are more closed to the traditional technique, more artistic and wonderful variety of brush variants the program offers.

Usually, I only make this 7 steps, enough, I didn’t make of tutorial or something like that, didn’t want to teach you to do this and that (in fact, I still in learning process), just want to share, if you want to draw, draw from your inner heart, that better…

Step 1:
I start out by making a rough sketch at new layer, build the simple structure. I often use simple airbrushes.
Step 2:
Then I add basic color using difference layer.
Step 3:
focusing on the relationship between light and shadows.
Step 4:
Make structure more solid.
Step 5:
I create more details using oils and digital watercolor and focusing on the relationship between light and shadows.
Step 6:
Need more details. Put the simple background.
Step 7:
Then, until, I have to force my mind to stop before I continue this forever…

DIY : Honda Civic B-Series Engine Valves Clearance/Backlash Adjustment

Posted in My Automotive Life | No Comments »

This is a very important maintenance. Do a valve adjustment at least once a year. Why do you need to adjust your valves clearance?

1. To make sure your valvetrain stays in good shape.

2. To gain power and to safe your fuel (this is the favorite quote!)

3. To decrease unwanted noise, tap, tap, tap, tappet!

4. Will greatly increase the life of your engine.

5. The engine will breath and exhale better.

The conventional means of adjusting valve actuation always require a small clearance to be left between the valve and its rocker or cam follower to allow for thermal expansion and wear.

DISCLAIMER: I can not say this is the best or safest way to do. I am not
responsible for any thing you damage, or what ever harm you cause to
yourself or others. This is how I did it and it worked for me.

Valve should adjusted when the cylinder head temperature is less than 38°C (100°F).

Start by turning the front wheels to the left.  Lift the passenger side (Right-hand car) of your car with the jack,  this will give you adequate clearance to reach the main crank bolt. But if you want more room, then, remove the tire,  open the splash shield a little bit, this will give you the opportunity to check your left stopper rubber and oil pan condition. I use a long extension and 19mm socket to turn the crank, don’t turn it right now, wait until the next step when we need to set the crank at Top Dead Center (TDC).

Disconnect the negative battery cable (I covered up the terminal for safety reason)

Reminder : Make sure your cylinder head temperature is less than 38°C (100°F) and make sure the transmission in neutral before proceeding the next step. Locate your valve cover, remove the spark plug cover.

Remove all spark plug wires and the nuts circled in yellow (yellow?) follows the sequence from 1-8, and remove the other thing that attached to the valve cover (green circle). Now the valve cover is ready to come off, just wiggle it a little bit and it should pop right off.

The location of the adjustment screw pair for intake and exhaust side, the number also refer for the piston, no. 1 = piston no.1.

It will also make it easier to turn the motor over if you remove the spark plugs. Optional. TIP: Sometimes it’s easier to pull the plugs out of the block by using the plug wires to grab them after you’ve loosened them if you don’t have a spark plug socket. I used  16mm magnetic  socket.

If you remove the plugs, be sure to inspect them as they can tell you a lot about how the car is running. A light brown color indicates a perfect A/F mixture. White is lean likewise black indicates rich. If you see dampness or oil on it, then you are in trouble. Mine is functioning optimally.

Start by setting the no. 1 piston at Top Dead Center (TDC) by turning the crank pulley until the “up” arrows on the cam sprockets are facing up. Turn the crank pulley only counter clockwise!  If you over turn, don’t try to turn the motor backwards, just keep turning another 2 rotations of the crank until you get back to your TDC point.

It should be a white mark and or a notch on the crank pulley.

Try to look at the no. 1 piston spark plug hole, the piston should be at the very top, that is the meaning of  Top Dead Center (TDC) (Sorry for the unclear picture).

You need: a set of feeler gauges (use an angled feeler gauge), 10mm tappet adjusting wrench (this is the my home made tappet adjusting wrench, just a long socket combined with the flat metal, needed to hold the locknut in place and the flat head screw driver is for turning the adjustment screw on B16A, B16B or B18C motors. Not all the Honda’s engine needs this special tool. I have tried to only use normal long socket+extension, it works! But need more trial and error and time!).

Honda has a specific tappet adjusting wrench, the part numbers are 07MAA-PR70110 and 07MAA-PR70120. This is a special tool and also come with the “special” price, and of course my poor dealer didn’t have this one and even don’t know what it is!

Valve clearance specs for B16A,B16B and B18C:
INTAKE : 0.006″ – 0.007″ (0.15mm – 0.19mm)
EXHAUST : 0.007″ – 0.008″ (0.17mm – 0.21mm)

As you can imagine, the exhaust valves get hotter than the intake valves which explains their larger gap

Check the valve clearance for no. 1 piston. I slide the 0.010″ gauge between the rocker and the camshaft (in the gap below the cam lobe) for both sides (intake & exhaust), It slips through easily! I think the last owner probably never had a valve adjustment.

Loosen the locknut just a few degrees

Actually, I only using 3 gauges, 0.006″, 0.007″ and 0.008″. Hold the locknut using the tappet adjusting wrench, and turn the adjustment screw, for the intake side, until 0.006″ feeler gauge slide back and forth with a slight amount of drag and 0.007″ feeler gauge  shouldn’t. Same procedure for the exhaust side, .007 should slide in, but the .008 shouldn’t. Piece of nut.

After having the right clearance, hold the adjustment screw and tighten the locknut. Then torque locknut to 20 Nm (14 lb-ft) (be careful to not overtorque the nuts as they strip very easily!) and measure the clearance again. Torquing it will increase the clearance slightly, so keep this in mind when you’re adjusting them so you don’t have to keep repeating the process. Repeat adjustment if necessary.

After you are done with the 4 valves on no. 1 piston, move on to cylinder 3, 4, then 2, in that order. You will need to crank the motor to TDC for each of the cylinders you will be adjusting. Do the same process as before on each of the cylinders.

Repeat the process, double check, triple check, maybe you will find the clearance out a little bit even you have tightened the locknut, don’t worry, it’s normal, repeat the process until no adjustment is needed, I do about 5 times to get it correctly and precisely!

Consider replacing the valve cover gasket

Most of the re-installation process is the opposite of removal.

Has an idle problem after Valves Clearance/Backlash Adjustment? Idle roughly before engine warm up?

If you done correctly and precisely, it should be no problem, reset the ECU by pulling the 7.5A fuse in the fuse box under the hood about 10sec and drive around 100km (on/off), sometime ECU needs to “relearn” for the new setting.

Have a fun and enjoy with your achievement!

I Build 6 – Creating CSS (Cascading Style Sheets) Using Dreamweaver

Posted in My Internet Life | No Comments »

Fact : Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including plain XML, SVG and XUL. Source : http://en.wikipedia.org/wiki/Css#Use

Why You Should Use CSS?

Back in early days of the world wide web, it was enough to construct a web page using only HTML coding. But today with influx of all new kinds of devices surfing the net, it has become increasingly important to have web page coding separated into two distinct components: content and styles. In this manner, you can take the same basic content and style it according to the device that is accessing the web page. For example, making a web page printer-friendly can be easily accomplished using CSS. The same goes for mobile devices.

They are a way to control the look and feel of your HTML documents in an organized and efficient manner. With CSS you will be able to:

  • Add new looks to your old HTML
  • Completely restyle a web site with only a few changes to your CSS code
  • Use the “style” you create on any webpage you wish!

Wow, now I really don’t know how to start with, maybe from the very basic thing, such how to create font, color, background color, border style, etc using CSS….I want to write about my experience playing with CSS using Dreamweaver, to create professional web page, you should definitely learn CSS, maybe you will fall in love with it, who know? More coding to learn? Don’t you worry, step by step, world now-day make us know-nothing-but-want-to-learn easier even you come from definitely from other field, just like me. in an organized and efficient manner

The concept is simple, for example, imagine, like we as webpage and our wardrobe as CSS, so, every style and fashion cloth that you that need for stylish is there, if not, you need to sewing, buy or even steal! Could you imagine yourself without your stylish cloth? That is the basic, but CSS is more than just wardrobe if you explore more deeper.

Now, if you read about my last ‘I Build’ topic, I just create a blank webpage template, the naked man! Let’s try put some stylish on him.

1. Folder

You can write the CSS coding on the template itself, but I highly recommend you to make it separate page,  to be more organized, neat and easy to operate, Click File (Alt+f) –> New (n) –> Blank Page –> Page Type : CSS (Cascading Style Sheets)  template –> Click Create (Enter) Save at your website root (Ctrl+s)

–> create new folder for CSS (for example, CSS or Any name that you prefer)  –> File name: (Any name that you prefer) –> Click Save(Enter) It should be like below picture,

The file is saved in the Templates folder with a .css extension.

2. Connecting

To make it work with your template, you need to tell ‘him’ that you have a new wardrobe for him, Put this coding

<link href=”../CSS/Raz-Veinz-CSS.css” rel=”stylesheet” type=”text/css” />

inside the template HEAD section

3. HTML Style Example

For me, I would like to divide my CSS for specific sections, for example, BACKGROUND SECTION, to put the title without touching the code, type;

/******************************/

/*  TITLE  */

/******************************/

Let’s try, to know either it functioning or not with simple coding, background color,

body { background-color: #8AA7C2; }

body is the name for CSS Style (or Any name that you prefer) and #8AA7C2 is my background color coding, you can use either DECIMAL RGB or HEXADECIMAL HTML color codes, click here for example of HEXADECIMAL HTML, just copy and paste the color code, the result should be like this;

You also can put some image for the background picture or as additional background image, create a new folder for image, right click at the root folder link at the right side bar menu, click New Folder,

Rename the folder, for example, Image or Any name that you prefer, you can drag any image into this folder for your website purpose, for example here, I put two image, Illusion_Window.jpg and Header-Pattern.png,

below is Illusion_Window.jpg,

Then, recall them! put this coding in the same CSS Style (body)

background-image: url(../Image/Illusion_Window.jpg);

/Image/ = Location of  image/picture folder 

It will multiply like this,

you also could make it multiply for only X or Y axis only, put an additional code below, also in the same CSS Style (body)

background-repeat:repeat-x; for X axis

The result,

or background-repeat:repeat-y; for Y axis

If you want to make it just single,  replace the coding with,

background-repeat:no-repeat

Then I choose to use another background image for my website, use your creativity!

body { background-color: #8AA7C2; background-image: url(../Image/Header-Pattern.png); background-repeat:repeat-x; }

Here the result,

If you want to fast edit or add new property, look at the very right side bar, click CSS menu –> All, everything in your CSS is there.

So, that’s the very basic thing about CSS, the introduction,  if you want to learn more, there are thousand tutorial out-there, just ask Uncle Google, I recommend CSS Tutorial , I will use this for my next entry.

216 web hexadecimal color codes

Posted in My Art, My Internet Life | No Comments »

For reference purpose.

FFFFFF CCCCCC 999999 666666 333333 000000
FFCC00 FF9900 FF6600 FF3300 99CC00 CC9900
FFCC33 FFCC66 FF9966 FF6633 CC3300 CC0033
CCFF00 CCFF33 333300 666600 999900 CCCC00
FFFF00 CC9933 CC6633 330000 660000 990000
CC0000 FF0000 FF3366 FF0033 99FF00 CCFF66
99CC33 666633 999933 CCCC33 FFFF33 996600
993300 663333 993333 CC3333 FF3333 CC3366
FF6699 FF0066 66FF00 99FF66 66CC33 669900
999966 CCCC66 FFFF66 996633 663300 996666
CC6666 FF6666 990033 CC3399 FF66CC FF0099
33FF00 66FF33 339900 66CC00 99FF33 CCCC99
FFFF99 CC9966 CC6600 CC9999 FF9999 FF3399
CC0066 990066 FF33CC FF00CC 00CC00 33CC00
336600 669933 99CC66 CCFF99 FFFFCC FFCC99
FF9933 FFCCCC FF99CC CC6699 993366 660033
CC0099 330033 33CC33 66CC66 00FF00 33FF33
66FF66 99FF99 CCFFCC CC99CC 996699 993399
990099 663366 660066 006600 336633 009900
339933 669966 99CC99 FFCCFF FF99FF FF66FF
FF33FF FF00FF CC66CC CC33CC 003300 00CC33
006633 339966 66CC99 99FFCC CCFFFF 3399FF
99CCFF CCCCFF CC99FF 9966CC 663399 330066
9900CC CC00CC 00FF33 33FF66 009933 00CC66
33FF99 99FFFF 99CCCC 0066CC 6699CC 9999FF
9999CC 9933FF 6600CC 660099 CC33FF CC00FF
00FF66 66FF99 33CC66 009966 66FFFF 66CCCC
669999 003366 336699 6666FF 6666CC 666699
330099 9933CC CC66FF 9900FF 00FF99 66FFCC
33CC99 33FFFF 33CCCC 339999 336666 006699
003399 3333FF 3333CC 333399 333366 6633CC
9966FF 6600FF 00FFCC 33FFCC 00FFFF 00CCCC
009999 006666 003333 3399CC 3366CC 0000FF
0000CC 000099 000066 000033 6633FF 3300FF
00CC99 0099CC 33CCFF 66CCFF 6699FF 3366FF
0033CC 3300CC 00CCFF 0099FF 0066FF 0033FF