Fast professional Photoshop rendering for Product Design

[@moonsaber1233]

Rendering stuff for 2nd year of Uni and this video was great to watch and copy, thank you!

[@vinay8467]

nice informative tutorial , i also tried by followed your video.

[@m8days30]

When I though I knew photoshop and u do some mad stuff with rendering I need more practise and learning

[@yuanweifang8827]

I like your videos and your humour! already subscribed and looking forward to more!

[@miyakimotto4671]

thanks for the great video.. another knowledge..

[@abinpathrosevijayan3489]

Thank you, I always wondered how such colourings were done. Am enlightened!

[@DirtBikePastrana]

Wow, great job! And so fast

[@briancasey7241]

Thanks for the video. I lecture on an undergraduate product and industrial design course but come from an engineering background myself. I like the impact vs effort your technique has. I see too many undergrads spend hours on photoshop having lost track of the purpose of the rendering they are doing, which is usually just a quick communication of form and materials.

[@graphicswizardry]

Brian Casey thanks, glad you got something from it. I've been guilty of getting sucked into a rendering before and trying to make it perfect, and you could waste a day just tinkering making changes only you notice. The thing I see a lot is students spending two hours trying to fix a twenty minute sketch and gradually making it worse and worse, rather than starting again. Students eh?! Good luck with your lot anyway, if you have any ideas for videos that might be useful let me know and I'll put them in my to do list.

[@atastycloud]

Brian Casey hello sir, I just want to ask, I want to do product design for uni however I don't do maths or physics which is usually required for the course, if I don't do any of them, am I not allowed to get into the course??.... Right now I'm currently doing Product Design tech, Fine art and applied science...

[@graphicswizardry]

Hi LG, the course I guest teach at has Maths and Physics as GCSE requirements but the specific A level etc requirements are just for Art and Design courses, so I guess there are other courses out there with similar requirements. www.coventry.ac.uk/course-structure/UG/2018-19/fah/product-design-ba/

[@learnwithaasim]

This is so amazing! Thank you so much.

[@waynestrickland4589]

Thanks for the great video! Keep up the good work!

[@emonhossain4353]

great video... thanks

[@xaviergonzalez5652]

Really nice video!!! Thank you so much! I hope to teach us more about rendering!

[@victoriaparodi616]

Good job!

[@hibiscusflower5911]

An epic tutorial. I was wondering at 12:01 how do you control the diameter with shortcuts? I can see you're dragging it up and down to increase and decrease... what shortcut do you use to get that function. pressing Ctrl while using the brush tool creates scissors for me. Edit: got it! Ctrl+Alt+mouse

[@graphicswizardry]

Hi Zoe, sorry for not spotting this sooner - yes, you've got it, it's Control + Alt and hold down the mouse button (on a Mac) and Control + Alt + RIGHT mouse button on a PC. Dragging left and right controls the size, and dragging up and down controls the hardness of the brush. It's a SUPER useful technique to get quick with, and it's vital to help you look like a Photoshop G.

[@96Parmar]

Thanks!! These type of videos are really helpful especially for a undergrad! Please make more! Can you make a video based on re-touching a 3D CAD rendering on photoshop? 3D Model renderings tend to be quite 'raw', is there anyway to enhance them?

[@graphicswizardry]

Sounds like a good plan. Truth is, I'm almost exclusively 2D, I did low-poly modelling at uni back in the day but I've not really done any 3D since then. I'm certain that I can apply a veneer of professionalism to a hooky rendering, but it will take a while to sort out the details. Funny thing though, when I was talking to my students the other day, this was literally suggested as something I should cover, so either you are one of them, or great minds think alike.

[@BrendenPragasam]

Where were you studying? I'm a transfer at SJSU... And we basically have to compete tooth and nail to be in there.

[@JakesShredGuitar]

these are great, thankyou

[@hibiscusflower5911]

5:08 How were you creating the curved highlight on something that wasn't selected? .. Also why do you use White & Black, why not use burn & dodge? When creating shadow and highlight? .. Also why don't you create layers? that way you could alter something? Would you use layers in another case?

[@graphicswizardry]

Hi Zoe, good questions. First, I didn't really explain it very well but once I had done the highlight on the chamfer around that bit of geometry I pressed shift+command+i to invert the selection. So what was selected before is now not selected and everything else is selected, it's a quick little move for doing bits of geometry like that. Why not use dodge and burn? No good reason, I quite like the simplicity of using the brush and the two colours, it's quite an analogue way of working. I always stress with my students that how I work isn't the only or necessarily the best way, it's just *a* streamlined way of working. If you like using dodge and burn then go for it. In my mind I prefer just to have one way of working whether I'm painting colour or, in this example, black and white. But how you work is a personal thing. Why not use layers? The way I am teaching is quite a loose and fast style, the goal is to get effective results FAST. Working with layers is great for precise tight work that you need to look awesome. If I was doing more complex masking that's exactly what I would do (check some of my other videos) but for this the goal is fast. I suppose I'm confident in the tools and my chops with them so I don't feel as nervous now about making mistakes as I used to - if you find using layers helps you work more effectively, go for it, but maybe challenge yourself to fly without a safety net once in a while. Thanks for watching, I hope you found it useful.

[@hanefigurler]

That's a wonderful video! Thank you for sharing!

[@graphicswizardry]

Thanks Hanefi, glad you liked it! I'll record some more soon and upload them.

[@dumaryhelp]

Really cool! thanks mate!

[@edenlock6867]

OMG Why this video is not popular?!?!?!? I really want you make more video for the all fresh designer like me. After 2 years I saw you video,and I really want to see more video form you. 加油。 YA I forget to say, I'm a Taiwanese. Your video over the sea come to front for me. I really appreciate sorry my English is not pretty will, but my heart tell me. I need to subscribe your channel. I hope can see your video again.

[@InitialANSR]

THANKS!! Great video!

[@abhinavaggarwal4062]

Hi! Is there a way to add texture in photoshop? I mean if we want to add rubber texture on the handle grip there, Is there a way to do that?

[@graphicswizardry]

Absolutely. I'll do a video in a bit (because honestly it's been way too long) but briefly if you get the texture you want from a Google image search, paste it as a layer above the grey artwork, use the masks from your colour layers to mask the texture and then set the opacity mode to overlay, that's the best way. If you desaturate the texture layer you can keep control of the colour on a separate layer. Good luck!

[@EricStrebel]

nice approach, I approve!

[@graphicswizardry]

Glad you like it Eric, it's not perfect but it's fast and pretty easy and it doesn't look terrible.

[@hhhin1028]

Thank you very useful!

[@justinj.1851]

What is the shortcut you are using for connecting a brush line? It seems like you are clicking for a start point and then clicking for an end point of your brush strokes. The only way I've ever done something similar was by making paths and then using the stroke path option. The way your doing it seems a lot more streamlined. Is it just a hot key for the brush or are you actually drawing paths and just switching tools fast?

[@graphicswizardry]

Hi Justin, it's a basic move but useful when you get the hang of it. Click the start point with your brush, then hold down shift and click the finish point, and photoshop will draw a line between the two points with the selected brush. It only draws straight lines, so it's not as precise or focused as using the path tool etc, but it is useful to have in your back pocket, especially if you are working fast - you can get a really nice marker-pen style look using this and I use it A LOT for doing smooth shading passes. I teach this technique day one on my course because it's really handy!

[@nicolosenigagliesi2482]

Great vid.. I've some problems at the start. How you can see the grey background if you have the upper level in white with the black lines? Have you set it the "moltiply" mode? Thanks

[@graphicswizardry]

Yes, the sketch layer needs to be set to multiply.

[@RS-ih1hb]

Hi bro first of all id like to thank you for this tut it really help me out how you can play with the brushes just only with 2 colors.. I want to ask how did you moved the unlocked layer and put it below the locked layer and how you use it when the locked layer is above and selected but you working on below unlocked layer? Didn't get it

[@graphicswizardry]

Rummy singh Thanks for watching, I'm glad it was useful. The layers are easy to move, you literally just click and drag the layers into place in the layers palette. The sketch layer is set to multiply to make it transparent so I can paint under it. You just have to make sure the layer you want to paint on is selected in the layers window - whichever layer is selected, that's the layer the brushes will paint on. I think that's what you mean?

[@mudaserawan1457]

I really want to learn this step, could you please make a 1 min video in slow motion and show how this is done. I am new to Photoshop.

[@user-ue5kt1tj7i]

What is this process called? Just rendering? Also how would I learn how to make mock up items...Not the template but the actual item. For example a cup. Is that called rendering? Like rendering a product cup FOR a mock up template?

[@roshankumarSahu]

i liked the video .. i love the way u do :)

[@graphicswizardry]

Thanks dude, hopefully it's useful - give it a try with your own renderings I think you'll get some good results!

[@roshankumarSahu]

sure :) it helped atlot :) thankx :)

[@jasonc2546]

What a legend

[@graphicswizardry]

Takes one to know one.

[@stvnrncmn5066]

Thanks this video is so useful.. We don't get taught anything remotely like this.

[@graphicswizardry]

You do now!

[@endrehth]

have you ever used the adobe capture app to import your sketches as vector files, and then render over top that?

[@graphicswizardry]

Hi Giacomo, I've actually got a few sketches I'm working on now that I'm going to do some videos of so I'll give it a try. I've played around a bit with it but not on any serious projects. Have you used to for that, is it any good?

[@graphicswizardry]

Hey dude I just tried it and it's a bit loose in terms of the detail, if I didn't want to use the scanner I would probably just use the camera on my phone to snag the sketch and then clean it up in Photoshop. I'll have another play though and see if I can get it working any better.

[@LuisKsGameplay]

0:35 i don't understand how you do that, help

[@graphicswizardry]

Happy to help, what specifically can't you do?

[@offsitestudio1998]

How did you put the 50% grey background????Can anyone help me?

[@graphicswizardry]

Sure. Make sure you have the foreground colour set at 50% in your colour palette then make sure you have the layer you want to apply the colour to selected, then just hit alt + backspace on your keyboard. That key combo flood fills any selected area with the foreground colour and it's SUPER useful for this kind of jazz.

[@KatIsNotNormal]

Hey, sorry to pick this back up again! When I do this I can't combine the lines and the grey to see them at the same time. I've been scratching my head over this all night and I'm assuming it's really obvious I'm just too tired to get it!

[@alexeiszemborski5555]

Would you cover the steps to render slick metallic highlights like the ones on a car?

[@graphicswizardry]

Hi Xelex, that's a real tricky one, I'll add it to my list and try and cover it when I record my next few videos. Thanks for the suggestion!

[@alexeiszemborski5555]

Thank you! It would really be helpful to know for my major

[@graphicswizardry]

I actually just looked to see if there are any videos I could recommend whilst I'm sorting one at Graphics Wizardry HQ, but the only shiny car tut is by Scott Robertson which, look, it looks amazing, but step one of his technique always seems to be "be a world class expert" which isn't maximum useful to someone trying to catch up. Here's the video anyway, kzbin.info/www/bejne/rWXYe6N-lq2NisU I mean look at his chops, it's depressing. I'll maybe try and put up an easier technique.

[@alexeiszemborski5555]

Yeah, kinda looking for more substance than he provides, but thank you anyways! ill be sure to keep an eye out for your future videos.

[@pixeladocreative2408]

hermoso

[@tomwright5605]

Hi, how did you manage to get photoshop onto you mac?

[@graphicswizardry]

Two ways - first, you have to pray to the gods of Photoshop and sacrifice a copy of GIMP at the altar. Second way, you just go onto the Adobe website and install it from there because it's always been available for Mac. Up to you which really.

[@tomwright5605]

Thanks

[@ct3585]

how to focus color one point to next point to be smooth and expand ,such as video time 29:53 demonstration

[@graphicswizardry]

