How to Give Your Photos the Cyberpunk Look in Photoshop | Ricardo Terán | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

How to Give Your Photos the Cyberpunk Look in Photoshop

teacher avatar Ricardo Terán, Adobe Photoshop & Illustrator tutorials.

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

4 Lessons (11m)
    • 1. Introduction

      0:55
    • 2. How To Give The Image A Pseudo HDR Look

      2:53
    • 3. How To Achieve Glow Around The Lights

      2:56
    • 4. How to make NEON Text Effect

      4:36
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

158

Students

1

Project

About This Class

1a80bbb3

In this course, I'm going to show you some image processing techniques to achieve a cool cyberpunk style visual effect within your photos. This popular art style takes inspiration from 80s nostalgia and the neon-noir gender of movies such as Blade Runner, which featured densely populated, futuristic cities illuminated by bright neon signs and advertisements.

  • We'll process the original photo to give it a hyper-realistic HDR appearance, then apply heavy color grading with hot pinks and bright blues, which are popular aesthetic of this style. Enhancements to the neon signs, plus some subtle mist and smoke effects.
  • We'll then finish off the image with the stylized atmosphere of those neon-noir movies.

There are exercise files that you can download so you can work alongside me.

I can’t wait to see what you guys create.

Meet Your Teacher

Teacher Profile Image

Ricardo Terán

Adobe Photoshop & Illustrator tutorials.

Teacher

Hello, I'm Ricardo. 

Thanks so much for taking the time to browse my content here on Skillshare. I hope you've found some interesting stuff. My aim is to help you create cool stuff by sharing tips, inspiration, and resources to fuel your creative passion. Let me show you around and explain what you can expect to find here.

I post one main type of content: Tutorials to show you how to create awesome designs. Every week you'll find new posts that fall into one of these categories: Photoshop or Illustrator.

