These are my first wireframes when I didnt know what was going on Then I built out the basic wireframes, what screens I need and what each screen says Then I started applying my chosen fonts, colors and assets After some more refinement, I added a new illustrations, and amended my chat screen. The extra… Read more

I could finally get going after wifi frustrations. First up just reading about what goes UI design is and watching the aero and other tutorials on how to use XD… It lowkey took me a while to get used to it and i Just figured out that you need to drag the artboard name to… Read more

When I scroll over pages the triangles go over my text for some reason, even though in my code my text is on top. I think its to do with the parallaxes maybe, but even moving the containers hasnt helped, and i tried z index as well. Idk what to do :(((( Only when I… Read more

I have all my images on my webpages… Next I need to do each page’s parallaxes, add the text stuff… and then the navigation.

Ta dahhhh eet ees e nice

I applied the 4th parallax tut to my landing page, here is some documented progress… First I made my 2 containers, the assassin is the controller. I sukkled a bit with positioning at first then realized it was because the way i saved my triangle pngs was that they were small on a canvas instead… Read more

I am working on my landing page which is going to have a lot of links on it, and realized i had to do it differently as I hadn’t made my pages different htmls. My pages are just different divs on index.html. Luckily I figured it out. You just need to give your div an… Read more

As per consult, I made all pages hald black and white half color. I also corrected some of my assets so that the images blend into eachother better. For this one, I cut the foreground pic in two and made it half b&w. It looks more multi layered now. I just made this bg pic… Read more

After doing enough tutorials and actually understanding things… I started coding my first page, the loading page, which I want to look like this eventually: I want them to move to look as if they really are jumping/falling. So far:

Some process images LOADING SCREEN CODE PEN LOADER: LANding PAGE So BASICALLY het my ai design doc nie reg gesave nie so ek het van my goed verloor. Was seker te moeg gister aand idk. But i had some pics on my phone so u can kinda see whats going on The landing page’s design… Read more

Here are some of the many assets I had to make I need to tweak a few things, but I can basically put everything in Ae now and only need to design my character now.

I’ve started to make trees for my squirrel animation, and I’m trying out different ones, The rejected ones might be used for my other animations…

CONCEPT 1 // SQUIRREL ANIMATION CONCEPT 2 // MOUNT FUJI LANDSCAPE CONCEPT 3 // SNOW STAR TRAIL LANDSCAPE ANIMATION

Today we were briefed on our new haiku brief. We need to make 3 40 second animations of 3 different haikus, using cinema 4d, after effects and illustrator. *remember mt mograph motion plugin to download* I’m trying to find ways to animate text and other effects so I went and searched for animation tutorials I… Read more

Today we started working with cinema 4d and Werner took us through all the tools of the software. Notes: alt g group objects click and drag one layer to another, arrow down means parent, left arrows places it in between symmetry, dear shape in other shape gives mirror effect in timeline double click to create,… Read more

Making my bodycopy text bigger only increased visibility by a little, but at least you can see it now. My arched sentence is much better though as the text could be made much bigger and bolder. Something I don’t understand is that every element is in the right place in my animation, such as the… Read more

Getting to know Roar the past few days wasn’t the best experience. It seems the want to make it difficult instead of easy to use. It’s even hard to select objects as it just moves your whole background around and drives you mad. Then it looked like my pngs have a box around them, which… Read more

Im linking my variable font correctly but for some reason it won’t show up 😥 I also tried linking the font file in my source code but it hasnt made a difference

Today we did another coding exercise, which while it looks simple took some trial and error. At least this time I managed to set it up and link my css all on my ownnnn Here is what we did so far: We then learned how to apply the css of variable fonts from Axis praxis… Read more

I have discovered Behance and although it is wonderful I’ve decided it is in fact quite demotivating because how will I ever live up to these people’s amazing work

I want to animate those 3 small black circles around the large circle on my poster…

Today we are setting up our Roar accounts and being shown how to make our layers into assets for importing to After Effects. Some things I need to remember are: Dividing my shapes up in layers according to how I wish to have it animated Roar only allows 4 layers Remember to make the backgrounds… Read more

I realized one word was missing from my sentence, namely “Unfailing.” I suppose I could just leave it out as the whole sentencce is also written out on the poster already… Nevertheless, here are 3 different layouts I’ve experimented with:

This saved my life when I realized I had made my poster a3 and had to copy paste it on a new a1 document. It thrw my layers into one layer and I struggled with getting them into their own layers , losing my prior neatly organized layers panel…

Some things I changed on my poster was adding some dotted shapes for a bit of depth and fill, spacing out the top left corner so that it isn’t as cluttered and more elements in the corners. The rest of my sentence at the bottom of the page was arranged a bit awkwardly, so Werner… Read more

These are some tutorials I watched to help my design…

I found inspiration in the colourful Bauhaus designs and the clean, geometric shapes, lines and layers of Suprematism. I incorporated lined rectangles and coloured shapes into my poster.