Project 02 – Mashup

Thursday, December 10th, 2015


The final product~

So the two pieces of art that inspired me the most from my previous post were the pieces by Jen Stark and Seripop.


Jen Stark



I chose to do a self portrait in the style of Seripop’s pop art piece.


Firstly, I used my drawing tablet to trace over a selfie in photoshop. I edited the hue and saturation of the original picture to a transparent blue so it would be easier to trace. Here, I have displayed the end result of the trace against a contrasting background for better view.


Next, I went into illustrator and followed a tutorial to make some squiggly lines, like Jen Stark’s piece. I used the pen tool to draw the shape, and then added more strokes, changed the colours of each individual stroke as well as the size. I didn’t end up keeping this one because the strokes were too small for what I had in mind.


Here is another attempt, using quite a bit more strokes.


After starting with the initial stroke size at 1000 px, I was satisfied with the size. I also discovered the different colour palettes and used the Pantone Metallics palette for this one.


Before pasting my traced selfie into my background of waves, I decided it needed a bit more colour. I darkened the colours and added more saturation, and then I went over the hair with a larger brush using less opacity. I also played around with the angle of the brush.


I decided to fill in the face and leave the space inside the glasses empty, so it would look more like the Seripop piece. For this same reason, I added noise to the traced selfie, I think it gave a really cool effect.


Here, I decided to add some text into the picture. I played around with the spacing of the text, which is lyrics to one of my favourite songs by Korean rapper Keith Ape. I also added a sponge texture to the waves in the back, to give it some depth.


As for memes, I decided to add some ascii faces, since I like to use them on my profiles and such. I did this by zooming into a screenshot of a website, and creating a brush out the the text. Then, I lowered the opacity, increased the brush size, and placed it into my piece. I did the same with the shrugging ascii face.


Here is another screenshot that I took of a Google Chrome error I received at some point. I also made this into a brush and placed it into my piece.


Lastly, I wanted to add some glitches into my picture to add the finishing touch. I did this by making multiple selections with the rectangle select, adding a wave distort filter, and playing around with those setting until I was satisfied with the shape of my glitch.


Overall, I had a lot of fun with this project. I feel like I reimagined my two inspiration pieces pretty well, and the colours are really eye catching and poppy. I tried to place things in a unique way that seemed a bit scattered and messy, and added repetition with the brush stamps. I wish I experimented a bit more with the textures of the background, and I wish I added some pictures or screenshots that had a bit more depth than just a tracing or a 2D sort of image. I also probably could have done the tracing a bit better, but I honestly have not had too much practice with my drawing tablet.


Lab 04 – 3 YouTube Tutorials

Friday, December 4th, 2015

I used this tutorial to create a piece of my own. I found this tutorial very useful, as she explains things clearly and in detail. I did have to pause the video several times, even though I was following in Photoshop on another monitor, because I was still doing a step before she moved on to the next one. Here is the piece that I created following this tutorial:



I’ve always wanted to learn how to make gifs, but I really didn’t know how easy it was until I watched this tutorial. He gives excellent tips on how to change the speed of your gif and how to increase or decrease the quality. In some parts though, he didn’t demonstrate some of the things he was explaining, such as cropping the gif using the crop tool, or showing us the final product that he was satisfied with. Perhaps he could have redone this video just to make sure to demonstrate everything and show us a good example of a final product. However, it’s easy to get the general idea from this video.


This tutorial is a bit different from the previous two, since it demonstrates how to use a sewing machine, nothing to do with photoshop. In this video, she speaks very clearly and slow enough to follow along. There are many kinds of sewing machines with different features, but I feel that she went over the features as basically as possible, and I had no trouble at all learning how to navigate my own sewing machine. Perfect for someone who is a complete beginner to sewing!

Lab 04 – Photoshop Video Tutorial

Saturday, November 28th, 2015

I’m a big fan of glitch art, so I decided to do a tutorial on how to create a couple of different styles of glitches. It’s easy to learn and fun to do since you can really experiment with the different options.

Project 2 – Inspiring Images

Friday, November 13th, 2015

These are some images that I have researched that respond to the themes of: Colour, Composition, and Rhythm.

Tyler Spangler

This piece has a nice contrast between black and white, and colours, and also between the waves and blocks of lines. There is also rhythm in the waves, taking your eyes from top right to bottom left.

Tyler Spangler

This piece, also by Spangler, is more bold and bright than the previous piece. There is repetition in the cylindrical shapes, and this looks like something that would be easy to make in Adobe Illustrator.

Jen Stark

I believe this piece might actually be a painting, but I think I could make something similar using Adobe Illustrator. I really like how the lines give rhythm and movement, you can really feel the melty-ness. The different layers of colours is really nice too, providing contrast between the black and white lines, rainbow lines, and other random colour schemes.

Louise Zhang

This piece is by one of my favourite artists. The composition contains asymmetrically placed circles, off-placed text, and a nice combination of smooth, almost transparent colours. I really like the repetition of the gradient circles, it looks like scales or some kind of fungi to me.

Maya Hayuk

