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..

  • 遏制互联网恶性竞争,条款是否越细越好 2018-12-11
  • 东航客机与加油车碰擦 事发时滑行至廊桥附近[图] 2018-12-11
  • 合肥报业传媒集团党委书记、社长甄奎祝贺人民日报创刊70周年 2018-12-10
  • 6月新规:贩卖公民个人信息将入罪 民用无人机需实名登记 2018-12-10
  • 移动支付亟待在便民与安全间找到平衡点 2018-12-10
  • 一带一路人民币国际化做好分析总结是最重要工作,国际竞争需要 2018-12-09
  • 东嘎寺看藏戏文章中国国家地理网 2018-12-09
  • 我国成功组织航天员沙漠野外生存训练 2018-12-09
  • 他贴子里的植树造林,就是一个历史的古迹 2018-12-08
  • 纪录电影《盲行者》入围第21届上海电影节金爵奖 2018-12-08
  • 计划经济是根据政府计划调节经济活动的经济运行体制。又称为指令型经济。小萌以为是各经济组织把自己制订的计划上报一下就叫计划经济? 2018-12-08
  • 曹建明:必须坚持以人民为中心,真正做到人民检察为人民 2018-12-07
  • 拜腾豪华概念轿车亮相 L4级自动驾驶2021年上市 2018-12-07
  • 手绘扎西一家的“萨嘎达瓦”时间 2018-12-07
  • 凝聚着中国智慧中国创造的中国核电将创造更多的中国辉煌。 2018-12-06
  • 106| 458| 745| 955| 315| 235| 431| 734| 335| 699|