Arkiv for kategorien 'Egne projekter'

Fredrik Clement er Site of the Day på FWA

mandag, 11. april 2011

Eller, det vil sige, han var det i går d. 10. april: TheFWA - Photographer Fredrik Clement.

Super fedt! :-)

Blandt andet i den anledning holder vi et lille arrangement med gode cocktails i centrum af København på torsdag d. 16. april fra kl. 16.
Hvis du gerne vil med, så send mig en mail på mads@semor.dk.

Nyt Se mor! website i luften

torsdag, 7. april 2011

Denne historie har absolut intet med Flash at gøre, for for første gang har vi valgt at den nye version af Se mor! skulle være helt uden Flash.

Det er absolut ikke fordi vi ikke længere kan lide Flash, men ene og alene fordi HTML er kommet langt nok til, at man kan lave kreative layouts uden at skulle bruge uforholdsmæssigt mange ressourcer på at optimere til de forskellige browsere.

I den forbindelse var det en ekstra stor fornøjelse at lege med custom fonte i HTML, og jeg kan til formålet anbefale TypeKit - det fungerer upåklageligt og er ekstremt nemt at implementere.

Nok snak, se det, prøv det og kom meget gerne med ris og ros:
Se mor! Digital markedsføring med kant

Square colors - auto-genereret kunst

onsdag, 30. marts 2011

Midt i en travl hverdag er det vigtigt at huske at sætte tid af til leg, for det er tit gennem leg at man får evner og ideer til nye projekter.
I sidste uge havde jeg lidt tid til netop det, og resultatet blev square colors.

Fremfor at forklare hvad det er, så klik på billedet og prøv det:
Square colors

Koden er ikke så avanceret så den er værd at gennemgå detaljeret, det der for mig har været den allervigtigste læring ved dette lille projekt er, hvor afgørende det kan være at få struktureret koden ordentligt.

Det gjorde det nemlig nemt lynhurtigt at få prøvet en masse ting af: Kun cirkler, kun firkanter, små figurer, få figurer, store figurer, forskellige farver m.m. blot ved at stille på nogle få variabler, og når man er på vej ud på dybt vand, så er en vigtig forudsætning for succes, at man kan iterere hurtigt.

Kuler
Fremfor at vælge nogle tilfældige farver selv, og dermed ende med temmelig elendig programmørgrafik, så har jeg i stedet fundet inspiration til farvetemaer på Adobe Kuler.

Den oprindelige tanke var faktisk at loade nogle random farvetemaer via deres API, men deres system har været lidt ustabilt, så derfor turde jeg i sidste ende ikke løbe an på det.

Eksport
Den bedste måde at få et resultat ud i høj kvalitet, som kan printes pænt, ville være at lave en eksport til pdf. Men, det syntes jeg var for stor en mundfuld til dette projekt, så derfor eksporterer jeg i stedet en png i den maksimale størrelse som Flash kan håndtere, nemlig et areal på 16.777.215 pixels.

Eftersom jeg har afprøvet en masse forskelligt, så har resultatet ikke altid været kvadratisk, og derfor var det en udfordring at eksportere i maksimal størrelse samtidig med at jeg bevarede dimensionerne på billedet.

Faktisk, så er det ikke så svært, medmindre man som jeg, ikke har løst en ligning med to ubekendte siden folkeskolen, så derfor fik jeg lidt hjælp til matematikforståelsen (tak Mette!), og det kom der så denne kode ud af:

var _max_pixels:Number = 16777215;
var _ratio:Number = object.width / object.height;
var _max_width:int = int(_ratio * Math.sqrt(_max_pixels / _ratio));
var _optimal_scale:Number = _max_width / object.width;

Hvis der er andre dele af projektet, som du synes det kunne være interessant at høre mere om, så smid endelig en kommentar.

Fredrik Clement V2

tirsdag, 22. februar 2011

For 2,5 år siden lancerede vi første version af fotograf Fredrik Clements online portfolio, og da der er sket meget imellemtiden, så var det tid til at nyt site.

(Hvis du vil skippe teksten og hoppe direkte til sitet, så gør det her: fredrikclement.com)

Fredrik Clement - Frontpage

Målet med det nye site har været følgende:
- Mulighed for at vise flere billedserier
- Nemmere opdatering
- Direkte links til billeder
- Indbygget deling
- Mobilversion
- Bevare det minimalistiske udtryk

Lad mig med det samme indrømme at det har været en rigtig svær fødsel (5 måneder on/off), ikke mindst fordi vi hele tiden har været både glade for og stolte af det gamle site, så derfor var det vigtigt at det nye kunne mere, men uden at forringe det vigtigste, nemlig visningen af billederne.

