(✎) (✉) Stop Motion Film Project

      Hello. This is our Stop Motion film project. we did this in a group. Our group's name is SKH STUDIO.

Sorry, the picture below is supposed to be a video. But I didn't have time to upload it, so you may watch it on one of our group member's blog.

Story/Plot: 

" A story of a fanatic sport fan that is very loyal to his favorite team. Which is Maple Leafs team. Until one day, Maple Leafs has an away a game facing their rival. The Canadiens.Because of his loyalty. He still doesn't want to miss the game. Even though it is his and their rival. He is not scared to go to the stadium, because sometimes there will be Maple Leafs fans too. But when he arrived in The Canadiens' stadium. He got surprised by something that is unusual.... What is that?? what will happen? is he getting something good or bad??? or what??" 

Find the film here: Loyalty Of The Fans
By: SKH STUDIO
Members/Crews: Jimmy
                                Kadryn
                                UrangSunda

(✎) Photoshop Practice Assignment

Hello. This post is about our Photoshop Practice assignment. Our job is to blend two images on one.

and here we go:

Footfal Upeman

1. First of all, you need two different images to create this.
2. Open both images that you downloaded/had, in Photoshop.
3. After they both opened, Drag and drop one of them to the other image. Which is by using the Move Tool, click and hold the image, and try to move it to the other tab, and then just release it above the image.
3.1. Remember, you must work on the background layer. Unlock the layer by dragging the "lock" symbol into the "trash can" at the bottom
5. After that, click the Quick Selection Tool. And then just select the area that you want to blend.
6. After you finished selecting, go to the top bar and click Refine Edge...
7. And, just play around with the pop up menu. After done, check the Decontaminate Colours.
8. And then, that is it.


Practice source: How To Get Started With Photoshop

(✎) Painting Research Assignment

Hello. I am back with a new assignment. The purpose of this assignment is to influence my artwork. Here we go:
 

Title: Battle of Lights

Artist : Joseph Stella (American, 1877–1946) 

Date: 1913-14? (dated on painting 1914 and 1915)

Medium: Oil on canvas mounted on cardboard

Dimensions: 20 1/4" (51.4 cm) in diameter

 source

Statement: 

       This artwork matches my imagination on my dream when I was small. In my dream I was a tiny person. My size was almost like toys' size, but I kinda felt like an ant. That's why I chose this artwork as my influence. For me, the circle on the middle could represent the small hole that tiny animals usually live.

-----------------------------------------------------------------------------------------------------------------------------

Title: New Haven, No. 1

Artist : John Walker (British, born 1939)

Date: 1976

Medium: Acrylic, chalk, and canvas on canvas

Dimensions: 7' 8 1/4" x 68 1/8" (233.7 x 172.7 cm)

 source

Statement:

       For this artwork I don't really have anything to explain, but I just..... I don't know why but from my perspective this artwork can support my imagination in my dream. I like the textures and the contrast of this artwork which is yellow and blue......wow. They are kinda eye catching and interesting to me.

-----------------------------------------------------------------------------------------------------------------------------

Title: That Is It

Artist : Alfred Jensen (American, 1903–1981)

Date: 1966

Medium: Oil on canvas

Dimensions: 42 x 36" (106.7 x 91.2 cm)

 source

Statement:

       First of all, as I told you before........, in my dream I was a tiny person. And this artwork seems to create a proportion, rhythm, and movement that make the hole of a tiny person. And they lead my eyes to go inside it. More far, more small. More deep, more tiny.

(✎) The 12 Principles Of Animation Assignment

Hello. First of all let's see the demonstration video:

----------------------------------------------------------------------------------------------------------
if that was too long check this one:

And here are the principles:

1. Squash and stretch

2. Anticipation

3. Staging
4. Straight ahead and Pose to pose animation

5. Follow through and overlapping action

6. Slow-Out and Slow-In

7. Arcs

8. Secondary Action

9. Timing
10. Exaggeration
11. Solid drawing
12. Appeal

 For this case (because this is a group assignment) I am going to do #5, 6, 7, and 8. If you want to see the rest go to this blog for #1 - 4  and and this blog for #9 - 12. Anyway let's start with the #5.

