Collega Gerben en ik hebben vandaag een bezoekje gebracht aan Hollywoord. Natuurlijk horen daar foto’s bij (je komt er tenslotte niet elke dag ). En, zo tussen al stof van de Adobe MAX kan dat natuurlijk ook wel eens Je kunt op de foto’s klikken om het grotere bestand te zien.

Overigens, binnenkort komen er weer wat uitwerkingen bij van sessies hier in LA.

Morgen (donderdag) vliegen we weer terug, slaan dan een dagje over (vanwege het tijdverschil) en dan zijn we vrijdag weer terug op Nederlandse bodem. Tot dan!

Vanochtend heb ik een hands-on-sessie gevolgd van Greg Geisler waarin we hebben leren werken met de nieuwe brushes in Illustrator CS5 en wat extra technieken met Photoshop-plugin Pixel Blender.

Al met al een erg leerzame les. Allereerst zijn we begonnen met het openen van een foto van een schedel in Photoshop. Deze hebben we bewerkt met Image –> Adjustments –> Posterize, zodat we een grijswaardenafbeelding (in 4 grijswaarden) kregen van de schedel.

Deze hebben we weer in Illustrator geplaatst en zijn we gaan inschilderen met de nieuwe Bristle Brush. Met deze brush kun je, met een Wacom Tablet, tekenen alsof je op echt papier tekent en schildert. Dit was voorheen bijna niet mogelijk in Illustrator. Je kunt kiezen uit verschillende soorten penselen en daar de instellingen allemaal van wijzigen. Door de bewegingen op je Wacom tablet heb je nog meer controle over de penselen.

We zijn de donkere, lichte en zwarte delen van de schedel gaan inkleuren met verschillende tinten. Doordat Illustrator nu ook de functie “Paint behind” ondersteunt, kun je nu makkelijk met de ‘bovenste’ laag beginnen, en vervolgens naar beneden toe doortekenen.

Nadat de hele tekening klaar was hebben we hem opgeslagen en geïmporteerd in Photoshop. Daar hebben we de Photoshop-plugin Pixel Blender toegevoegd zodat we een schilderachtig effect kregen (zie foto’s).

Omdat ik nog niet vaak met deze functie gewerkt had is die van mij niet geweldig mooi geworden Ik heb wel alle lesbestanden en de tutorial digitaal, dus, als je ze wil hebben mag je een reactie achterlaten. Dan mail ik het even.

Ik vond deze in ieder geval erg leerzaam. Tot snel weer!

Dit is deel 2 over de keynote van Adobe CTO Kevin Lynch. Foto’s volgen later, aangezien de internetverbinding hier nogal traag is

Video
Nog steeds is er een enorm stijgende lijn in het gebruik van video op het web. Daarin speelt Flash nog veruit de grootste rol. Daardoor heeft Flash op dit moment de hoogste ‘penetratiegraad’ die het ooit gehad heeft.

Als het aan Adobe ligt gaat die stijgende lijn nog wel even door. Ze zetten volledig op Flash in (ondanks de kritieken uit de hoek van Apple). Om die lijn door te zetten heeft Adobe contact gezocht met meerder bedrijven om producten te ontwikkelen.

Één van die bedrijven is Google. Zij brengen op dit moment één van hun nieuwe speeltjes uit: Google TV. Een platform waarop digitaal films en tv te bekijken zijn. Je voelt ‘m nu natuurlijk al aankomen: de video’s die te bekijken zijn op Google TV draaien op Flash. Hierdoor kan Google HD content aanbieden en daarnaast nog veel meer functies.
Het resultaat ziet er in ieder geval erg mooi uit.

Adobe Air voor tv is nu ook gereleased. Hierdoor kunnen er applicaties geschreven worden voor de nieuwste tv’s, die zich steeds meer gaan richten op internet. Samsung gaat hier nu al gebruik van maken.

Er is nu ook een nieuwe functie toegevoegd aan Adobe Media Encoder (nog niet beschikbaar). Aangezien er vaak filmpjes voor meerdere platformen geëxporteerd moeten worden zijn mensen daar vaak lang mee bezig, omdat elk filmpje apart ingesteld moet worden. Dit kan natuurlijk sneller… De oplossing van Adobe is nuvdat je een video in een map op je computer gooit. Media Encoder zoekt dan in die map en begint automatisch aan het encoden van alle filmpjes in de map, en slaat ze op in verschillende formaten. Handig dus!

Innovatief
Adobe blijft natuurlijk druk bezig met het ontwikkelen van nieuwe applicaties. Er zijn er in deze blog al verschillende voorbij gekomen. Een aantal van die dingen zijn:

• Photoshop-functies op tablets: Adobe heeft een testversie van Content Aware Fill op tablets. Dit houdt in dat je met je vinger over een object tekent. De applicatie verwijdert deze uit de afbeelding (die functie zit ook in Photoshop CS5).
• Kleuren mengen op de iPad als waterverf. Deze kleuren kun je opslaan. Vervolgens selecteer je die kleur op je iPad, en wordt deze realtime in Photoshop op je PC of Mac geselecteerd en toegevoegd (mits je een connectie tot stand hebt gebracht tussen die twee)
  

  

  

  
  

• Adobe gaat samenwerken met Day, dat het intuïtieve CMS-systeem CQ5 gemaakt heeft. Het zag er veelbelovend uit, met drag & drop-functionaliteit e.d.. Het aanpassen van een website wordt nu nóg makkelijker

Blackberry brengt nu de PlayBook uit. Een, volgens het bedrijf, iPad-killer met applicaties in AIR. Het nieuwe systeem werkt volledig met multitasking op een gemakkelijke manier.
De Blackberry playbook developer kid is nu beschikbaar, dus ontwikkelaars kunnen er gelijk mee aan de slag. Ik ben benieuwd…

Gaming
Gaming in AIR wordt ook weer toegankelijk gemaakt voor meerdere schermen. Knoppen en besturingselementen verschijnen dan daar waar het voor dat specifieke apparaat handig is. AIR voor Android is nu ook beschikbaar. In Flash is het bij Publish Settings mogelijk om te exporteren naar AIR voor Android.

Social games (op facebook) kunnen ook worden gemaakt. De conclusie is toch wel dat ook games steeds socialer worden.

Adobe werkt ook aan controller-ondersteuning voor Flash zodat er dus ook bijvoorbeeld een stuur met gaspedalen op de computer kan worden aangesloten.Kevin Lynch ging lekker los op een race-spel en deelde ons als klap op de vuurpijl ook nog mee dat dit 3D-spel vrijwel geen CPU gebruikt door video-hardware-acceleratie (wat een woord hè ).

Goed, dit was het wat betreft deze sessie. Later weer meer!

Er zijn nogal wat veranderingen in de creatieve industrie tegenwoordig: betere processors, batterijen, betere internetverbinding (ook WiFi wordt steeds sneller) en komen er steeds meer verschillende soorten beeldschermen bij (computers, tv’s, smartphones, tablets).

Vooral dat laatste zorgt voor een ware revolutie in denk- en werkwijze van Adobe. Daarnaast moet, volgens mij, het sociale aspect van het web niet vergeten worden, want dit speelt ook in elke applicatie een grote rol.

De keynote door Adobe CTO Kevin Lynch is opgebouwd uit een aantal onderdelen die allemaal doorlopen zijn:

• Websites
• Digital, publishing
• Video
• Innovatief
• Gaming
• Websites

Websites
Adobe experimenteert met een techniek die realtime de website van stylesheet laat veranderen als een scherm van resolutie of grootte verandert. Zo kun je dus wisselen tussen verschillende layouts. In Dreamweaver ziet nu al een nieuwe functie met media-queries die ervoor zorgt dat dit gebeurt. Veel makkelijker om nu je pagina geschikt te maken voor meerdere schermen!

Nieuwe ideeën en programma’s op dit gebied:
Adobe Edge (prototype): als een soort ‘Flash’ je jQuery-scriptje opbouwen. Super!

Sitecatalyst NetAverages: kijk op een handige manier naar hoe browsers bepaalde functionaliteit ondersteunen.

Browserlab: Techniek om websites te testen voor meerdere browsers is pas geupdate.

Digital publishing
Tijdschriften op papier hebben een heel verschillende gebruikerservaring dan tijdschriften op een beeldscherm. Het is jammer dat websites en applicaties alle nieuwsbladen en tijdschriften op elkaar laten lijken. Je ziet bijvoorbeeld op sommige webpagina’s van Wired en National Geographic geen verschil tussen deze twee tijdschriften.

Adobe heeft aan deze ervaring gewerkt met meerdere uitgevers waaronder Martha Stuart door applicaties te maken voor de iPad en andere multitouch-apparaten.
Er is veel aandacht geschonken aan de ‘feel’ die ook in tijdschriften te vinden is, maar dan uitgebreid met extra functionaliteit. In het geval van Martha gaat dat dan bijvoorbeeld over gerechten bekijken, en door op een foto te klikken te kunnen kijken ín het gerecht. Eigenlijk min of meer te vergelijken met de Wired-applicatie op de iPad, maar dan nog met een aantal extra functionaliteiten (zoals het animeren van de voorpagina).