Tutorials are the main type of content I do. I post how-to guides for Adobe Photoshop that show you how to create cool designs, styles, and effects. Many of the tutorials I produce are based on my own line of interests, so you'll find plenty of r... See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Introduction: Hello, everyone. This is Ricardo, back with another video tutorial for Adobe Photo Shop. Today I'm going to show you some image processing techniques to achieve a cool, cyberpunk style visual effect within your photos. This popular style takes inspiration from eighties nostalgia and the neon noir genre movies such as Blade Runner, which featured densely populated, futuristic cities illuminated by bright neon signs and advertising. We'll process the original photo to give it a hyper realistic HDR appearance, then apply heavy colored rating when hot pinks and bright blues, which are popular aesthetics of the style enhancements to the neon signs, plus some subtle mist and smoke effects, will then finish off the image with stylized atmosphere of those neon Knew our Movies. 2. How To Give The Image A Pseudo HDR Look : this effect works best with photographs of busy streets in Far Eastern cities such as Tokyo , Hong Kong or soul. Tall buildings and bright lights are key features, but you could also try out images of dark back alleys to tap into the sinister mood of neon noir films. Unless you have your own photos from traveling to those parts of the world, it can be difficult to find unprocessed images to make use of in this tutorial. All be using this photo of Hong Kong by Sean Foley on unspool ash dot com. It does already have some bright color adjustments, but it's a great scene to enhance with a cyberpunk vibe. Open your chosen photograph in Adobe Photo Shop. Begin by duplicating the background layer to save a copy of the original For reference writes click on the duplicate layer and choose convert to smart object so the subsequent adjustments will be applied non destructively, allowing you to go back and alter the settings if necessary, and go to filter and camera. Raw filter in the top menu here will use a bunch of adjustments to give the image a pseudo HDR look to increase the dynamic range and achieve the dream like appearance. The temperature and 10 sliders are a great place to start to begin introducing the pink and blue color casts. The exact values will depend on your specific image, but I've all the results in the preview panel dramatically decreasing the highlights and increasing the shadows really helps us bring out the details of the image for that flat HDR look. Reducing the highlights does take the luminous out of the lights, so bumping up the white slightly helps brighten them back up. It might be tempting to increase the clarity on such a detailed image, but to decreasing it to between eight and 10 actually works better to bring out the ambiance of the lights, increasing the D A slider to around plus 30 cannot bring back some of the contrast that was lost by adjusting the highlights and shadows in the menu at the top, choose the icon that represents split toning here, weaken further, enhance the pink and blue theme. Send the saturation slider to the max to find the right Hugh, then bring the saturation back down to fine tune the results. I went with a pinky purple in the highlights at 25% and a deep blue for the shadows, with 30% saturation. Finally, in the effects panel at a vignettes with an amount of around minus 50 and a touch of feathering so it gradually fades out. These camera raw adjustments alone have really helped to achieve the main visual traits of retro wave or cyberpunk style arts bunch. There are a few more tweaks that will enhance it further. 3. How To Achieve Glow Around The Lights: at a levels adjustment layer. To find, tune the tone of the image. Move the shadows end of the slider to around 20 to 30 then dragged the mid tones too dark in the overall scene to around 0.8 in the output levels Underneath, move in the shadows slider to bring up the black point, giving it more of a slightly washed out look. Click the new layer icon at the bottom of the layers stack, then go to select and color range. Jews Highlights from the menu, then set the fuzziness 20 Bring up the range to around 130. Fill this selection with white. Go to edit and fill menu. Go to select and de select. To deactivate the selection, Set the fill amount to zero by adjusting the slider at the top of the layers panel. Then double click the layer to add an outer glow layer style. Set the blending motew Linear dodge, which will provide a nice, vivid glow effect, bump up the opacity to 100% for now. To fully see the results. Play with the size and spread values to achieve a subtle glow around all the lights without blowing out the luminous too much you can go back and bring down the opacity value to fine tune the results. I ended up with a 10 pixel size 2% spread and 30% opacity, since bright lights are an important part of this art style, adding this outer glow illuminates parts of the image with an even brighter glow. So up the brush tool with a large soft tip, then bring down the flow value to between 30 to 40% sample and vibrant cue from the image and add dabs of color on a new layer that correspond to the color of the lights. In that part of the image set the blending mode to screen and bring the opacity down to around 30%. These color overlays help add to the ambient glow of the lights and produce a kind of subtle, missed effect 4. How to make NEON Text Effect: select a pen tool and begin tracing the sign within the scene. Click and drag the points to form curves than ault and click the endpoint to remove the busy a handle, ready for the next line. Hold the command or control key on windows and click on the canvas to reset the pen for the next path. Then continue tracing the rest of the words Temporarily . Switch back to the brush tool in order to set it up with a white tip. Max hardness and 100% flow. Then, in the brush settings, decrease the spacing toe. One. Alter the size of the tip in relation to the sign in the photo to roughly the size of neon . To would be before switching back to the pen tool with the pencil active. Hold the command key to toggle to the selection tool and draw across all the pads that form . The sign outlines at a new layer than rights. Click and choose stroke. Choose brush in the tool options with simulate pressure de selected. Now the paths have been stroked. Double click the layer to add some layer styles to make these white lines look like illuminated neons. begin with a color overlay to select the color of your sign at an inner glow. Next, with a blend mode of linear dodge and white is the fill color. Bump up the opacity while setting up the options. Set the source to center than alter the size of the lilac color. Overlay fades in at the edges. Play with the opacity to balance the overall brightness at an outer glow. Next, the linear Dutch settings will already be established, but change the color toe a purple hue to match the color of the neon than alter the size to illuminate the sign. 32 pixels works for the scale of this image. The outer glow effect isn't one that could be duplicated, but we can configure the drop shadow effect to work in the same way. Set it up with a purple hue and linear dodge, then reduce the distance to zero. Bump up the size of this effect to over 50 pixels toe ADM or ambience to the neon glow. The final results is a really cool, cyberpunk inspired photo effect that transforms a street shots into a scene from a dystopian neon noir story. The blue and pink color cast helps spring in the retro wave theme, while the camera raw adjustments gives the photograph more of, ah, hyper realistic appearance. Additional neon signs help enhance the cyberpunk vibe. Then subtle color casts and layer of miss give the overall shot a dreary mood. If you enjoyed this tutorial review would be greatly appreciated to help recommend the video to others. Follow me to stick around for more tutorials, as always, thank you very much for watching, and I'll see you in the next one.