5. Follow through and overlapping action
     This principle could applied to something or an object that has extra parts (like hands, clothes, cars, hair and etc). For Example if the main object want to move, the extra parts also need to be moved in order to make/support the main part or the whole object moves realistically. Or like this:

6. Slow-Out and Slow-In
     This principle is about a smooth movement. What I meant is, the movement of the object is not too stiff. For example a pendulum. So if we animate a swinging/moving pendulum, for the first frame. We might move the circle to the corner left for Out. And for the second frame or whatever it will be, we might move it to the corner right for Out and then to the center for In and so on. We might move it directly without techniques so the result will look stiff. But if we do the other way like trying to use the techniques which is to pull the circle out or in a bit after we framed it. And for that, we might get a better result.  For demonstration click this link and then hold Ctrl + F and type Ease, and then click the images.

7. Arcs
     Arcs means something that is moving with maintaining the direction. For example, a soccer player is going to kick a ball. So the Arcs will be the legs. Or a person is shaking a hand and footsteps like this in this image :

8. Secondary Action
     Secondary Action also could be called an extra action, or it could be an action that is not really necessary for the main action but it gives more support to the main action. For the example, person A is talking with person B while they are playing video games. Or it could be like this:

(✎) Tips & Trick Stop Motion Animation Assignment

Tips, Techniques, & Tricks For Stop Motion Animation

        These below... are the videos that I found useful for creating and making a Stop Motion Animation. In those videos... I found many techniques and some steps that help you to create a professional Stop Motion. So... let's take a tour.

The Six Animation Principles

First of all, let's start with the principles. Source

Based on the video above. So the principles are:

                                                                1. Anticipation

                                                                2. Squash & Stretch

                                                                3. Follow-Through

                                                                4. Ease in and Ease out

                                                                5. Arcs

                                                                6. Staging.

------------------------------------------------------------------------------------------------------------

After you watched that. Let's go to another place. Which are the steps, setups and techniques.Source

the video above is telling you about some steps and setups to start a Stop Motion.

Alright, if you have watched that, let's see the other one.

------------------------------------------------------------------------------------------------------------

This one below, is kinda more useful than the others. Because this video shows more steps to create the Stop Motion. Like editing, tweaking and etc. Just check it out.

Click Here if the video doesn't work.

------------------------------------------------------------------------------------------------------------

Ok, for the last part I found a cool Stop Motion, which is a Stop Motion created by the camera's lights or it could be say by manipulating the camera's shutter speed . Here you go. Source

Alright then... the tour has finished. so far that's all, sorry for mistakes and thank's.

(✎) Early Stop Motion Animation Review Assignment

Phenakistoscope

An Early Animation Device

Click here for the actual look

      Hello. I'll introduce you to an early animation. So, the image above is a Phenakistoscope. Phenakistoscope is an early animation device that uses the persistence of motion principle to create an illusion of motion. The Phenakistoscope consisted of two discs mounted on the same axis.  The first disc had slots around the edge, and the second contained drawings of successive action, drawn around the disc in concentric circles. Source
      The interesting part about this device is when it's spinning. Although it is just a device with some images on it but it actually creates an effect. My experience about this was... when I was trying to see the actual "step" or "frame" of it while it was spinning but I couldn't. Even though I tried for many times and tried to spin it slower but I still couldn't see it. So that was the thing that I found out interesting. And that is why they used the persistence of motion.
     For the last thing. This device is very important for the history of animation. This is because... some animator and people could understand how animation was made so they would have an inspiration and ideas from these devices. anyway that's all thank's for reading sorry for typos.

(✎) Stop Motion Animation Film Review Assignment

Part 1: Review

DOT. Worlds' smallest stop-motion animation.
The Film

The Making of :

My Comment :

     Hello. Before I am going too far, I just want to say that this Stop - Motion Animation is very inspiring and wonderful. Why?.. Because I saw how the artists are taking this project seriously. This Stop Motion is so tiny, they actually did a great job like when they tried to apply the colour to the girl, I think that part was very hard because if we do it, we have to be patient, neat, and careful of what we are doing and even the girl is not just one but MORE! So in the end, I learned many things from this Animation. I learned to be patient, neat, creative, making new ideas, and confident.

