Realisme in Illustrator is altijd een uitdaging. Belangrijk is om voldoende beeldmateriaal te raadplegen. Probeer de belangrijkste elementen uit de vorm te filteren. Door de beperkingen van vectorafbeeldingen ben je namelijk genoodzaakt om te stileren.
1. basisvorm
Eerst en vooral wordt de eenvoudige basisvorm van de kop uitgezet. Ik bouw deze opzettelijk uit twee elementen op om later gemakkelijk de cirkelvorm te kunnen manipuleren. Selecteer het oortje en vul het om met een gradient. Zo krijg je al visueel de indruk dat het element lager ligt dan de bovenkant van de kop en afgerond is. Hierbij bepalen we onmiddelijk ook de richting van de lichtinval. Om realistisch te werkt te gaan moet de lichtbron altijd uit dezelfde hoek komen. In dit geval komt het licht van rechtsboven, de schaduwzijde komt dus onderaan en links van het object.
2. schaduwranden kop
Maak een kopie van de cirkel, geeft de omtrek een grijze rand en verwijder de vulling. Omdat de randen van onze kop niet scherp zijn passen we een licht blur toe. Maak een opacity mask aan en plak hierin een kopie van de oorspronkelijke cirkel. Vul deze cirkel met een diagonale verlooptint zodat de linkeronderkant wit en de rechterbovenkant zwart is. Dit masker zorgt er dus niet alleen voor dat de rand scherp staat, maar de lichtinval op de kop wordt nu gerespecteerd. Herhaal deze stappen voor de binnenste rand. Dit keer wordt de grijze rand omgezet naar contouren en gemanipuleerd zodat de binnenkant uit het centrum ligt. Pas opnieuw een masker toe.
3. koffie
De vulling van de kop bestaat uit meerdere lagen. Een donkere cirkel met een verlooptint van zwart naar donker bruin. Gebruik geen volledig zwart vlak, het oppervlak van de koffie wordt namelijk ook beïnvloed door de belichting. Die donkere vulling wordt natuurlijk ook gereflecteerd op de rand van de kop. Maak een grotere bruine cirkel aan met de transparantie in multiply zodat enkel de rand zichtbaar is. Aan de zijkant van de kop wordt de donkere laag iets transparanter. Teken een oranje cirkel zonder vulling en pas een lichte blur toe. Verander de transparantie naar lighten en verlaag de opacity.
4. reflectie aan de rand
De kant waar het licht in de kop valt wordt gereflecteerd in de zwarte laag koffie. Teken een witte cirkel, verhoog de transparantie en kopieer deze laag. Maak een intersectie van beide objecten zodat er een halve maan overblijft. Manipuleer een van de ankerpunten zodat er een uitstulping komt weg van de rand. Plaats willekeurig enkele kleinere cirkels en snij ze uit de halve maan. De luchtbellen zelf bestaan uit twee delen. Een lichte wazige cirkel die voor een bolle vorm zorgen en een scherpe witte highlight om het gladde oppervlak te benadrukken.
5. drijvende luchtbellen
Teken een aantal cirkels met variabele diameters. Kopieer deze groep en plaats ze net iets hoger. Rond de drijvende luchtbellen is vaak een lichte, wazige sluimer. Deze willekeurige vorm teken je best handmatig. Door middel van divide in het Pathfinder pallet kun je deze vormen opdelen in losse stukken. De halve maantjes worden transparent gemaakt en de sluimer onder de bellen komt bruin en licht wazig te staan. Alle andere delen kunnen verwijderd worden. Een paar eenvoudige rechthoekige vormen zorgen voor highlight op de bellen.
6. extra diepte
Op het oortje en op de ondergrond komen schaduwen die de lichtinval nog eens extra benadrukken. Er wordt op deze manier ook extra dimensie aan de tekening gegeven. Realistische schaduwen zijn nooit 100% vlak, laat ze iets uitfaden van het object weg.
Rust en concentratie bij het werken vinden we heel belangrijk. Die heb je niet als er de hele dag een radio lawaai maakt. Dankzij een verzameling koptelefoons kunnen we allemaal zelf beslissen wanneer we muziek (of lawaai) beluisteren, en vooral, naar welke muziek.
Want iedereen heeft zijn muzikale voorkeur, wat zorgt voor verhitte discussies en milde of minder milde grappen. En wat ieder van ons dit jaar het beste album vond, dat kan je hieronder zien.
Bekijk ook de statistieken van de Marlon groep op last.fm.
Gerrit
- Chase & Status: More Than A lot
- E-Z Rollers & Messy MC: Kmag Presents E-Z Rollers & Messy MC (lang leve gratis cd’s)
- Lady Linn and her Magnificent Seven: Here We Go Again
- Dieselboy: Substance D
- Amenra: Mass IIII
Gerrit op last.fm
Koen
- Enduser: Left
- Woven Hand: Ten Stones
- Hercules & the Love Affair: Hercules & the Love Affair
- Neil Diamond: Home before dark
- Martina Topley-Bird: Blue God
Koen op last.fm
Frederik
- Cari Lekebusch: The Architect
- Minilogue: Animals
- Deadmau5: Random Album Title
- Loco Dice: 7 Dunham Place
- John Dahlback: Winners & Fools
Frederik op last.fm
Gert
- In Flames: A Sense Of Purpose
- 3 Doors Down: 3 Doors Down
- Testament: The Formation of Damnation
- Kings Of Leon: Only By The Night
- 10 Years: Division
Gert op last.fm
John
- Kangding Ray: Automne Fold
- 2562: Aerial
- Flying Lotus: Los Angeles
- Move D + Benjamin Brunn: Songs From The Beehive
- Autechre: Quaristice
John op last.fm
Davy
- Bloc Party: Intimacy
- Arsenal: Lotuk
- Black Box Revelation: Set Your Head on Fire
- Blood Red Shoes: Box of Secrets
- Monza: Attica!
Davy op last.fm
Bart
- Headhunters live @ sensation black (Liveset)
- Deadmau5 live @ pukkelpop (Liveset)
- VA: The Battle Noisecontrollers vs Technoboy
- VA: Tomorrowland Limited Album Edition 2008
- VA: Complex File 4
Bart op last.fm
Dieter
- The National: A Skin, A Night + The Virginia EP
- Kings of Leon: Only by the night
- Arsenal: Lotuk
- De Jeugd van Tegenwoordig: De Machine
- Jamie Lidell: Jim
Dieter op last.fm
Frederick
- Foals: Antidote
- Late of the Pier: Space & The Woods
- Booka Shade: The Sun & The Neonlight
- The Kooks: Konk
- Kings of Leon: Only By The Night
Frederick op last.fm
Vincent
- Marnie Stern: This Is It And I Am It And You Are It And So Is That And He Is It And She Is It And It Is It And That Is That
- The National: A Skin, A Night + The Virginia EP
- Bloc Party: Intimacy
- Fuck Buttons: Street Horrrsing
- Joan As Polcie Woman: To Survive
Vincent op last.fm
In een vorige blogpost rond e-commerce zagen we onder andere dat de creatie van een webshop als uitbreiding van een fysieke winkel extra uitdagingen met zich meebrengt. Vooral de synchronisatie van de stock tussen fysieke winkel en webshop was hierbij cruciaal. In deze post willen we het hebben over online betalen en het beheer van bestellingen.
Het onveiligheidsgevoel voorbij
Hoewel online shoppen ook in België sterk in de lift zit, zijn heel wat surfers nog steeds wantrouwig om hun betaalkaart te gebruiken op het internet. Noem het een ‘onveiligheidsgevoel’, een angst voor misbruik van de kredietkaartgegevens. Online payment providers zoals Ogone garanderen de shopper een veilige transactie. De stap in de check-outprocedure waar men de kredietkaartgegevens moet ingeven, gebeurt op een beveiligde pagina van de payment provider. Bovendien is ook de beheerder van de shop zeker van de betaling. De integratie van een betaaldienst biedt dus garanties aan zowel de koper als de verkoper. Diensten als Ogone werken met maandelijkse abonnementen en een bedrag per transactie, afhankelijk van het gekozen abonnement.
Naast een abonnement bij een online payment provider moet je ook, afhankelijk van de gewenste ondersteuning, contracten afsluiten met de desbetreffende bankinstellingen of kaartsystemen zoals VISA en Mastercard.
Overschrijving
Ondanks de garanties die een online payment provider biedt, blijft betalen met een kredietkaart voor heel wat mensen nog steeds een drempel. Voor deze groep gebruikers is er toch een oplossing. Naast een online betaling met bankkaart kan een webshop immers ook aanbieden om te betalen met een overschrijving. Dit betekent dat de eigenlijke betaling van de bestelling achteraf gebeurt. De shophouder moet dus zijn uittreksels in de gaten houden om na te gaan of een klant zijn bestelling heeft betaald. De bestelde artikelen worden ondertussen wel gereserveerd voor de klant en de stock wordt navenant aangepast.
Kortingscodes/cadeaubonnen
Heel wat shops werken met kortingscodes en cadeaubonnen. Cadeaubonnen gaan altijd uit van een vast bedrag, terwijl kortingscodes zowel een vast bedrag als een percentage kunnen zijn. Beiden moeten een unieke ID hebben voor een goede werking van het systeem. Wanneer een shopper een cadeaubon gebruikt, moet het systeem achter de schermen bijhouden hoeveel deze bon waard is en hoeveel van dat bedrag overblijft na het gebruik. Bij een kortingscode wordt de korting pas zichtbaar en actief na het invoeren van de code.
In een volgende blogpost gaan we dieper in op het online beheer van bestellingen.
Enkele van onze realisaties:
- De Kleine Zebra
- Codima
- Tele Atlas
- Monsters With An Attitude
Alle recente projecten van Marlon maken gebruik van open source frameworks. Zowel voor .NET als PHP zijn er heel wat alternatieven beschikbaar. Voor PHP zijn er de frameworks als Symfony, Zend Framework en eZComponents maar ook minder algemeen gekende parels als Spoon Library.
Een framework kan je zien als een bouwdoos waarmee je je applicatie gaat bouwen. Een extra laag tussen de programmeertaal (vb. PHP) en je eigen geïmplementeerde functionaliteit. Een goed framework voorziet in een basis voor applicaties en zorgt ervoor dat je als ontwikkelaar niet steeds opnieuw het spreekwoordelijke wiel moet gaan uitvinden.
Ieder framework of library heeft ongetwijfeld zijn voor- en nadelen, net zoals iedere programmeertaal dat heeft. Google is uw vriend als je voor het slapengaan voor jezelf wilt uitmaken welk framework nu eigenlijk wel de beste is.
Naast snelheid en betrouwbaarheid stelden wij één uitermate belangrijk aandachtspunt voorop bij de keuze van een framework: uitbreidbaarheid. Hoe uitgebreid een specifiek framework ook mag zijn, wanneer je websites op maat ontwikkelt zal er altijd wel één of andere component zijn dat je niet zomaar uit de bibliotheek kunt pikken. Daarom is het van het allergrootste belang dat een framework uitbreidbaar is. Een ontwikkelaar moet eenvoudig (en dus ook snel) bestaande functionaliteit kunnen uitbreiden om zo aan projectspecifieke eisen te kunnen voldoen. (denk “extends”, “implements”, …)
Voor enkele recente projecten maakten we gebruik van het Zend Framework. Naast de verschillende mogelijkheden om het bestaande framework uit te breiden kunnen we hier ook rekenen op een erg uitgebreide documentatie en een levendige community.
Iedere webontwikkelaar met een beetje eergevoel wil alles altijd zelf programmeren. Onze ervaring leert echter dat het voor beide partijen de beste keuze is om zoveel mogelijk tijd en energie te steken in projectspecifieke functionaliteit en gebruik te maken van de basisfunctionaliteit van een framework.
Dit betekent echter niet dat je het framework van je keuze als een zwarte doos moet gaan beschouwen. Zoals bij alle mogelijke problemen die je tijdens het verloop van een project tegen het lijf loopt geldt ook hier dat je moet blijven nadenken. Neem nooit iets “zomaar” aan. Ga na en controleer hoe het komt dat iets op een bepaalde manier werkt. Ga je daarmee als team akkoord, doe het dan op die manier. Doe je dat niet, argumenteer waarom en los het probleem op je eigen manier op. Met een beetje geluk kan je de reeds bestaande functionaliteit alsnog uitbreiden en met minimale inspanning en tijd het gewenste resultaat bereiken!
Deze presentatie, gegeven op Barcamp Gent 2, gaf eerst een paar misvattingen rond en tips voor het opstarten van een webshop mee, en toonde daarna aan de hand van concrete voorbeelden (oud & nieuw) wat er vandaag gedaan wordt in het e-commerce landschap.
Dit weekend heb ik een (veel te) korte presentatie gegeven op Barcamp Gent 2.
De presentatie gaf eerst een paar misvattingen rond en tips voor het opstarten van een webshop mee, en toonde daarna aan de hand van concrete voorbeelden (oud & nieuw) wat er vandaag gedaan wordt in het e-commerce landschap.
De presentatie as such is echter niet veel waard zonder de presentator :-) Ik toon liever veel screenshots en vertel er wat bij in plaats van een tidal wave aan bullet-points af te leveren.
De tijd was beperkt (20 minuten) dus kon ik het laatste derde van de presentatie niet doorlopen en moest ik het ook wel razendsnel doen. Deze presentatie bevat dus slechts de inhoud die ik op Barcamp heb kunnen aanhalen.