This is actually a graffiti piece, but it would be interesting to play around with kind of concept in Photoshop or Illustrator. There is a pattern happening, which is obvious repetition. I like the part at the bottom, which looks almost pixelly, breaking up that repetition.

David Pirrie

This one is more of a simple piece, just adding a pattern of polka dots over a painting of mountains. However, I really like the combination of the bright, solid chartreuse and the earthy, complex features of the mountains.

Sandra Fettingis

This piece has a very geometric feel to it. I also get a sense of asymmetry between the smaller diamonds and the bigger diamonds. It almost reminds me of jewelry, especially with the pretty pinks and oranges.

Ian Davenport

This piece is another simple one, but it is very satisfying seeing the straight, contrived lines turn into a messy puddle at the bottom. This one also has the melty feeling, similar to Jen Stark’s piece. It reminds me of melted crayon art.

Rebecca Chaperon

I love looking at gems and crystals, so naturally I really like this piece. The colours are very soft and pastel, but you can still tell that there is sharp edges and a geometric shape happening.


I really like the bright colours in this one, and the negative space inside the head. Immediately you are drawn to examine what is inside the head. There is rhythm in the background lines, as they are kind of pointing in all directions, making your own head spin a bit.

PROJECT 1 – Urban Landscape Tryptich

Tuesday, October 27th, 2015

Tryptich Final

Posting the end result first, because that’s more fun anyways~ My idea was to gather pictures of buildings from across Regina, and using photoshop, combine different parts of the buildings to make 3 different kinds of temples/churches. From left to right: Stave Church, Japanese Pagoda, Gothic Cathedral.

The first thing I did was run around the city taking pictures of buildings that I knew had some features I could work with. I found it very difficult to find buildings to use for creating a Stave Church. There is not many buildings with architecture like that of a Stave Church, and so I feel that that particular piece in the tryptich is weak. Aaanyways, here are a few original pictures I took.







I had lots of fun learning how to use the manual camera settings on my LG G4, but obviously I have not perfected it, as a lot of the pictures I took were overexposed.

Screen Shot 2015-10-15 at 7.32.07 PM

I started by trying to fix some of the overexposure by adding a brightness/contrast mask on the layer.

Screen Shot 2015-10-15 at 7.50.31 PM

I also tried making the pictures look better by using the levels layer mask.

Screen Shot 2015-10-15 at 8.06.06 PM

I actually did not stick with this idea here, where I applied a gradient to this layer. I had planned to continue that for all layers, but I quickly realized that there would be way too many layers and there would probably be a better way of stylizing the layers.


I wanted to make this fence partially transparent, so when I placed it over a floor, you could see the floor behind it through these little holes. I used the polygonal lasso tool and delete to do this. Originally I was using the rectangle selection and it was too rigid and did not look very good.


I pasted the top roof of the pagoda, and realized I had cut too much out of the picture. I used the brush tool with the colour white, and coloured in the bottom part. As I was doing this, other features of the original picture started appearing, so I used the spot healing brush and regular healing brush tools to cover them up.


Fixing the brightness and contrast again.


You can’t see very well in this picture, but instead of doing a straight line on the bottom of this piece of the building, I made short and jagged selections to look more realistic.


Creating the gradient for the background. I discovered how to change the opacity and edit the premade gradients.


I downloaded some free brushes online to try out on my pieces. I found all of them from this website: link. I played around alot with colour, brush size, opacity, and angle of the brush.


A final brightness and contrast edit. I could not get the middle part of the building to look anything but green, unfortunately.

And the individual finished pieces:

Tryptich Gothic Castle

Tryptich Pagoda (1)

Tryptich Stave Church

Some areas I thought I could improve on: my photography skills, making sure not to take overexposed pictures, finding good lighting, making my own brushes, adding some shadows and shading.

Lab 03 – Photoshop Composition

Monday, October 5th, 2015


This is my finished piece. When I saw all of the different action figures, I thought of Smash Bros and decided to photoshop a battle scene! I found the background image from Google (source).

I began with He-Man, doing some manual white balancing.


I used the spot healing brush tool to cover up some of the scuffs on his t-shirt logo.


Cut, applied a mask edge, transform and scaled, placed in photo!

Added a second player, Spiderman! I also added some shadows underneath both character’s feet using the brush tool.

I wanted to add some special effects to the characters, I found this tornado image by using a creative commons search website (link) (source).

For this I had to get a bit creative. I wanted to make it look like He-Man was surrounded by his tornado attack. I made a copy of the tornado layer, placed it on top of the He-Man layer, and turned the opacity down. I also played around with the gradient overlay settings to change the colour and contrast of my tornado.


Colour correcting this character (I don’t know who this is actually).


I used colour replace to change the yellow paint of the truck to green.


The black details on the truck turned red/orange after the colour replace, so I had to do some white balancing here to darken the black.


Here, I found an image of tire skid marks to add behind the truck. I used the creative commons search again (link). I decided to try making a brush out of it, and had to rotate it a bit. I also added a shadow on the platform underneath the truck after this.


Originally, I had drawn a spiderweb freehand with the brush, but I wanted to add a better looking web. I followed a tutorial online, which involved drawing the web with a brush, using shift + slick to keep the straight lines all connected.


