Minibike ontwerpen - Kleuren en Stickers
Geplaatst: di 02 mei 2006, 14:20
Omdat ik overspoeld word met vragen of ik ook een bike wil ontwerpen heb ik een lay-out van een bike gemaakt.
Lay-out betekent in dit geval dat alle kappen, het frame, de spatborden en de velgen allemaal een aparte laag gegeven heb. Hiermee kun je heel makkelijk het frame, de velgen, de spatborden en de kappen een andere kleur geven.
Aangezien deze lay-out voor Photoshop 8.0 (Creative Suite) en hoger is leg ik uit hoe je daarmee de kleuren verandert. Hij werkt ook met de demo.
Lagen selecteren
Voor dat je een deel van de bike een andere kleur kunt geven moet je delaag selecteren waarop dat deel van de bike staat wat jij kleuren wil.
Je gaat daarvoor naar het kopje bovenaan je scherm met de naam Window > Layers. Nu verschijnt er een venstertje waarin zo'n 10 lagen staan, elk met de naam van het onderdeel waarvan ze zijn. Klik op de laag en pas dan de onderstaande manieren van kleuren toe.
Kappen en spatborden
Voor de kappen en spatborden gebruik je de "Hue, Saturn en Lightness" optie, deze staat onder het kopje Image > Adjustments > Hue/Saturn.
Hue
Door de Hue schuif te gebruiken (verschuif naar zowel links als rechts) verkleuren de kappen, (geel, groen, rood, etc.).
Saturn
Saturn staat voor saturation wat weer staat voor verzadiging. Door deze schuif helemaal naar links te schuiven haal je alle kleur uit de kap of uit het spatbord. Deze word dus grijs.
Door deze naar rechts te verschuiven wordt de kleur van de kap feller, maar dit is vaak niet erg notabel.
Lightness
Zoals de naam al zegt is deze schuif voor de belichting. Doe deze schuif helemaal naar links en de kap wordt gewoon helemaal zwart, helemaal naar links en hij wordt helemaal wit (het relief verdwijnt dan ook).
Frame en velgen
Voor grijze oppervlakken zoals het frame en de velgen gebruik je de Color Balance knop. deze staat onder het kopje Image > Adjustments > Color Balance.
Nu zie je een drietal schuiven met naast de balken een aantal kleuren. Bovenaan staan drie vakjes waarbij staat "Color Levels".
Onderaan staan drie knoppen met de namen "Shadows", "Midtones" en "Highlights". En daaronder een checkbox met de naam "Preserve Luminosity".
Laten we makkelijk beginnen, namelijk met de dingen waar je niet aan hoeft te zitten. Dat is een knop, de checkbox met de naam "Preserve Luminosity".
Deze knop staat standaard geselecteerd en is ervoor dat de schaduwen en hooglichten op de oppervlakten niet verdwijnen bij het wijzigen van de kleuren met de schuiven. Zet je deze knop uit dan krijg je vaak een egaal oppervlak met een kleur. Dat is leuk als je bike een tekening moet lijken, maar niet als je het realistisch wil houden.
Nu komen we bij de onderste knoppen genaamd "Shadows", "Midtones" en "Highlights". Deze staat standaard op "Midtones". Photoshop bepaalt zelf wat de schaduwen (=Shadows), de hooglichten (=Highlights) en de middentonen (=Midtones) zijn, je kunt dus alles aan het frame aanpassen om het realistisch te maken. Immers, op het frame zie je de schaduw en reflectie van de kappen.
Om de reflectie dus aan te passen klik je op "Highlights".
Om de echte kleur van het frame aan te passen klik je op "Midtones".
Om de schaduw aan te passen aan het frame en de reflectie klik je op "Shadows".
Stickers maken
Omdat veel mensen graag stickers willen plaatsen doe ik dat eerst.
Je plaatst stickers gewoon door een afbeelding te plakken, maar eerst moet je een goeie afbeelding krijgen.
Meestal gebruik ik Google of de aangeleverde afbeeldingen en knip deze uit. Dit is dan ook vaak het struikelpunt voor veel mensen, namelijk hoe knip je de afbeeldingen uit zonder er een wit vlak omheen te krijgen.
Daar zijn twee manieren voor, de makkelijkste is de optie Extract. Deze staat onder Filter > Extract.
Wanneer je deze aanklikt opent er een nieuw venster met de afbeelding die jij wil uitknippen. Links staan een aantal opties, zoals het vergrootglaasje, de gum, het emmertje en bovenaan een stift. Je moet de bovenste selecteren. Hierdoor word je cursor een rondje, dit rondje geeft standaard een groene lijn (maar dit is in te stellen aan de rechterkant).
Aan de rechterkant staan de Tool Options, hier kun je instellen hoe groot je stift is, welke kleur deze is en welke kleur het emmertje geeft. Ook staat er de optie "Smart Highlighting". Klik deze aan als de verschillen tussen de voorgrond en achtergrond erg duidelijk zijn (zwart op wit, blauw op geel, etc.) Deze optie zorgt ervoor dat de stift alleen op de rand precies genoeg selecteert. Als je verder leest snap je zo waarom dat handig is.
Ook staat daar Extraction. Dit hele kopje hoeft niks mee gedaan te worden, behalve bij de optie "Smooth," daarachter staat een waarde, deze zet je tussen de 20 en 40. Dit zorgt ervoor dat je geen gekartelde (duidelijk pixels) randen krijgt maar een mooie overvloeing. Is je afbeelding groot, zet hem dan in de buurt van de 40, is de afbeelding klein zet hem dan in de buurt van de 20.
Daaronder staat "Preview." In dit kopje selecteer je bij "Display" uit het lijstje het woord "None" en daaronder klik je de checkboxes van "Show Highlight" en "Show Fill" aan.
Nu moet je met de stift langs de randen van je afbeelding gaan, hoe precieser je langs de randen gaat (dus hoe dunner de lijn) hoe mooier je uitgeknipte stuk word. Zorg dat je een gesloten kring maakt terwijl je met de stift langs de randen gaat. Ook al knip je maar een stukje uit, zorg dat het een gesloten kring is, want je moet namelijk als je klaar bent met de randen van je afbeelding te selecteren het emmertje gebruiken om de binnenkant (dus de afbeelding die je hebben wilt) te selecteren. Zodra je dus klaar bent om met de stift de gesloten kring te maken en de randen te selecteren selecteer je het emmertje en vul je binnen de groene lijnen de afbeelding. Wanneer je per ongeluk toch buiten de lijnen komt met het emmertje doe je "Undo" onder het kopje "Edit" en probeer je het opnieuw.
Ben je tevreden over je resultaat dan druk je op Ok en je plaatje word uitgeknipt. Je kunt eventueel op Preview drukken als je eerst wil zien of het wel goed gegaan is.
Je hebt nu dus een vrijstaande afbeelding die je op je bike kan plakken.
Nu kan het zijn dat de sticker die je plakken wil te groot is of dat deze niet op de bike past omdat hij gedraaid moet worden of omdat het perspectief niet klopt. Daar is een heel handig menu voor. Het "Transform" submenu. Deze staat onder "Edit".
In dit menu staan de volgende dingen:
Scale Dit is engels voor schalen. Door deze te selecteren kun je de afbeelding verkleinen. Door tijdens het verkleinen de toets "shift" in te drukken blijven de lengte en breedte naar verhouding gelijk, je afbeelding word dus niet platgedrukt of uitgerekt dan.
Rotate Dit is engels voor roteren. Door deze te selecteren kun je de afbeelding draaien. Door tijdens het draaien de toets "shift" in te drukken maak je steeds stappen van 30 graden.
Skew Dit is engels voor helling. Hiermee kun je de afbeelding laten 'hellen'. Let wel dat het geen 3d afbeelding is, dus je afbeelding word alleen maar in een punt naar boven getrokken.
Distort Dit is engels voor vervorm. Hiermee kun je dus eigenlijk alles wat hierboven ook staat, wanneer goed gebruikt is het makkelijk om stickers zo te maken dat ze meteen goed op de bike staan. Dit vereist wel enig ruimtelijk inzicht, maar met rotzooien kom je ook een heel eind.
Persective Dit is engels voor perspectief. Hiermee kun je perspectief aan je afbeelding geven.
Rotate 180° Dit is engels voor roteer 180 graden. Hiermee draai je de afbeelding dus om.
Rotate 90° CW (=clockwise) Dit is engels voor roteer 90 graden met de klok mee. Hiermee draai je de afbeelding dus 90 graden naar rechts.
Rotate 90° CCW (=counter clockwise) Dit is engels voor roteer 90 graden tegen de klok in. Hiermee draai je de afbeelding dus 90 graden naar links.
Flip horizontal Dit is engels voor spiegel horizontaal. Hiermee spiegel je de afbeelding dus horizontaal.
Flip verticaal Dit is engels voor spiegel verticaal. Hiermee spiegel je de afbeelding dus verticaal.
Nu heb je de basis om stickers te maken op je bike nu moet je alleen de belichting van de sticker nog goed maken.
Let op. De drukker kan niks met dit ontwerp, en zal dus of een gigantisch bedrag vragen omdat hij iemand dit ontwerp moet laten uitwerken of hij wijst gewoon je opdracht af.
-------------------------------------------------------------
Downloads
B1, B1 Replica's, Tai Chi's en andere vergelijkbare bikes.
Download hier
Polini 911, Polini 911 replica en andere vergelijkbare bikes.
Download hier
(Let op. Bij deze bike heb je voornamelijk de Color Balance nodig om de kleuren van de kappen te veranderen, alleen bij de gele vlakken niet.)
Zoals te zien heb ik een klein merkje van mezelf in de lay-out verwerkt.
Het bestand dat je download heeft niet de kleuren zoals hierboven te zien zijn, dit was puur een voorbeeld. Het koste me met de lay-out 20 seconden om deze kleuren te maken.
De download bevat een .PSD bestand, dit is een extensie die Photoshop maakt waarbij geen verlies van kwaliteit optreed en alles nog steeds volledig beschikbaar is. Omdat velen van jullie nog maar weinig bekend zijn met Photoshop zijn alle lagen beveiligd tegen verschuiven, verwijderen en tegen uitschieten met kwast of potlood.
Er komen nog meer bikes.
Lay-out betekent in dit geval dat alle kappen, het frame, de spatborden en de velgen allemaal een aparte laag gegeven heb. Hiermee kun je heel makkelijk het frame, de velgen, de spatborden en de kappen een andere kleur geven.
Aangezien deze lay-out voor Photoshop 8.0 (Creative Suite) en hoger is leg ik uit hoe je daarmee de kleuren verandert. Hij werkt ook met de demo.
Lagen selecteren
Voor dat je een deel van de bike een andere kleur kunt geven moet je delaag selecteren waarop dat deel van de bike staat wat jij kleuren wil.
Je gaat daarvoor naar het kopje bovenaan je scherm met de naam Window > Layers. Nu verschijnt er een venstertje waarin zo'n 10 lagen staan, elk met de naam van het onderdeel waarvan ze zijn. Klik op de laag en pas dan de onderstaande manieren van kleuren toe.
Kappen en spatborden
Voor de kappen en spatborden gebruik je de "Hue, Saturn en Lightness" optie, deze staat onder het kopje Image > Adjustments > Hue/Saturn.
Hue
Door de Hue schuif te gebruiken (verschuif naar zowel links als rechts) verkleuren de kappen, (geel, groen, rood, etc.).
Saturn
Saturn staat voor saturation wat weer staat voor verzadiging. Door deze schuif helemaal naar links te schuiven haal je alle kleur uit de kap of uit het spatbord. Deze word dus grijs.
Door deze naar rechts te verschuiven wordt de kleur van de kap feller, maar dit is vaak niet erg notabel.
Lightness
Zoals de naam al zegt is deze schuif voor de belichting. Doe deze schuif helemaal naar links en de kap wordt gewoon helemaal zwart, helemaal naar links en hij wordt helemaal wit (het relief verdwijnt dan ook).
Frame en velgen
Voor grijze oppervlakken zoals het frame en de velgen gebruik je de Color Balance knop. deze staat onder het kopje Image > Adjustments > Color Balance.
Nu zie je een drietal schuiven met naast de balken een aantal kleuren. Bovenaan staan drie vakjes waarbij staat "Color Levels".
Onderaan staan drie knoppen met de namen "Shadows", "Midtones" en "Highlights". En daaronder een checkbox met de naam "Preserve Luminosity".
Laten we makkelijk beginnen, namelijk met de dingen waar je niet aan hoeft te zitten. Dat is een knop, de checkbox met de naam "Preserve Luminosity".
Deze knop staat standaard geselecteerd en is ervoor dat de schaduwen en hooglichten op de oppervlakten niet verdwijnen bij het wijzigen van de kleuren met de schuiven. Zet je deze knop uit dan krijg je vaak een egaal oppervlak met een kleur. Dat is leuk als je bike een tekening moet lijken, maar niet als je het realistisch wil houden.
Nu komen we bij de onderste knoppen genaamd "Shadows", "Midtones" en "Highlights". Deze staat standaard op "Midtones". Photoshop bepaalt zelf wat de schaduwen (=Shadows), de hooglichten (=Highlights) en de middentonen (=Midtones) zijn, je kunt dus alles aan het frame aanpassen om het realistisch te maken. Immers, op het frame zie je de schaduw en reflectie van de kappen.
Om de reflectie dus aan te passen klik je op "Highlights".
Om de echte kleur van het frame aan te passen klik je op "Midtones".
Om de schaduw aan te passen aan het frame en de reflectie klik je op "Shadows".
Stickers maken
Omdat veel mensen graag stickers willen plaatsen doe ik dat eerst.
Je plaatst stickers gewoon door een afbeelding te plakken, maar eerst moet je een goeie afbeelding krijgen.
Meestal gebruik ik Google of de aangeleverde afbeeldingen en knip deze uit. Dit is dan ook vaak het struikelpunt voor veel mensen, namelijk hoe knip je de afbeeldingen uit zonder er een wit vlak omheen te krijgen.
Daar zijn twee manieren voor, de makkelijkste is de optie Extract. Deze staat onder Filter > Extract.
Wanneer je deze aanklikt opent er een nieuw venster met de afbeelding die jij wil uitknippen. Links staan een aantal opties, zoals het vergrootglaasje, de gum, het emmertje en bovenaan een stift. Je moet de bovenste selecteren. Hierdoor word je cursor een rondje, dit rondje geeft standaard een groene lijn (maar dit is in te stellen aan de rechterkant).
Aan de rechterkant staan de Tool Options, hier kun je instellen hoe groot je stift is, welke kleur deze is en welke kleur het emmertje geeft. Ook staat er de optie "Smart Highlighting". Klik deze aan als de verschillen tussen de voorgrond en achtergrond erg duidelijk zijn (zwart op wit, blauw op geel, etc.) Deze optie zorgt ervoor dat de stift alleen op de rand precies genoeg selecteert. Als je verder leest snap je zo waarom dat handig is.
Ook staat daar Extraction. Dit hele kopje hoeft niks mee gedaan te worden, behalve bij de optie "Smooth," daarachter staat een waarde, deze zet je tussen de 20 en 40. Dit zorgt ervoor dat je geen gekartelde (duidelijk pixels) randen krijgt maar een mooie overvloeing. Is je afbeelding groot, zet hem dan in de buurt van de 40, is de afbeelding klein zet hem dan in de buurt van de 20.
Daaronder staat "Preview." In dit kopje selecteer je bij "Display" uit het lijstje het woord "None" en daaronder klik je de checkboxes van "Show Highlight" en "Show Fill" aan.
Nu moet je met de stift langs de randen van je afbeelding gaan, hoe precieser je langs de randen gaat (dus hoe dunner de lijn) hoe mooier je uitgeknipte stuk word. Zorg dat je een gesloten kring maakt terwijl je met de stift langs de randen gaat. Ook al knip je maar een stukje uit, zorg dat het een gesloten kring is, want je moet namelijk als je klaar bent met de randen van je afbeelding te selecteren het emmertje gebruiken om de binnenkant (dus de afbeelding die je hebben wilt) te selecteren. Zodra je dus klaar bent om met de stift de gesloten kring te maken en de randen te selecteren selecteer je het emmertje en vul je binnen de groene lijnen de afbeelding. Wanneer je per ongeluk toch buiten de lijnen komt met het emmertje doe je "Undo" onder het kopje "Edit" en probeer je het opnieuw.
Ben je tevreden over je resultaat dan druk je op Ok en je plaatje word uitgeknipt. Je kunt eventueel op Preview drukken als je eerst wil zien of het wel goed gegaan is.
Je hebt nu dus een vrijstaande afbeelding die je op je bike kan plakken.
Nu kan het zijn dat de sticker die je plakken wil te groot is of dat deze niet op de bike past omdat hij gedraaid moet worden of omdat het perspectief niet klopt. Daar is een heel handig menu voor. Het "Transform" submenu. Deze staat onder "Edit".
In dit menu staan de volgende dingen:
Scale Dit is engels voor schalen. Door deze te selecteren kun je de afbeelding verkleinen. Door tijdens het verkleinen de toets "shift" in te drukken blijven de lengte en breedte naar verhouding gelijk, je afbeelding word dus niet platgedrukt of uitgerekt dan.
Rotate Dit is engels voor roteren. Door deze te selecteren kun je de afbeelding draaien. Door tijdens het draaien de toets "shift" in te drukken maak je steeds stappen van 30 graden.
Skew Dit is engels voor helling. Hiermee kun je de afbeelding laten 'hellen'. Let wel dat het geen 3d afbeelding is, dus je afbeelding word alleen maar in een punt naar boven getrokken.
Distort Dit is engels voor vervorm. Hiermee kun je dus eigenlijk alles wat hierboven ook staat, wanneer goed gebruikt is het makkelijk om stickers zo te maken dat ze meteen goed op de bike staan. Dit vereist wel enig ruimtelijk inzicht, maar met rotzooien kom je ook een heel eind.
Persective Dit is engels voor perspectief. Hiermee kun je perspectief aan je afbeelding geven.
Rotate 180° Dit is engels voor roteer 180 graden. Hiermee draai je de afbeelding dus om.
Rotate 90° CW (=clockwise) Dit is engels voor roteer 90 graden met de klok mee. Hiermee draai je de afbeelding dus 90 graden naar rechts.
Rotate 90° CCW (=counter clockwise) Dit is engels voor roteer 90 graden tegen de klok in. Hiermee draai je de afbeelding dus 90 graden naar links.
Flip horizontal Dit is engels voor spiegel horizontaal. Hiermee spiegel je de afbeelding dus horizontaal.
Flip verticaal Dit is engels voor spiegel verticaal. Hiermee spiegel je de afbeelding dus verticaal.
Nu heb je de basis om stickers te maken op je bike nu moet je alleen de belichting van de sticker nog goed maken.
Let op. De drukker kan niks met dit ontwerp, en zal dus of een gigantisch bedrag vragen omdat hij iemand dit ontwerp moet laten uitwerken of hij wijst gewoon je opdracht af.
-------------------------------------------------------------
Downloads
B1, B1 Replica's, Tai Chi's en andere vergelijkbare bikes.
Download hier
Polini 911, Polini 911 replica en andere vergelijkbare bikes.
Download hier
(Let op. Bij deze bike heb je voornamelijk de Color Balance nodig om de kleuren van de kappen te veranderen, alleen bij de gele vlakken niet.)
Zoals te zien heb ik een klein merkje van mezelf in de lay-out verwerkt.
Het bestand dat je download heeft niet de kleuren zoals hierboven te zien zijn, dit was puur een voorbeeld. Het koste me met de lay-out 20 seconden om deze kleuren te maken.
De download bevat een .PSD bestand, dit is een extensie die Photoshop maakt waarbij geen verlies van kwaliteit optreed en alles nog steeds volledig beschikbaar is. Omdat velen van jullie nog maar weinig bekend zijn met Photoshop zijn alle lagen beveiligd tegen verschuiven, verwijderen en tegen uitschieten met kwast of potlood.
Er komen nog meer bikes.
