Keep up-to-date with Free tutorials!!


Sign up to our twice-monthly newsletter today for the latest tutorials, interviews and product information.

Sign me up to receive third-party emails from 3dtotal's partners, too!

- Latest news
- Exclusive Shop Offers
- Preview early content
- Plus much more


Not Ready to take that step? OK, Why not just Subscribe to the RSS Feed

submit tutorial
Paint a sci-fi port in Photoshop

| Your Rating:
rating star nonerating star nonerating star nonerating star nonerating star none
(Score 0 out of 5 after 0 Votes)
| Comments 1
Date Added: 4th July 2018
Software used:

Marco Espinosa takes us through the Photoshop process behind his sci-fi inspired abandoned port...



Hi, I'm Marco. This is a making of a personal piece that I called "Abandoned Port". To be honest it took me a lot of time to finish it, because I postponed it until I learned enough skills to finish the scene like it was in my mind. I learned so much by doing it and hope I can help you to grow your skills and to create a similar or better piece.

Step 1: Developing the idea

To start any kind of painting, the first step is to have a cool idea, and work through it in a sketch. For an environment like this I usually make some black and white thumbnail sketches just to have an overall composition and find some interesting shapes. The original idea was a port in a market near a river; I thought it would be interesting to have a lot of houses, one on top of the other like the Brazilian favelas, but the idea evolved further that you will see through the steps of this tutorial.


Step 2: Gathering the references

Once you have done your sketches, now you have the base to start the painting. Other artists start with the references first, but I like to leave them for the second step, that way I can use all my knowledge just in the sketch and improve it later on with the huge amount of pictures out there for references. Create Pinterest boards to help manage and save the images you find useful. After that I drop the ones that I liked for this project into PureRef.

Image references

Step 3: Establishing the composition

At this stage I correct the perspective and the composition, working through the shapes and the negative space, leading the viewer's eye into the spacecraft (it's where my focal point will be). In a deliberate way, I don't leave blank spaces where the viewer can leave the eyesight: in fact there are elements like the ships and the cloud that break that, leading again into the same spot.

Perspective lines

Step 4: Build with photographs

For the spaceship design I used the front of a scrap beetle I've found interesting, and at the end I kept some of the elements from that shape for the final design, after that just use the photographs from my reference to make a rough sketch of what it'll be. To give that painterly look I used Filter > Noise > Dust and Scratches. I played with the sliders until I liked the way it looked.

Rough sketch

Step 5: Setting up the mood

Now that I have a composition that I liked and an overall idea of what I was going to do, I wasn't convinced about the mood and thought a night scene would be more interesting. At this stage it was still a sketch, therefore there were a lot of things I wanted to improve. To do the transition from daylight to night I set up a color reference first, and the rest was to match the color (Image > Adjustments > Match Color) of every layer with color information in it.

Mood change

Step 6: Re-imagine and work over

It was time to work further on the image, but there were several things that I didn't like, so I decided to change before I wasted a lot of time on something that I wasn't fully convinced about. Using the same method from before, I fixed it with photographs, by including much more information like some building structures, statues, and asphalt textures.

New start

Step 7: Atmospheric perspective

Atmospheric perspective is very important, because you can tell the deepness of the image like in real world, when an object is far away it tries to blend and match with the sky. The buildings in the background are just shapes using this method, the gradient tool it's the one i use for this job. Try to separate each building to avoid the image looks planar.

Atmospheric perspective

Step 8: Working on details

For the floor I used several asphalt textures, turning down the opacity a little and mixing with the blending modes. A soft eraser is helpful to clean those straight edges and the stamp tool to cover unwanted holes. Photos aren't the only way to create texture or details; for the walls I used several texture brushes, to give it a more natural feeling for the concrete and the rust.

Applying texture

Step 9: Lights and FX

The lights in a piece can be the hottest spot, but I used them here in the opposite way. The city behind the spaceship is far away so the lights aren't bright enough to be distracting. The atmospheric perspective applies to lights as well, as the further the light source is, the less is its intensity. To add a little bit of mood and mystery to the scene, the fog was a good resource.

Lights and FX

Step 10: Graphics and last touches

For the last step I placed the graffiti and garbage that made it feel a bit more believable scene. Graffiti one over the other are pretty common, and doesn't have to be the best ones you can find or make, it has to be the most likely to be there. A little political disagreement is always helpful, as a Latin American guy I feel I identify with these kind of graphics in the streets. The destroyed desk is there to help out the imaginary lines to guide into the focal point, and also to settle the human proportions, to avoid using the man with the stick or the birds that fulfil the purpose, but are repetitive resources.

Final touches

Final image

Related links

Marco Espinosa on ArtStation
Grab a copy of Beginner's Guide to Digital Painting in Photoshop: Scifi & Fantasy



Related Tutorials

The making of 'Ollie Shuteye and the Spooky'

by Ekaterina Pushkarova – Katerin
published on 2014-07-02

Keywords: Making of, ZBrush, Fantasy, Photoshop

rating star fullrating star fullrating star fullrating star fullrating star half (5)
Comments 2 Views 21952

Making of 'The Counterattack'

by Emerson Silva
published on 2013-11-15

Keywords: Making of, tutorial, counterattack, hunter, birds, gun, 3ds Max, ZBrush, V-Ray, Ornatrix, Photoshop

rating star fullrating star fullrating star fullrating star fullrating star half (15)
Comments 1 Views 86292

Quick texture tips in Photoshop: Earth/dirt

by Ivan Khomenko
published on 2015-03-19

Keywords: photoshop, textures, dirt, earth

rating star fullrating star fullrating star fullrating star fullrating star full (2)
Comments 0 Views 14228

Create a female League of Legends character in ZBrush

by Vahid Ahmadi
published on 2018-03-01

Keywords: Making of, Tutorial, ZBrush, Photoshop, Vahid Ahmadi, Character, League of Legends, Diana

rating star fullrating star fullrating star fullrating star fullrating star full (10)
Comments 2 Views 3711
Readers Comments (Newest on Top)
Veronicalexgm on Wed, 04 July 2018 3:31pm
Hi! Beautiful work and process, really amazing! I love how you change the color mood to generate that abandoned atmosphere.
Add Your Comment..

  • 还是中国足球队最牛,因为他稳定;中国股市就不一样了,怎么形容呢?唉,还不如中国足球! 2019-02-18
  • 【人民映像】霍庆有:匠心神韵 杨柳青青 2019-02-18
  • 水立方年底启动“水变冰”改造 2019-02-18
  • 《父亲》和开放的中国(我与人民日报·纪念人民日报创刊70周年) 2019-02-17
  • 东莞市委原统战部长王检养涉受贿被公诉 2019-02-17
  • 双色球068期:头奖3注1000万 奖池9亿 2019-02-17
  • 《虢国夫人游春图》中“虢国夫人”究竟是哪位(图) 2019-02-16
  • 探访俄罗斯世界杯主体育场新闻中心  2019-02-16
  • 大力学习弘扬劳模精神 带头争做新时代的奋斗者 2019-02-16
  • 骆惠宁主持召开十一届省委全面深化改革领导小组第十五次会议 2019-02-15
  • 女性之声——全国妇联 2019-02-15
  • 在最美的季节,遇见最美的新疆 2019-02-15
  • 新时代新方位彰显战略定力 2019-02-14
  • 从未停歇过的钱理群 如今有了廉颇老矣之感 2019-02-14
  • 世界杯八大热门悉数亮相 西班牙巴西最有冠军相 2019-02-14
  • 870| 565| 568| 700| 761| 530| 685| 396| 905| 991|