~ 2019-10-21 >>
Recent Posts
Technology and communication
During the collaboration, we thought about how technology changed human’s method of communication. Different to other creature, human-being have strong relationship in group and society, because of the effective communication.
What improve the communication?
- Painting / image
- Language / character
- Paper / Printing
- Telegraph / telephone
- Radio / TV / Fax
- Mobile phone
- Internet / WIFI
- AR / VR
There’s the history of development of communication, people used more advanced tech to improve the efficiency of communication, speed, distance, accuracy.
the form of communication
Communication can be defined as physical and psychological, object or subject. Whatever any technologies we used on communication, that would be express our content.
To narrative or record someting in the past, could be hard. People used painting to describe a action, method, story, object; they invented language to talk with each other; they wrote by characters, but original technology limited these methods, bad container, bearer, low efficiency, so people were inventing new technology to communnicate.
content of communication
Methods are changing, ever. But the content people communicated would not be changed, in sometimes. People talk, discuss, express. All of people have family, everyone will fall in love, they expressed thier love, emotion.
Family and love
Family, love could be the eternal topic in human society, because creature need multiply, people generate children, and hold a group, as a family.
War
War is horrible, but unfortunately, we are hard to doubt that, war can be remove. Indeed, human have joined war million years, never stopped. Even the technology is developed to serve the war. So, in content of communication, war is the topic can’t be remove.
relationship between Love & War
It looks ironical, love and war can be seen as two contrast symbols, love represent life, and war is death. Life and death, is the eternal circle in world. So they are opposite things.
Would war ever exist in future?
This question is impossible to answer now, but I will do more research at this point.
Now, I can only guess, that war would not disappear. Maybe we will stop war on the Earth, but war will not stop in universe. (hahah, this is not a fiction novel).
Why? In my view, multiply is a thing which affect others and profit self. Generation will use resource, and the gerneration is infinite, resource is limited, there is necessary conflict on division of resource. So conflict will not disappear, as well as war.
About collaborative project
As we planned, the outcome would be a Web aniamted illustration. The main topic will relate Tech & communication, and the content of communication, would be relate love and war, or only love, it depend on time we have.
Style
In early expectation, this work should show our ability at image making and editing. Therefore each piece of picture would be coherence and narrative.
constract on editing
We might use image about love and war like interlock,so each frame could make strong constrast on mind, and we might use constract on colours, like Complementary colour or colour tone & grey tone even Black & White .
parallism editing
I mentioned that, the content of communciation would not change,( love and war) so we might use same content in differnet space or time, with different technology or method of communication. Cool.
creative process
The idea on a brand design should talk about the story of the brand.
A work can show the environment and object which hint a narrative / story.
creating a campaign
- what story?
- timelines?
- target audience?
developing the brief
- refine idea into action
- define parameters ^1
- setting the intention
- creating the moodboard
- deliverables
maribou state
music is the build of texture
the main vision is built by flower, the artist used sorts of video, cut them up like a collage, to show the multiplicity of music.
little dragon
The client expect a not stylish style, so the design of visaul should be suit thier requirement and audience’s trend.
The content in MV looks like a game but it has strong visual and bright colours, digital effect.
Isle, skateboard & painting
painting on skateboard mostly like add a symbol on individual identity. Skateboard could represent a kind of culture on street, and each player could has a own board with own style.
Playing a skateboard is not easy, it could be false countless times. And the painting on board mostly will be on bottom of board. Which means it could not been showed everytime, but it will show on flash-point.
Way of seeing
In western clutre, female could be seen in main stream art.
At first, people be seen as their own concpet. Then, some women in painting, could be seen as stranger of some one familiar with. The sight of viewer changed.
A women’s spectator could be a real man, especially male, but the spectator of a men, could be world or environment. To paint a man, his power or concious could be the main point, but as a women, that could be pysical beauty even sexual in some classcical painting.
nudity
Nudity sometime was disguise, exaggerated to show the body. And in European classcial painting, some wemon could take a mirror and seeing their self. Even right now, women will be focus by anything can be seen as mirror, because they can see their self.
women be seen as object
objected Ad.
In classical painting, women’s case were drew as a exaggratted action to show thier beauty.
In current market, women were used to put on cover / poster / Ad, to attract men.
female gaze
Some film use some ‘sexual’ shot to grab focus, such as take a shot of skinny body, naked leg. This film language even be popular still now.
artist
Play with computer
Is computer fool? No, you saw Alpha Go, you saw the super calculator. But I say, computer is still a tool fool right now. It rely on your order / operation, sometimes even doesn’t work though. Well, let’s talk about some function it took me and the reason I thought it is a fool, then I will show some methods to deal with computer.
Painting with computer
As a designer, computer supported sorts of methods to draw, whatever vector graphic, bitmap,or motional graphic. For painting, CG ^1 can imitate real textrue or materials even stroke / brush and press.
Basically, CG can be defined Shaded & Flat (厚涂,平涂)for me. Shaded painting means artist will shade the graphic to make it looks more like real, object’s volume / 3D can be described as a objective effect. Flat painting have become more popluar than 10 years ago, this style gernerally use solid color and flat shape. Sometimes it’s abstract but has stronger visuals. Furthermore, in Japanese animation field, flat colours are filled into outline of comic, and make animation. Because frame should be drew individually, so flat color is the best way to fill.
Animation and Curve
How to make a animation? By hand, draw every frames, which is easily understand. But different frames count in 1 second will take different effect.
- 6-7 frames/s obviously lag, for: stop motion
- 12 frames/s bascially smooth, for: general animation
- 24 frames/s really smooth, for: action expression / film
- 60 frames/s extremelly smooth, for: game
It’s sooo hard to draw all frames by hand right?
Well, we have computer now, so how can it help artist to make aniamation then.
Key frames animation
Set 2 frames, and computer will generate other frames. It looks wonderful, but, not at all. Key frames only generate simple transform:
- translate
- rotate
- skew
- scale
For example, if I set two point, one is 0, another is 100. Then computer will generate graphic begin 0 to 100, but the graphic will not change except I set other animation.
In AE, we can also use cursor to build motion, moving cursor of a graphic will make it as if it be pull / drag, because this action will keep the original shape, so it looks like a organic motion.
AE expression 表达式
Imagine that, you want to let 5 ball move to right from left, one by one. The first thing you might inspire could be set different location of cursor on timeline, so they begin from different time. It’s OK, but, how about 100 balls, you can’t do that right, so we use expression.
AE expression is base on Javascript, we can use expression to get different values and set frames.
transform.position + time * 100 * index
- transform.postion means this component ‘s current position
- time is the progress on timeline
- index is the index of layer
This expression means this component will countinue move with time, and it will increase the distance with a higher layer.
Bezier curve
Computer is good at render geometric, but it can draw curve like human. So we should use Bezier curve to order computer to render a curve.
Bacially, Bezier curve can render by SVG and P5.js or other language. And it can be sorted as:
- Linear Bezier
- Quadratic Bezier
- Cubic Bezier
Different Bezier should be applied different handle point to control the curve. Quadratic need 2 points, cubic 3. To move the handle point, we can control the motion of curve.
p5.js:
shapeBegin()
vertix(x,y);
vertix(handleX,handleY);
vertix(handleX2,handleY2);
vertix(endX,endY);
endShape()
We can add more describe by add vertix() expression, it apply the coordition of a point to draw line. It is a good way to set point base on mouseX, mouseY, so computer will follow the user’s operation. If the motion should be set as automatically action, we can use frameCount , which will continue increase with timeline. Because the framecount will infinitve increase, so use cos(frameCount) to get a range of value from 0 to 1.
If the handle point should move as a circle, we should get the function of circle, which return X and Y on a circle.
let cX = x + r * cos(angle * PI / 180)
let cY = y + r * sin(angle * PI /180)
This is a function to get every point, when we set angle as framecount, this function will continue output coordinate of a circle, and we can use that to set value of handle of Bezier, it can move innifitve.
Arduino
Using pyscial sensor to get data then import to computer and render graphic or relative interaction. This is an new way to connect computer to human, it could be used in industries field and also can use to created creative images
Analog(模拟信号)
The different between Digital and analog is Analog can change the value of output, not only boolean. Which means, a switch with digital only Open/ close circuit, but analog can adjust that.
Language
declare
use:
#define Name Value
to declare a variable
布尔
| High | Low |
|---|---|
| Yes | No |
| True | False |
| 1 | 0 |
setup
set a pin which output/input power use:
pinMode(pinPin, OUTPUT)
pinMode(btnPin, INPUT)
componet
breadBoard
| + | p | p | p | p | p | p | p | p | p | p | ⇌ |
| - | p | p | p | p | p | p | p | p | p | p | ⇌ |
| T | T | T | T | T | T | T | T | T | T | ⇅ | |
| T | T | T | T | T | T | T | T | T | T | ⇅ | |
| T | T | T | T | T | T | T | T | T | T | ⇅ | |
| T | T | T | T | T | T | T | T | T | T | ⇅ |
- P means Power Rail
- T means Ternimal line
To build a circuit:
- connet power to p+,
- p+ to T,
- set some componet on T, and connect to Arduino Port / analog Port,
- T to p-,
- p- to GND
LED
- long leg => plus
- short leg => negative contact to GND / ground
Abstruct:
Think about populationDuring before visual experiments, I began to think about the growth of population in our planet. As we know, we had have 6 billion population, and this count will increase dramatically in future, as well as the problem from that....
Abstruct:
Short-time workIn this workshop, we been asked to choose some materials to briefly make a work. It could be improve our ability of grouping and idea expression. Which means, in a short-time progress, the technic might not be developed, the important thing is using exist elements to create a simple work but it can express some ideas....