Design, technology, cool shit

28.02.2010 om 11:33 in Tools, creative door Patrick

fitc

Geen betere manier om het 2-daagse Flash in the Can  event te beschrijven waar ik ben geweest. Flash in the Can (FitC) is één van de populairste events voor gebruikers van het Flash platform (Flash / Flex / Air), en terecht. Twee dagen met in totaal 45 sprekers van topniveau uit alle uithoeken van de wereld. Oh ja, en overal waar je kijkt iemand die op een MacBook zit te werken…

// Dag 1
Een dergelijk event kan natuurlijk niet starten zonder een keynote van Adobe over de laatste ontwikkelingen van het Flash Platform. In de aankomende Flash CS5 kunnen we (yes!) iPhone applicaties maken, met support voor de accelerometer, geo-locaties, multitouch, en alles wat de iPhone zo goed maakt.  Het Text Layout Framework is nu ook geïtegreerd, en daarnaast ook eindelijk een beter snippets-panel (gebaseerd op het snippets-panel van Lee Brimlow, die zelf ook spreker op FitC is). En natuurlijk de highlights van de pre-release van Flash player 10.1;

  • Support voor MultiTouch
  • Http video streaming
  • Verbeterde hardware acceleratie, dus minder heftig op je processor
  • peer-to-peer, ofwel direct verbinden met een andere ’surfer’ die dezelfde applicatie open heeft staan!

En ook de aankondiging van Air 2.0 voor de desktop…én voor de telefoon!

Gezien we binnenkort met Flash CS5 ook iPhone applicaties kunnen ontwikkelen, kan een sessie daarover niet ontbreken. De sessie laat kort zien hoe eenvoudig het is om de API van de iPhone te benaderen (en hoe lastig het eigenlijk is om een app daadwerkelijk te mogen testen en naar de iTunes store te krijgen). Één van de leukste features; je kunt specificeren op welke processor van de iPhone je richt. De iPhone heeft namelijk twee processoren, één CPU (denk aan de processor van je PC, en  GPU, die de berekeningen voor al het grafisch geweld op zich neemt).

Als Flash developer kom ik natuurlijk ook voor het echte werk… code, code, code… een sessie van Grant Skinner over optimalisatie. Optimalisatie betekent niet alleen betere, logischere code schrijven, maar het betekent ook dat je applicaties een stuk sneller en vooral soepeler lopen en daarmee een betere gebruikerservaring bieden. Veel tips en tricks, uitgebreide informatie over de Garbage Collector (wat een geweldig naam!) van Flash, kleine tooltjes om de performance van je applicatie in runtime te testen (Stats.as van MrDoob is zo’n fijn klein tooltje), en nog veel meer optimalisatie-technieken. De slides van de sessie vind je hier.

pencilPencil Rebel, ofwel Grzegorz Kozakiewicz loopt ons daarna door het create-proces van zijn pencil-rebel game heen. Een mix van stop-motion en Flash, waarbij je door kartonnen-, groente- en andere landschappen wandelt om met veel gevoel voor humor de eindstreep te halen. Vooral een leuke presentatie, en geweldig om te zien hoe dit tot stand komt.

Laatste hoogtepunt van de dag is Erik Natzke, die ooit met o.a. JD Hooge en Ty Lettau de webstudio InFourm zijn begonnen. Deze jongens hebben destijds menig ambitieuze jongeman en -vrouw, waaronder mij natuurlijk, laten zien hoe je met subtiliteit een elementen als buttons en sliders dusdanig kunt verrijken, dat het voelt alsof je de elementen met je vingers bedient. Natzke is deze touch in ieder geval nooit verloren, want nu zie je ‘m schilderen met ActionScript. Op zijn blog, of op Flickr zijn werken van Natzke te vinden, die allemaal gemaakt zijn met Flash. Om dit voor elkaar te krijgen, heeft hij zijn eigen ‘ribbons’ geprogrammeerd, die je daarna op je canvas kunt tekenen met de muis. Doordat deze ‘ribbons’ allemaal nog eigen eigenschappen hebben, zoals bijvoorbeeld gevoeligheid voor zwaartekracht, vertraagd reageren op de muis, dikker of dunner worden naarmate je sneller of langzamer beweegt, en gevoelig zijn voor de kleuren van het canvas eronder, ontstaat er werkelijk iets organisch, wat er soms bijna pointilistisch uitziet. Bijkomend voordeel, is dat Natzke ook nog een stapel posters van hoge kwaliteit mee heeft genomen, dus hangt dit werk binnenkort bij mij aan de muur!

Wired NextFest… (Process) 2 from Erik Natzke on Vimeo.

// Dag 2
Absoluut hoogtepunt van de tweede dag is toch wel Andre Michelle. Een van de programmeurs achter de geweldige Hobnox-audio-tool. In feite een complete set syntheseizers, effecten-kasten, samplers en sequencerd, allemaal in Flash gemaakt.
hobnox

