Portfolio

Link to React-specific items

Voit avata kategorioita nähdäksesi lisää:

Verkkosivut

Verkkosivut

Verkkosivuja alusta loppuun

Joitakin esimerkkejä:

Olli Santa website

React and Node.js

A site for a composer/conductor

Katso tarkemmin
Olli Santa front page

Parturi Kampaamo Hannastiina

React and Node.js

Sivusto parturi-kampaamolle

Katso tarkemmin
Hannastiina web site landing

Orkesterin verkkosivut

WordPress-sivusto Jyväskylän Salonkiorkesterille

Katso tarkemmin
Screenshot of website Jyväskylän Salonkiorkesteri

React JS -sivusto

Alasivusto React-applikaatioilleni (englanniksi)

Vinkki: kokeile vuorovaikutusta otsikko-osion koristeiden kanssa!

Katso tarkemmin
React Apps About Page Title

Metal 2022 Konferenssi

Isompi projekti Suomen Kansallismuseolle

ICOM-CC metallityöryhmän kymmenes tapaaminen. (Sivu englanniksi)

Katso tarkemmin
mockups of Metal 2022 on desktop and mobile

Kannelkeskus

Asunto-osakeyhtiön verkkosivut

Katso tarkemmin
Kannelkeskus website on desktop and mobile

Sirkku Niemelä

Lasten ja nuorten psykologin verkkosivut

Katso tarkemmin
Mockup of Sirkku Niemelä site on desktop and mobile

Tämä sivusto

Joitakin sanoja tämän sivuston teosta. (Sivu englanniksi)

Katso tarkemmin
jenniina.fi site menu desktop view

Muita projekteja

Chat-GPT assistentti

Chat-GPT assistant using my data. Deployed using gradio and as a Azure container app

Katso tarkemmin
Screenshot of chat-GPT assistant

Interactive JavaScript Snippets

Toteutettu Typescriptillä

Katso tarkemmin
Screenshot bubbles fennecs

Pong-peli

Toteutettu Typescriptillä

Katso tarkemmin
pong-splash-screen

Koirakuvien generaattori roduittain

Javascript ja API

Katso tarkemmin
sheltie-pomeranian Rylie

Raahattavia mollukoita

Typescript ja Javascript

Katso tarkemmin
blob art made with the draggable blob game
kuvakaappaus mollukkaraahaajasta
Ota yhteyttä
Graafinen suunnittelu

Graafinen suunnittelu

Nautin julisteiden teosta, ohjelmista, lipuista, bannereista, kaikesta joka liittyy tapahtuman näkyväksi tekemiseen. 

Konferenssimateriaaleja

Metal 2022 -konferenssia varten

Metal 2022 Conference Poster
Metal 2022 -konferenssin juliste
Metal 2022 Rollup mockup
Metal 2022 -konferenssin rollup

Konserttijulisteita ja muita materiaaleja

Olen pitkään tehnyt yhteistyötä erinäisten amatööriorkestereiden ja -kuorojen kanssa

Viimeaikojen isoimmat asiakkaani ovat olleet Jyväskylän Salonkiorkesteri (JSO) ja Jyväskylän Puhallinorkesteri (JPO), orkestereita, jotka pystyvät soittamaan kaikentyylistä musiikkia.

Olen koonnut tähän alle muutamia esimerkkejä käyttämistäni eri tyyleistä. Piirretty Adobe Illustratorilla.

Ruusut ja Ritarit choir autumn concert, front and back of leaflet
Program Ruusut ja Ritarit choir autumn concert, outside view
Ruusut ja Ritarit choir autumn concert, inside of leaflet
Program Ruusut ja Ritarit choir autumn concert, inside view
JPO 60-year anniversary concert poster
Juliste: JPO 60-vuotisjuhlakonsertti. Vektoritaide piirretty Illustratorilla
JPO 60-year anniversary concert programme cover
Ohjelman kansi JPO:n 60-vuotisjuhlakonserttiin. Variaatio julisteen teemasta
100 year anniversary concert
Juliste: JSO:n 100-vuotisjuhlakonsertti. Vektoritaide orkesterin standaarin inspiroima
Christmas Concert 2017 poster
Juliste: kolmen kuoron (ja yhden orkesterin) kolme konserttia, jossa kolme kantaesitystä. Geometrisia muotoja, piirretty Illustratorilla
Christmas concert 2021 poster
Poster: Christmas 2021 concert of JSO and JPO, feat. JSO’s Christmas Mouse mascot drawn by me
Concert poster for spring 2020, performing Jyväskylän Salonkiorkesteri
Juliste: JSO:n kevätkonsertti. Yksinkertaisuudessaan tehokas
Spring 2020 concert horizontal version
JSO:n kevätkonsertin banneri. Pyrin siihen, että asetelmani ovat muokkautuvia niin pysty- kuin vaakamalliin.
JPO 60-year anniversary DVD
DVD-taidetta JPO:n 60-vuotisjuhlakonsertille
Christmas 2018 concert program
Joulukonsertin ohjelma, jossa JSO:n jouluhiiri
Christmas concert 2021 program, outer view, folded open
2021 joulukonsertin ohjelman ulkopuoli aukitaitettuna
Christmas concert 2021 program, inner view, folded open
2021 joulukonsertin ohjelman sisäpuoli aukitaitettuna

