Pages

Showing posts with label graphics. Show all posts
Showing posts with label graphics. Show all posts

Friday, July 9, 2010

{inspired by Eric Carle}

Who doesn't love Eric Carle's "The Very Hungry Caterpillar?"

I love love love Eric Carle's artwork, so much! And while looking at his photo gallery on how he made a caterpillar collage, I played it on the computer with my graphic kit sampler.

Here's how it looks when finished:



Not exactly like Eric Carle's, hehe, but hey, no original work can be repeated exactly like it is! It's a reason to invent your own creation. And keep getting inspired, somehow!

I thought you might want to know how I made it? Make sure that you have downloaded the graphic kit. If you haven't, click here.

1/ With Microsoft Paint, open the files patterns01.bmp and patterns02.bmp, and open one more blank sheet on a new window. Make sure on the menu panel on the top that [ Image -> Draw Opaque ] is unchecked.

2/ Using the select tool, select the big ellipse pattern (as shown below) by keep pressing the mouse while dragging it diagonally, copy [ Edit -> Copy ] then paste [ Edit -> Paste ] it to the blank sheet on the other window.



3/ Repeat this step to the same pattern in different colours, then copy and paste them as many as you need.



4/ Now the fun starts! :-) Drag the big dots to form the caterpillar's head and body, also using the select tool. Just remember that with Microsoft Paint, the pattern you drag will be placed on top of the other patterns. Here's how I did it:



5/ Now using the ellipse tool, and you have to play with the colour tool as well, you can draw the eyes and the nose.

a/ click the ellipse tool, choose the fill only

b/ click on the colour you choose - if you don't really like the colour, double click and the colour tool box will appear. Click on the "Define Custom Colors" and click you mouse on the color you want. Click "Add to Custom Colors" and click OK



c/ still on the ellipse tool, click your mouse somewhere on the sheet and drag it diagonally to form a dot (in this case I made yellow dot) - approximately big enough to make the eyes (use Edit -> Undo or Ctrl + Z if the dot happens to be not the right size, then make it again). When you get the right one, make a copy of it so you have two yellow dots for a set of eyes.

d/ then I made a smaller dot, this time for the inner eye and nose. With the "fill with color" tool, I picked the color black and changed the color by clicking the bucket icon to the dot (you can also do it repeating how you make the bigger yellow dot, click on the ellipse tool then pick the color first, then draw the dot). Then I copied this smaller dot twice, and also using the fill-with-color tool, I changed the colour to green ( repeat step 5b to find the colour you like ).



e/ drag the yellow, black and green dots to the head of caterpillar, to form the eyes and the nose.



6/ Now time to experiment with the "line" tool. When you click on the line tool, the options for line thickness will appear. This time for the caterpillar's antennae, I choose the thickest one. I picked the color yellow again, and draw two lines up on the caterpillar's head ( click then drag, and voila, you get the line ). Then I clicked on the ellipse tool again and made two yellow dots, to top the antennae.



7/ Keep experimenting with the line tool... now pick another colour, for example brown, to make the feet (I still used the thickest line). Draw a few sets of lines down from the caterpillar's body.

8/ Then switch to the finest line, and pick yet another colour (I picked black) and draw tiny lines on top of the caterpilar's body.



9/ Finished!! Yeaaaa, you made it!!! :-))) Now, how to save it? You want to upload it to your own blog? or print it for your scrapbook?

