Bit..Bitss…

In some way this game called Bitizen is one of my inspiration.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Cited from tinytowerwiki.com:

Bitizens are purely two dimensional beings, standing about 16 or 17 pixels high on average, though posts on Bitbook mention characters 20 pixels tall.

Each Bitizen has a unique appearance derived from a large set of possible skin colors, hair colors, clothing colors, and accessories. Each Bitizen that lives in the tower can be redressed at will through their character panel for free. Though their skin and hair colors will remain, hair styles and all of their clothes and accessories will be re-randomized. Bitizens can be further customized with the use of purchasablecostumes, for the price of a small handful of Tower Bux. Both these functions are useful for Color Coding.

 

ConstructionWorker1.png Debbie Long.png Sam Kim.png DeliveryMan1.png Minnie Rogers.png Virgil Johnson.png Celebrity1.png Antonio Woods.png BigSpender1.png Alice Barnett.png Beth Wright.png RealEstateAgent1.png

 

There is even a tute to male your own Bitizen! http://brandontreb.com/Pixel-Art-Character-Tutorial-Create-A-Bitizen/

WhatHowWhy GIF

GIF! Graphic Interchange Format image file become expand today, introduced by¬†CompuServe¬†in 1987 and has since come into widespread usage on the¬†World Wide Web¬†due to its wide support and portability (Wikipedia, GIF 2012). Check out this website¬†http://gifctrl.com/rh¬†and http://www.gif.tv/#/giftv-1745-horsechew¬†it’s all about GIF images.

I copy paste it from this website http://www.olsenhome.com/gif/ that tells the fact bout GIF:

The Facts…
The GIF graphics file format was invented by CompuServe in 1987. In the years since, a debate has been raging as to the correct way to pronounce “GIF”: like “jif” as in the peanut butter, or with a hard ‘g’ as in “gift” as a majority of Mac users seem to prefer. With this page I intend to clear this up once and for all…It’s pronounced like “jif”. Period. The end. That’s final. End of story.You disagree? Hey, I’m just quoting the¬†inventors¬†of the format. Here’s the evidence:

  • CompuServe used to distribute a graphics display program called¬†CompuShow. In the documentation for version 8.33 in the FAQ section, it states:The GIF (Graphics Interchange Format), pronounced “JIF”, was designed by CompuServe and the official specification released in June of 1987.There, straight from the inventors of the format.Convinced yet?
  • The image below is an example GIF that came with¬†CompuShow:It is a picture of¬†CompuShow‘s author, Bob Berry. He used some of the then-new features of the GIF89 format to display text on top of graphics. One of the lines he entered in the text states:Oh, incidentally, it’s pronounced “JIF”You can’t see this text within a web browser, but if you save this image and load it up in¬†GIF Construction Set¬†or another animated GIF89 editor, you can see the comment for yourself.Drag and View¬†also displays this text, but kind of screwed up. For further proof from Bob Berry,¬†check this out.
    Steven O’Neill writes:
    Another way to get the JIF line out of Bob Berry using standard Unix tools:

    ~>curl http://www.olsenhome.com/gif/BOB_89A.GIF | strings | grep JIF
      % Total    % Received % Xferd  Average Speed   Time    Time % Time  Current
                                     Dload  Upload   Total   Spent Left  Speed
    100 37062  100 37062    0     0  69595      0 --:--:-- --:--:-- --:--:--  166k
    |s,Oh, incidentally, it'spronounced "JIF"

    Convinced yet?

  • The¬†Graphics File Formats FAQ¬†states the following:Choosy programmers choose “gif” or “jif”?The pronunciation of “GIF” is specified in the GIF specification to be “jif”, as in “jiffy”, rather then “gif”, which most people seem to prefer. This does seem strange because the “G” is from the word “Graphics” and not “Jraphics”.That last statement doesn’t mean anything. It’s an acronym. There’s no defined way to pronounce acronyms–it’s up to the creators.Convinced yet?
  • A graphics format known as PNG is being pushed by its creators as the next big thing. Among its list of features is its “unambiguous pronunciation”. Here’s part of itsdocumentation:PronunciationNo detail was too small for consideration in the authors’ quest for a near-perfect image format; yea, verily, even the acronym and pronunciation were major topics of discussion. The reason, of course, is the GIF format; some pronounce it with a soft G like giraffe, some with a hard G like gift, and no one really knows what they’re talking about. (For the record, the soft G is correct; it is how the author of the format pronounces it.)“PNG” is always spelled “PNG” (or “Portable Network Graphics”) and always pronounced “ping,” not “pinj” or “pee en gee” or any other multi-syllabic disaster. See the introduction to the PNG specification for the definitive statement on the matter.Convinced yet?
  • NetBITS, a weekly ePublication that provided practical Internet information, asked its readers in¬†Issue 002¬†to supply information that could solve the GIF pronunciation debate. They followed up in¬†Issue 003¬†with this:It’s “Jiff” and I Don’t Want to Hear Another Word¬†— Logic may dictate the “g” in GIF (Graphic Interchange Format) is pronounced hard, like gift or gefilte fish, but that didn’t stop dozens and dozens of readers from offering opinions, many of them hilarious.However, several people wrote to say that they either worked with folks at CompuServe or read the original GIF specification, all of which specified a soft “g”. None of us at NetBITS understand why we haven’t seen the definitive word before, so here it is. Charlie Reading <charlier@kreber.com> writes:I worked with the creator of GIF (Steve Wilhite) when I was still employed by CompuServe. Steve always pronounced it “jiff” and would correct those who pronounced it with a hard G. “Choosy developers choose GIF” (spinning off of a historically popular peanut butter commercial).If you want to make a difference in this pronunciation conundrum, print this piece of NetBITS out and send it to the person who writes your local newspaper’s technology or Internet column. We now have the specification’s authoritative pronunciation. Let’s stamp out the hard “g,” however logical, once and for all.