Part 2: Inspired Stop - Motion

Coraline

The Making Of:

There you go, Coraline...

      My favorite all the time Stop - Motion is Coraline. Coraline is a 2009 American stop-motion 3D horror/fantasy film based on Neil Gaiman's 2002 novel of the same name. It was produced by Laika and distributed by Focus Features. Written and directed by Henry Selick, it was released widely in United States theaters on February 6, 2009, after a world premiere at the Portland International Film Festival. The film was made with Gaiman's approval and cooperation. I really like this Stop - Motion not just for the professionalism but also the idea and techniques. They did it very well done. 

 Source: Wikipedia

(✎) (✉) Chess Piece Artwork Assignment

"The Space Chess"

Too Dark??

Here the brighter one:

⇩

How I created it/ The presentation:

     Hello. I will tell you about how I created this. So.. First of all, everybody in my class got their chess pieces. Some people have the same kind and some people not. Anyway I got a Bishop, which is good for me because it is not too complicated to draw. And the objective of this assignment is.. we have to create the chess piece to looks as realistic as possible by playing around with the values, contour lines, or smudging etc. We also have to set the chess piece to be the focal point. And create movement on the background.

      My first part is I started to draw some thumbnail sketches in my sketchbook. And then I came up with four ideas to choose but then I decided to pick one (which was that final image ^) and draw it for the second time to make it nicer.

     After I got my idea and drew the sketch, I started to draw my chess piece for real on a big sheet of paper. Before I started draw my chess piece, First of all I have to place my real chess piece somewhere in a room that has dark and lights so I placed my chess piece in a dark room that has a lamp beside it. And then I started drawing. The first step that I did is I drew the outline of it by using an HB type of pencil then drew the contour line. And after that I started to layer the contour line to make it as thick/bold as possible by using the 2B pencil and then the 6B pencil. After that I smudged the contour lines until disappear so it wouldn’t look like imitation. And then I applied the value to it by following real life lights then smudging and layering until it looks realistic.

     For the background, I decided to create something interesting. So my theme is “ The Space Chess” it is about a chess piece from a strange planet that wants to see its kinds in earth because it heard from its planet that there are a lot of different chess pieces in earth. Back to the artwork. I wanted to create movement around the chess piece like a real meteor/comet because the theme is in the space, so I drew a bunch of thin lines layer by layer around the chess piece until it becomes bold. After it became bold, I began to smudge the two tails at the back(as seen in the image^) until it looked fading/gradient to the front. It would create a feeling that the chess piece is coming down. I drew it using the HB pencil for thin layers and then 2B and 6B for the bold.

     For the composition, I placed my chess piece on the left corner and facing down at the bottom right corner. Because, instead of placed in the center, I would preferred play around with the position and choose for the best one. And it also matches the artwork's theme. For the size of the chess piece... I made it looks bigger than the earth to create a proportion and to make the chess piece as the focal point/ emphasis of this artwork. The next is the earth. Because I said that this artwork is about a chess piece that is coming to earth. So I drew the earth right on the corner right. I made the earth looks small to create a proportion and balance. After everything is finished. I added the value to the background by drawing a bunch of lines on the top, bottom right, middle right, and behind the chess piece. After all finished, and then I smudged half of them until they look balanced and fading to each other. The value on the background helps create movement and to make it look like in the space. So... that is it thanks, sorry for grammar mistakes and typos.

(*) Blog Update #1

    Helloooo everybody, in this first Blog Update I just want to tell you that later on I'll use tags for each of my blog post's title. And the tags will be :

(✎) <-- For Assignments

                         (⌨) <-- For Entertainment/Random Stuff

(*) <-- For Blog Update
(?) <-- For Infos

I think so far that's it. I might change those later. Anyway thank's, and sorry for the typos.

(✎) (✉) Logo Assignment Part 2

Logo Assignment Part 2 section 1: The Logos

Main Colour Version

 

Other Colour Version
  

Black & White Version

 