Elokuvamusiikkia-konsertit

Julistesarjalla mahdollisesti yhtenäisin teema

JSO ja JPO muodostivat yhden ison orkesterin tätä konserttisarjaa varten, soittaakseen tuttuja melodioita kuuluisista elokuvista. Yhdistelin julisteisiin elokuvista tuttuja ikonisia elementtejä .

movie music concert poster
Ensimmäisen konsertin juliste. Assetteja Pixabaysta muokattuna Photoshopissa
movie music 2 concert poster
Toisen konsertin juliste. Osa asseteista Pixabaysta, toiset piirretty mallista Procreate-ohjelmalla.
movie music 3 concert poster
Kolmas konsertti sarjassa. Lyhyellä varoituksella vanhojen assettien uudelleenyhdistelyä, plus Austin Powers piirrettynä Illustratorilla.
movie music 1 gif animation
Pieni (suuri) gif-animaatio ensimmäistä konserttia varten
Movie music 2 poster horizontal version
Toisen konsertin vaakabanneri
Movie music 2 poster square version
Toisen konsertin neliömuotoinen banneri sosiaaliseen mediaan
Movie Music 2 program
Toisen konsertin ohjelma oli sisällä länkkäriteemainen
Ota yhteyttä
Liikegrafiikka

Liikegrafiikka

Otsikkoanimaatio konferenssille

Otsikkoanimaatio metallikonservoijien Metal 2022 -konferenssin livestriimiä varten. After Effects.

Metal 2022 -konterenssin otsikkoanimaatio

Tekstin ja valokuvien animointi

Valitsin musiikin, animoin valokuva-assetteja ja tekstiä lyhyeen traileriin oopperalle Auringon Talo.

Auringon talo -oopperan traileri

Tekstin ja assettien animointi

Opastusvideo HSY:lle hulevedestä. Animoin saamiani assetteja ja loin musiikin yhdeistelemällä valmiita klippejä. Olisin ajastanut videon eri tavalla, jos olisin tiennyt, että siihen lisätään myöhemmin puhujaääni!

HSY:lle tehty hulevedestä kertova video

Leikkisä logoanimaatio

Animoitu After Effectsillä käyttäen trim paths, alpha matte ja puppet pin -työkalua.

Leikkisä logoanimaatio

Credits video

A video for Jyväskylän Salonkiorkesteri and Jyväskylän Puhallinorkesteri, inspired by the intro sequence of the 90’s movie Total Recall. Part of the Movie Music 3 concert at Yläkaupungin Yö.

Lisätietoja

Tehty After Effectsillä. Käytin Null-objekteja kontrolloidakseni ryhmittymien liikettä ja ominaisuuksia, kuten siirtymien vauhtia, sumennusta, varjoa ja värejä. Tekstin kulmat on pehmennetty ensin voimakkaasti sumentamalla, jonka jälkeen alfa-tasoja on kavennettu, kunnes teksti on jälleen terävä.

Jyväskylän Salonkiorkesteri and Jyväskylän Puhallinorkesteri at Yläkaupungin Yö 2022

Partikkeleiden animointia

I used After Effects’ Particle World effect to create a smoke effect, with slider controls and wiggle expressions for the particle birth rate, velocity and the producer’s position.

Rakkausteema elokuvasta Kummisetä, JSO:n ja JPO:n esittämänä

Templaatteja

Yksinkertaisia alemman kolmanneksen templaatteja huvin vuoksi. Voidaan käyttää Premiere Pro:ssa Essential Graphics -paneelin kautta. Kaikki värit, tekstit ja koot ovat muokattavissa.

Templaatteja
Ota yhteyttä
Back to the top of the page