I ran into this issue yesterday. I created an image which originally came from Adobe Illustrator and ended up in Adobe Photoshop. I saved the image as a JPG and uploaded it to a Wordpress blog. When I sent the blog’s link to everyone I work with, I got a quick call from one of them stating the image didn’t appear for them.

Let the troubleshooting begin.

I quickly determined that the issue was with Internet Explorer, as the image showed up in Firefox and Chrome. So I did a Google search to see what documentation is out there.

Several places suggested it may be a permalink issue. I tried it just to make sure, but that was not the answer in this case.

Upon further searching I found the issue on the Microsoft Support page. These are all great suggestions, but still didn’t fix my problem.

So, back to the drawing board – the Photoshop drawing board. I thought maybe I should rename the file or try a different file format, that maybe Wordpress was getting confused because I had uploaded several versions of the file to get it just right.

As I was re-saving the JPG image, I realized the error of my ways. The file was in CMYK color mode. D’oh! I changed it to RGB color mode, re-saved, re-uploaded and voila! Instant fix!

It’s like magic.

What tipped me off? When you do a “save as” in CMYK color mode you have far fewer file format options to choose from than RGB color mode. I noticed my list was much shorter and then checked how the mode was set. Hopefully this will be helpful if you ever encounter this issue.

1 person likes this post.

Unlike

In case you don’t already know, I’m in school at NSCC for an associates degree in Web design. At the rate of one class per semester, I should have a degree in about 5 more years (ugh!).  But I’m learning a lot and I’ve been able to apply these new skills at my job already.

So this semester is another Photoshop class, but this one is more about how to use the tools to make graphics in general, whereas the last class was more about making small graphics specifically for Web sites. Anyway, the assignment this week was to create a sports poster using selection and masking tools and techniques with the provided images of Vince Young from the Tennessee Titans. I personally would rather have done a poster for the Predators, but the teacher didn’t take a vote

I almost had a panic attack when I realized this was a project that I had to create from scratch. Projects leading up to this one were “learn the tool, replicate this image.” For this one we had to use everything we’ve learned so far and do something creative. Yikes!

I’m learning when to say “when” on the Photoshop effects, so without further adieu…the finished product.

And see if you can spot the mistake on the poster. My teacher was nice enough to give me the opportunity to correct it. When I realized what I had done I let out a loud Homer Simpson-esque “Doh!!” haha

2 people like this post.

Unlike

The fall semester is coming to a close and students across America are taking their exams and finishing up projects. This semester I’m taking Basic Web Graphics at NSCC, which is a class on how to use Photoshop. I had a little experience with Photoshop prior to taking this class, but I’ve learned some really cool tricks and have enjoyed the art projects.

My latest and final project for this class is to build a Web site for a “client” called Cup O’ Love, a coffee shop that serves high dollar coffee / tea drinks and desserts. They also do catering, music and poetry nights, there are meeting rooms for private meetings/events and they also have a gift shop.

Anyway, I was torn over the method of laying out the site this time – i.e., should I lay it out in tables, use CSS, etc., but I chose to go with using slices in Photoshop and go for a more graphic-intense site. This is a trend I’ve recently noticed in really nice-looking, not-so-simple sites (not to say it’s a new trend; I’m not what you would call very observant).

Here’s a quick shot of the mock-up for the “look” of the site. The assignment was for me to create the company logo, 4 graphic icons, 5 side bar buttons, manipulate a photo of the cafe, a bottom banner image, and a place for text.

Like

Unlike