Posted tagged ‘Tutorials’

Brand Color 101: Go From Too Bright to Just Right in One Easy Step

April 27, 2014
By Pamela Wilson

It’s a common mistake amateurs make when choosing brand colors, website colors,or even ebook colors.

Colors that are too bright.

Colors that looks like nothing that exists in nature. They’re loud, glaring, and they make our eyes hurt.

bright-color-swatches Ouch.

Why do bright colors make our eyeballs ache?

Bright colors reflect more light than their toned-down counterparts. They over-stimulate our eyes, and because of that, they can cause eye strain.

Bright Colors on Screens? Double Ouch.

It’s one thing to see bright colors printed on paper. But when they’re on a screen that is lit from behind rather than illuminated by ambient light, it’s even more jarring.

(Just try staring at the colors above for about thirty seconds. Look away at a blank surface right after, and you’ll see “ghost” color swatches. Your eyes are still trying to process the bright colors!)

That’s why it’s a good idea to tone down your colors to make them easier to look at, especially when you want people to spend time on your pages reading your information.

Because the last thing you want is to have pages that make people want to rub their eyes and click away.

Tone Down Your Brights with One Easy Step

It’s easier than you think to tone down your overly-bright hues, and you don’t have to be especially artistic to do it.

As a matter of fact, my favorite color palette creation software has a built-in tool that will help you tone down your colors. Just follow these steps:

1. Go to ColourLovers.com. This is my favorite site for choosing colors and creating palettes.

2. Look for the “Create” button on the right side of the page. Click on this button to get the dropdown menu. In the dropdown menu, choose “Palette.”

3. Click on the first rectangle and choose a color. Directly under “Create a Palette,” click on the first rectangle. Use the color selector below to choose a color.

bright-color-before

4. If the color is too bright, move the third slider down toward black. Edge it down until your color looks like it’s sitting the shade, instead of the bright sun! This will make it easier on your viewer’s eyes.

bright-color-after

The result after you add some “shade” to the colors at the beginning of this post?

These colors are still pretty bright, and you should use them in small doses. But they won’t send your website visitors running for the hills, rubbing their eyes as they go!

bright-color-swatches-toned-down

About Pamela Wilson: I’m an award-winning graphic designer and marketing consultant, and I’ve helped businesses of all sizes build their brands since 1987. Now I want to help you build yours.

 About Big Brand System: Your business may be small, but your brand can be BIG. Targeted, well-designed marketing materials — whether they’re in print or on the web — will help your business look professional, communicate effectively and sell more.

Till next time!

Joann

Indispensable HTML Tags meant for Newbies

August 18, 2010

HTML image

HTML is a markup language that is definitely predominantly used in
web pages. It is the one that  tells the computer how
information contained in the page is that should be displayed.

Learning how to write HTML codes is a vital competence that
any web artist should exhibit. Below is an inventory of the most
collective HTML tags used to help inexperienced persons become established
in the midst of this dialect.

1. <HTML></HTML> – are the gateway and shutting tags used next to
the start as well as conclusion of every HTML file.

2. <HEAD></HEAD> – comes following the <HTML> tag and it is
anywhere information that isn’t displayed on the web site can
be found. It consists of META tags, design sheets and Java
Scripts.

3. <TITLE></TITLE> – is enclosed inside the HEAD tags in addition to
it is wherever the name of the website page is placed.

4. <BODY></BODY> – it is usually within these tags that the things
displayed on the web site is usually found.

5. <EM></EM> – the tag stands used for prominence. It changed the
<I></I> tags that  were being used to create the wording inside the
tags italicized.

6. <STRONG></STRONG> – are tags used to generate the text
within them bold.

7. <H1></H1> to <H6></H6> – are used for headers. Placing
text inside any of these tags makes the font bigger or else
smaller than the normal copy as well as bold.

8. <P></P> – inserting text inside these tags turns them into
just one section. A single line gap is mechanically
added underneath the last line of the displayed content.

At the moment you recognize the basic HTML tags. Run and make a simple website.

Till next time

Free Christmas Images & Photoshop Tutorials

December 21, 2009

Merry Christmas To All!

Today I have three sites for you to check out. The first two sites have a ton of free Christmas images. They have clip art, wallpapers, photoshop files, vector files, and png files. The third site is for those who want to design their own images. You will find pages of Photoshop tutorials to keep you busy.

http://www.crazyleafdesign.com/blog/free-christmas-vectors

http://garcya.us/blog/over-2000-christmas-goodies-png-vectors-icons-wallpapers-cliparts-and-psd-files/

http://www.rnel.net/search/photoshop/christmas-tutorials-1

Have fun with these! “Merry Christmas” to those who celebrate it!
Till next time!

Graphic design this week, Oct. 22

October 22, 2009

Here are 3 links you may want to check out. I thought they were very interesting reading.

25 logos with hidden messages, amazing graphic designing tricks!
1. http://www.graphicdesignblog.org/wednesday-design-share-5/

Graphic design articles to quench your thirst for graphic design and web design topics.
2. http://www.allgraphicdesign.com/graphicsblog/2009/10/really-cool-photoshop-effects-part-iii/

We encourage you to share your discoveries about favorite or famous graphic designers and illustrators with other readers.
3. http://graphic-design.com/design/desktop-publishing/new-life-old-brochures

Hope you enjoy these links!
Till next time

Helpful Graphic Design and Webdesign sites

October 4, 2009

Here are 5 sites for insperation and help with your graphic design and webdesign projects.

1. Graphic design articles to quench your thirst for graphic design and web design topics.

 http://www.feedage.com/categories/Graphic+Design/1/4