I found hilarious animated gif about: WAY back in 2008 an artist named Omar Noory came up with the following animated gif

Then I learned how to create a GIF file through Adobe Photoshop from this website http://creativetechs.com/tipsblog/build-animated-gifs-in-photoshop/, these guys make it very simple and practical explanation. Check it out!

A Simple Example

For a quick hands-on tutorial on creating animated GIFs in Adobe Photoshop, we’ll walk you through creating the following animation:

ExampleAnimation.gif

This simple animation combines the two most common animation techniques in Photoshop: Turning layers off and on, and using the Tween command to animate the movement of an object on a layer.

Step 1: Set up your layers.

ExampleAnimation-Step1.png

The first step in creating any animation in Photoshop is to build a layered Photoshop file with all the elements you plan to animate. Our example document has 7 layers containing the text for our countdown, and layers for the rocket and flame.

You can download our example Photoshop file here:

 ExampleAnimation.psd

Step 2: Create Animation Frames with Layer Visibility.

ExampleAnimation-Step2.png

Chose Windows > Animation to show Photoshop’s animation palette.

On the first frame, turn off visibility for all layers you do not want visible at the start of your animation. Then add one frame at a time, and turn on the layers you want visible for each step in the animation.

Changing layer visibility one frame at a time is a classic Photoshop animation technique that covers a wide variety of needs.

In our example, continue this pattern to reveal the countdown and the flame at the bottom of our rocket.

Step 3: Create Animation Frames using Tween.

ExampleAnimation-Step3.png

Now that the countdown is complete, we need to create the illusion that our rocket ship is taking off. Add one more frame, and this time select the group called ‚ÄúRocket‚ÄĚ in layers and move your rocket off the top of your image window.

Then choose ‚ÄúTween‚Ķ‚ÄĚ from the Animation palette‚Äôs pop-out menu.

ExampleAnimation-Tween.png

Set how many frames to add, and Photoshop spreads the movement of your layer across those extra frames.

Step 4: Adjust your Timing.

ExampleAnimation-Step4.png

Finally, go back through and adjust the delay for each frame of your animation. That time is shown in seconds below each frame.

Tip: You can hold down the Shift-key to select a range of frames (such as the 9 frames we added for the rocket’s takeoff) and change them together.

Step 5: Export the Animated GIF.

Finally, to export your animated GIF choose:

In Photoshop CS3: File > Save For Web & Devices…

In Earlier Photoshops: File > Save For Web…

ExampleAnimation-Step5.png

Make sure the image type is set to GIF, feel free to experiment with some of the other options, and save your file.

To test your resulting animated GIF, drag the file onto you web browser.

As a final reference, you can download our finished Photoshop file here:

 ExampleAnimation-Final.psd

Source: The animated spokesperson at the top of this tip is a homage to Tacoma illustrator Mark Monlux’s daily comic strip The Return of Stickman. Mark is a talented and funny guy, who generously allowed us to butcher his creation for this tip. Check out Mark’s site, and sign up for his daily email Stickman comic.

This blog also post GIF images http://hypothete.blogspot.com.au/2010_12_01_archive.html

Picture Blog of Digitized Flux

Sooooooo… I am so excited to create the picture blog for my own site. For this site, I created the picture myself. I choose the color maroon as its my favorite color and the font is because its looks modernize and elegant. It intended to repeated like that to make it boundless and in the end i put my online name as karinArt ūüėÄ

Digitized Flux Picture Blog

Web 2.0

Cited from Wikipedia, “Web 2.0¬†is a concept that takes the network as a platform for¬†information sharing,¬†interoperability,¬†user-centered design, and¬†collaboration¬†on the¬†Internet¬†or¬†World Wide Web. A Web 2.0 site allows users to interact and collaborate with each other in a¬†social media¬†dialogue as creators (prosumers) of¬†user-generated content¬†in a¬†virtual community, in contrast to websites where users (consumers) are limited to the passive viewing of¬†content¬†that was created for them. Examples of Web 2.0 include¬†social networking sites,¬†blogs,¬†wikis,¬†video sharing¬†sites,¬†hosted services,¬†web applications,¬†mashups¬†and¬†folksonomies.¬†The term is closely associated with¬†Tim O’Reilly¬†because of the¬†O’Reilly Media¬†Web 2.0 conference which was held in late 2004.[1][2]¬†Although the term suggests a new version of the¬†World Wide Web, it does not refer to an update to any technical specification, but rather to cumulative changes in the ways¬†software developers¬†and¬†end-users¬†use the Web. Whether Web 2.0 is substantively different from prior web technologies has been challenged by World Wide Web inventor¬†Tim Berners-Lee, who describes the term as jargon.[3]¬†His vision of the Web is “a collaborative medium, a place where we [can] all meet and read and write”.[4]

Watch this video below to learn more:

Check out this site as well that discuss more about Web 2.0 http://fourteen.fibreculturejournal.org/