Logo Assignment Part 2 section 2 : Written Statement

       In the last few days, I have been working on the logo assignment, which is to create a logo from animal that represents my qualities on design. I got confused for the first time to chose what animals that best represent myself. So, I came up with three animals to choose which are tiger, eagle, and owl. Because tigers were kinda hard for me to think, and eagles that kinda common, so I decided to chose owls. Why I chose owls..?? Because, owls are calm, thinker/strategist, and fast. What I meant is.. these qualities could be representing me to be a graphics designer. For calm, calm could mean.. not to hurry everything. So we would get a perfect result. Or thinker/strategist. If in the owls side, it is like when they're trying to trap their prey or trying to be invisible so their enemy or prey couldn’t see them. If in the design side, it could mean we have to be creative or work hard and use our brain to make it better. And for fast. Owls are fast animal, they always react if they see their prey by using their sense. In design “fast” means efficiency and thinking. We should work fast but we have to aim the design that we want and if we had the result, we shouldn't forget to recheck. To make sure it meets the design of what we wanted.     
       In the designing part. Because of my company's name is “Flights Studio” so I planned to use a cool/light colours, because it will represent the “Flights” word which relates to the sky that is clear and beautiful. I started designing using the Pen Tool to trace the owl from an image that I got from the web. I decided to create a curvy smooth line, for the owl’s body. Because it will create the details to the smooth edges from its wings and other parts. For the eyes, I chose to create a half circle shape because it will help create a balance to the owl’s body's direction. For the face, I just make it similar to the actual shape of its face, because it also helps create a balance to the body and the eyes. In typography I used a thin, simple, clear looking font for eyes because they represent the company's name. The font that I used was Caviar Dreams (it is actually a custom font). I positioned the typography below the left wing and placed it away from the owl a little bit so it lined in the center. I positioned the typography there, because it represents the company's mission. The mission is “we work as a team and help together to reach our dream to be a five star company”. The colours that I applied to the typography or the company's name are using two different colours. For “Flights” I chose a cool/light blue colour because it represents the sky. And for the “Studio” I chose a cool/light grey colour. For this one, there isn't any meaning but it helps to create a contrast. Talking about contrast, I tried to create a few contrasts that were possible to each part of the body. Because contrasts could help create differences on the logo. Like the owl's eyes and the face. I applied a light grey colour to them, but then for the face, I dimmed the colour for 70% because if not, it wouldn't create the contrast. For the background, I didn't really want to have them. Because it would ruin the balance and the contrast of the logo So I decided to leave it with just a negative space. After all finished and for the addition, I added a line and created it with the Line Tool. I positioned it below the company's name and lined vertically. And then. I applied a white & grey gradient to it that goes from left to right and changed the type of it to oval to creates a movement, values and represents the company's feature which is efficiency. And I also add another thing which is a shadow. I applied it to the owl and created it by just copied the main owl's body and placed it underneath the main body. And applied a sky colour gradient to it, to helps create a movement and represents the company's work that they are always there. For the unity, rhythm, and the others, I didn't really create them because I want to keep the logo as simple as possible. But for last part, the emphasis. This logo was actually didn't have an emphasis, I didn't think about creating an emphasis. But after I finished design the logo, it seems that the face could become the emphasis. Or it could be the “Flights” word too.
      In the technical part, I don't really have anything to say. I just learned so much about Illustrator. When I was creating the logo, all the things that I used often was just playing around, editing, rechecking. But for the tool , it was the Pen Tool. The Pen Tool was a perfect tool for tracing anything on the image or even create something that you want. It is also a neat tool for creating a line. For the effects, so far I didn't apply any. Because I didn't think about adding any effects. For the use of layers. Layers are very important things that need to be use in every case. Like if you have a complicated design, you should use the layers to organize things. In my case I used layers for organizing every parts of the owl's logo, including the typography. And also, I used layers to make things more neat and tidy.
      For thoughts and opinion about this assignment. I'm really happy about what I have done. Because, previously I didn't know how to use Adobe Illustrator. I thought it was a complicated software. But when I tried to work on Illustrator, things went different. And then I got used it. it was like Adobe Photoshop but in different format. I learned so much about designing a logo especially when I tried to create a contrast and tweaking the logo. After I finished creating a logo in Illustrator, I am planning to create another logo if I have time. I want to learn more about using the tools and the colours in Illustrator. It was a fun experience.