Mulighed for at vise flere billedserier
En af de stærkeste ting ved det gamle site var enkelheden, at man som bruger slet ikke skulle tage stilling til noget, men blot blev ført igennem alt hvad sitet rummede.
Begrænsningen i det var, at Fredrik havde svært ved at gå i dybden med bestemte fotoserier eller emner, og da han med tiden har fået sig en overordentligt stor portfolie af fede billeder, så var det på tide at vise lidt mere.

Hver billedserie har også fået en lille introtekst, som vi synes er rigtig god til at sætte stemningen for hvad det nu er man skal se.
Fredrik Clement - Subpage

Nemmere opdatering
Fredrik synes faktisk ikke, forstå ham hvem der kan, at det er så fedt at opdatere sitet ved manuelt at rette i en xml-fil og uploade nogle billeder.
Derfor har vi været på udkig efter er CMS, der hverken kan for lidt eller for meget, og som samtidig spiller godt sammen med Flash.

I sidste ende faldt vores valg på Royale/CMS, da det er tilpas enkelt og nydeligt.
En feature vi især faldt for, var mulighed for at lave billedprofiler, sådan så Fredrik kun uploader et billede én gang. Herefter genererer CMS’et automatisk de forskellige størrelser vi skal bruge det i, men med mulighed for at Fredrik kan override automatikken og selv skalere og beskære billedet.

Direkte links til billeder
SwfAddress var kun lige dukket op da vi lavede det gamle site, så derfor nåede deeplinking ikke med, men det var naturligvis en selvfølge på det nye.

Indbygget deling
Facebook og Twitter har spredt sig med lynild, og med muligheden for at linke direkte til et bestemt billede, så var det oplagt også at lave en delingsfunktion.

Som en lille cool detalje, så viser den det rigtige billede på Facebook, inklusiv tekst og beskrivelser, hvis man bruger delingsfunktionen på sitet.
Det krævede et lille hack, da Facebook ikke selv kan vise Flash-indhold, men var absolut det værd.

Mobilversion
En anden ting der ikke spiller så godt sammen med Flash er mobiltelefoner, især iPhone, så derfor er der lavet en særlig version til de enheder.

For at se den, så bare gå ind på fredrikclement.com med en mobiltelefonen, så vises den automatisk.

Bevare det minimalistiske udtryk
Det her har klart været den største hurdle, alt det andet er jo “bare” teknik, men hvordan klemmer man lige en masse ekstra funktionalitet ind, uden at fjerne fokus fra billederne?
Grundlæggende, så har vi gemt alt man ikke har brug for lidt af vejen, og derudover har vi arbejdet med et meget stramt grid.

Fredrik Clement - Grid

Detaljerede grids er traditionelt i højere grad blevet brugt på almindelige html-websites, hvorimod Flash-sites ofte er lidt mere flydende, men i dette tilfælde lagde vi os fra starten fast på et grid.
Det var det allerførste jeg kodede på projektet, da det danner basis for alt andet, og samtidig noget af det jeg er mest tilfreds med.

Hvis du vil se det live, så kan du bruge G til at slå det til eller fra.

Alt i alt
Når vi nu selv skal sige det, så er vi faktisk rigtigt stolte af det nye site, så ikke mere tekst herfra, bare se at få prøvet det:

Sports and action photographer Fredrik Clement

NB: Hvis der er interesse for det, så laver jeg gerne et par indlæg om noget af funktionaliteten i sitet, så skriv en kommentar, hvis der er noget du vil høre mere om.

Flickr Julehjertefletter v. 2

tirsdag, 14. december 2010

julehjerteSom en meget for sjov og ren intern aktivitet lavede vi for nogle år siden en helt simpel aplikation, der baseret på et enkelt søgeord loader billeder ind fra Flickr og fletter dem til et julehjerte.

For at hygge lidt om kunder og samarbejdspartnere, så har vi i år lanceret en ny udgave af den med lidt ekstra funktionalitet.
Man kan nu skrive seperate søgeord, sådan så man selv bestemmer hvad der skal være i venstre og i højre side (var der nogen der sagde Flash vs HTML5?) og efterfølgende kan man downloade julehjertet som en png.

Men, den vigtigste nye funktionalitet er, at man kan printe en template så man kan flette det virtuelle hjerte i den virkelige verden.
Særdeles velegnet til juletræet eller lidt hyggepyntning på kontoret.

Se mor, en julehjertefletter!

Se mor! søger en interaktiv designer

mandag, 23. august 2010

Vores nuværende tredjemand er lige blevet optaget på Danmarks Designskole (Tillykke Daniel!), så derfor er vi på udkig efter en erstatning.

Vi er meget åbne over for hvilken profil du kommer med, i sidste ende er personligheden lige så vigtig som kompetencerne, men et par mulige profiler kunne se sådan her ud:
Du har siddet nogle år på et større bureau, og trænger til noget lidt mindre, hvor du selv har mere at skulle have sagt.
Du har været freelancer en periode, men trænger til fastere rammer.
Du er nyuddannet, men føler at du har en masse at byde ind med.

