![]() |
![]() |
![]() |
![]() |
||
![]() |
![]() |
![]() |
||
This
method is so simple, and so effective, that I don't
know
why it isn't plastered all over the web ... but it isn't,
it's
still a "secret".
I
use Adobe PhotoShop, but the technique will work with
any
graphics creation or editing program with an eyedropper
tool and
the ability to open an image file.
1. Find any image -- anywhere, I use the web frequently
-- in
which you find the colors visually appealing. Don't
worry about
copyright because you will not be copying any part of
the image.
It doesn't matter why you find the colors appealing,
just that
you do. To determine whether it is the colors or some
other
aspect of the image that you find attractive, squint
your eyes
until the image blurs. If the colors alone are still
appealing,
use that image.
2. Save the image, then open it in your image editing
application. I'll call this your "source"
image. Open a new
document in the same work area. This is your "palette"
image.
3. From the source image, determine the color that covers
the
most area. Use the eyedropper tool to sample that
color. In your
palette image, use the paint bucket (or fill) tool to
set this
as the background color.
4. Pick another color, with the eyedropper tool, from
the source
image. Notice the proportion that the color has
to the overall
image. In your palette image, use the rectangular selection
(or
draw rectangle) tool to create an area that has roughly
the same
proportion to the whole palette image and the source
color has
to the source image. Again, use the paint bucket (or
fill) tool
to set the new rectangle to the new color.
5. Continue transferring colors, in the same approximate
proportions, until you have four or five palette image
colors in
addition to the background.
6.
If your imaging application is able, convert the
image to
"web safe" colors, and save your new color
palette.
7. Write down the hex codes (the '#' followed by
six letters or
numbers) for your colors.
8. Determine the relative proportion each Web page element
has
to the overall page, and assign the corresponding
palette image
colors to them.
Of
course, you'll have to tweak your colors a little bit
until
you get the look you want, but this "secret"
method can save you
hours of trial and error.
About
the author:
Mike Morgan is the owner of Bison Creek Desktop Publishing,
(http://www.zianet.com/bisoncreek)
offering a variety of
low-cost and "you'll-owe-me-one" service to
those long on vision
but short on funds. Need an outlet for your e-book?
A cover
designed? A review or testimonial? Sales copy?
RECENT ARTICLES from Graphic Design BloG
Business Cards: Ideas and Inspiration, Part II
Today we continue looking at business cards that stand out, and here’s hoping you get some inspiration and ideas! After all, you only get one first impression, so your business card should be something that showcases the best of your design abilities. On Wednesday we looked at the use of interesting shapes, 3D business cards, [...]
![]() |
![]() |
|
![]() |
![]() |
|
Business Cards: Ideas and Inspiration, Part I
As a graphic designer, your business card should do more than let people know how to contact you. If you’re interested in truly making a good first impression, the business card has got to stand out. Whether through color, design, die cutting, unique materials, 3D shapes, or actual samples of your work, a stand-out business [...]
Collaborating and Negotiating: Part II
Today, we’re looking at the collaboration side of negotiation and collaboration in graphic design. Because your work is ultimately for the client, at times you as the designer must be willing to compromise to reach a mutually agreeable goal. Here are some tips to help you collaborate with clients.
Ways to Collaborate
Listen. On page 28 [...]
Collaborating and Negotiating: Part I
It’s there in the design brief: the problem your client wants you to solve. But whether your objective is to create an advertisement, exhibition or public announcement, sometimes you and the client aren’t quite on the same page about what exactly the best design solution is. OC Photographer asked a great question about the collaborating [...]
When Things Go Bad: 5 Tips for Firing Clients
Most graphic designers will be in a similar situation at some point: the client will not pay, the client is never satisfied with your work yet won’t collaborate to fix it, or you simply realize that you and the client are not meshing. Regardless of when and why you need to fire a client, everyone [...]
Tips for Working with Clients: Approaching the Relationship
Whether you’re looking for design classes, design degree programs, internships or first jobs, it’s important to choose an option that will help you learn clear communication, especially when it comes to designer/client relationships. Knowing how to work with clients should always be part of a successful graphic design education. The following tips can help you [...]
Working for Good: Pro Bono Design, Part II
If you’re interested in doing pro bono graphic design work, it’s important to educate yourself about smart ways to do it. Once you’ve got some guidelines, you can approach your pro bono work with creativity; unless your client specifically requests it, you don’t need to limit yourself to a brochure. Consider these ideas for pro [...]
All Graphic Design Resources is a Directory Full of Tools for Graphic Designers
All Graphic Design Portal is a Graphic Design education directory with resources & articles for Graphic Designers & Web Designers including a Design forum, blog, graphics software tips, graphic design jobs, advice for new designers about design schools and education as well as tips for freelance graphic design business owners, and much more.