(✎)Daumier's The Third-Class Carriage Artwork Grid Group Assignment

Original Artwork by Daumier

                                          Artist  : Honoré Daumier

                                          Year   : 862-1864

                                          Type   : Oil on canvas

                                          Dimensions:  65.4 cm × 90.2 cm (25.7 in × 35.5 in)

                                          Location     : Metropolitan Museum of Art

The Third-Class Carriage evidences Daumier's interest, as also seen in his graphic works, in the lives of working-class Parisians. Third-class railway carriages were cramped, dirty, open compartments with hard benches, filled with those who could not afford second or first-class tickets. In the bench facing the viewer are seated, from left, a woman holding her baby, an older woman with her hands clasped atop a basket, and a young boy asleep. Seated behind them are anonymous rows of women and men. The painting entered the Metropolitan Museum in 1929 as part of the H. O. Havemeyer bequest. Source: wikipedia.org

The "Grid" version of the artwork by L.C.I CyberARTS 2013 Year One Students

    So, this one above is the "Grid" version of the The Third-Class Carriage Artwork. We did this by groups. First of all each student got a card that has a sketch on it. And then we had to redraw it on a new paper by using a charcoal. After everybody finished redrawing, then we put all together on a flat table and took a picture of it and edited with Adobe Photoshop. And then we finished, sorry for mistakes.

(✎)Design's Critique Assignment

Artist: Jasper Johns

Year: 1958

Type : Encaustic on canvas

Dimensions : (30⅞ in × 45½ in)

Location : Whitney Museum of American Art, New York City

    The Imitationalism of this artwork is... it doesn't look realistic or got photographed it just looks like a normal artwork. This is because the artist didn't create any negative spaces that would give them some contrasts. And also the artist did something that is impossible to have them in the real world like there are two floating flags at the front. But if this artwork looked realistic, the flags would just got overlapped, there would be less shadows around the edges, and there could be some spaces too. So this artwork is impossible to be a realistic artwork because there are no elements or principle of design that support this artwork to be realistic.

    For the Formalism part I found that there are so many repetitions, rhythms, movements, and feelings on this artwork. Example like the flags are creating a proportion by looking at their size from large to small, the position that goes from the back to the front, or the stars on the corner left that creating a pattern or the white and red lines on each flags that are linear to each other. And for the colours and lights that are on the low values. So this is a pretty wonderful job that the artist tried very carefully to create a balance. The shapes that applied to the flags I think they are just squares. The artist made them related to the actual shape of flags. For the two flags at the front on their edges, they seem to create a contrast that produced shadows. And the textures, the artist made the flags look old, dirty, stained. Those textures would create a balance to match the elements that applied to the flags and also they could show the feelings of the design. For the emphasis or the focal point of this artwork.... if we put together all the elements and principles of design it would be for the small flag, which is at the front. Why...? Because it shows us everything on there, different than the other two that only show us the outside part of them. So what I meant is.. the small flag shows us the message from all these element and principles of design that applied there.

    And for the last part which is the Emotionalism. Because of the flags that are looking dirty, stained, old. The colours and lights that are on the low values, the contrast that produced shadows and some lights, the shapes and lines that are strong. So they are actually creating the feelings of this artwork that the artist want us to know something that relates to our countries' history...passion... or it could be the importance to remember our heroes that died and fought from the world wars, for their countries to bring a victory.

(✎) Logo Assignment Part 1

   So, I chose this animal because, owls are calm, thinker/strategist, and fast. What I meant that these qualities could be represent me to be a graphics designer. So, example like calm. Calm could mean, not to hurry everything so we could get a perfect result of the design. Or thinker/strategist, owls are really good at them like when they're trying to trap their prey, or when they're trying to be invisible so they couldn't be seen by their enemy or prey. This could mean if we think something that we want but it is hard to do it and we couldn't imagine it, we could just think again and again, and don't give up. There is always a way to do the thing that we want. And for fast. Owls are very fast when they are haunting or seeing their prey and catch them by using their sense, but in design fast doesn't mean work too fast but the result is bad. In this one fast means efficiency and thinking, like we should work fast but we have to aim the design that we want and if we already have the result, we shouldn't forget to recheck the work that we did, to make sure that it got the result of what we wanted and to see how the design balanced and pleasing to eyes.

