We’re moving to a better place

Hello Sweets,

Can’t believe It’s been over a year we’ve settled here. Well, it’s a nice place to start up our projects, but as we grow with you, we can finally bought a new house. Yaiy!

We proudly say that finally we have our own house! *cries tears of joy*
Please kindly visit our brand new house at gulali production home and have a stroll around. It’s still in process of developing and completion, but we’d be glad to welcome you in our new house.

Cause we love you all sweet people, we’d like to thank you for all your support, you critics, comments and everything. Your support really means a lot for us, and to keep you all cheer up, we do hope that we can create and share a lot more fun stuffs with you in the next time. We wish everything the best for all of you, and hope for goodness to happen for us.

See you in our new house!

xoxo, Gulali’s Army

Another Special Day For Our Army

Today one of our army have a special day..

＼(＾O＾)／ wohooo..!!

A special day for KucingKeriting..

Yes today is her birthday. A special day that come once a year..

We, your Gulali team, and also your best friends wish you have great life. Soon have your own novel get release. May god bless you.

with full of love,

♥   ♥  ＼(^o^)(^0^)(^o^)／ ♥   ♥

kurakurakayu – ikantenggelem – kelincipedo

Pepero, The Adorable Pet is Released!

So here it is…

Please, welcome…. (drumroll)

PEPERO, THE ADORABLE PET!

(spreading confetti)

Yes, that’s what we promised to tell you about the bird-shaped shadow last week.  It’s Pepero, the adorable pet, that we were talking ’bout. A simple game about a yellow wide-eyed bird. You can download it on google play and enjoy the joyful music and the fun experience playing with Pepero on your smartphone and tablet!

By installing this apps, you can get both adorable pet and a lovely friend at once. You can see how Pepero dance joyfully, feed it with foods  falling out of the sky (but beware of the rocks! they will hurt pretty bad), and play tic tac toe together with Octope. You can also give time for Pepero to take rest by letting it sleep.

This is our first game released on google play and we reallly happy and proud about it. Well, this first apps may not fulfill your expectations, but we really did try to create and develop a game that brings joy and happiness for everyone. We really wish this game will spread a little sunshine on your day. So, what are you waiting for? just download it at Google Playstore for free and let us know what you’re saying. Feel free to tell us  what’s your thought about this game.

Have a nice day, fellas!

xoxo, Gulali’s Army

Get Ready For Gulali Production First Game

Is that a bird?

a chick?

or an alien?

is that even a creature?

Well well well, you’d better save your question before that picture of ‘something’ haunts your dream, fellas! And get ready to try our latest stuff. Because THIS cool stuff would be our first game released on Play Store! Yaaiy!

So grab a pen and mark on your calendar!

June 2013, on Gulali’s blog and Google Play Store!

Don’t miss it, or you’ll regret it!

Change Yahoo! Messenger Login Animation

Hi.. We meet again. Its a long time since our previous tutorial.

Today we want to share a simple trick to change animation on Yahoo! Messenger.

I think almost of you are know what is Yahoo! Messenger and what it is for. But some peoples maybe not, so here some screenshots of Yahoo! Messenger with normal loading animation.

Now i can assume that all of you know what Yahoo! Messenger is. And as you can see above, the smiling face, that is what we gonna change to an interesting one.

This animation using swf file so we need Flash editor to create this. You can use Macromedia Flash 8 or Adobe Flash CS3 or greater. For animation images you can create object using tools from Flash or if you not good at drawing Flash is supported with import images from outside. It’s up to you which one is better for your animation.

After all assets is ready, now set up the project properties and timeline on Flash.  For background color it not to be your concern because you can use image for background, but if you want to know the default hex color for background is #E4EDF4. And also the default resolution is 150 x 120 pixels. When create timeline don’t forget to set name on frame. and also add script ” stop(); ” on one frame before next keyframe. But if you have a loop animation you can use script “gotoAndPlay(“asleep”);” instead of using stop. Here is the timeline sample.