I also added a few blurs such as Gaussian blur, and a texture called craquelure (pictured above).


I have the web transformed and inserted into the picture. I used the selection, copy, paste, and transform tools to make the web strand connected to Spiderman’s hand.


I decided to change my shadows a bit. Instead of drawing the shadows freehand with a low opacity brush, I decided to use the drop shadow tool to create better looking shadows. Depending on the character, I changed the angle and distance. I also changed the blend mode to linear burn because it looked more prominent.


To complete my composition, I added a fourth character, Stay Puft! After white balancing and colour correcting, I decided to give Stay Puft an healing power. Using the pen, I drew a path that would circle around his body. I had a bit of a tough time with this part, where I couldn’t see the results of my fade number.


The final picture again. I added a second brush variant in Stay Puft’s power, blurred it and lowered the opacity to make it look softer. A final touch up and erase of old brush strokes, and we’re done!

I think this picture turned out pretty decent and the bright colours of the toys and the background go well together. To improve this, I would have experimented with the pen tool a little more, and maybe tried out a hand drawn brush for the colour variant in the yellow swirl. I think choosing a graphic background instead of a real photograph as a background made this a bit easy for me, as I didn’t have to change the character’s hue or white balance too much. Maybe next time, to challenge myself, I will use a real photo for the background.

Project 01 – Urban Landscape Tryptich inspiration continued..

Friday, October 2nd, 2015


stave church



Gothic cathedral



Gothic cathedral



Chinese pagoda



Japanese pagoda



Limsa Lominsa (Final Fantasy)



Laputa: Castle in the Sky (Studio Ghibli)



bath house from Spirited Away (Studio Ghibli)



Filip Dujardin


Filip Dujardin



Project 01 – Initial Ideas for Tryptich

Thursday, October 1st, 2015


My first thought when it comes to tryptichs, is of this majestic oil painting by Hieronymus Bosch. This piece is called “The Garden of Earthly Delights” and it portrays the creation of Adam and Eve (left panel), as well as what damnation would look like (right panel).Typically, this kind of art piece would be displayed at a church, typically in front of the altar, so all attendees could see the story. Anyways, what I like about this piece is that it actually tells 3 different stories. If you look closely, there is a lot of very weird imagery as well, like the man with a bird head eating a human as birds fly out of the human’s behind. Very weird.


I tend to favour architecture seen in Japanese pagodas, Stave churches and Gothic cathedrals. Also, I am inspired by the architecture in fantasy movies and games, such as Limsa Lominsa in Final Fantasy XIV. I am hoping to maybe design something to this effect with my own pictures of buildings. Obviously Regina does not have much for fantastic architecture, but what if I could create a collage of the urban buildings in our city, and form them into the shape of a pagoda or a flying city? This idea is kind of inspired by this piece by KOLKOZ.  Another idea would be to take an almost-fantastic Regina building or area and, using brushes and other tools in photoshop, edit it to be totally fantastic.

Lab 02: Line Drawing and Painting Fundamentals

Saturday, September 26th, 2015

When picking an image for this lab, I wanted to pick something that might help me in our Urban Landscapes assignment. A castle is a good starting place to learn shadowing and practice my perspective. This is the original image that I went with.


I’m not sure how, but the source for this image is this minecraft youtube video ..

Screen Shot 2015-09-24 at 7.47.45 PM

Edited saturation and hue.

Screen Shot 2015-09-24 at 8.12.57 PM

This is my attempt using the Wacom Bamboo pen and drawing tablet.. as you can see this was a failure in many ways. I didn’t have the drivers installed on the computer and so it was very unresponsive and laggy. Also, definitely should have went with a smaller brush size here.


After basic lining, first fill, and a clean up with the eraser.


More lining here.. This window turned out wonky, it’s hard to make completely parallel lines drawing freehand.


I learned how to copy and paste a selection from one of my layers, this saved me a lot of time. Basically, I drew a brick pattern on one of the towers, and then, using the rectangle select, I selected a piece, and pasted it many times onto the rest of the castle. There is some overlap and gaps but I think this worked out nice in the end.


Castle is all done and cleaned up with an eraser!


I decided to make a simple background. Using the brush tool, I tried to make a gradient sky and lake.


Erasing where I went into the castle with the background. I should have used a smaller brush size for the eraser, I think.


And the finished project!

This is my first attempt at drawing anything at all in photoshop, but I am pleased with the outcome! I especially like how the shading turned out. For next time, I will need to get used to working with smaller brush sizes and less opacity. I would like to try a drawing tablet again, I think it would be much more fun when properly installed. Also, I should have done the background first, as it was pretty unsuccessful doing lastly.

Drawing With a Phone App

Tuesday, September 22nd, 2015


I used Autodesk Sketchbook on my Android phone to create an image of a planet. I found that it was a little hard to draw with my finger, as it isn’t the most accurate. However, I was able to create smoother curves and move faster than I am able to in Photoshop. Photoshop obviously has a lot more illustrating options, but I did appreciate the fact that this app allowed you to work with layers. I learned the hard way that if you double tap the screen, it erases your canvas completely D: