Thursday, May 5, 2016

adobe photoshop - Critique: How should I place/format an informative text in a picture?


I am trying to advertise some discounts in Facebook and to do that I have to provide an image that has a small amount of text informing potential customers about the discount I am offering.


I am having trouble deciding where to properly place the text, what size it should be or what color. My goal is to make the text pop so that it is apparent and doesn't blend in with the background image, but at the same time is aesthetically pleasing.



Any tips for a first time designer?


Here is what I have done so far!


The above image is what I've done so far


enter image description here


This is the original image



Answer



The key is proper contrast between text and the background. When you put text on an image, this is always a challenge. It becomes especially challenging when you have a photo like this, where there is no one particular are of dark or lightness overall.


To fix that you need to layer in your own elements to create contrast.


Here's but a couple of examples. One using a block of color, the other using a semi-opaque overlay.


enter image description here



You could add to this more...perhaps the yellow bar is more of a flag shape, or add a drop shadow to it to make it appear floating.


As a bonus, you can use these blocks of color to better frame the photo and pseudo-crop out the uninteresting parts (in this case, the roof and the huge sidewalk)


But the point is that you are artificially creating a more 'even' background to have a consistent contrast with the foreground type.


Your example is outlining the type. This can work in rare cases, but it usually makes the type that much harder to read, so would avoid using that in most situations.


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...