Now put animation based on the frame name. Put standby animation on asleep timeline, action animation on connecting and the rest animation. If you have animation with long duration don’t hesitate to extend the frame on timeline. On this tutorial we use frame by frame animation and here is our timeline after add the animations.

Next step is run your flash to create an swf file by press Ctrl+Enter. Make sure your swf file name is login.swf then replace Yahoo! Messenger login.swf with yours or rename it to login old.swf if you want to keep the default one. You can find login.swf file in “C:\Program Files\Yahoo!\Messenger” or if you using Windows 64bit its probably in “C:\Program Files (x86)\Yahoo!\Messenger”. You need to restart Yahoo! Messenger to make it run your new login.swf.

These the screenshots after we apply to our Yahoo! Messenger.

 

Loading Time Problem

I know everyone have different connection speed. You know what? This loading time will affect to your login.swf will show all animation or not. With normal or hi-speed connection you will only view connecting and awaking animation. Especially if you using long duration on connecting and awaking animation. To solve this problem we have two alternate options or if you have the other one please share to us.

1. Short Duration

As you know, you only have little time to show your animation. So obviously you need a shorter animation. Either you cut of your animation or change to another animation. Change to higher fps on your file is also another options for make less time but it will affect on your animation appearance.

2. Remove Script

The second options is remove script “stop();” after awaking animation. See screenshot below, i remove script inside red circle. Without script on this frame your animation will keep play to the end of frame and no need to wait connected statement.

If you have some problem about this tutorial, let us know so we can help you.

xoxo

The Gulali’s Army

Our First Awesome Anniversary On Gulali Production

What date is today, fellas?

WHAAAAT??!! WE CAN’T HEAR YA!!!

IT’S TWENTY FIFTH FEBRUARY, YEAH! THAT’S THE SPIRIT!

*spreading confetti*

Well, you might wondering why all of a sudden, we’re talking ’bout date. No–no, we’re not going to remind you about any deadline. It is, instead, a day without deadline! –well, at least for us :p

Just a year ago, on 25th February, Gulali Production was born as a solid team consist of four creative Indonesian teenager who has lots of ideas and are passionate on many things and willing to share their passion, to inspire, cheer up, and bring joys and happiness through works of their hobby.

We didn’t create much product during the early establishment. We tried to construct a strong and solid concept of our product as well as our internal system. One by one, our works posted, and day by day, we kept updating and developing our products continously.

Let’s have a look at our works during this past year. Maybe some of you still have no idea of what’s this blog actually try to provide, or what’s actually the output of this production house. Well, all we can say is; our products are whatever in this world that interest us. We love it, we make it, we share it. That’s it.

1. Monster Maker

We realize that every single person has different style, unique taste and characteristic. Here, we encourage you to create a monster character with your style. Monster Maker is s source design formatted in psd, contains template for making 2D monster character. With this file we can create our own monster by choosing its eyes, mouth, accesories, and other elements. You can see on our article about Monster Maker to read more and download it.

2. T-Shirt design

Instead of creating design that only appear on your laptop, ipad, cellphone or computer screen, we try to bring some coolness into our daily life. We thought it would be realistically cool if we can print our creative ideas on t-shirt we wear everyday.  We already have bunch of design for this, but not published yet. Please visit our article talking about cool t-shirt to see our active design that you can order.

3. Mobile Apps Icon Designer

Well, we’re finally here, in the smartphone era, where people can do lots of things with one single mobile phone in different way, different style. Yes, style. Every single person has their own style, their own character and personality. Combining the usefulness of application and the style of  the user, we create this stuff  to put some character on the mobile apps icon. This source design is very useful for mobile application designer and developer who need icons for their application, or for everyone who loves to express their style through mobile apps icon . This application is primarily for mobile application icon, but you can use it for other application or icon on your website. Interested with our product?  We ‘ll be waiting you guys and girls, on our icon creator page.

4. Website Theme and Code

