10 Type of Magazine Layout

A month later i've learn about layout on magazine. Layout is design element for creating an artistic element. I just want to share 10 magazine layout

Mondrian Layout

Referring to the concept from Piet Mondrian (Deutch). The layout refers to the forms  square / landscape / portait, where each fieldis parallel to the field of presentation and load the image / copy of each fused to form a composition that conceptual

mondrian layout. img take from alstrojobaru.blogspot.com

Categories: Design, Publishing

XAMPP Error

Yesterday, after installing XAMPP and i try to write on terminal

sudo su

cd ../../

opt/lampp/lampp start

I've got message from terminal like here

XAMPP: Another MySQL daemon is already

XAMPP Another web server daemon is already

XAMPP stil runing but can't starting the service when i acces localhost. It's mean another web server is running and it's make conflict with XAMPP. I have two solution for fix it

• Stop another web server service like apache, vsfptd, mysql, etc
• Remove another web server service (recomended)

I choose the second way, because it's fix this problem forever. If you choose the first way, you will need to stop another service every you want to run XAMPP.

For error message

XAMPP: Another MySQL daemon is already

just run in terminal this code

sudo apt-get remove --purge mysql-server

because i've mysql-server in my Ubuntu, and i don't know when i installing this service

And for error message

XAMPP: Another web server daemon is already running.

just remove apache, vsfptd or another web service via synaptic or other. After do that, lets try to run

sudo su

cd ../../

opt/lampp/lampp start

I think you will get this, and you can acces your localhost, phpmyadmin using your favorite browser

xampp running

I've reference from here and here. Happy developing!

Categories: Tips and Trick, Web Development

Synfig Studio ~ Alternate for Adobe Flash

Adobe Flash is software for creating 2D animation based vector. It can also used to creating interactive animation or game with action script. But we must pay $$$ to get this sofware. But don't worry, Synfig Studio can replace Adobe Flash for creating 2D animation. Synfig Studio is free open source software and available for Linux, Mac, and Windows user.

If you an artist, i think you can using it for making 2D animation. Because software just a tool not everything. The everythins is an IDEA an a CONCEPT. Want try Synfig Studio? For Ubuntu user you can download the *.deb extension, and for Fedora can download the *.rpm extension

Feature of Synfig Studio is:

• Spatial resolution-independence
• Temporal resolution independence
• High Dynamic-Range Imaging (HDRI)
• Pentablet-friendly tools
• Artist-oriented design
• Path-based Gradients
• Layers

img by synfig studio

Read more the feature on the Synfig Web. There is short animation using Synfig Studio

Download the MOV

You can downloading the source of this video on there. The source available under the terms of CC BY-NC-ND license.

Feel free for downloading Synfig Studio. Enjoy it!

Categories: Animation, Open Source, Software

Install Driver Printer Canon Ip 2770 Ubuntu 11.10

Canon IP 2770 Printer not automatically detect on my Ubuntu laptop, i've download and try to install the driver, but i can't installed. But i've the solution today. For download IP 2770 printer driver you can go to there or for another Canon printer driver you can download through Michael Gruz ppa. Here i write how to install Canon IP 2770 driver

• Download the Canon IP2770 Driver
• Extract the downloaded file
• Just run the install.sh if you can't run install this you need following this step
• Open the install.sh with texteditor like gedit.
• Delete line 1224 until 1250 which contains the following code

C_FUNC_get_system()
{
 local c_system_rpm=""
 local c_system_deb=""

 ## Judge is the distribution supporting rpm? ##
 rpm --version 1> /dev/null 2>&1
 c_system_rpm=$?

 ## Judge is the distribution supporting dpkg(debian)? ##
 dpkg --version 1> /dev/null 2>&1
 c_system_deb=$?

 ## rpm and deb are error, or rpm and deb are no error, is error ##
 if [ $c_system_rpm = 0 -a $c_system_deb = 0 ] || [ $c_system_rpm != 0 -a $c_system_deb != 0 ]; then
  printf "$L_INST_COM_01_02"
  return $C_ERR_CODE
 else
  if test $c_system_rpm -eq 0; then
   C_system="rpm"
  else
   C_system="deb"
  fi
 fi
 
 return 0
}

• Replace with this code

C_FUNC_get_system()
{
C_system="deb"
return 0
}

• After do that, try click twice on install.sh for instalation
• Choose run with terminal
• Insert your password and plug your printer device

For 64bit user, there is some trick from Aditia

• You don't need changing the install.sh file
• Don't plug your printer device during instalation
• Just write this command on your terminal (make sure your terminal is accessing the folder where you save the file)

• sudo dpkg --force-architecture -i cnijfilter-common_3.30-1_i386.deb 

