Need a new web host or having a problem with a script? Tips and advice on the best way to design, build and maintain your most valuable asset - your website!

What questions do you have regarding graphics?

PremiumMember
gradyp
Posts: 1062
Joined: 28 Jun 09
Trust:

What questions do you have regarding graphics?

Hello, all! It's been a while since I stopped by, but a current project I'm putting together had me thinking that this would be a great place to find out something. See, I'm launching a new site at least partially focused on creating images (and not just for web pages).

As website owners, we use images all the time. From header images to post images, logos for branding purposes, and more. And if we don't create these images ourselves, we need to have someone make them for us.

One of the areas I'm going to have on my site is some video tutorials about creating and using images. So I'd like to know what questions do you have about creating and using images for your site? It doesn't matter if the question is related to creating them yourself, having them made for you, or how to go about using them. I'd like to help.

I've used a program called GIMP for years for creating images for my sites, but much of what I plan on discussing, though being shown how to do with GIMP for the DIYers, can, in most cases, be done with other programs. My plan for the DIYers is to show a few quick things that can dramatically improve your images with just a few tweaks.

But I'd also like to address some concerns and questions those interested in having images made for them may have. I have to admit, I've done my own images for so long, that I haven't looked at things from this perspective, which is why I'm really curious to see what questions you may have.

I look forward to your questions! (And I will try my best to answer the questions here as well, so I won't leave you hanging on the answer!)

Grady Pruitt
  • 0
Have questions about creating images? Want an image created for you? Check out my site at www.GradyPruitt.com/welcome-affilorama-friends
 
Site Admin
maryt
Posts: 3008
Joined: 16 Apr 12
Trust:
Hi Grady,

This is interesting and I must say indeed helpful for a lot of marketers.

I never used Gimp before. For graphics work, I used Adobe and the free version of Photoscape.

I think what beginners would like to learn is how do you initially start the work. Like for example, how do you work your header. How do you measure the right size for your site? What is your basis pixels or cm or in? Where to get free stock images?

Well I hope that helps :)

Mary
  • 0
Not sure which Affilorama tool you need? Take the quiz! http://www.affilorama.com/redirect/quiz

Web: http://www.affilorama.com
Twitter: http://twitter.com/affilorama
Facebook: http://www.affilorama.com/facebook

***
"Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment." ~Sidhhartha Guatama
 
PremiumMember
gradyp
Posts: 1062
Joined: 28 Jun 09
Trust:
Those are some good ideas for some videos there, Mary :D

I must admit that for myself, I learned on GIMP, mainly because Photoshop is out of my budget. But from what I've learned, at least 75% of what you can do in Photoshop can be done in GIMP. There are a few things GIMP is lagging behind in, but they're making some progress on those.

As to your questions:

Generally speaking, when it comes to images for the screen, such as images for the web, the only really important measurement is pixels. Most measurements on a screen are measured by how many dots it takes to go from one edge of the screen to the other. A monitor set to 1280 x 720 has 1280 pixels across and 720 pixels top to bottom. (Incidentally, that resolution is where we get 720p from. :D )

When determining the size of your header, some of that may be determined by your theme. If your theme has a set (or recommended) page width, then that is the width your banner should be. If you can adjust the sizes of the areas in your page, then the header should be the width of your content + any sidebars + any padding or margins. So if you have a page that has a content width of 720 pixels + a sidebar width of 200 pixels and a 10 pixel margin around each, then that would give you 960 pixels in width. For height, you want it to be big enough for your message, but you also want readers to be able to get to the content. I typically aim for around 150, but anywhere from 100 to 200 pixels in height should work. Most of mine wind up being in the neighborhood of 960x150 pixels.

As far as where you can get images from, just like with getting articles, you kind of get what you pay for -- and free isn't always as free as you might think. One place to get free images is http://www.sxc.hu . The thing to be aware of with free stock images is that you often must place a notice on the page with the image of where the image came from. Even if you've done some modifying of the image. For that reason, I usually only use free stock images for post content support, not for creating a theme.

If you want to use an image for creating a header, on a product image, or any other commercial use, I'd recommend checking out one of the many royalty free stock image sites, such as one of my favorites, http://www.iStockPhoto.com . Most of the images that I have used in my sites that I have used in headers and other things on the site I have gotten from here.

Just like when you go to a forum, you always want to read the terms of service to make sure what you can and can't do with the images you are getting and to see what you have to do if you use an image. Using free images may be fine for your own personal practice when it comes to designing a theme, but personally, I'd hate to have to put a notice on every page of my site that I used an image from free stock site. It might be fine for a one-off post, but not for the main site.

Now, there are some "open source" and public domain images out there, but again, you need to make sure you read what you can and can't do with an image. And don't assume that just because you find it on an image site, like Flickr or Instagram or Facebook, etc, that you can use an image for whatever you want. Always ask permission if you find one you want to use one from these places.

Thanks for the questions, Mary!
  • 0
Have questions about creating images? Want an image created for you? Check out my site at www.GradyPruitt.com/welcome-affilorama-friends
 
Site Admin
maryt
Posts: 3008
Joined: 16 Apr 12
Trust:
Hi Gradyp,

Thanks for the tips. These alone are really helpful :)

I heard about Gimp but never used this. Like what you said, I heard Gimp is the perfect alternative for Photoshop

Mary
  • 0
Not sure which Affilorama tool you need? Take the quiz! http://www.affilorama.com/redirect/quiz

Web: http://www.affilorama.com
Twitter: http://twitter.com/affilorama
Facebook: http://www.affilorama.com/facebook

***
"Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment." ~Sidhhartha Guatama