10/ With Microsoft Paint, you can save your caterpillar graphicollage (that's how I call it!) to .bmp or .png or .tif and the graphic stays fine. I mean, if you save it as .gif or .jpg, the graphic will be deteriorated. The background will be white, except you put another colour to the sheet (using 'fill with color' tool), or you can place the graphic on top of another background tile (for example, use one of the 'papers' in the graphic kit), as shown below:





NOTE: always make sure that when you combine graphics like this, the "draw opaque" option must be unchecked, otherwise the white background from the selected area will appear.

11/ What if I want a transparent background? You will need to use other program, such as Adobe Photoshop. I copied and pasted the graphic from Paint to Photoshop -> click 'Layer' then 'Flatten Image' -> click 'magic eraser tool' (located on the same box as other eraser tools) and when the panel appear on the screen, uncheck all the options if they happen to be checked by default (anti alias, contiguous, sample all layers). Set the Tolerance box to 0 (zero) and opacity 100% -> Click the magic eraser cursor somewhere on the white background, then voila! you get the transparent background -> click 'File' then 'Save for Web' -> the box appear and choose the presets to GIF 128 dithered or PNG 128 dithered -> Click SAVE.



NOTE: if you want to use it for web graphic with transparent background, choose GIF 128 dithered. If you save the graphic as PNG, it's still has transparent background when you open it in Photoshop, but the background comes back to white if you use it on your website or blog. PNG file is ideal however for digital scrapbooking with Photoshop :-)



12/ I want to make a bigger caterpillar!! Don't worry! Just make new dot patterns, only this time, they should be bigger or even much bigger :-) Then you can repeat the steps above.

a/ start by making the pattern prototype for the "dot". Open the papers from my graphic kit in MS Paint. And open a new sheet in another window. Pick a color and click the fill-with-color tool to colour the worksheet (in this sample I picked the colour green).

b/ pick the colour white. Next, use the ellipse tool + fill only option (which appear at the bottom of the tool box when you click on the ellipse tool) and create a white dot, with the size you want.



c/ using the select tool, select a large area around the white dot. copy, and paste it to the papers (make sure the 'draw opaque' option is unchecked before pasting the dot graphic, otherwise the graphic dot will stay white instead of transparent)



d/ now pick the colour white, and using the fill-with-color tool, click on the green background, and voila! you get your big dot pattern. Select and copy the dot, then paste it to a new blank sheet in another window. Save. Repeat step 12c to other paper graphics.





NOTE: when you close the paper graphics files, don't save changes them OK? choose "NO" when an option box appear before closing the file. Otherwise you have to download the graphic kit again ;-)

HELP!!! My caterpillar with the big dot patterns turns to be so big, larger than my computer screen that I can not select it!

Oh yes it's common problem with MS Paint. Just stretch the canvas / sheet, making it smaller or bigger, making it fit to the graphic, and after that, click Edit -> Select All and then Save the graphic. If you also use Adobe Photoshop, for example, you can just Select All then copy and paste it into Photoshop, and you can play with Image -> Image Size and make it to the size you want.

Ouuugh, do the steps above sound complicated? I hope not! This is just the steps I normally do when creating my graphics. Just practice and play often, and you will just get used to it. And the most important thing: enjoy, and have fun!! :-)))


Monday, March 22, 2010

My Shop on the Blog series - part 1

As promised, here's the part 1 of My Shop on the Blog series :-)

When I started working on the Garage Sale Buku blog, I wanted to - of course - decorate the blog with my own graphics. But the templates I could find at that time were mostly those big tiles with white background in the middle. After some googlings finally I got it, how to add background tiles to the blog-body and to the blog-wrapper (the middle part of the blog where you put the blog posts and widgets on sidebars).

That was such a good news to me :-) Now I can experiment with my own background tiles, hundreds of them! You can, too.

There are two ways that I know of how to do it. But first, let's start with these two background tiles:

stripes_yellow.gif

gs_tileflora.gif

Now right-click the background tiles and save them on your harddisk (you can change the file names too if you want).

Next, upload the background tiles to your own Blog so the images will be stored and hosted by Blogger.

Here's a quick tip:
- open a new post
- upload the images
- once the images appear in your post, save the post (push the 'save now' button), you don't have to publish it (but if you want to publish the post, that's okay too).

the point is that you get the images stored in your Blogger account. Like this:



Next post: two easy ways to add the background tiles to your blog, and how to combine them (one for the blog-body, the other for the blog-wrapper)

Talk to you again tomorrow :-)



Saturday, March 20, 2010

My Shop on the Blog series

Oh dear, I've been away too long. But I'm telling you, I've been working hard preparing some exciting things I am going to start revealing with my blog entry tomorrow. Especially for those of you who loooove blogging with blogger just like I do ;-)

Here's some clues (and background story):

You know what could happen when one really needs to make extra income? Maybe you've heard about all those self help books, such as 'One Minute Millionaire' or 'Cash in a Flash' or 'Anyone Can Do It'.. haha, yip, you got it, I devoured those books, and once I teamed up with three great friends of mine, the idea came into realization in such speed!

We decided to have an online garage sale on Blogger. We were cleaning up and we had piles of foreign books and magazines that simply need new homes. So, our online garage sale will sell used books and magazines... how's that?

Here are two snapshots from http://garagesalebuku.blogspot.com





Setting up the online garage sale from scratch was quite an adventure..lots of trial and error, as always, lots of new things discovered and learned, so exciting!

And the good side about it is that, I got an idea to revive amretasgraphics with tips and tricks I've learned by setting up our Garage Sale Buku, such as how to decorate the blog (I've prepared about one hundred pre-mix-and-matched templates using my graphics, can you believe it! They're on the way :o)), how I set up the shopping cart and forms, where I finally found a great, free online storage for my graphics which allows direct download, how I made scrollable widgets...ow, this is going to be a project of its own!

Anyway, many of you may already know about these stuff I'm going to talk about ;-) but if you're interested, make sure you follow or subscribe to this blog, and do not miss the fun! ;-)

Till tomorrow,


Saturday, August 1, 2009

{deco flora webset}




Hello! I'm so happy that finally the Deco Flora webset is up today! I got a small accident that crushed my right finger tip sometime ago - that gave me a bit of difficulty to draw, let alone to hold the computer mouse or to type on the keyboard!

