Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Background Image for Website

Posted on 2012-03-21
15
Medium Priority
?
311 Views
Last Modified: 2012-03-22
Hi EE,


I need a designer opinion on the website I am building, in my opinion I need a prettier text and background, but I dont know much on photoshop and design,

Can you suggest how to create a better background, and a font stronger for logo, (font type, effects)

Thanks in Advance . I really would appreciate your help
0
Comment
Question by:TonyReba
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 8
  • 7
15 Comments
 
LVL 9

Expert Comment

by:macarrillo1
ID: 37747383
0
 
LVL 9

Author Comment

by:TonyReba
ID: 37747429
I forgot to give my website


site.ministeriosrayosdeluz.com


Thanks!
0
 
LVL 9

Expert Comment

by:macarrillo1
ID: 37747467
First, you have a clean and nice looking site.  I only have a couple of suggestions:

For your Logo Text you could do a drop shadow to make it stand out more.

For your Menu bar you might make the borders thinner (Top and bottom) and Center your buttons (put them in a Div or table and center)
0
Simplify Your Workload with One Tool

How do you combat today’s intelligent hacker while managing multiple domains and platforms? By simplifying your workload with one tool. With Lunarpages hosting through Plesk Onyx, you can:

Automate SSL generation and installation with two clicks
Experience total server control

 
LVL 9

Author Comment

by:TonyReba
ID: 37747582
Can you help out with the text? I am very limited on my photoshop knowldege, how do I turn the text to drop shadow?
0
 
LVL 9

Expert Comment

by:macarrillo1
ID: 37747642
Here are some directions on how to add a drop shadow to text:

http://help.adobe.com/en_US/photoshop/cs/using/WSF034318C-9B7B-4a4f-AB52-15C9AECC6EB8a.html

Are you familiar with selecting the different layers of your image? You need to select the layer with the text to apply this effect to the text.
0
 
LVL 9

Author Comment

by:TonyReba
ID: 37749267
Not really, so how many layers do I need , If I sent you the image could you try adding the effect?
0
 
LVL 9

Expert Comment

by:macarrillo1
ID: 37749322
How many layers you need depend on what you are trying to do.  In this case, you only need two. One for the background and one for the Text.

If you attach your file I can take a look at it.  If it is psd (photoshop) file that would be ideal.  If not that is ok too.
0
 
LVL 9

Expert Comment

by:macarrillo1
ID: 37749532
I pulled your image from your site.  Here are two versions.

Both are on an empty background so you can put them on whatever background you want.
The first has a Drop Shadow only while the second has a Drop Shadow along with a beveled surface for the text.

Here is what they look like with a colored background.

Drop Shadow only
Drop Shadow with Beveled SurfaceTRebaShadow.png
TRebaShadowBevel.png
0
 
LVL 9

Author Comment

by:TonyReba
ID: 37754026
Wow that looks great, I am going to take advantage of your knowledge now.. how do I change the background to stand out more? If you notice the blue part has a small line on it, but the yellow is only a rectangle.

Can you suggest how to make it better?
bgMain.jpg
0
 
LVL 9

Expert Comment

by:macarrillo1
ID: 37754123
All you have to do is copy one of the images that I provided you over the existing file and the  new image file will take on the background you already have.

Specifically:

Go to the directory that contains your web files and make a backup copy of your original file; 'text.png'
Then copy one of the files I provided(TRebaShadow.png or TRebaShadowBevel.png) into your web  directory as 'text.png'. When you are prompted; Do you want to overwrite, click yes.
This will replace your original file with one you selected.  Since both of the files I created have no background, they will take on the background that you already have there.

Did I understand your question?
0
 
LVL 9

Author Comment

by:TonyReba
ID: 37754247
Sorry, my english is not very good.

 I was asking about the background I am using currently on my website, the one is blue and yellow,  the attached file is on a  comment above
0
 
LVL 9

Expert Comment

by:macarrillo1
ID: 37754327
Sorry I misunderstood.

There are a lot of things you can do.  
Here is just one example.
bgMain01.jpg
0
 
LVL 9

Author Comment

by:TonyReba
ID: 37754369
Thanks  !

 can you you take off the wave on the blue part and just leave it as a nice blue?

I appreciate your help so far
0
 
LVL 9

Accepted Solution

by:
macarrillo1 earned 2000 total points
ID: 37754461
Not so easy to remove the blue ribbon. I had to recreate the blue bar.  

Is this what you had in mind?
bgMain02.jpg
0
 
LVL 9

Author Closing Comment

by:TonyReba
ID: 37754600
thank for all the help!
0

Featured Post

Plesk WordPress Toolkit

Plesk's WordPress Toolkit allows server administrators, resellers and customers to manage their WordPress instances, enabling a variety of development workflows for WordPress admins of all skill levels, from beginners to pros.

See why 2/3 of Plesk servers use it.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses

688 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question