The hyper-realistic image above was made by Rokly Wang in May 2012. It is admirable to me because it almost feels too real to be true. This face, generated from scratch, not modeled on an existing human, seems like an extremely high quality photograph. It was processed in various softwares such as Zbrush, Photoshop, and Maya. I do not know the underlying generative algorithms, but I can imagine there is some sort of mapping technique for aspects such as lighting, hair placement, etc. The artist was able to manifest his creative sensibilities through the demeanor of the man in the image, the lighting, the aging, etc.
/*
Emma Nicklas-Morris
Section B
enicklas
Project-05
Wallpaper
*/
// width and height of diamonds (squares)
var big = 100;
var med = 90;
var sm = 80;
var smaller = 70;
var smallest = 60;
var tiny = 20;
// space between diamonds (based off the large one)
var space = 20;
function setup() {
createCanvas(500, 500);
background("#F5DEBB");
for (var i = 0; i < 10; i++) {
for (var j = 0; j < 10; j++) {
noStroke();
rectMode(CENTER);
drawBig(i, j);
drawMed(i, j);
drawSm(i, j);
drawSmaller(i, j);
drawSmallest(i, j);
tinyDiamond(i, j);
blueDiamond(i, j);
}
}
noLoop();
}
// Draws large purple diamond (square rotated)
function drawBig(i, j) {
push();
translate(width/2, -height/2);
rotate(radians(45));
fill("#581845")
rect(big * i + space * i, big * j + space * j, big, big);
pop();
}
// Draws medium purple-pink diamond (square rotated)
function drawMed(i, j) {
adj = 7.5;
push();
translate(width/2, -height/2 - adj);
rotate(radians(45));
fill("#900C3F");
nSpace = big - med + space
rect(med * i + nSpace * i, med * j + nSpace * j, med, med);
pop();
}
// Draws small magenta diamond (square rotated)
function drawSm(i, j) {
adj = 15;
push();
translate(width/2, -height/2 - adj);
rotate(radians(45));
fill("#C70039");
nSpace = big - sm + space
rect(sm * i + nSpace * i, sm * j + nSpace * j, sm, sm);
pop();
}
// Draws smaller orange diamond (square rotated)
function drawSmaller(i, j) {
adj = 22.5;
push();
translate(width/2, -height/2 - adj);
rotate(radians(45));
fill("#FF5733");
nSpace = big - smaller + space
rect(smaller * i + nSpace * i, smaller * j + nSpace * j, smaller, smaller);
pop();
}
// Draws smallest yellow diamond (square rotated)
function drawSmallest(i, j) {
adj = 30;
push();
translate(width/2, -height/2 - adj);
rotate(radians(45));
fill("#FFC30F");
nSpace = big - smallest + space
rect(smallest * i + nSpace * i, smallest * j + nSpace * j, smallest, smallest);
fill("#F5DEBB");
rect(nSpace * i * 2, 0, space, height * 3); // split the diamonds into smaller ones
rect(0, nSpace * j * 2, width * 3, space); // split the diamonds into smaller ones
pop();
}
// Draws blue diamond on top of big diamond
function blueDiamond(i, j) {
push();
translate(width/2, -height/3);
rotate(radians(45));
fill("#13B9BD");
b = tiny /2;
nSpace = big - b + space
rect(b * i + nSpace * i, b * j + nSpace * j, b, b);
pop();
}
// Draws tiny green diamond on top
function tinyDiamond(i, j) {
adj = 58.5
push();
translate(width/2, -height/2 - adj);
rotate(radians(45));
fill("#88D840");
nSpace = big - tiny + space
rect(tiny * i + nSpace * i, tiny * j + nSpace * j, tiny, tiny);
pop();
}
I knew I wanted to do something geometric and repetitive with the use of a nice color palette. I started with the idea of creating squares that would be rotated to look like diamonds. From there, I knew I wanted to create a bullseye-like effect where all of the diamonds start at the top corner. Once that was created, I played with the idea of creating more diamonds inside those larger diamonds. Finally, I created my color palette based the rainbow and incorporated smaller diamonds to add to the complexity.
The Utah Teapot is very commonly regarded as the most important object in computer graphics. Made by computer scientist Martin Newell in 1974 when he was a Ph.D. student at the University of Utah, it was a breakthrough in 3D computer graphics. Newell was looking for new ways to make computer graphics look more realistic, and he needed a subject. The teapot was the perfect object for Newell to demonstrate his complex algorithms, as it had both concave and convex surfaces, and it cast shadows on itself.
I admire the simplicity yet effectiveness of this project. The teapot was not too simple nor too complicated, and it is easily recognizable. It also didn’t need a texture for the object to look realistic. This teapot eventually paved the way for lots of future computer graphics research, and both Adobe and Pixar got their start at the lab Newell worked at.
This CGI award winning “All You Need Is Ecuador” campaign was created in order to attract more tourism to Ecuador. It was created by a Brazilian agency Studio, Manipula, using CGI. The campaign accurately promotes the bio-diversity in Ecuador – from its animals and nature. This 3D campaign was eye-catching since it was a creative way of illustrating the attractions of Ecuador – something a simple 2D graphics could not achieve. Ecuador campaign was a good example of the use of art to make campaigns more interesting, which is what I aspire to do in the future.
East Tower. gif 2016 – sequence of modeled floors of the BBC East Tower by Alan Warburton
In 2016, artist Alan Warburton was accepted into a residency by White Noise City, that placed artists into the BBC East Tower, soon to be demolished to make way for a new development. Warburton created a virtual replica based on documentation of the site in mid-2016 that restored the building to an ideal state.
Not only is his replica incredibly photo-realistic, it is also free. Often digital assets, of this quality and scale, would be priced with a professional market in mind. By releasing it for free, Warburton enacts a radical and democratic action. He states on his website, that the model ” can be used for any purpose, with the hope that the real-life 20th century space continues to live on in 21st century digital animation, virtual reality, architecture, 3D printing and games.”
He created the model using Maya and Vray.
East Tower, 2016 – Digital RenderEast Tower, 2016 – Digital Render
The 3D computer graphics image I chose depicts three ballerinas dancing outside while the sun is setting. I was first drawn to this image because of the way the image is made, by integrating triangles to carve out the forms. I thought it interesting the combination of using geometric, rigid shapes to describe a scene that is so airy and contains such natural forms.
I also admire this piece because of the different ways I can experience it, from both near and far. From afar, I cannot tell the triangles are making up the entire piece, and therefore, it looks like a painting or an image. But when I come up closer, I can see it is the triangles that are carving out the image, and therefore, I can experience the duality between geometric and natural forms.
“Ballet” by Kai Lawonn and Tobias Günther
I suppose the algorithm used to create this piece of art had to do with the optimization of the triangles and the way each triangle is set to a single color, and together with all the other triangles, this creates the piece.
Another part of this piece that I am intrigued by is the artists’ use of when to show the outlines of the triangles and when to not. It seems that they made the choice to show the outlines in a gradient, as the far right showcases the lines most prominently and from there, as the viewer’s eyes move to the left, the lines fade. I believe this shows the artists’ artistic tendencies because the placement of the triangles themselves needed to be intentional and attractive, based on what the artists wanted to be shown. In this case, I think they wanted to show the light contrast from one end of the piece to the other, which is so prominent through the triangle outlines, and may not have been as noticeable otherwise.
The name of the project is called Everyday: December – 2016. It is a series of digital artwork created by Eugene Golovanchuk, who is a self taught 3D digital concept artist also known as Skeeva.
The project consists of thirty one drawings that are created through digital medium, and the drawings are created one per day in the month of December in 2016.
The entire project focused on the idea of dark surrealism. However, each one of these drawings in the project is constructed based on different topics, ranging from environmental design to installation design. Since all thirty one drawings are drastically different, I only picked two images that represents the diversity in Golovanchuk’s style.
Antoni Tudisco, Summer Update Series, 2018Antoni Tudisco, Summer Update, 2018
Antoni Tudisco is a German 3D artist and motion designer. The artist never revealed his technique and process behind his works. I can only assume that he uses already developed softwares like adobe creative cloud but I am also so interested and confused on how he creates all these hyper realistic textures with such limitation (computer generated). He creates many commercial arts and works for big companies. I was drawn into this piece because of his usage of collaborating realistic textures and abstract illustration together. The way Tudisco renders his 3D works and motion graphics is very unique and complex. The vibrancy and extremely abstract imagery helps Antoni Tudisco build his style and his pieces only work because it is computer generated and all done on a device. I admire Antoni Tudisco because of the endless amount of 3D works and motion graphics he produces with just a computer.
Antoni Tudisco, Beat the Robots, 2018. Motion graphic
“Inside Me” is a project by Dmitry Zakharov. It is based on a 3D scan technique that allows to reproduce a body image as a 3D object in a software. The artist himself scanned his own body. This piece of art is 3D computer generated and it reflects the invisible inner world of an individual. The artist was inspired by the idea of digitizing a body, hence the creation and deformation of its computer generated self, and the output reflects the digital world we live in today. He also mentioned that we humans try to express ourselves, but nobody can see through our souls.
This specific project inspires me because this art piece is literally a piece of the artist. Incorporating technology and art into describing this masterpiece was brilliant as it describes physical appearances, but also goes deep into a human’s inner self.
A video demonstrating the concept of digitizing a body and represents outer and inner human components. A close up look of the abstract shapes to show the “inside” of the body.
If you want more information on this project, click on the link below!
//Siwei Xie
//Section B
//sxie1@andrew.cmu.edu
//Project-06-Abstract Clock
var CanvasW = 480;
var CanvasH = 480;
var tx = [];
var ty = [];
function setup() {
createCanvas(CanvasW, CanvasH);
//randomize position of stars, IN "SETUP"!
for (i = 0; i < 60; i ++) {
tx[i] = random(60, 400);
ty[i] = random(100, 460);
}
}
function draw(){
background("black");
//fetch time at "draw", instead of at the very beginning
var S = second();
var M = minute();
var H = hour();
//compute diameter of moon, position of rocket, size of stars
var mappedH = map(H, 0, 23, 0, CanvasW);
var mappedM = map(M, 0, 59, 0, CanvasH/2.5);
var mappedS = map(S, 0, 59, 0, CanvasH);
//moon enlarges according to hours
noStroke();
fill("orange");
circle(0, 0, mappedH);
//rocket lands diagonally according to minutes
stroke("white");
fill(0, 26, 185);
ellipse(mappedM+150, mappedM+200, 70, 100);
ellipse(mappedM+120, mappedM+260, 20, 30);
ellipse(mappedM+150, mappedM+260, 20, 30);
ellipse(mappedM+180, mappedM+260, 20, 30);
//create new stars according to seconds
noStroke();
circle(mappedS);
for (i = 0; i < S; i ++) {
fill("white");
ellipse(tx[i], ty[i], 5, 5);
}
// write time at upper right corner
// noStroke();
// fill("white");
// text("Hour: " + H, 350, 22);
// text("Minute: " + M, 350, 42);
// text("Second: " + S, 350, 62);
}
I painted the night sky. As hours proceed, moon enlarges; as minutes proceed, rockets lands to ground diagonally; as seconds proceed, more stars appear in sky. The elements interact with each other organically, and follow the time schedule.
The process of creating was romantic and technical for me. I learned about fetching time and incorporating it into my animations. Compared to other projects, I spent more time on the creative and aesthetic sides of the work. Since it gives us more freedom on the form of output, I decided to draw without limitations first. Then after all elements were drawn, I figured out a way to connect the story – a moon and starry night with a rocket landing to grounds.
![[OLD FALL 2019] 15-104 • Introduction to Computing for Creative Practice](../../../../wp-content/uploads/2020/08/stop-banner.png)
