Loading Profile...
Pretty Images on Colored Backgrounds..:-)
Hi again Nick - Still loving the theme! I've got a quick design question for you - what method is the easiest for overlaying pictures over the header/CTA area for a seamless look? I've been using all text for these areas - but wanted to play with some graphics like you have on yours ( and zenfitness) and can't get the images to lay on the colored backgrounds without a the (white)background framing the pic. (I'm NOT a designer obviously..:-) Is it a transparency thing? Have AI and Photoshop, etc - just not proficient - is there a simple solution to doing it fast? Thanks again for a great theme - looking forward to your next releases..:-)
1
person has this question
I have this question, too!
Tell me when someone answers.
The more people who ask this question, the more it gets noticed.
The more people who ask this question, the more it gets noticed.
The best answers from the company
-
Ok, your image has a fairly crisp edge so try using the magic wand tool to select the white areas. You may need to adjust the tolerance so that it only selects the areas you want - try 20, and adjust as necessary (just keep hitting "undo" until it's right). Just do one area at a time.
Before you delete the selected areas, go to Select > Modify > Feather and try about 3 pixels to soften the edges. Alternatively, go to Select > Modify > Contract to reduce the selected area by about 2 pixels.
Add a layer beneath with your pinky colour into show any white edges up.
When most of the white is gone, zoom in a lot and use the eraser tool with a small brush and soft edge to tidy up.
Hope that makes sense!
Hayley
The company says
this answers the question
-
Hi again,
I'm trying to understand what you mean (maybe post up the pic?)
If it's because your image has "fuzzy" or graded edges and its hard to colour in, try using the transparency features in photoshop and add the coloured background as a layer beneath.
I found this tutorial on photoshop masking: http://www.sitepoint.com/article/mask... but there are many others out there.
Hayley
The company says
this answers the question
-
Hi there,
Using transparency can be a bit fiddly, so the most straightforward and reliable way of doing this is to make all the pixels in the background/border of your image the same colour as the header (or whatever the background colour is for the area you want to place your image).
Just make sure that your finished image size is no more that 190 pixels in height in order to fit in the header (see documentation here: http://wordprezzie.com/icd-guide/).
I hope that helps, let me know if you're still unsure.
Hayley
I’m happy to help!
The company says
this answers the question
Create a customer community for your own organization
Plans starting at $19/month
-
Inappropriate?Hi there,
Using transparency can be a bit fiddly, so the most straightforward and reliable way of doing this is to make all the pixels in the background/border of your image the same colour as the header (or whatever the background colour is for the area you want to place your image).
Just make sure that your finished image size is no more that 190 pixels in height in order to fit in the header (see documentation here: http://wordprezzie.com/icd-guide/).
I hope that helps, let me know if you're still unsure.
Hayley
I’m happy to help!
The company says
this answers the question
-
Inappropriate?Thank you Hayley..:-)
Been no worries getting the headers designed with text (I've been using skitch for some cool text based "calls to action") sizing is all fine too - only issue has been most of the backgrounds of the images I've been playing with since are white - and with the colored backgrounds - leaves a big blocky sort of unseemingly looking header rather than seamless. ( for text - was just taking a screenshot of the color variations to the theme, resizing to 580 x190 and comes out beautifully well!) No worries...I'll figure it out - otherwise I'll keep using what's working now..:-) -
Inappropriate?Hi again,
I'm trying to understand what you mean (maybe post up the pic?)
If it's because your image has "fuzzy" or graded edges and its hard to colour in, try using the transparency features in photoshop and add the coloured background as a layer beneath.
I found this tutorial on photoshop masking: http://www.sitepoint.com/article/mask... but there are many others out there.
Hayley
The company says
this answers the question
-
Inappropriate?Hi Hayley -
Here is an example - sorry - and again - I'm a design dummy - I have someone who helps with photoshop stuff that isn't here this week! I'm trying to get rid of the white background - was thinking it may require some sort of transparency - but when I tried it...the whole image became a mess! Just wanted to "blend" the background color and the image ( i.e - no white background if that is possible) - I can play some more in photoshop...just not my skill set!
-
Inappropriate?Ok, your image has a fairly crisp edge so try using the magic wand tool to select the white areas. You may need to adjust the tolerance so that it only selects the areas you want - try 20, and adjust as necessary (just keep hitting "undo" until it's right). Just do one area at a time.
Before you delete the selected areas, go to Select > Modify > Feather and try about 3 pixels to soften the edges. Alternatively, go to Select > Modify > Contract to reduce the selected area by about 2 pixels.
Add a layer beneath with your pinky colour into show any white edges up.
When most of the white is gone, zoom in a lot and use the eraser tool with a small brush and soft edge to tidy up.
Hope that makes sense!
Hayley
The company says
this answers the question
-
Inappropriate?This may be outside of my intellectual (and creative) paygrade - but I appreciate your help...and I'm going to try it ..:-) Thanks so much - Hayley - I appreciate it!
EMPLOYEE
