Game Design – Trees

Last week, on my multimedia studio class we looked at game assets and libraries. Our teacher showed us how to create whole new world (for a game) using simple shapes. He used one of his projects to show us that he made up scenarios, architecture, nature and animals based on the shape of an hexagon.

Note: an asset is anything you see in a game. From a character, to its clothes, to the world he is living in.

The project briefing was to create our own trees! So he explained some rules about these assets and how to come up with a library:

  • Each element has to be resizable and reusable – make it in big resolution.
  • If we are talking about nature elements we have to consider the different seasons.
  • Make up a portfolio of small elements that can be applied for many situations. (Ex: scanning folded paper to had texture in the shapes we create – usable in many situations).
  • Once we choose an element (trees), make at least 6 versions so when you use several it doesn’t become repetitive.
  • If we use a shape or a certain pattern, we should repeat it sometimes so the world comes together. However, we can always generate new things from those shapes or patterns.
  • Once we have something complex, for instant the character, we should decompose it in small elements.
  • Irregularities are what make a world interesting and believable.
  • The deeper we go the better and more believable it gets. (Ex: Make a real map of our new world).

After this presentation we started to work and the main task was to create our own trees. 6 of them and apply the different seasons.

First I did some research on pinterest that you can see it here!

Screen Shot 2018-11-01 at 15.20.23.png

After that I got to work and these were my first attempts:


I quite like them but decided to go for this one which was my 3rd attempt:


This is my Spring tree. Now what I had to do was to come up with 5 more trees inside the same style and then play around with the seasons.

Extra: I really wanted the colors to work so I would this color generator called coolors and it really helped me. If you’re looking for pallets, that is the site you should go, it’s free!

Here are my final seasons and elements:



Screen Shot 2018-11-01 at 15.28.29.png


Summer.pngScreen Shot 2018-11-01 at 15.29.46.png


AutumnScreen Shot 2018-11-01 at 15.32.33.png


Winter.pngScreen Shot 2018-11-01 at 15.33.34.png

I am pretty satisfied with my work! But let me know what you think 🙂

It was amazing to discover this new possibility of creating my own world… Stay tuned for more!


Screen Printing – 3 Colors

In the last couple of classes we printed our design in 3 different colors.

My design had the same little girl as the first one. I made some Japanese buildings silhouettes and a big Japanese lamp. In this design I was looking for detail… I wanted to see how much detail I could put into screen printing (hand-made).

I wanted to try really different colors so I chose blue, red and yellow. I had to separate my design according to colors so for 1 print I had to make 3 design. Like this:



  • Left – Blue
  • Middle – Red
  • Right – Yellow

Here are the stages of the print:


Outcome: I realized several things after this first color experience.

  • Yellow is not a good color suited for small details
  • The 3 colors I chose don’t really go together, at least in my opinion
  • When making the design, I have to be a lot more precise for things to be straight

Although I am not really satisfied with the outcome it was a good way oft trying out my options and I am sure that the next design/print will be much better!

After Effects – Multimedia Exercises

I finally managed to complete both my after effects exercises given to me by my Multimedia teacher. Though I am not specifically proud of them… I think I learned a lot.

Both exercises were about camera movements and focus. We had to create shapes and make the camera moves towards them and blur the ones that are close.

  • Logo animation:

For this exercise I decided to use the logo of my dad’s Volleyball Club and its sponsors. I based myself on this this tutorial:

It is pretty straight forward but I took quite a long time to finish. What I did was the same as it’s in the video but instead of circles I used different logos.

After completing the small animation I added small soudFX on iMovie just to complete it. Here it is! (For some reason the sound is not working… I will take care of that)


  • Tunnel Animation:

My initial idea was to use circles and make the camera pass through them to create an illusion of a Tunnel. For this exercise I used only my classroom notes and it was definitely harder. I had troubles with the camera and the shapes. It was really hard and long.. I am sure that soon I’ll be able to complete the same task but perfectly and in much less time but right now it requires a lot of patience. It did not work out as I imagined but it was good for me to experiment with the camera and understand its possibilities. Here you have it!


I am having a lot of fun with this software and I believe it can be a really powerful tool when used correctly. I will keep trying and learning!


Multimedia Studio – Erasmus

This semester I will also have a main studio of multimedia where, hopefully, I will be able do develop a bigger project than on the other subjects.

I have spoken to the teacher and we decided that I could learn how to work with Adobe after effects. It is a software that can be used for many many things and I believe it is a really powerful tool. The non-erasmus students are doing another projects in the meantime and older students are doing a Video Game!!!

The rest of the class already had had an assignment so we took a look at their projects. The assignment was simply to take a “shape” and play with After Effects possibilities when it comes to position, rotation, opacity, scale and movement!

For next class the task is to make a 30s video where we play with the camera views. We had a small tutorial of that in class but the main goal is to discover things by ourselves.

I plan on doing both the 1st and the 2nd exercises. It’s great that we have an assignment every week 🙂

Hopefully I will be able to show you my exercises soon,

Stay tuned!



Basics of Multimedia – Erasmus

In the first class of this subject we did a small exercise with the software Resolume, which we will learn during the semester.

The teacher put 3 cardboard boxes on top of a table. The boxes had their top lid facing us so they kind of looked like 3 rectangular screens from our point of view.