Vi ligger meget vægt på at du har dine meningers mod og ikke er bange for at sige hverken fra eller til.

Som designer elsker du en god udfordring, er nysgerrig, entutiastisk, stolt af det du laver og evner at sætte dig i målgruppens sted.
Øjet for det gode design og evnen til at tænke det ind i en større sammenhæng er også et must.

Rent teknisk er du som minimum en haj i Photoshop, men det er også en stor fordel hvis du har erfaring med en eller flere af nedenstående ting:
- Flash
- ActionScript
- CSS
- HTML5
- After Effects

Vi holder til i et kontorfælleskab på Nørrebro, og hvis du vil se mere om hvem vi er, så ta’ et kig på www.semor.dk

Ansøgninger kan sendes til
mads snabela semor.dk

Har du spørgsmål, så er du meget velkommen til at ringe på 2814 3828.

Note: Ved godt at stillingsopslaget ikke er super relevant for netop denne blog, men da det er mit firma og fordi jeg derudover er sikker på, at mange af jer som læser bloggen givetvis kender en eller flere der passer på profilen, så skulle den lige ud alligevel :-)

Hit the Bitch - sæt kællingen på plads!

onsdag, 11. november 2009

Så har vi netop smidt vores seneste projekt, Hit the Bitch, i luften.

Det er et spil der kort fortalt går ud på at tæve en særdeles provokerende pige, alle ved jo, at det er den eneste måde de kan lære det på, right?
Ja, der gemmer sig naturligvis en pointe i spillet et sted, men den må du spille det for at finde ud af.

Udover at give hende lussinger med musen, så har vi også forsøgt os med lidt motion detection via webcam - giver en meget sjov oplevelse at svinge hånden foran cammet og se pigen blive ramt i spillet.

Der er brugt en masse alpha-video i spillet og det kommer der nok en lille artikel op om inden så længe, ligesom der også er en anmeldelse af Squeeze Pro 6 på vej.

Prøv det her, og husk nu at dele det med dine venner ;-)

Hit the Bitch

Boxer Guide - Ingen er ens når det gælder tv

tirsdag, 15. september 2009

Som de fleste ved, så forsvinder det gamle antennesignal d. 1. november, men hvad gør man så, hvis man er lidt usikker på alt det tekniske samt, ikke mindst, hvordan man nemmest og billigst får de kanaler man helst vil se?

En mulighed for hjælp er Boxer Guide, et værktøj til at lære Boxers udbud og de nye kanaler at kende, som vi lancerede for Boxer i fredags:
Boxer Guide - Ingen er ens når det gælder tv

Få bedre alpha video i Flash

torsdag, 11. juni 2009

Det har siden Flash Player 8 været muligt at vise video med alphakanaler, sådan så man eksempelvis kan lave greenscreen optagelser og efterfølgende skifte baggrunden ud med noget andet, direkte i Flash.

Noget der dog i den forbindelse ofte kan drille lidt, er at der kommer en halo (farvet ring) rundt om det der er fritlagt, og tit og ofte kan man være tilbøjelig til at tro, at det er fordi det ikke er blevet fritlagt ordentligt, men der kan være en anden grund!

Jeg er ikke super teknisk når det kommer til farvestyring, men når man eksporterer video med alpha fra After Effects, så er der forskellige måder at medtage alphakanalen og for at få de optimale resultater når videoen senere konverteres til flv, så er det vigtigt at alphakanalen eksporteres i “straight alpha mode”.
Er midt i et projekt hvor den ene setting har gjort forskellen på om materialet var ubrugeligt eller godt.

Der er en længere beskrivelse af hvordan det hænger sammen her:
Flash, FLV, and alpha channels: straight or premultiplied?

Bryd tavsheden - Facebook applikation

mandag, 16. februar 2009

Bryd tavshedenNu er den Facebook applikation som jeg har haft omtalt i et par andre artikler gået live, så det syntes jeg fortjente et lille link.

Kort fortalt er navnet på kampagnen “Bryd tavsheden” og formålet er at skabe opmærksomhed omkring det, at det er vigtigt at snakke om vold for at forebygge det.
Til det formål har vi lavet en Facebook applikation hvor man kan lave sig selv om til en “voldsramt”, enten ved at bruge et billede man allerede har på Facebook, uploade et nyt eller tage et med sit webcam.
Efterfølgende kan man så tilføje et blåt øje, en lynlås og en rift.

Den er som sagt lige gået i luften, så nu går vi bare og er spændte på hvor godt den spreder sig - er jo aldrig helt til at vide med den slags virale ting.

Prøv den gerne, kom med kommentarer og husk at invitér alle dine venner :-)

Bryd Tavsheden