• sudo dpkg --force-architecture -i cnijfilter-ip2700series_3.30-1_i386.deb 

• After do that plug your printer device and you will get notification that your printer ready for using

I hope with this tips and trick you can using your printer in Ubuntu. 

Categories: Tips and Trick, Tutorial, Ubuntu

Monetize Open Source Software

Allmsot all open source software is FREE, but we can monetize it! You can get money from open source software. Monetizing open source software can be a tricky challenge for many companies. After all, when you’re giving away your primary product for free, how could you possibly make money off it? OMG Ubuntu write it on their site

• Value adding to existing community projects
• Embedding open source software in a product or service
• Open sourcing existing proprietary software
• Fine tuning or polishing existing software

Readmore on OMG Ubuntu.

I jus want share another way to get money from open source software. in addition to business opportunities, we can also get job opportunities including but not limited to

• Adminsitrator ISP System, Web Hosting or technical support
• Manager or operator of internet cafe
• Programmer or IT consultant in company
• Database Administrator
• Graphic Designer in media
• Instructor on formal education or non formal
• Book, magazine, newspaper, blog writer

Categories: Opinion

Alpha Channel Mapping

This tutorial made by friend, Aditya. Now, he is making an open movie like durian i think. He write tutorial about his project. The project is about motorcycle thieves you can view the project here. The project using Bahasa Indonesia language, so i've contact him to translate the tutorial into english on this blog.

Today, i want write in english version of Aditya tutorial About Alpha Channel Mapping in Blender. In Blender Cycles not yet supported render alpha channel from adds on import image as plane, so we need minor adjusments to render it with cycles.

• Open Blender. Add plane using Shift A > Mesh > Plane or download the source file here

• Change the render engine from Blender Render to Cycles Render

• Select new material on properties and new (add new material)

• Give the material name relevance with the object, for example is daun. Daun mean leaf

• Change the surface diffuse to add shader. It cause a buildup of two types material with blending type add

• In first material shader is Diffuse BSDF.

• And for second material shader is Transparent BSDF

• Click small icon on first shader and select image texture

• Open image on first shader

• Browse image file (not alpha channel).

• Repeat it on second shader. Click the icon and select image texture

• Open image on second shader. 

• Browse image file (alpha channel).

• You can make the alpha image using GIMP. The example of alpha image using white for alpha channel and black for the image. White background is invisible when rendering and black color will be seen in accordance with the shader diffuse
• Separate the 3D view with dragging + on top of window

• Change the first 3D view into Image Editor

• Select the plane and go to Edit Mode with TAB on keyboard > Press U on keyboard > Unwrap

• Change the viewport shading to material

• After the material appears, adjust vertex on image editor using Grab, Rotate and Scale like on the 3D view.

• And change viewport shading to rendered. 

• You will got this image

• Duplicate this plane and adjust lighting, position, camera and other for the best result like this

With this way, you can make like this

 

Want more about this stuff? Keep update on malingmotor blog's. I hope this tutorial helpful and can enjoyed by you. Just leave comment for suggestion. I want it ;) 

Categories: Blender, Tutorial

Multiple Camera With Different Path Animation Start

A few days ago, i've problem with camera and path animation. When i want create on scene with 3 camera and 3 curve for camera path animation. The problem is how to moving every camera with different starting frame? Because for default every camera will be start at first frame. I don't know how to explain what i want. It's just simple ilustration for camera what i want.

simple ilustration

I hope you understand with my illustration above. 

• First  i have cam_01 and curve_01. I want cam_01 following curve_01 from frame 1 untill frame 100. Cam_01 need 100 frame to fly arround curve_01.
• Second, i have cam_02 and curve_02. I want cam_02 following curve_02 from frame 20 until frame 40. Cam_02 need 20 frame to fly from starting point to end point at curve_02.
• Third, i have cam_03 and curve_03. I I want cam_03 following curve_02 from frame 75 untill frame 90. Cam_03 need 15 frame to fly from starting point to end point at curve_03

For problem like me don't using offset and other, its really dont help us! It make us confuse. And my friend give me great solution like here:

• Add a follow path constraint to every camera and set the path. ex: cam_01 with curve_01.
• Selection the curve > object data > path animation.
• Frames mean how long this must spend from starting point to end point. Evaluation time mean where is place of the object. I just little confuse to explain that. I'll give example, i hope you understand
• Like my problem above, i want cam_02 start following curve_02 at frame 20 until 40. So you get the duration from start point to end point of curve. It's 20frames. So you need set Frames at path animation to 20.
• Now go to frame 20. On frame 20 you have 0.00 Evaluation Time. Insert keyframe on this. Just press i button over the icon, and the color will be changed.
• And go to frame 40. On frame 40, change the Evaluation Time to 20, because long of the curve is 20frame. So the camera will be moving into end point of curve. Insert keyframe again like before step.

