Tag Info

Hot answers tagged

5

Photoshop is primarily used for designing the graphical template. The technique commonly used is to design in Photoshop exactly what you want the front page to look like. Then, you can make slices or just copy / paste parts (E.g. the header or banner) and use them in the background of the respective element. If you want to learn some cool techniques to ...


4

Yes, this is easy to do in Photoshop. Plenty of tutorials around. Most people build simple things like this from scratch. Free stock photos such as the paper texture background can be found at: http://www.sxc.hu/ or http://www.stockvault.net There are some free website templates like at http://www.freewebsitetemplates.com/ if that's what you are looking ...


4

For UI, I recommend using Fireworks over Photoshop. Photoshop is great for creative and complex artwork (print or web), but in my opinion an overly complex tool for web related UI. Fireworks is specifically designed as a web-orientated authoring tool where Photoshop is not. The tool-set for Fireworks is geared towards building web UI, not the complex ...


4

If you don't have access to the server you won't be able to control caching. That is probably the most important aspect of optimizing the loading time of images and just leaves you with making sure your images are as small as they can be while still looking good. The key to this is choosing the right format for your images and then using the proper ...


3

it doesn't really matter what extension you're using as far as your browser can implement it, anyway if your background is all of a pattern, you should trim it to average dimensions (so the way it loads and it displays on the screen is faster than if you were using a large image that you expect to fit all the screen-size on the web). here's the way you can ...


3

See 9.a. here: http://us.blizzard.com/en-us/company/about/termsofuse.html "Game clients and Service. The Game clients and the Service (including without limitation any titles, computer code, themes, objects, characters, character names, stories, dialogue, catch phrases, concepts, artwork, animations, sounds, musical compositions, audio-visual effects, ...


3

The GPL doesn't forbid commercial usage. You "just" have to turn all your project with GPL license. With a LGPL component, this is not a problem. Try to look for articles under Creative Common licence without "Non-Commercial" clause, like all Stack Exchange articles who are on Attribution-ShareAlike 2.5 Generic! It's just have "Share-Alike" and ...


2

You did look in the folder where the HTML file is for a folder called "images," right? When you save from Photoshop for web, it created a folder somewhere on your hard drive and put the HTML and images there. The images are in a folder helpfully called "images." It could be in your Documents folder, or the folder where you saved the original PSD, or your ...


2

I've never noticed a color change from shrinking. Sometimes fonts will become pixelated, but not darker. I would compare the two side by side and adjust Gamma if necessary..


2

You could use CSS3 gradients and drop-shadows for that desired effect, older browsers would just display a block colour, which would be fine. It would load much quicker than an image as well as being easier to edit, it would be the right thing to do.


2

You could create your own FONT and embed that on the page. See here http://stackoverflow.com/questions/220236/how-to-embed-fonts-in-html However unless you need the text to be dynamic I would just recommend using a image. It will look better and be guaranteed to looked identical on all browsers


2

Before now I have opened PSDs with the Gimp but it is not the same. Layers go missing, things involving text look different and latest features in new Photoshop versions simply do not work. Therefore, even if a PSD file does open in the Gimp you are not entirely sure if it is looking as it is supposed to. Therefore, you do need Photoshop. Photoshop works ...


2

Ask the programmer how they want you to send it to them. Some may want a PSD, some may want a PNG, JPG, or GIF, etc. It all depends on what they are familiar with and how comfortable they are with working with graphics.


2

For the overall design, I prefer Fireworks. To me, it's simpler, and easier to use for adjusting locations, sizes, and other attributes for various elements. Photoshop for full page design just seems very clunky, since you can't re-size or otherwise change things as easily as in Fireworks. Not to say that Photoshop can't be used at all - it is still useful ...


1

I believe it means that you should take a special attention to the weight and format of your image. You should compress image as much as possible but also taking car of not losing too much quality. For picture, jpg is the recommended format. For other image you should use png. You should take a look on this website that automatically optimize your image ...


1

When you modified the image in photoshop, did you change the image size at all? A lot of the templates use a fixed size for the specific image they come with, if that image has been modified at all, it will appear smaller/larger, and possibly mess up some of the other elements on the page. In other words, the image that came with the template should be the ...


1

Basically don't slice it up, create an image map with irregular hotspots for each arrow and a series of on/off images for each arrow state which you can enable using jQuery. You can see another example an image map with jQuery at work here (about as irregular as you can get). Dreamweaver has an excellent tool for creating irregular image maps (if you ...


1

Google web background "cotton paper" texture


1

I think what you're looking for is dropbox, it allows you to transfer the files without exposing them to the internet and, as it downloads the files to your local machine and performs a continuous differential sync, you get to work with them as if they're on a folder on your local drive (which they are). Dropbox do have some interesting terms of service and ...


1

The Aviary vector editor has a trace feature. This tutorial video will give you an overview of process, though it's a couple years old and the menus have been rearranged a bit, so you'll have to adapt.


1

One of the most effective ways to do it is to preview changes in Firefox and use the Pixel Perfect extension. https://addons.mozilla.org/en-US/firefox/addon/pixel-perfect/ You might want to use a good CSS reset, to minimize browser inconsistencies. If you don't want to install the extension, an alternative is to create an almost transparent png image in ...


1

I use a CMS and do not have server side access so I cannot set expiry for images Not necessarily true. Some apps provide ways to edit htaccess without file access, eg. WP Htaccess Editor for WordPress. You should look around at your options, if using some other system.


1

I'm not a graphic artist but I work with several of them. For an experienced graphic artist this is fairly easy to do. It looks like they just made everything but the heading ("Our mission") and copy a background image and placed the text over it in a <DIV>. It probably would be a handful of layers: one for the "paper" one for the heading-background ...


1

I have done full sites using Illustrator or Fireworks (the graphic template, that is), but I usually prefer just Photoshop (even if some graphics might be done originally in a vector software) and doing my HTML/CSS in a plain text editor (but a good one: Notepad++ comes to mind). And to be true, done a bunch of sites this way, through the years. Some people ...


1

The best way to learn is to actually use it. If you enjoy drawing and graphic design, then it'll be no problem for you to pick up a new program and become proficient in it after 2-3 months. If you don't enjoy graphic design, and you're not designing stuff for fun in your free time, then it'll be impossible to get good at graphic design, even if you take a ...


1

You're in luck. Many people have come into the world of Web Design asking the same question. Often times, you'll see a team of people, consisting of atleast one coder and one graphic designer. Good choice with Photoshop - that's what I stick with. With Adobe Photoshop's newest version, CS5, it has become intensely advanced - able to perform complex tasks ...


1

A quick Google search for "signature fonts" turns up quite a few results. Some that looked good: Alako Denistina There's a bunch of good ones here.


1

I would recommend you using Photoshop Elements over the other. It has certainly good selections flexibility, and is very useful. Is not photoshop, but is quite good, and very well priced. IMHO Elements has better tools for the "deep level" work. The toys or "magical" features (ie, red eyes removing) are always things that can be done with strong basic ...


1

Look into Photoshop scripting.


1

I would strongly advise against using such services. To make a layout that will work with all browsers and mobile devices takes a lot of testing and readjustment. $45 is not going to give you what you want nor will $200. I mean most Adobe products let you Export your files to HTML but they don't keep any development issues in mind. My recommendation would ...



Only top voted, non community-wiki answers of a minimum length are eligible