(*)Blog's title name changes

     Hello everybody, so I decided to change my blog's title name. Before, my Blog's title name was UrangSundaKanada, and now I changed to MadeinWestJava CyberARTS

(✎)Profile Picture Assignment Part 2

So for the first part I just only posted the picture, but for this part I will to tell you how I created the picture. So here it is:

Hello, in this section I am going to tell you about how I created this profile picture using Adobe Photoshop. So first of all the profile picture that I took is actually my right side of my whole body and beside me there is a painted or graffiti wall, and I didn't even think that in my opinion it would look cool after I edited the picture.

So, for the editing part. First of all, I opened my picture in Photoshop and then I cropped my picture into square so, it only showed the half of my face and the wall. After I cropped it and then I actually applied a blur effect on my face so I thought that it would look anonymous. After I applied that, I was thinking that there were something that still missing. So I came up with the ideas to put more effects on it which is to apply a texture or filter on the picture, and some shading on the edges to make them look smooth in my opinion. After I applied filter/texture, then I was wondering about how do I make the edges look smooth or have more effects.  After a moment later, and then I came up to tried apply a border on the edges, which is using a square shape with no "fill". And for the colour, Because of the filter's/texture's colour is black and white so I chose the grey colour for the border to match the picture's filter/texture colour and to create a "balance" to the picture. After that I thought it looked good and fit nicely. After I applied the border and then I was thinking to apply more effects to the border which is by using the "Drop Shadow" option from the "Blending Options..." menu and played with it to make it fit and pleasing to the eye.  And after I applied that and checked how it looked, and then I thought it could create an "emphasis" to the picture, so I left it there so far.

For the last part which is the "CyberARTS" logo I just applied some effects on it which is using the menus from the "Blending options..." menu, and they were "Gradient Overlay" option and "Drop Shadow" option.

For the "Gradient Overlay" option, I just applied a "Neutral Density" type of gradient to match the picture's colours and then I set the scale of it as 51 to made the gradient looked smooth, and then I set the style as "Linear" and blend mode as "Normal", and set the angle to 90 degree. For the "Drop Shadows" option, I just set the angle to 120 degree to match the picture's shadows and lights, and then I set the distance to 5 and the size to 2 to avoid the shadow from too angled . And then for the last part I set the contour type to "Rounded Steps" to made it balanced.

         So, that's all, thanks for reading! and sorry If there are typos.

(✎)Rhythm/Repetition Assignment

Hello, so these are the assignments:

Dynamic Rhythm:

Steady Rhythm:

How I created them:

     In this section, I am going to talk about how I created the "Steady" and "Dynamic" rhythm/repetition in Illustrator. So first of all, I created these rhythms by just my random thought that I didn’t think  before. After that I created several lines that lined vertically on the bottom and also on the top. After I lined them and knew the pattern. I tried to recreated and organized them to make them more balanced. After that for the “Steady” rhythm I just went directly to make changes for each lines like, change the sizes, thickness, and distances, and make some spaces between each of them to create a “negative space” lines. And for the “Dynamic” rhythm, I recreated the lines and changed the distance and size between the bottom’s lines and the top’s lines to create a space. After I changed the distance, size and made a space, then I created four shapes which is circles in the middle that went from left to right, and then because they are shapes, so I had to cut some of their points and lines using the “scissors tool” in Illustrator to create more effects. And after I worked on those, then I started to tweak the thickness, qualities, types, and the positions, to make them look balanced and pleasing to the eye. So that’s all, that was my work so far. Thanks for reading! and sorry for the typos.

(✎)Profile Picture Assignment Part 1

Profile Picture Assignment

EDIT 1

So, she told me that I need the CyberARTS logo and here it is:

Post Title