The main goal was to be able to project something on those areas using the projector connected to the computer. (Using resolume).

First he explained a few basics about the software and it’s usage. We input images or footage. We can destort the image with sound for example.. We can also use it to control lights and leds – To create led walls.

The exercise was pretty easy so we had done it in less than 1h. This was the result:

videos projected on the boxes
Software view on the computer
videos projected on the boxes

After doing this he showed us some references on things artists do with this kind of software:

I wasn’t able to install Resolume on my computer because I did not take it to the first class but I will take care of that and start playing with it!

It looks like it will be an interesting class, I just don’t know its main goal yet!



Screen printing – Erasmus

This semester, on my Erasmus program I will take a class called screen printing! I had never done this technique so it is a really good opportunity for me.

We have to teachers. The main one and the assistant (the assistant translates to english). In the first class we did the presentations and the teacher told us step by step how to go from the preparation of a screen to the printing of paper phase. They showed us a lot of ex-students work so we could know the possibilities we had and that helped me a lot.

The first class was really just an introduction and they told us that, for next class, we needed to take a design of ours – a black ink drawing on transparent paper because all screen printing designs are made with black and only when printing you choose the color.

First I did my research on pinterest to know a little bit more about my options and created an album – HERE, that looks like this:

Screen Shot 2018-09-29 at 12.34.07.png

Second: After my research I made my design really fast


It is quite hard to draw on this paper and at this point I just drew with ink and brush, later on I found out I could use pens..

On our second class we repeated all the steps of screen printing and I took some pictures.. The steps are:

  • Take a new screen adapted to our design size and a razor-blade with the same length as our screen.
  • With the razor-blade, spread the grey liquid from bottom to top first on the front of the screen and then on the back.
  • After that, we put the screen inside the big machine, in the compartments bellow, for the grey liquid to dry.


  • Wait for the screens to dry, maybe 10min or so
  • Once hey are they we open the top of the machine and turn off he lights
  • We place the design first and then we remove the screen on top of it facing down



  • After we close the top lid and the elastic membrane acts there is going to be a really strong suction to press the screen against the design. In this part the lights can be on

IMG_20180925_171323 copy.jpg

  • The good suction time should be about 2 minutes. After that we lift the lid and take out the screen gently. We run to the water hose and wet it on both sides so it is not photosensitive anymore.
  • with water we remove the grey liquid and our design comes out.
  • After that we put it back on the dryer compartment and we wait! We can also apply some red ink on the screen on parts or mistakes we don’t want printed out.

After this point I still do not know for sure what happens but next class I will learn better!


About my design

The idea came to me really fast but now I think I will try to make a story with this little girl that got lost with her umbrella. Like a small cartoon but told with prints!

I’ve always love the Japanese buildings and detailed illustrations so I think those will be my references!

For next class we have to present a design to print with 3 different colors. At the end of last class they showed us we can overlap designs and how the colors mix when overlapped. This opens a lot of options! we can also cut paper use it as a design!

I am really excited about this class!

Stay tuned to see my future designs!



Art and Cinema Magazine – Católica

Although I am away from my main university in Portugal because I am in Erasmus, I decided to tag along with a project of a Cinema magazine. Two of my colleagues, one from my year, Gonçalo, and one from the 3rd year, Vasco, decided to create a culture magazine with poetry, movie selections, photography and events. There should be 2 magazine editions per semester!

They contacted me to help them with the design of the cover and layout of the magazine and I accepted!

Right now we are still finishing off the cover but soon I will start with the layout. (Will probably have to install Indesign).

At first Vasco sent me a few references I should guide myself with:

They told me to use this picture and focus on this palette of colors:

Screen Shot 2018-09-28 at 12.38.5639442909_703839906635712_6769408894230855680_n

My first tries were not at all the style they wanted but after a few versions we managed to understand each other. Here is the evolution:

At the end of all this they took sometime to get some feedback from other people. I was honest with them and told them that for me it did not work as a cover, it actually looked bad and that they should re-think what they wanted to express with the cover. I pointed out some things:

  • The square picture looks old, that a picture that would fill the whole cover would look much better
  • The black and white photo with the color doesn’t really work
  • They were too stuck on their references
  • The beige background was not good. I think they chose it because of their references but the references are pictures of magazines that were already old and the color faded out and turned beige/yellow-sh.
  • The lettering is not modern and the cover itself doesn’t called for the magazine to be read!

I asked for different pictures, with more color, and asked Vasco to describe what he wanted to express with the cover. He answered: “Freshness, personality and irreverence”. After this statement it was easier for me to get what he wanted and we got back to work!!!

They sent me some references made by them to explain the style they wanted:

After sending me this I asked them to trust me and to send me the new and colorful pictures from their selection. I went on a completely different way… Here are the new pictures they sent me:

Screen Shot 2018-09-28 at 12.56.39Screen Shot 2018-09-28 at 12.56.42Screen Shot 2018-09-28 at 12.56.46

And this is what I did with them!


They really liked the last versions with the picture of the building!

Right now we are figuring out the font we want to use!

It has been a lot of work working on this. It is hard to give exactly what the “client” wants without adding our personal touch and what we might love they might hate…

It hasn’t been easy but I am learning a lot!


Stay tuned 😉