Retrobike Forum Index

It is currently Sat Sep 21, 2019 8:54 am

* Login   * Register * Search  * FAQ



Post new topic Reply to topic  [ 11 posts ]  Go to page 1, 2  Next
Author Message
PostPosted: Thu Sep 13, 2018 2:43 pm 
Retro Guru
User avatar

Joined: Sat Oct 19, 2013 6:34 pm
Posts: 1011
Location: Kent, UK
I'm not sure anyone will be interested and people with vector apps probably know how to do this anyway. But just incase anyone is interested...

My brother's just starting to get in to bike painting, he's done cars and stuff before but wanted to try something different. Anyway we've decided to use my old C4 as one of the project frames and were thinking about designs. This is just to show a nicer way of mocking up paint schemes using a vector app, although something like photoshop would work too. For this I used Affinity Designer but they all work the same way for this.

Often you'll just create a flat coloured idea of how it would look, something like this

Image

Which is fine but it's nice to see a more realistic view.

Next step to follow...


Top
 Profile  
 
PostPosted: Thu Sep 13, 2018 2:50 pm 
Retro Guru
User avatar

Joined: Sat Oct 19, 2013 6:34 pm
Posts: 1011
Location: Kent, UK
The first thing is to take a photo. In this case it had mainly been dismantled but a photo of the complete bike would work too, it's just a bit more work to trace things out.

Image

The first thing to do is to trace around the frame. It doesn't matter what colour to start with, you can add your design later. Then do the same with the fork.

Image

In Affinity photo I selected all the bits for the frame, not the fork, and combined them (Add from the toolbar). If you don't and add a gradient it sometimes goes funny.

Next step to follow...


Last edited by Skynet on Thu Sep 13, 2018 3:07 pm, edited 2 times in total.

Top
 Profile  
 
PostPosted: Thu Sep 13, 2018 2:57 pm 
Retro Guru
User avatar

Joined: Sat Oct 19, 2013 6:34 pm
Posts: 1011
Location: Kent, UK
Once that was done I added the basic colours and lettering to both the frame and fork. So it looked pretty much like a normal mockup.

Image

Then need to think about highlights and shadows. To do this we use grey fills and blend modes. For highlights I stuck with Screen mode and for shadows Multiply. For Screen the closer to white the grey is the lighter it will be, black means there will be no effect. For Multiply the closer to black the darker it will be, white means there will be no effect. Doing it this way means you can change the frame colour and the highlights and shadows remain.

Image

You can also make a gradient blend mode, so this was for grey to white.
Image

And adding Screen together with Multiply you get something like this
Image

Next step to follow...


Last edited by Skynet on Thu Sep 13, 2018 3:08 pm, edited 1 time in total.

Top
 Profile  
 
PostPosted: Thu Sep 13, 2018 3:01 pm 
Retro Guru
User avatar

Joined: Sat Oct 19, 2013 6:34 pm
Posts: 1011
Location: Kent, UK
Now it's up to you how long you spend adding the highlights and shadows. I just did mostly by eye but you could use the photo as a reference. I also added a metallic gradient to the forks, lettering etc. And ended up with

Image

For a lugged frame that would be it but as it's carbon frame I added some guassian blurs in places to soften the lines. When adding blurs you tend to need to make the shadow a bit darker or the highlight a bit brighter. So after adding them ended up with this

Image

I wasn't going to make it photorealistic, just realistic enough.

Next step to follow...


Top
 Profile  
 
PostPosted: Thu Sep 13, 2018 3:04 pm 
Retro Guru
User avatar

Joined: Sat Oct 19, 2013 6:34 pm
Posts: 1011
Location: Kent, UK
Now you have all the highlights and shadows how you want you can alter the design, the frame and fork objects you originally drew, in any way you like and it will still look fine.

Image

I just think it makes it easier to visualise what it would look like rather than a flat, lifeless mockup.


Last edited by Skynet on Fri Sep 14, 2018 11:30 pm, edited 2 times in total.

Top
 Profile  
 
PostPosted: Thu Sep 13, 2018 8:28 pm 
Old School Hero

Joined: Wed Dec 11, 2013 9:41 pm
Posts: 185
That is awesome ! Thanks for sharing, this is something I did several times, with powerpoint, but just stopped at your first step! What photo edit program did you use ?


Top
 Profile  
 
PostPosted: Thu Sep 13, 2018 8:49 pm 
Retro Guru
User avatar

Joined: Sat Oct 19, 2013 6:34 pm
Posts: 1011
Location: Kent, UK
Thanks. I used Affinity Designer. I find it easier using vector apps for something like that plus I've more practice with those. So Adobe Illustrator, Corel Draw, Inkscape... would also work. But you can do the same thing in Photoshop, Paintshop Pro etc. and some will probably prefer to use those. However in those you'd probably differently, like masking the frame instead or drawing it but it's basically the same idea.


Top
 Profile  
 
 Post subject: Re:
PostPosted: Fri Sep 14, 2018 11:57 am 
Retro Guru
User avatar

Joined: Mon Sep 24, 2012 9:10 pm
Posts: 1083
Quote:
I wasn't going to make it photorealistic, just realistic enough.


You are being modest. That is realistic enough to fool me.


Top
 Profile  
 
 Post subject: Re: Re:
PostPosted: Fri Sep 14, 2018 12:48 pm 
Retro Guru
User avatar

Joined: Sat Oct 19, 2013 6:34 pm
Posts: 1011
Location: Kent, UK
torqueless wrote:
Quote:
I wasn't going to make it photorealistic, just realistic enough.


You are being modest. That is realistic enough to fool me.


My photorealistic stuff is just that, like a photo. But takes a far longer so I don't do much of it. For this it was enough.


Top
 Profile  
 
 Post subject: Re:
PostPosted: Fri Sep 14, 2018 1:27 pm 
Gold Trader
Gold Trader
User avatar

Joined: Mon Jan 15, 2007 11:40 am
Posts: 3792
Looks good, but personally I get it done faster with a sheet of paper and my kid's colouring box of bits :lol:

I guess your result is a lot closer to the finished thing though!


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 11 posts ]  Go to page 1, 2  Next

All times are UTC [ DST ]


Who is online

Users browsing this forum: No registered users and 12 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  

About Us

Follow Retrobike

Other cool stuff

All content © 2005-2015 Retrobike unless otherwise stated.
Cookies Policy.
bikedeals - the best bike deals in one place
FatCOGS - Fat Chance Owner's Group

Powered by phpBB® Forum Software © phpBB Group