♪ Kawaii ♪: Header Tutorial!!

Header Tutorial!! ON August 4, 2012 AT 9:27 PM

I finally learned how to make transparent header!! :D

I will teach you how to make it :) actually pretty easy. You need:

Adobe Photoshop (I use CS4.)
An image

Steps:

Open Adobe Photoshop > New File. Background should be transparent (for most Blogger layouts), then size should be banner/header size. I use 800 x 250
Write something using text tool. Tip: Don't use boring fonts like Arial, you download catchy fonts (I always use cute sites or dafont). For the tutorial I'm using Vanilla, 72 pt.
Also write the subtitle aside from the title/main text of the header. And make sure its different font, and size is smaller ^^
For the text effects, click on the FX button in the bottom of the layer box. There are many-stroke, inner glow, drop shadow, etc. I choose drop shadow, stroke, and outer glow.
Then OPEN an image you wanna put in the header
On the image, use the lasso tool to crop out the part of the image that you want. Then after that, click CTRL+C
Then open the header, click CTRL+V to insert the cropped image!!
THEN ITS DONE!! :D la la la~ but its not done yet -_- SAVE IT!!
BUT! Save it on the "Save for Web and Devices" Remember to set the option to PNG-24
Done.

Hope the tutorial helps! I learned through 1 video, and I could do it. Actually I already learned about stroke, text rotating, move tool, and lasso tool before so kekeke.... if you are totally blank maybe wouldn't get it so right especially on the lasso tool part... so pick an image that is easy to crop out (DONT USE CROP TOOL!! WILL TURN OUT B-A-D)

Labels: header, tutorial

0 Comment/s

It's Meh Profile

Nadya Nyobi = A super lazy otaku girl =.= Who loves cats, Eyeshield 21, kawaii stuff, Japan, music, eating, drawing, sleeping, CSS/HTML, tweaking stuff, blogskins, and more~! ^^ Sorry not good at writing profiles.
So generally these are what I blog about. You won't understand if you're not an otaku or someone who loves Japan/drawing like me :P

I love drawing. That's what I actually do almost everyday. When I'm bored or not I draw. I doodle in class. I have so much drawings of myself and I do comics. I also love writing and blogging and typing stuff. The only subjects I love is English (sometimes)and Art. I don't like any other subjects. I hate school.

I also love CSS/HTML. In school I'm learning the basics and stuff, so I studied it on my own. I started being interested when I was involved at this Ning site (grade 4-5) and tweak CSS in Ning themes. Then I went to Blogger, saw the themes by Ipietoon but it was the XML so it was hard to tweak~ so I was happy when there was Blogskins because I became HTML/CSS tweaks like crazy. But the thing I have created is just simple Blogspot theme -.- still learning...

I also love editing images, Paint, digital drawing and Photoshop. I make headers in Photoshop and play with brushes. I do pixelling which is pixel by pixel in good old Paint. I draw now using MyPaint / Paint Tool SAI. by mouse. I know its hard, but hey, what can I do I don't have a graphic tablet!
I don't care if I'm bad in those things, that are things which I'm passionate in, the things I love to do and usually do. My dream job is a mangaka, web designer, graphic designer, author, detective (lol) or illustrator. Motto: "Enjoy life, you only have one." :p

Okay that's the end of my stupidly stupid profile! And thanks so much for reading my weird blog! Don't forget to tag.

Header Tutorial!! ON August 4, 2012 AT 9:27 PM

I finally learned how to make transparent header!! :D

I will teach you how to make it :) actually pretty easy. You need:

Adobe Photoshop (I use CS4.)
An image

Steps:

Open Adobe Photoshop > New File. Background should be transparent (for most Blogger layouts), then size should be banner/header size. I use 800 x 250
Write something using text tool. Tip: Don't use boring fonts like Arial, you download catchy fonts (I always use cute sites or dafont). For the tutorial I'm using Vanilla, 72 pt.
Also write the subtitle aside from the title/main text of the header. And make sure its different font, and size is smaller ^^
For the text effects, click on the FX button in the bottom of the layer box. There are many-stroke, inner glow, drop shadow, etc. I choose drop shadow, stroke, and outer glow.
Then OPEN an image you wanna put in the header
On the image, use the lasso tool to crop out the part of the image that you want. Then after that, click CTRL+C
Then open the header, click CTRL+V to insert the cropped image!!
THEN ITS DONE!! :D la la la~ but its not done yet -_- SAVE IT!!
BUT! Save it on the "Save for Web and Devices" Remember to set the option to PNG-24
Done.

Labels: header, tutorial

0 Comment/s

Exchange Links

Sharon Lolikko Kallen Cynthia Cho Link Link Link Link Link Link Link Link Link Link
Exchange link?
Just contact me in the cbox or any of the links i have in the sidebar k. if you are inactive, i will not remove you unless you want to close your blog. notify if you changed your URL. all blog host allowed - blogger, wordpress, personal website, xanga, etc :)

Blogs I Support

I am not affiliated with this sites but I support them and I love them so check them out.