Jump to content
You must now use your email address to sign in [click for more info] ×

How to achieve broken glass effect


Recommended Posts

Hi,

 

I’m new to this kind of software, so I’m trying some practise projects. One being to design a playing card for a game I play.

The card has text that I want to put on a broken glass pane. In Photoshop I was able to achieve what you can see in the attached picture.

I’m now recreating this in affinity and wonder:

  • How would you approach creating an effect like this? I’d like to try various approaches, so I can learn from them.

In Photoshop I created multiple transparent rectangles with various effects that I then masked (e.g. to “paint” light in). I’m not 100 % happy with the result in PS either.

I’d be happy to learn to do this better. 

 

Jörg

Khyshuk_preprint.jpg

Edited by joergw
Link to comment
Share on other sites

Sorry to dodge the question, but from a game design perspective I have to say that shattering the text on a card is a really bad idea!

No matter how thematic you think it might be, a major goal of a game designer must be to make the game as easy to interpret as possible.

--

To create broken glass my approach would probably be to start with a photo of broken glass.

I might then simplify it , either with filters in Photo to reduce the complexity, number of colours, mask out small details etc.

Or I would trace the major shapes in Designer and experiment with effects as you have done. but the key will be to look at real glass as a reference. Reflections will be hugely important - so you must have something to reflect rather than an abstract white glow.

In your image you have lightning and strong colours that would reflect in a dazzling way from the sharp edges of broken glass. It would also not be uniform.

Win10 Home x64   |   AMD Ryzen 7 2700X @ 3.7GHz   |   48 GB RAM   |   1TB SSD   |   nVidia GTX 1660   |   Wacom Intuos Pro

Link to comment
Share on other sites

Hi, thanks for the answer!

As to the game design aspects: I‘m redesigning an existing card that is well known by all players. The text needs to be legible in case a detail needs to be looked up, but in general you can assume that any player would see „Kuhsyuk“ and immediately know the card‘s effect by heart.

I like the idea of starting with some picture of glass. I looked around and found some Photoshop tutorials for how to make/keep glass transparent. I‘ll try to adapt it to Affinity.

Also ... getting the light right will be quite difficult for me. It‘s really difficult for me to imagine what I want and then create it just like that. But well...practise is the point of this exercise.

Jörg

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.