2. Print design templates take a look at these creative graphic design templates for brochures, flyers, newsletters, stationery, postcards, ads, menus and posters for a variety of businesses.

 http://www.allgraphicdesign.com/phpBB2/viewtopic.php?f=51&p=116171

3. More: colorburned | graphic design resources, tutorials, and more!

 http://devezine.com/63-popular-and-promising-web-design-blogs-graphic-and-web-design-blog-resources-and-tutorials/

5. Com/learning: video tutorials for graphic designers providing tools and information you can trust – and use – on your very next project.

 http://www.brandsoftheworld.com/recent/2009-09-28/232549.html

6. Free icons, graphic design, inspiration, wallpaper, visual illustrators, in the past, were never ever mentioned in the same breath as traditional or fine artists, and they have consistently came second best in comparison with traditional graphic designers.

 http://speckyboy.com/

 Till next time

Michael Rasmussen’s “Email Promos Exposed” Video Series: How to Write Killer Email Promos That Get Results!

March 28, 2009

This post has nothing to do with design persay, but it has great content in helping to keep in contact with your list. Most of us have a need to write great emails. I have found that the videos Michael Rasmussen made will help the beginner to the established writer. So, with that intro, lets get to the review of videos 1 and 2 of the series.

Have you ever been faced with the task of having
to write an email promotion to your list, and
then realized that you didn’t know what to say or
how to say it?

Michael Rasmussen’s new video course “Email
Promos Exposed” promises to solve that problem
for you by walking you through the actual process
of creating killer email promos step-by-step.

I decided to see if Michael’s videos live up to
their promise by trying them out myself. Here’s
what I found:

*************************************************
Overall Quality
*************************************************

The first thing I noticed when I opened up the
first video was the stunning production quality.
He used Camtasia Studio for the production, which
is now the industry standard for creating
high-quality screen capture video products. The
audio is near studio quality, and the graphics
are very professional. These videos were made by
someone who KNOWS what he’s doing. Well done!

I also liked how Michael divided the videos up by
section, and then again by sub-section. For
example, one video is all about the subject line,
and then there are different parts of that video
that each cover a certain area of crafting a
killer subject line.

Now let’s move onto…

*************************************************
THE ACTUAL VIDEOS
*************************************************

Here’s a brief summary of video 1 and 2 of 11. Obviously
it’s impossible to list every single thing here,
but I want you to get a feel for what each one
covered, and how well it covered it.

*************************************************
If you’re in a hurry, just go ahead visit this
URL to get instant free access to these videos:

http://www.emailpromosexposed.com/?thankyou-page=109388
*************************************************

VIDEO 1 – INTRODUCTION

This video served as an introduction to the whole
course. You get to see a picture of Michael in
his every day life, and he establishes his
credibility right up front by talking about some
of his massive successes online. He even provides
proof of credibility by displaying two checks in
the amount of $50,000 and $25,000 which prove
that, when it comes to the subject of making
money with email promos, he knows his stuff.

This is a good lesson for anyone to get. Whenever
you’re teaching people how to do something, it’s
good to establish your credibility up front, so
that there’s no doubt about whether or not you’re
qualified to talk about the subject. Most product
developers either skip or minimize this step.

VIDEO 2 – BEFORE YOU WRITE THE PROMO

This video talks about some things that no other
marketer has bothered to mention. You’ll learn
things like:

* The mindset you need in order to write a killer
promo

* The different tools you need before you get
started

* How to keep your emails laser-focused

* How to create an outline that practically
writes the email for you.

This was a fantastic video, and did a good job of
kicking things off.

The next time I will give my review of videos 3 and 4, I don’t want you to get information overload with this post.

Till next time!

Cropping and Optimizing With Irfanview

December 24, 2008

Today we have a tutorial on cropping and optimizing an image using Irfanview. First of all open your copy of Irfanview.  Go to Start > All Programs > Irfanview. Then open any photo you have that you want to crop. I am going to crop this picture of one of my cats.

Cat image selected

Cat image selected

Place your pointer in the general area that you want to crop your image to. Left click, hold and draw your mouse out to an angle. A box will form around your image. As in the image above. Don’t worry if it isn’t perfect. Release the mouse button.

Place your curser over one side of the box. It will turn into a double arrow. Now you can click on the line and drag it to where you want the image cropped. Do this on all sides if necessary. When you are satisfied with your selection click on: Edit > Crop selection.

 Cat image cropped

Cat image cropped

Congratulations! You now have a perfectly cropped image.

Cropped image of cat

Cropped image of cat

Next we are going to optimize the image so you can use it on your website or sent it to a friend in an email.

 

With your image still open, click on: File > Save for web. A dialog box opens with an image on both sides of the screen.

Image optimize box

Image optimize box

The image on the left is the original image. On the right side is the optimized version. This dialog box give us file choices to save our image as and quality setting for the image. Since we are working with a photo, a Jpeg or Png is a good choice. A Gif file works best with an image such as a logo.

We will save ours as a Jpeg with 75% for the quality. This can be adjusted up or down to suit the quality and file size of the image. Below the optimized side you can see the current file size as opposed to the original file size.

Finally click on Save as to save your optimized image. In the next dialog box remember to change the Save as type to Jpeg if necessary.

Optimized cat image

Optimized cat image

Now you are ready to use your optimized image on the web. Your customers and friends will be happy with your faster loading images.

Till next time

 

Tip: When using graphics on the web make sure to optimize them to under 60k.

 

Merry Christmas!

 

Here is a list of Christmas Giveaways:

http://www.santasbiggiveaway.com

 

http://www.ultimategraphicsgiveaway.com/

 

http://christmas08.ultimateplrgiveaway.com

 

http://www.new-year-gifts.com

 

http://christmasgreetingsgiveaway.com