Tijdschriften maken voor andere resoluties en apparaten is ook geen probleem. Het pakketje dat vanuit InDesign CS5 gemaakt wordt past zich automatisch aan het juiste scherm aan.

Een andere bedrijf waar Adobe op dit gebied mee samenwerkt is Condé Nast. CTO Joe Simon was aanwezig om het één en ander toe te lichten.

Een paar punten die nu mogelijk zijn:

• The New Yorker wordt aangepast voor meerdere schermen door JavaScript, die bekijkt op wat voor scherm het bekeken wordt.
• Adobe heeft een manier ontwikkeld om in html (nu alleen nog in webkit)tekst dynamisch te floaten rondom afbeeldingen.
• Indesign publishing: Er zijn nu voldoende mogelijkheden om te analyseren wat bezoekers bekijken met SiteCatalyst. Dit programma is nu in bèta verkrijgbaar

Dit was deel 1. Deze wordt ook nog aangevuld met foto’s. Vandaag nog volgt deel 2, maar eerst is het tijd om weer wat sessies te volgen!

Er is nog veel verwarring over HTML5. Veel mensen hebben hoge verwachtingen en ideeën over HTML5 maar weten vaak niet wat het precies is. Een paar misverstanden en waarheden op een rij (ik ga hier nu geen heel lopend verhaal van maken aangezien het al laat is):

• HTML5 is een Flash killer: daar verschillen de meningen over… Ikzelf deel de mening van de presentatoren, dat HTML5 nooit alle functies van Flash kan overnemen. Zelfs niet op videogebied.
• Nieuwe web 2.0: Is web 2.0 al voorbij, en is het ooit geweest??
• Natuurlijke progressie van HTML: waar
• Nog niet af: Klopt ook!

Wat html 5 biedt:
Dat html5 nog niet af is wil niet zeggen dat het niet bruikbaar is… CSS2 is ook pas 2 weken geleden goedgekeurd (oktober 2010).
HTML5 heeft, in vergelijking met zijn voorgangers, een rijkere semantische mark-up. Iedereen heeft tegenwoordig ongeveer dezelfde manier van een website opbouwen (div id= footer, div id=header e.d.), dus zijn er nu speciale tags voor deze opbouw-blokken gemaakt (header-tag, footer-tag e.d.), zodat dit dè manier van werken wordt. Aangezien praktisch iedereen dit nu toch al doet moet dit alleen maar een verrijking zijn.

HTML5 heeft een verbeterde formulieren mark-up. Zoals bijvoorbeeld een ‘date-field’ waar automatisch een kalender verschijnt als je erop klikt (zonder JavaScript). Er is ook een e-mail field toegevoegd, en daarnaast natuurlijk nog tal van andere opties.

HTML5 heeft ingebouwde mogelijkheden om Rich Internet Applications te maken, zoals:

• Web workers: mogelijkheid om op een snellere manier vaste handelingen uit te voeren, zoals database-koppelingen maken.
• GEO-location API (om bijvoorbeeld de website in één keer aan te passen aan de locatie waar iemand zit –> net zoals Google doet)
• Offline opslag/applicaties

Jammergenoeg zullen deze laatste opties pas heel laat goedgekeurd worden….

HTML5 heeft standaard audio- en video-ondersteuning door middel van een video-tag waarin video zonder Flash kan worden afgespeeld.
Ook is er nu Canvas & SVG-support, waarin vector-afbeeldingen en animaties kunnen worden ge-embed in een website.

HTML5 wordt vaak verkeerd geïnterpreteerd door alle leuke voorbeelden die je ervan ziet. Veel van deze functionaliteit wordt namelijk niet veroorzaakt door HTML5, maar door CSS3, waarmee het vaak gecombineerd wordt.

Omdat er in elke browser weer andere functies van HTML5 en CSS3 worden ondersteund is er op www.caniuse.com een compatibiliteits-tabel opgesteld waarin je kan zien welke html5 en css3-mogelijkheden je nu in welke browser kan bekijken.

Voorspelling van de presentator: over 5 jaar neemt JavaScript alle andere server-side scripttalen (zoals php en .NET) over. Google en Yahoo experimenteren er nu al mee, dus grote kans dat we dat over 5 jaar allemaal doen. Verder is JavaScript op dit moment een mooi middel om html5 en css3-problemen te compenseren in elke browser (door middel van bijvoorbeeld jQuery).