It's the timelapse video to do the tutorial above

Thank Richard for help me to solve this problem! You can download the blend file of this ilustration here. 

Categories: Animation, Blender, Tips and Trick, Tutorial

Bouncing Ball Rigging Blender Tutorial

Bouncing Ball, is one of the simplest models to learn 12 principles of animation. Therefore, starting from the modeling, rigging material up to a very simple and uncomplicated. The model can simply use the Sphere with the necessary rigging. Why not elaborate? because the ball we do not need to make rigging the hand. Simply rigging an armature with 3 bone will suffice. Here is step by step to create a simple rigging to bounce ball.

simple character rig

• Open blender and delete the default cube > change view to front ortho [Numpad 1 (front view)> Numpad 5(orthographic / perspektif] > Add [Shift A] > Mesh > UV Sphere > Setting Segment: 16 dan Rings: 8

step one

• Go to Edit Mode [TAB] > selection the lowest Vertex > Snap [Shift S] > Cursor to Selected

step two

• Back to Object Mode [TAB] >  Wireframe View [Z] >Add [Shift A] > Armature  > Single Bone

step three

• Back to Solid View [Z] > Object Data > Display: activate B-Bone dan X-Ray.

step four

• Make sure the armature is right in the middle of the UV Sphere. To be sure, we can look at using Quad View [Ctrl + Alt + Q]. After fitting in the middle, to return to the previous display by pressing the same button [Ctrl + Alt + Q].

step five

• Before proceeding to the next step, we need to know first armature and Bone, in order to distinguish between the armature and Bone

introduction to armature component

• Bone can be interpreted as a bone. While the armature is a collection of bone (bone). Thus, the armature consists of a Bone
• With the armature selected into edit mode [TAB]> selection of the top of the Bone and pull in the direction of axis Z [G> Z] (Do not Rotate [R] and Scale [S] the Bone)> Bone Position under UV Sphere, as in the image below. To ensure the bone ends up at the bottom vertex snap to use [Shift S] > Selection to Cursor

step six

• Still in Edit mode, Add [Shift A]> appears a new bone> moved to Object Mode [TAB]> UV Sphere Selection> Edit Mode Login [TAB]> Selection topmost vertex> Snap [Shift S ]> Cursor to Selected> Go to Object Mode [TAB]> Selection bone ends up> Snap [Shift S]> Selected to Cursor> Add [Shift A]. Total bone there are 3.

step seven

step eight

• Give name for each bone with clicking Bone menu. Lowest bone with name ground, center bone with name body, top bone with name control.

step nine

• Still in Edit Mode, the selection body bone. Parent with ground and activate Connected. Enable Deform> Segment 12.

step ten

• Go to Pose Mode [Ctrl TAB] > Bone Constraint > Add Constraint > Stretch To > Target: Armature, Bone: control

step eleven

• Go to Edit Mode > Select control bone > Parent to ground.

step twelve

• Back to Object Mode > selection the UV Sphere > Go to Edit Mode > Select All [A] > Object Data > Vertex Group > Add > Give name body (name of vertex group must be same with bone name, case sensitive) > Assign

step thirteen

• Modifiers > Add Modifier > Armature > Object: Armature dan Vertex Group: body.

fourteen

To animate the UV sphere we just moving control bone in pose mode. And if we want to forward or backward just moving the ground bone

test on pose mode

If you feel challenged and want to better please try modeling a more complicated course. Hopefully useful dan you can enjoying this simple tutorial :)

Categories: Blender, Tutorial

Install Ubuntu Tweak at Ubuntu 11.10

Ubuntu Tweak is a tweaking software on the Ubuntu operating system. On this post i will share about how to install ubuntu-tweak at on Ubuntu 11.10. There is two way to install ubuntu tweak. 

1. Adding ubuntu-tweak repository
2. Download the deb file

overview ubuntu tweak

Following this step to install ubuntu from repository.

• Open ubuntu software center

it's old image

• Edit > Software Source > Other Software > Add > on APT line insert: ppa:tualarix/ppa >Add Source > Close

old image too :D

• Ubuntu software center will automatically updating the source list. After updating source list, write ubuntu-tweak and you can install it

install ubuntu-tweak

Or you can adding repository using terminal

• Open terminal (Ctrl Alt T) and write the script below

sudo add-apt-repository ppa:tualatrix/ppa

sudo apt-get update

sudo apt-get install ubuntu-tweak

Categories: Tutorial, Ubuntu