Creating a high quality website logo in Photoshop or Illustrator

I'm trying to create a very high quality crips website logo using Photoshop or Illustrator, but everytime I export the design into PNG, the text borders are not as crip compared with Google logo. How do I create a very crips and sharp logo using Adobe software? Please tell me what software, how to export, what the size of the document should be, what resolution, any detailed tricks, designs and pointers would be helpful. I know I can create a logo, but it is blurry and it shows. When I put my logo on a gray background for instance, the text becomes more blurrier. You know the deal.

hmmm. Where to start?
The question points to several areas of digital design fundamentals that indicate you need to educate yourself through classes, books, tutorials. The PS Forum can't really get at all the issues you bring up; resolution, vector vs raster, web graphics, transparency and the web. You are asking how to make a logo and that is a really broad request not easily answered.
A quick search for "Photoshop for Web Design" yields a lot of possibilities. There are a lot of books and a lot of free and not so free online tutorials.
Here are a couple:
http://www.lynda.com/Photoshop-tutorials/Photoshop-for-Web-Design/
http://www.1stwebdesigner.com/tutorials/web-design-layout-tutorials-2010/
Good Luck.

Similar Messages

  • How do I create a High Quality Image with a low file size???

    Dear All,
    I am creating an invitation in Illustrator which I then place into photshop to create a JPEG. I want to create a high quality JPEG version of it but with a low file size because I am emailing the invitation. Am I correct in placing the image into photshop or should I export it from Illustrator.
    The image is built of of vectors and one JPEG but they are not high in quality.
    Can anyone help me please
    Thanks
    Ben

    The image is built of of vectors and one JPEG but they are not high in quality.
    For this type of image you would probably be better choosing GIF format (now known for some reason as 'Compuserve GIF'). Taking the number of "colors' down untl it still looks high quality, and anti-aliasing is preserved.

  • Creating a HIGH QUALITY pdf file?

    I've just installed Acrobat 8.1 on Windows Vista and I can't find the quick way to create a **high quality** PDF from Microsft Word. The final PDF file sizes are tiny, and not good enough standard for printing. Any pointers much appreciated. Thx.

    Also, when you say "and not good enough standard for printing" are you talking about creating PDF's to print on a desktop printer or are you talking about PDF's to send to a print house?
    If the latter, I'd strongly suggest you talk to the print house and ask them what settings they prefer.

  • How to Create a High Quality Band/Multitrack Recording Play-Through Video?

    I am trying to work out the best way to make a playthrough video a little like these - http://www.youtube.com/watch?v=1QUUajNPb5g - http://www.youtube.com/watch?v=DAGqCAsk3gQ&feature=related .
    It would be for doing a multitrack-recording playthrough video of my drummer, played to the backing track of one of our songs I recorded in cubase 6
    I have Adobe Premiere CS6, Cubase 6, the aproprate mics, a soundcard etc, but I don't have a video camera, but I'd probably just get a £300-£500 one unless you guys think that's not right?
    So I'm wondering how you might go about this?
    Cheers!!!

    Hi
    This is due to iMovie and really iMovie'08 or 09
    They are aimed for quick editing to web-publishing - not high quality DVD.
    iMovie 1 to HD 6 and FinalCut Express or Pro are the tool of choise for DVD or
    even Blue-Ray (needs Roxio Toast™ and ev. a Blue-Ray burner/disks)
    iMovie'08 and 09 discard every second line = less quality very close to VHS.
    I never managed to get full quality from them to feed iDVD.
    • Pro Quality encoding in iDVD is very sufficient to my needs and
    burning out with Roxio Toast™ as Blue-Ray to standard DVD (max 20-30 minutes)
    gives an even better result BUT ONLY PLAYBACK on Blue-Ray player or PlayStation 3.
    Yours Bengt W

  • Logos in Photoshop or Illustrator?

    A client wants me to create a logo for them using an image inside chunky text. They want an outline around the text. The first thing is that I'm having a hard time doing this in Photoshop (the outline part, that is). The second thing is that I'm wondering if logos shouldn't be designed in Illustrator since its vector-based, making re-sizing easy. I'd love some advice. Thanks.

    Hi Elton,
    This problem is actually quite typical. The client thinks they've asked you for a Logo Design, but what they've really aske for is "Branding Artwork".
    If you were to use this "Artwork" as a logo is intended to be used, when it is printed on a small space like a business card, or dispalyed on screen in the header of a website, the image inside the logo won't be clearly visibile at all and will be distracting and incoherent.
    You can still do what the client is requesting but explain this to them and present them with a solid colored flat version of the logo, and a solid outline version of the logo and demonstrate how they are supposed to be used. This is part of creating Brand Style Guides.
    The initial Wordmark Logos should be Designed in Adobe Illustrator. Illustrator will create clean sharp vectors and make it scalable at any size.
    To accomplish what you are trying to do with the image inside chucky text do the following.
    Create your text and then create a duplicate layer of it in Photoshop. Link these two layers.
    Next, insert your artwork in between these two layers. Apply a clipping mask to Artwork layer, clipping it to the bottom text layer.
    On the top most layer apply a stroke to your text, then in the layer style reduce the Fill to 0%.
    You can do something very similar to this in Adobe Illustrator as well and produce the same result. Alternatively you could bring over vector art from Adobe Illustrator as Smart Objects and follow more or less the same process.
    I talke a bit more about Why Adobe Illustrator is preferable for Logo Designers in this video:
    http://youtu.be/LI4c5MAP_V4
    I hope this helps you out. Let me know if you have questions. I'll eventually do a tutorial video on this since I'm sure a few people are wondering how to do it.

  • CS6 InDesign - Default display is high-quality. Four placed images are Illustrator files. Three images look the way they should - high-quality. One image looks pixelated. Why?

    InDesign CS6 - Default display is high-quality. All four placed images are Illustrator files. Three images look the way they should - high-quality. One image looks pixelated. Why?

    Not sure if this will help, but what is your inDesign file's "Transparency Blend Space" set to? It's under the edit menu.
    Also, when you are placing your images, are you selecting "Show Import Options" and making any selections there?

  • High quality, untouched logo blurs when inserted into Photoshop PDF

    Hi all,
    Been having mega problems with this. I am creating a 'label' for work to be used as a promotional tool using my old Photoshop CS2 . I created a PDF and manually inserted all of the text, and insert my logo by dragging the layer onto the PDF. When I print, the text comes out extremely clear and the logo is always blurry. I have tried resizing it 100 different ways, and even created a brand new logo where I ran into the same problems. If I print the entire label as a JPEG, the text and logo are equally blurry and nothing is clear or crisp like it is in the PDF..... I cannot post the PDF here, but the JPEG is below to get a picture. The blue square logo in the middle is what is giving me problems with the PDF. The JPEG looks OK on the screen but looks terrible when printed.
    If anyone can point me in the right direction is would be tremendously appreciated!
    Thank you !!

    You say you have tried resizing, but what are the pixel dimensions of the graphic in your logo, and what siz would you like to print it?  What I often do in similar situations where a graphic is too small for printing, is to stretch out the graphic layer with Free Transform, and use that as a template to recreate the graphic using the Pen tool. That would be scaleable to any size, and you could also save it as a Shape for future use.

  • Created a CYMK vector shape logo in photoshop, now need to change to spot colors HELP!?

    I have created a 3 color logo with vector shapes in photoshop CS6.  The problem is the client wants it to be 3 spot colors rather than CYMK.  Does anyone have a quick and easy way for me to change the individual vector shape layers into various spot colors instead that maintains the vector quality?  I don't want to have to redraw all these shapes.  Help would be VERY appreciated with this.

    Your client is speaking in the language of Illustrator, in which spot colors represent specific, sometimes specialist colours.  I can think of no reason why you can't use Photoshop, but ask the client if they want to provide you with values for the spot colours?   If I understand it correctly, the printer will interpret each of the three spot colours you use, to represent the specific inks/colours the client needs.
    Use spot colors | Adobe Illustrator CC tutorials
    You encounter it sometimes when printing catalogs which contain sponsor logos.  I can remember once getting an incredibly detailed PDF from Canon on how we could use their logo, with warnings of dire consequences if we got it wrong.

  • Printing high quality rasterized text from Photoshop CS5.1 to InDesign CS5.5

    I’m planning on using Photoshop CS5.1 to modify preexisting music notation fonts (MusiSync and StaffClefPitchesEasy) for my own purposes. With that said, in order to make my modifications I have to rasterize the font. Once I’ve completed my alterations I plan to then place my new images into InDesign CS5.5 at the same image/ canvas size as I had created them in Photoshop. My question is: At what ppi should I create my Photoshop documents and what file type should I ‘save as’ to place in InDesign, so that my end result using InDesign, when printed buy a professional printing house, will look crisp and clean with no jagged edges, blur or pixilation? Also, I am using a mac running 10.5.8 and my Photoshop and ID documents are in greyscale. Thanks for your help.

    Most of the musical notation fonts I have had to deal with are pretty restrictive as regards modifying fonts. Check with the source of the fonts.
    Fontlab is the best. For easy changes, TypeTool (same company) might be OK. Least expensive but works great is Type 3.2 from CR8.
    TypeTool (and Fontlab) will allow a better workflow between Illustrator and it because it can read the Adobe clipboard and so:
    Open a particular character in TypeTool
    Use the pointer tool to drag around all the nodes
    Copy (ctrl+c)
    Paste into Illustrator
    Alter the character
    Copy character in Illustrator
    Delete the old character in Type Tool
    Paste the new character from Illustrator.
    Position the new character if needed (usually is)
    Generate the new OTF or TT
    Unload the present font
    Load the new font
    Pretty much that's it (off the top of my head, anyway).
    Take care, Mike

  • Logo/ from Photoshop to Illustrator

    I have a logo I designed in Photoshop and I need to re-do it in Illustrator. I just need some tips and tricks on working in Illustrator.
    (Logo at Bottom)
    Now I used the bevel/ emboss effect a lot on this, when I go to bevel in illustrator (effects>3D>extrude/bevel) it just doesn't work as nice as it does in Photoshop, Is there another way to create the bevel effect ?.... Also I am using a texture overlay on the medal piece. What the best way to do this in Illustrator... What I did was, I took the texture in Photoshop and made the highest contrast I could possible. Then I did an image trace on that in Illustrator. Then created made a mask of that to a circle. That made my circle disappear so had to create a new circle for the background... Is this the best method for overlaying a texture?

    Few spots aren't perfect, but I think I am happy with this.

  • How do I create high quality stills from iMovie?

    I know how to use the Create Still feature in order to create a photo in iMovie, however the resulting jpeg appeared too grainy when imported into Photoshop. It seems that the jpeg that iMove creates is too small (in terms of kb) to be of any use. Is there a way for iMovie to create larger, higher quality still photos? Or is there another way to go about this? Thanks

    rolesh79 wrote:
    .... It seems that the jpeg that iMove creates is too small (in terms of kb) to be of any use. Is there a way for iMovie to create larger, higher quality still photos?
    No.
    video is highly compressed, much higher than any still or graphics.
    e.g. a 'FullHD'-cam fits 108.000 'stills' (=1h video) of 1920x1080 pixel into 4-8GB ... make the math your own

  • How can I replace one low quality source with another high quality one ?

    Am I really this dumb or is it really this hard ?
    I have one timeline / project / edit that essentially references one long source clip / event / file.
    I have a newer higher quality transcoded version of the same source and want to replace the original lower quality version and end up with the same edited result just with better quality images !?
    It's the same frame rate and image dimensions  but "relink" tells me the new file is not "similar" enough and won't do it !
    Why is this so hard ? Is there a way to export a good old fashioned edl and then just reconform using the new source ?
    What if I wanted to to replace low res offline footage with finished colour-corrected material and output a finished master - would that be this clueless as well ?
    Please let me know the problem is between the chair and the keyboard - not between the hard disk and the power cord !

    Guessing that when you created the higher quality media, it was done outside of FCP and probably changed some important metadata that the app is looking for. Or perhaps there is a difference between the original audio and the new audio.
    Anyway, Luis' advice about the replace edit seems like the easiest solution.
    a_mumford wrote:
    What if I wanted to to replace low res offline footage with finished colour-corrected material and output a finished master - would that be this clueless as well?
    The usual way to do offline online is within FCP – creating the proxies and then using Preferences to switch back to and from.
    If you sent it out for grading, the Relink should work fine. If you haven't seen this kb doc, it's worth reviewing.
    Russ

  • Best way to make a high quality slide show from still images

    I know that this may have been asked before but i am trying to create a high quality slide show of my still images that will look great on a TV. I have tried imovie, idvd, and iphoto and i am not happy with the quality. i do own FCP. can anyone walk me through a way to create a high quality slide show and then burn it on IDVD.
    any info would be appreciated
    John
    power mac g5 dual 2 gig   Mac OS X (10.4.6)  

    i usually lay everything out in FCP. if you're going to use music or voice overs, lay down your audio tracks as appropriate. then cut all of the stills to you audio to get the timing just right. don't do any motion graphics in FCP. then, when you're satisfied with the cuts, send the entire sequence to Motion and do all of your motion graphics (grow/shrink, spins, throws, fades).
    i find that all of the motion effects can be done more easily in the Motion application. this has been my preferred workflow for over a half-dozen slideshows now.
    scott
    PowerMac G5 2.5GHz   Mac OS X (10.4.5)  

  • How do I create a watermark for my website logo using Adobe Photoshop CS4?

    Hello!  I need help creating a watermark for my website logo using Adobe Photoshop CS4.  Thank You!

    MFS APPLE PRO wrote:
    Hey Don,
    This is a pretty straight forward process, in settings on your phone go to general>network>personal hotspot. As SP has said most likely you will have to contact your wireless provider to set it up. I know for at&t you can set up this option through att.com/wireless or dial 611. It will cost you around 45 dollars per month and this gets you the ability to tether up to 4 wireless devices and alots you 4GB per month data. Hope this helps.
    Mike
    I've heard that it will also cancel your current contract.  That isn't such a huge deal unless your current contract is an unlimited one--you can never get it back.
    Does anyone know for sure?  I've asked AT&T and received a "Yes it will cancel your current contract." and "No, it is a new contract--you keep your old contract if you wish."  I suspect it is the former but it would be good to know for sure before ordering the service.

  • Creating Still Images/High quality JPG's...please help

    We are in desparate need of creating quality still images from captured video. Basically, we have footage in mini DV format that we import into Final Cut HD using a Sony Clamshell deck. What is the best way to make high quality still images?
    We tried it this way....Export Quicktime as Still image...and it just looks bad, Even after De-interlacing it within Photoshop. We need it to look exactly like it does if we simply press pause on the deck or pause within Final Cut.

    When you start with DV material, the highest res you can for a still image capture is 720x480 (non-square) or the equivalent of a really bad quality cheepo still camera. (~640x480 square pixels)
    To avoid the need to deinterlace, (the horrors of which are described below) find sections in your masterpiece that have VERY LITTLE motion, i.e. everyone/thing standing/existing absolutely still with the camera locked down on a tripod. These sections will yield the very best possible still images.
    If you have motion the frame, the still images will exhibit 'tearing' which comes from the two fields of video being recorded ~1/60 second apart. The second field shows elements displaced from the first field - hence a kind of internal image shifting going on. The only real way to deal with these kind of images is to deinterlace them - that is - decide which field you are going to keep and throw away the other.
    When you have deinterlaced the image, you have in effect reduced it from a 720x480 image to a 720x240 image. The image pixel count REMAINS 720x480 but with half the vertical information as the remaining lines are doubled or interpolated to build back to 480 lines.
    Confused yet? I hope not...
    Still, if you know you'll want stills from a project, it's better to carry around a small digital still camera, you'll get better results. Otherwise, plan on pretty small prints.
    Good luck.
    x
    Do your part in supporting your fellow users. If a response has been Helpful to you or Solved your question, please mark it as such as an aid to other lost souls on the forum.
    Also, don't forget to mark the thread Answered when you get enough information to close the thread.

Maybe you are looking for