Check trouwens ook één van de meest verslavende audio-tooltjes die ik ken op zijn blog.

Al met al in ieder geval een geweldige conferentie, met veel Design, Technology and Cool shit!

De beste vector-tutorials van 2009

15.12.2009 om 12:41 in Tools, creative, www door PatrickS

2250882392_8e3a23b73b

Het maken van illustraties kost meestal veel tijd. Juist omdat er zoveel mogelijkheden zijn om bepaalde effecten te creëren. Het team van Adobe zit niet echt heel stil en lanceert bij elk nieuw CS pakket weer plenty of mogelijkheden/technieken.  Zo zijn de mogelijkheden in Illustrator CS4 zijn weer minimaal verdubbeld  in vergelijking tot CS3.

Of je er nu blij van moet worden, is vraag 2. Meestal heb je een bepaalde werkwijze / slimmigheden om je illustratie zo fijn mogelijk te ontwerpen.
Via de site van webdesignledger, kom je op een goed overzicht van deze slimmigheden. Tutorials.

www: http://webdesignledger.com/tutorials/the-best-vector-tutorials-of-2009

Design snippets ter inspiratie

04.11.2009 om 16:53 in Tools, creative, portfolio door PatrickS

Screen shot 2009-11-04 at 3.40.38 PM

Net bezig die laatste pixels op te poetsen? Gradientjes, lijntjes bedacht maar alles wat je ook doet in je ontwerp. Het wil allemaal even niet. Kortom je hebt echt even inspiratie nodig?
Design Snippets bevat een selectie aan voorbeelden Banners, Buttons, Backgrounds etc om even je vertroebelende blik weer op te schonen.
Cleane vormgeving met een aantal hele mooie websites ter inspiratie.

Kleurenpalet maken als een echte pro

03.11.2009 om 14:16 in Tools, creative, www door PatrickS

bobHet uitzoeken van het geschikte kleurenpalet bij één van je ontwerpen is een tijdrovende klus. Kleuren vertellen iets over de uitstraling van het bedrijf, roepen gevoel op. Maken een ontwerp heel zakelijk of juist helemaal niet. Het is dus belangrijk om hier goed over na te denken voordat je gewoon maar een kleurtje kiest en hiermee aan de slag gaat. Helaas is het zakelijke ontwerp niet altijd gebaat bij een happy tree met wat vandijcke yellow. Het lijkt zo makkelijk maar een Happy Tree had wel degelijk een heel scale aan nuttige kleurtjes om zich heen. Dat kleine beetje Rembrandt brown deed net even dat kleine blaadje levendig maken.

Nu schilderen wij niet op meer op canvas maar op ons beeldscherm. De basis blijftt gelijk. Kleurstudies, knippen, plakken, zoeken en vergelijken levert je uiteindelijk wel een gedegen palet op. Maar wat nu? Met een hele stapel papier heb je nog niet die kleurcodes die nu zo hard nodig hebt voor in bijvoorbeeld Photoshop of Fireworks.

Er zijn een aantal handige tools online gekomen om ons kleursmurfen te helpen ook een echte Bob Ross te zijn, zonder nu heel veel tijd kwijt te zijn aan het vertalen van kleuren naar codes.

Colorblender
Deze tool helpt je met het kiezen van een hoofdkleur en hiernaast krijg je 5 matchende kleuren die in dezelfde lijn liggen als de hoofdkleur. (Heel fijn om naast een okerkleur ook een grijs te hebben.) Deels blijft het een kwestie van smaak en inzicht. Maar alles wat helpt om je nog beter te laten ontwerpen is meegenomen. Door op de button variations te klikken kan je de kleuren verzadigen naar een andere kleur en zo spelen met je palet, todat het gewenste resultaat bereikt is. Een export naar een photoshop kleurpalet is aanwezig.

www: Colorblender

Color Palette Generator
Deze tool werkt op basis van een kleurenpalet die je kan samenstellen door het uploaden van een foto. Werkt net even wat anders dan de eerste tool. Maar net zo handig. Fijne van deze tool is de eenvoud. Maar ook gelijkertijd de valkuil. De tool analyseert de foto en genereerd op basis hiervan zelf een palet. Je kan dus geen invloed uitoefenen op een kleur die je wilt vaststellen als hoofdkleur.

www: Color Palette Generator

Kuler
Adobe’s antwoord op alles wat er maar met kleur te maken heeft. Tegelijkertijd ook mijn alltime favorite om kleuren samen te stellen. Wil je op een eenvoudige manier snel een palet? Probeer dan niet even snel met deze tool aan de slag te gaan. Het is een zeer uitgebreide website waar je op vele manieren kleuren kan samenstellen, paletten kan delen, van andere mensen kan downloaden, saven op een account en jawel! Inladen in je CS pakket.

www: Kuler

“We all need a happy tree Colorpalette !!”