Here, in Gulali Production, we have a skillfull and creative web programmer and web designer. They’ve won several competition in  web design category. So it will be such a waste if we don’t create a web-related product. Thus, we provide lots of web design and script for everyone or every institution who loves to be our client. The above logo is logo of Grand Parade Poets webpage, our first website that create design from scratch and code based on wordpress. And also our first work that brought great moment on the making process.

5. Awesome Wallpaper

This is the hobby our designers. Each time they found something interesting, they will design some stuff related to that thing. Oftenly, it is Wallpaper formed. It is simple, takes not much time to create, and fun! And the best thing is, our designers are love to share their creation to you. Check all our articles about wallpaper and its free to download.

6. Story Of Us

Sometimes stupid and silly things happen into our life. Things that can be something to laugh of, to brighten up some cloudy day. We think it would be much more fun if we share it to people on the internet. By doing that, we hope we can spread the laughs everywhere so that there will be more people enjoy their life. We put our stupid story into a simple comic to make it more interesting and attractive.  Here our story on comics and feel free to comment.

7. Several tutorials

Man and Gun by Gulali Production

We love to create cool stuff, to share, to inspire and to see people happy . Thats why we also post tutorial on our blog. Design, code, or any other stuff that we’re great at. There are some tutorial articles on our blog and you can ask us if there is any step you don’t get or  need more explanation on it.

There will be several new products coming up this year! Sooo, don’t forget to visit our blog and share it to others~

Birthday is not birthday without a wish. So here are our wishes for this year for Gulali Production

Ikan tenggelem:

Wow it’s been 1 year already?!!! Why the time flies so fast O.o OK… Back to my wishes. Hem.. I wish all of our plan can be done and finish this year!!! \(-ㅂ-)/ ♥ ♥ ♥

Kurakura kayu:

I’ts one year already! Feels strange to me, because with Gulali’s Team I’m getting to some place that I never stepped into before. One year has elapsed, and we’re still so young and full of dreams. I wish in this year, that we keep improving and… can publish one game at GooglePlay [>,<]/

Kucing keriting:

To have been with you, Gulali’s Army, is such a great happiness, and to have this wonderful works of ours, is such a glory. My wish is that we’re getting more and more solid, keep improving our quality of hobbies (which also means our works :p), we can deliver more and more creative ideas and products, aaaaaand be happy everyday. OH! and I also wish we can launch our game and running story in this year. Cheers!

Kelinci Pedo:

Woohoo!! ＼(＾O＾)／ Its come, our first anniversary.. Time flies so fast and a lot of great moments happened with Gulali Production team. My wish?? I hope we can share more stuff, more awesomeness, and more happiness to all our readers. And also in second year i hope we can publish Gulali Production’s first game. ᕙ(⇀‸↼‶)ᕗ

xoxo

The Gulali’s Army

Happy New Year 2013!!!

Happy New Year, fellas~~~~

May this year be brighter, happier and better than years behind!

Hail Gulali!!!

xoxo

The Gulali’s Army

A Special Day For One of Our Army

Today is one of the special date on Gulali’s calendar, one of the important day among 365 days in a year. A day, when our pretty Gulali’s Army, Silvi was born several years ago. So Let’s celebrate this blessed and happy day with cheer and smile!

For Silvi, we wish you a wonderful year ahead, a better luck, life, love, and success, and my your dreams come true.

And the last but not least, we welcome you (and your treat) with a wide opened-arm :’)

May our friendship last till death do us part.

— with bunch of love & tight hug,

kucingkeriting – ikantenggelem – kelincipedo

Frankey – A Little Monster Come In Halloween

Halloween is coming..

To celebrate this event we have a little gift for you, a scary little monster, Frankey.

Frankey is a papertoy that skin designed by Gulali Production and using Tougui template, here. In this post we will share this monster for you and also a mini tutorial how to   awaken this monster will be provide.

Before starting build lightning machine to awake your Frankenstein, download and grab Frankey pattern here.

I know all of you is know how to build a paper toy and you can just see all image below to guide you. But there are also a beginner in everything. So here we are giving a small tutorial to build a simple paper toy.