Dreamweaver, HTML5 en CSS3
Dreamweaver CS5 heeft HTML5-support d.m.v. het HTML5-pack (te downloaden via een update), maar is nog in bèta. Altijd updaten dus, omdat er regelmatig nieuwe functionaliteit bijkomt.

Illustrator HTML5 pack
Illustrator heeft nu ook HTML5 en CSS3-ondersteuning: vanuit het Appearance panel kun je bijvoorbeeld een getekende rechthoek met gradiënt als vulling en lijn met kleur en dikte exporteren naar CSS-code (uitklapmenu in het Appearance panel en dan Export to CSS). Waarom is dit handig? Omdat een gradiënt in CSS typen een verschrikking is wat code betreft.

Nadeel van HTML5-video is dat je veel video’s (met verschillende bitrates) moet exporteren, terwijl je daarnaast toch óók nog een Flash-film moet exporteren, omdat veel browsers de HTML5 video-tag nog niet ondersteunen. Zo handig is het dus ook weer niet (althans, niet voor de ontwikkelaar).

Als tip heeft hij daarom:
Allereerst de Flash-film embedden. In de ‘alternative content’ (waar meestal: ‘als je geen flash hebt dan….’ staat) kun je dan de html5-code zetten zodat alleen de mensen die geen flash hebben de html5-content voorgeschoteld krijgen. Volgens het W3C is dit geen officiële oplossing, maar het werkt wel.

Dit was ‘t weer voor vandaag.

Alvast een voorproefje van de sessies van vandaag. Deze post zal ik nog aanvullen met wat meer informatie en foto’s.

De sessie met Michael Gough was de eerste sessie vandaag. Hij bedenkt samen met zijn team nieuwe applicaties en programma’s van Adobe. Adobe Ideas op de iPad was bijvoorbeeld één van die projecten (hij was dan ook blij dat in de media veel verteld werd over de handtekening die Obama zette op de iPad en dat daar dan ook nog bij verteld werd dat dit met Adobe Ideas gebeurde).

We hebben een aantal erg interessante nieuwe applicaties mogen zien, die, heel in het kort gezegd, allemaal gebaseerd zijn op multi-touch (tekenen van lijnen, vormen, waarbij je realtime met de ene hand de lijndikte bepaalt, en met de andere tekent), delen (via social networks), simpele besturing (enkele applicaties zijn zelfs bedacht met de gedachte aan hoe een kind van drie jaar ermee zou spelen) en natuurlijk, deels gerelateerd aan multi-touch, de aandacht voor tablets, zoals de iPad (hoewel daar de meeste applicaties nog niet op draaien). Veel dingen werden getest op een Samsung Galaxy.

Één programma dat nu in bèta is gegaan is Adobe Rome, en is nu te downloaden op http://rome.adobe.com/education .

Rome kun je het beste omschrijven als een een soort combinatie van Photoshop, Illustrator, InDesign, Dreamweaver en Flash, maar is in tegenstelling tot deze programma’s volledig cloud-based. Als er geen internet aanwezig is kan het ook offline gebruikt worden.

Het programma is wél volledig van de grond af opgebouwd, met de gedachte dat studenten er alle functies in kunnen vinden om presentaties, verslagen en andere mooie dingen te kunnen maken (expressief werken), en vooral ook met elkaar te kunnen delen en communiceren door gebruik te maken van afbeeldingen, foto’s, video, audio en animatie in deze simpele werkomgeving.

Mensen die Photoshop, Illustrator en andere programma’s kennen van Adobe, zullen snel bepaalde functies missen uit die programma’s. De bedoeling is dan ook niet geweest om alles te integreren in Rome, maar vooral om een programma voor studenten te maken.

Verder hebben we nog een aantal andere interessante dingen gezien, waaronder één testje van ideeën waaraan Adobe nu werkt. Hiervan heb ik een kort filmpje gemaakt dat best een impressie geeft:

Goedemorgen!

Ik ga deze post even kort houden, aangezien we om 7.30 uur beneden hebben afgesproken om naar de volgende bijeenkomst te gaan.

We zijn in ieder geval goed aangekomen hier, en hebben gisteren nog heel even snel wat dingen bekeken hier. Daarna zijn we door gereden naar de Adobe Education Summit en hebben daar wat gegeten en gepraat met andere mensen die aangesloten zijn bij Adobe als AEL (Adobe Education Leader). 5 mensen uit onze groep horen daar ook bij.

Hieronder alvast wat foto’s van onze avonturen