I'm trying to make My Own Mock Up But I don't get the realistic vibe from it. What am I missing?

My Mockup (bunch of cartes)

EDIT/ I'm very thankful for your guidance @user287001 and here what I came up with. Can you pinpoint anything wrong with this one?

enter image description here

  • 3
    Hi Riyard, welcome to gaphicdesign.stackexchange. What are you mocking-up? Have you finished your attempt, yet? What are you striving to achieve? – Stan Sep 3 '17 at 0:37
  • With regard to your recent edit, try adding some shading to the wood background (bottom left), same as the cards. – Billy Kerr Sep 6 '17 at 15:29
  • 1000% improved. The shadings of the green, brown and grey cards suggest some light source existing behind the top right corner of the image. It doesn't affect to the table and it's effect on the cards isn't gobal. The effect should be consistent to all. Remove the gradient and refine the cast shadows. Or put a global shading gradient layer. There's some banding in the backs of the cards The reason can only be guessed here - maybe the gradient due somehow stretched steps which has made the gradient sparse. If so, better result would be got by using the layer opacity to thin the gradient. – user287001 Sep 7 '17 at 1:19
  • Thank you for the reply and i would like if you point out more about the banding - if you are talking about the light grey behind the cards I made it there to show the thickness of the cards - by some pictures it will surely help a lot, and sorry for dragging you this long way with me. – Riyad Sep 7 '17 at 19:47

These cards seem to float in the air because their positions and placements are too random for anything other easily imagineable. If that was wanted, you have succeeded.

The cards seem to have gradient shadings. They all suggest where the light is stronger. Unfortunetely they disagree. As already suggested, some shadows should exist. For example card 5 should get some shadow due cards 6 and 8.

Cards 3 and 4 are generally too bright if we think card 6 as rightly shaded.

The numbers seem to be painted or printed. It's ok if they are not carvings. But their white color also should be affected by the light differences.

Some not too rich background - as already suggested, can be better than unrelated emptiness. But it must fit to the general concept which is still totally undefined or at least I cannot see it.

Shadow on the background must be consistent with the idea of lights and how the cards are placed in relative with the background. Now the idea is unclear so there is no basement for shadows on the background.

To get this together I suggest:

  • define the idea, what you are trying to present and in what space
  • define the objects, backgroud and texts (if any). Materials and colors can be refined later, but you should have some idea already in the beginning, if you want to show something which exists or is planned.
  • define which inter-object relations you want to make especially well visible (sameness, differences, fitting together etc...)
  • define the placements and positions Leave some room for the background, too.
  • define the lights and decide how to represent it with shadows and highlights.

After these decisions all is easier. Work with a pen and paper until the ideas are clear. With the computer its far too easy to waste the time with unessential details and forget the big line.

Insert due the comment:

Here are some rudimentary examples how scattered cards on the table should look out when seen from different directions. The first is the top view:

enter image description here

Isometric projection (poular in machine drawings: enter image description here

A noname projection, possible to one who just had dropped the cards in front of himself: enter image description here

The perspective is right but by no means exaggerated. Think the distance to the camera quite long and accordingly the camera has quite long zoom.

3D software is good for visualizing the apparent positions. Get one! For example Trimble SketchUP Make is very easy to start and it's free. The one used here is another simple freebie, Design Spark Mechanical.

  • I Wanted to have the scattered cards lying on some kind of table or something ( I will change the background later ) – Riyad Sep 3 '17 at 11:50
  • @Riyad scatter some real cards on the table, take a photo and learn the perspectives from the photo. You also can copy them in a drawing program. This is fully acceptable way to get a believable result fast. Explore with different angles, distances and objective zooms to increase the understanding. – user287001 Sep 3 '17 at 12:20
  • Riyad. That "I will change that later" is part of the problem. Work on the complete image. Any stuff you do not put in the image is something that "is missing". – Rafael Sep 4 '17 at 13:26

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.