It's getting better now and you see I managed to finish drawing the Deco Flora set :o)

This collection contains over 200 background tiles (variations from 15 hues) + 169 graphics including cliparts, web-stuff, signboards, quilts, banners, etc. The set is divided in several pages each with different layout that you can copy.

If you're member you can find the set in the member area. If not, the set is also sold individually for $4.

Here are some more screen shots:











Tuesday, June 2, 2009

{blogging tuesday: new blogger backgrounds}


Yesterday I started experimenting with various filters on Photoshop, and whohoo, suddenly I got a background tile that reminds me of the wall in our old home. Experiment number 2 was to create a blog background to share - so I decided to use the newly invented background tile :-)

Then tonight the experiment continued: looking for tutorials on how to post HTML codes / scripts in blogpost. Trial and error..ow I love this part! ;-) Finally found one that looks nice. Follow this link if you're interested.

The experiments took me sometime and I didn't realize it's already past midnight, which means already Wednesday here...but well, the blog backgrounds were intended for 'blogging tuesday' so I thought to post them anyway now.

I couldn't choose which color I would use for the ribbon to go with the tile, then you know why both are posted here :-D I also tried to experiment with photobucket to host the files, but I don't understand why the blog background didn't turn up nicely. So they are at the moment hosted in my server. But that's okay, I think, as long as the amretasgraphics label stays intact with the set, I don't mind direct linking in this case.

And here's a little instruction on how to install the background (the background works best with Minima template):

  1. Copy the code from one of the boxes below

  2. Log in to your blogger account, open the dashbord and click on LAYOUT

  3. Click on PAGE ELEMENT, the "Add and Arrange Page Elements" will open

  4. Click on ADD A GADGET

  5. When a window with list of gadgets opens, choose 'HTML/JavaScript'

  6. Paste the HTML code into the box and click save

  7. Enjoy! (and let me know what you think if you use them :-))




 <style type="text/css">body {background-image: url("http://www.amretasgraphics.com/blog/bloghost/090601_rustyhome/bg_rustyhome1.jpg

"); background-position: center;}</style><div id="tag" style="position:absolute; left:0px; top:30px; width:140px; height:50px;"><a href="http://www.amretasgraphics.com" target="_blank"><img border="0" src=" http://www.amretasgraphics.com/blog/bloghost/090601_rustyhome/amretasgraphicslabel.gif" /><br /></a></div>




 <style type="text/css">body {background-image: url("http://www.amretasgraphics.com/blog/bloghost/090601_rustyhome/bg_rustyhome2.jpg

"); background-position: center;}</style><div id="tag" style="position:absolute; left:0px; top:30px; width:140px; height:50px;"><a href="http://www.amretasgraphics.com" target="_blank"><img border="0" src=" http://www.amretasgraphics.com/blog/bloghost/090601_rustyhome/amretasgraphicslabel.gif" /><br /></a></div>




I also made simple blank header 660pixels wide and blank buttons 200x150 px and 200x100 px. You can add your own text/pictures to them. They can be downloaded from here.

To give you an idea how the set may look like when put together, see this blog.

Enjoy!


Friday, May 29, 2009

{kindwords friday: sharing happiness}




"Thousands of candles can be lighted from a single candle, and the life of the candle will not be shortened. Happiness never decreases by being shared."
- The Buddha (c.563-c.483 BC)

If you like you can click on the image, save and print it.

Happy Friday!


Tuesday, May 26, 2009

{blogging tuesday: picture frame paper}




New theme: Blogging Tuesday! Yay! Starting now Tuesday entries will be dedicated to everything blogging-related. Having different themes for each day makes me feel more organized, somehow :o)

Let's begin with something I've been eyeing for sometime now. I've seen in several cute blogs, mostly scrapbooking blogs, lovely square photo frames with a space for writing below the picture... and guess what, I wanted to create ones, too!

These ones below are in jpg format, 900x900 pixels, and perfect for pictures 800x600 pixels in size. Simply open the picture and frame paper in Photoshop (you may of course use other programs of your preference). Copy the picture and paste it to the frame paper. Normally the pasted picture will fall into the middle of the frame paper. Drag the picture up, using the move tool. When in doubt I would click 'select all' and then align the picture horizontally center. Then I can add my own text using the type tool.

Well, it took me sometime to get familiar with Photoshop, didn't you know that :-D but I think the trial-and-error's really worth it. Let me know what you think.

PS: to download the frame papers, click on the picture then save them to your hard disk.


















Monday, May 25, 2009

{wallpaper monday: dream}



1280x1024 px

So dear friends, I feel creative today (vacation does have good effects on creativity, doesn't it...). What about another wallpaper, before ending the day? Enjoy and dream a sweet dream :-)

To download, click on the image and save it to your hard disk.


1280x800 px (widescreen)


1024x768 px


    follow me on Twitter