The first step is of course cutting layout into pieces. Make sure you use sharp scissor so you can cut a small part easily. We recommend you to do with the larger part first for a better way and also to reduce the possibility of losing small part while you cutting on the large one. Here all part when you finish cutting all parts.

Next step is bending all parts for preparing on next step. This step is important because your Frankey shape will depend on how precision and good your skill on folding paper. All part in this paper toy is folding to inner side or if you have a part face up you will have a peak shape. But on foot, there is one area you must folding other way so you will have a valley on it. Here all part after looks like when you bend or fold in right way.

This step is the most difficult section when you make or build a paper toy. It’s complicated or not based on which part you use for starting to sticking paper especially if there is a lot of part on it structure. But Frankey only use small amount of parts so you no need to worry. Even it’s easy, we will give you step by step sticking each part with glue.

First part is from the largest part, Frankey body, then you can continue to smaller parts. As you can see, there is an area with lines on it. That is area where you must give glue on it. Put slight glue gently and don’t give to much glue because it can ruin your paper.

If you fold your part in right way, you will know which glue area will stick on another area to make right shape. Here all parts after you done in this step.

When all parts is ready, now is time to wake up your Frankey.  You can start with put hands in main body then following by his leg. See image below for where place to join all parts.

You can put his hands on the side or toward the front and it’s up to you. Here the Frankey one and Frankey two.

If you interested with post contain about paper toy, please tell us. And help us to share it if you like 😀

That’s all for today. I hope you guys like it 🙂

xoxo

The Gulali’s Army

How To Make Flash Preloader

hei ho.. we meet again. Today we will share about how to make preloader for flash. There are a lot of preloader that using cool, elegant, or the cute one. But beside that all awesome preloader there are some line of codes that make the preloader working. So first we need to know how to code preloader step by step. In this section we use ActionScript 3.0 for type of script.

In Adobe Flash, to write script or code you must open the actions window. Go to window then select actions or just press F9 for shortcut.

First we must create event listener to handle process of load content. There are several way to get load process event and today we use one of thats, ProgreessEvent. You can learn more about other sample event listener in actionscript 3.0 first  if you need it.

Next step is create variable for store how much bytes that already loaded on the process of load content. Create variable named loaded as number because the loaded bytes value is a number. Get current loaded bytes divide by total bytes and then store it to loaded variable. This calculation process will be repeated until all bytes is loaded.

Now we need loading bar for represent how bytes already loaded. Create rectangle shape with a bigger stroke. You can use another shape or color as you want.

Before it can be used, we need convert it as MovieClip so we can do something for it such as set position, height, width, etc with script that you will create later. One thing you must concern, there is registration point and make sure you set on mid-left. This option for make you bar only affect on the right side when you change bar width.

You also need text for indicate how much that file loaded numberly. Use dynamic text so you can change value of this text. Don’t forget, you need to define instance name for this dynamic text as loadedText_txt and loading bar as loadingBar_mc.

Next step, set loading bar width base on loaded value. The calculation is loaded multiply to 200 because i use loading bar with 200 pixels for its width. Set value too for the dynamic text. We want it appear as percentage so we multiply it by 100 and use toFixed(0) for round up its value.

The loading process will stop when all bytes is loaded. To get this event, we must add listener with complete type on event listener.

When the loading process is complete before we go to next frame or any action to go away from this frame, we must clean up all unused listener to prevent your computer do unused processing and also for prevent some warning or error.

After done with all preloading stuff, now is time for the content. For make it fast just insert a large size photo. It’s more than enough to preview your preloading is working or not. On this sample using 1805 x 2407 pixels photo with size 2.31 MB.

If you already with all code and content, now you can run your preloader by press Ctrl+Enter. You will see your preloader will go directly to your content. It’ normal because your load speed is to fast. Go to view menu and choose simulate download and then it will reload your file with slower speed. The load speed is customize, you can set it on download settings.

Now you can see your loading process. If you got any problem or error while following this article, just ask it on this comment below.

For the next step we will show some samples of cool preloader and also how to make it.

xoxo

The Gulali’s Army