Hi Alex, I think you mean changing the brush size? That's done by holding down control and alt and dragging with the mouse button held down (mac) or the right mouse button held down (PC). If you drag left to right you can shrink and expand the brush, if you drag up and down you can control the hardness of the edge. It's a really useful technique to get in your muscle memory for working fast.

[@ct3585]

Oh sorry bro .i was not understand the issues is how to the process pull the two point ,but color part into a straight line @29:37

[@graphicswizardry]

Gotcha, no problem that's an easy one. All you do is to click at the point you want to start your line, with the brush set how you want it, then hold down the shift key on the keyboard and click again at the end of the line - Photoshop automatically draws a straight line between the two points. It's a really useful technique, on my marker style tutorial ( kzbin.info/www/bejne/hWSocquBnryUZs0 ) you can see I do almost all the colouring using it, it's great. I hope you find it useful.

[@howlingmedia4354]

Could you do something like that with a real life photo ?

[@graphicswizardry]

All the same techniques would work, but I'm not sure what the end result would look like... why not give it a try?

[@cullen4925]

the outline of your drill looks to be hand drawn, did you scan a drawn image of it to photoshop or just use an odd brush for the outline?

[@graphicswizardry]

Hi CJ - the drill was just sketched on a piece of paper then scanned in. I quite like to work that way, but like all the techniques I show it's not *the* way to work it's just *a* way to work. I love the immediacy and tactility of pen on paper, and I've never really matched it sketching on screen. I love rendering the drawing on screen as you can see from the videos. That's my method, initial sketch on paper, render on screen, I think it works well and it's FAST.

[@cullen4925]

Alright, thank you for replying so quickly!

[@hemanthkhappal8408]

Which laptop and software you use

[@graphicswizardry]

I'm on a vintage Macbook Pro on this video, using Photoshop.

[@davidwellner1164]

Yes, i am interested in that technique too. How do you do it?

[@graphicswizardry]

David Wellner which technique, you might have replied to the wrong comment?

[@pshyck4144]

Sir can you be more defined to what keys are you using instead of just showing it below

[@graphicswizardry]

Next time I shoot a video I'll try to make it clearer but your best bet is to find a PDF cheat sheet for the version of Photoshop you are using, print it out and stick it to the side of your monitor - this is still the best way to learn the keys, and learning the keys is essential to developing a fast, professional workflow.

[@ashwynn4177]

your chuck or the bit is not in line with the body

[@graphicswizardry]

It's been that way since I was born, doctors tell me there's nothing they can do about it.

[@graphicswizardry]

Wait, you mean on the drill. Yeah true.

[@graphicswizardry]

just checked - it's not really that bad, but great job pointing that out drive.google.com/open?id=1-2-qyVZn2pbluMcrV5MQgLJLpqzSbyiA

[@ashwynn4177]

haha. that made my day. mine tends to starboard by default

[@sonicstep]

I cannot help but think that traditional use of paper, pencil/pen, marker pastel and gouache/snopake is much quicker for rendering and doesn't produce such an impersonal generic look (a traditional quality rendering tends to identify the artist like a John Barry music score). Interesting to see this method and other similar examples nonetheless.

[@graphicswizardry]

Maybe. From a personal perspective there's just no way that I could produce something with as high a standard of finish as this, generic or not, with traditional media - bear in mind that this video is slightly artificial because I'm working at a slower speed that allows me to explain it all. If you can work fast and at a high standard with traditional tools, then that's great, go for it.

[@lunaura666]

why you designers don't get tablets? it's much easier than with the mouse.

[@graphicswizardry]

I actually do have a tablet, but I teach a style of rendering that doesn't need one specifically because a lot of my students don't have one.

[@vainhalloffame]

wish my professor taught us how to do stuff like this smh

[@graphicswizardry]

LOL, that sucks but that's what I'm here for! Share the video with your classmates (or just keep it to yourself and git gud whilst they don't) and if you have any ideas of things you'd like me to cover, let me know.

[@kertkronk5255]

pask oled

[@pinifarina458]

just an illustration not even rendering

[@ascoria980]

render means represent or depict artistically, 3d renders are called 3d renders because they show what used to be done by hand.