Latest project: Christine McClain portfolio

My latest project just went live on Sunday at christinemclain.com.

This was a build for Long Beach-based designer Christine McClain. Christine wanted help getting her portfolio online and wanted it to be easily updated. I proposed the site be built in WordPress. She did the design and I did all the HTML, CSS and the WordPress backend.

It was a fun build. It helped me realize just how powerful WordPress can be when it comes to using it to power a portfolio. Building the portfolio page and putting in all the automatically generated thumbnails was especially a challenge, but I learned a lot of really neat tricks in solving that challenge.

I was very proud of the final result and thrilled Christine liked it too.

(P.S.: Christine is a terrific designer as well, so you should check out her work anyway. I was impressed as I was putting this site together!)

Bookmark and Share
Posted in Projects | Tagged , | Leave a comment

A patch of pumpkin photos …

It’s still fall, not too cold yet (well at least for us on the West Coast).

Went to a friend’s pumpkin patch a little while ago and took my trusty Nikon D60. Sometimes it’s just fun to shoot random things. And pumpkins are very pretty shades of orange. Shot some stuff that I thought might make interesting textures or background images for fall-related things.

Feel free to use these. All I ask is if you do use them in a project, just drop me a line and show me a sample. I like seeing my stuff in action. :)

Enjoy!

DSC_0374

DSC_0372

DSC_0462

DSC_0383

DSC_0367

DSC_0356

Download all the full-sized textures here.

If you want to see the entire set on Flickr, go here. There are lots of pretty pumpkins like these:

DSC_0475

Bookmark and Share
Posted in Inspiration, Stuff We Make | Tagged , | Leave a comment

Latest project: Turner Photography

Just proof that I’m doing actual work. :)

Another project in the books, this one for nature photographer Richard Turner.

Richard Turner Photography

This was built using a combination of WordPress and Gallery2 for the photo gallery. Pretty simple, with the emphasis on the photography. (I notice a lot of photographers prefer their websites be black … I can see why after working on this project.)

Lots of fun plugins, including the slideshow on the front page powered by ShowTime Slideshow. Tried a bunch of different slideshows, but this was the one that fit the bill best — easy to update for the client and simple to integrate. Couldn’t ask for anything more.

To see the site, visit http://rturnerphotography.com. (May I mention that his photography is pretty sweet! Especially the flowers.)

Bookmark and Share
Posted in Projects | Leave a comment

My files are here, there and everywhere …

wd-my-passport-essential-portable-usb-driveIn this day and age, it’s important for your files to be pretty portable. Clients like to e-mail us stuff, and we as designers are pretty mobile ourselves. Freelancers aren’t really tethered to desks anymore, and some people like to work in coffee shops. I personally like to work outdoors when the weather isn’t crummy.

The point is, though, that you sometimes need access to your files … and you’re not at your main computer. Maybe the computer’s at the shop. Or maybe you’re too lazy to drag your laptop to a computer lab because you’re leaving to go on vacation right after your shift at the college (that would be me). Or you’ve got a bunch of files archived on an external hard drive and you don’t have that hard drive and you need to make an emergency fix.

That’s where having some form of online backup or file service comes in handy.

(Recently, I was without my computer and needed to edit a manual for a client pronto. I was able to access it using iDrive, download it onto the computer I was using, edited the manual and put it back online so I could put it on my regular computer later.)

There are a lot of online services out there with varying levels of storage, service and fees. This terrific article from Nettuts explains several services available and is really thorough. I actually read that article myself and based my current setup on the information in the article.

So here’s what I use (hopefully you find it helpful). It’s a combination of backup, file access and public space so that the next time a client tells me he or she has 6GB worth of files to give me, he or she can upload it easily and not tax any e-mail servers. :)

Continue reading

Bookmark and Share
Posted in Tips for You | Leave a comment

The Importance of Being Professional

(as opposed to being Ernest … but that’s besides the point.)

There are some things that seem to be real no-brainers, but the reminder to always stay professional, even in the face of great adversity or the risk of your veins popping out of the side of your head, is something to remember always. Trust me, it pays off.

Everyone has a difficult client. Some of us have them in spades. They’re the clients who make you want to tear your hair out and bang your head against the wall.

I had one of those clients. I literally spent many mornings dreading the day and not wanting to open my e-mail because I knew there were going to be 10 billion e-mails from said client. I found myself continually frustrated because I had to explain a lot of things about the web that said client didn’t understand. I had to spend countless hours — many of which I wasn’t really being paid for — slaving away on this project.

(Side note: I must have this gene that doesn’t allow me to half-ass things or leave things unfinished or leave things done badly. It’s a blessing and a curse.)

Anyway, I persevered. Maybe against my better judgement. I vented a lot to friends. I wrote a lot of cryptic Twitter vents. I cursed a lot in my studio, in the presence of only my cats. I wrote an e-mail in a fit of righteous anger but happened to be on the phone with a trusted colleague at the time. In a moment of clarity, I read it to her and she of course smacked some sense into me and made me edit it.

But in every dealing with my client, I stayed nice. As much as I possibly could. I was forceful when needed (like when explaining that something was downright impossible). But mostly, I tried to educate — I am a teacher, after all — and keep a smile on and joke around and just be pleasant. I set firm deadlines when it seemed like the client was trying to monopolize my time and held my ground without yelling. I was killing said client with kindness (and trust me, most people who know me on a personal level will tell you I don’t kill anyone with kindness … it’s not my thing).

Finally, there was light at the end of the tunnel. The project was wrapping up. It entailed an epic exit meeting, but I was determined to stay and spend as much time as was needed to make sure the project was put to bed.

And then came the time when the client handed me a check … and it was for double what I was expecting. “We want to thank you for being a trooper and for all your time and give you something extra,” was what the client said.

So yeah, professionalism pays off, yes?

I could have popped off but then I would have lost the client and it would have gotten ugly. Instead, I got a satisfied client who now understands the value of my time. Said client wants more extra work done, but now the client is willing to pay me at my regular rate.

I’m not saying that all bad clients wind up like this. But it’s nice to know that niceness still carries some currency in a society where civility sometimes seems it’s gone down the drain.

Bookmark and Share
Posted in Tips for You | Leave a comment

Thanks for the awesomeness, CFC ’09!

Went to the Creative Freelancer Conference in San Diego last week, and had an amazing time. It couldn’t have come at a better time for me personally, since I decided recently to go solo full-time and was feeling a little scared. I got to meet some awesome and fun people from around the country. And among the valuable business tips and terrific advice came this overarching feeling:

I really can do this.

It was refreshing to see so many creative folks at different stages of going solo. There were people who’d been doing this for 10, 15, 20, 25 years. There were people who just started. There were people who were in my exact boat — going solo because they had been laid off from another job.

It was so nice to look around the room and know that doing this solo venture was possible.

There was a wealth of information — I went to a pricing workshop and that was extremely eye-opening — but some of the great nuggets I heard were:

* Growth is not necessarily about growing your business, but to make it a sustainable practice. (Petrula Vronakis)

* You have to be more than interested, you have to be committed. (Peleg Top, Marketing Mentor)

* We understand our vocation is bigger than our occupation. (Todd Henry, the Accidental Creative)

And perhaps my favorite quote from the entire conference, also from Todd Henry during his talk about staying creative in a demanding profession:

“Cover bands don’t change the world.”

So pithy and so true.

I was thrilled about the conference. Now I feel like I can approach the business side of my business without freaking out. I feel like I have a strategy. And I also have a whole new network to connect with.

I’ll definitely be back next year!

Bookmark and Share
Posted in Inspiration, Tips for You | Tagged , , | 1 Comment

The Joy of Unemployment

Exactly one month ago, I walked into my office and was greeting with the piece of news that nobody likes to hear:

We’re sorry, we like your work, but we can’t keep you.

That’s essentially how I was laid off from my last job. And then came the expected mild panic: How will I pay the bills? How about insurance? What do I do now?

For me, the bout of panic lasted maybe an hour. I’ve always been one of those people who has Plans A, B, C, D, E and F at the ready. I’d been working as a freelance designer the past five years on the side. Losing my job only meant that I had to move into freelance. Full-time.

After a month, I can honestly say that becoming unemployed may have been the best thing to happen to me this year.

My ultimate goal in life was to go solo. This happening to me gave me the kick in the pants I needed and forced me to take the plunge. It’s been a growing experience.

Taking the plunge as a freelancer is scary. You’ve got to hustle. You’ve got to get yourself out there. You’ve got to balance the books. You have to kick ass. And have I mentioned that you have to design too?

Part of me was a little scared that I didn’t have the connections or the contacts or the client base to really make a go of this. But I think I underestimated myself. I also think I’ve been busier now than I ever was when I had a full-time job.

I’ve had the luxury of time. Time to work on personal projects and nurture my creativity as a designer. I might even get to working on some art projects to keep feeding the inspiration bug.

Of course the luxury of time is sometimes a curse. It’s no secret that time management is probably the hardest part of working on your own schedule. Finding time to finish projects, pursue new projects, meet with people and keep the house from falling apart is the daily challenge. But it gets better as you go on.

I think I’m going to enjoy this journey. And I hope bigger things are in store.

I leave with a picture a friend of mine sent me yesterday. Very apropos. (Shame I don’t know who to attribute it to because it’s lovely.)

butterfly

Bookmark and Share
Posted in Inspiration | Tagged , , | 1 Comment

Ready, Set, Design (in 30 minutes!)

In any design job, you face deadlines. Clients want things right this very minute! Or, they needed it yesterday! (My boss likes to throw that one out at me a lot.) But what if you had only 30 minutes to design something … and it was actually kind of fun?

A couple of weeks ago, I got the privilege to participate in the annual Sacramento City College Show-Off Competition in the faculty division. The competition is part of our annual end-of-year student show for the Graphic Communications department at the college. There’s a faculty version, a student version and a 3D rendering version. And yes, it was as much fun to participate as it was to watch.

The faculty version pitted myself; Don Button, department chair and Photoshop whiz; Chris Seddon, my boss at the graphic design lab and an Illustrator whiz; and Tom Cappelletti, teacher of many disciplines in our department.

Our task? We were given a topic on the spot, had 15 minutes to brainstorm and then 30 minutes to design an 11″ x 17″ poster on said topic. Our topic was “Tagging Yourself.” We had to choose five words that described ourselves and design a poster using mainly typography to convey the message.

Don won the competition (winners were determined by popular vote). I came in second by a tiny margin. I was quite honored, as Don was a teacher of mine and is highly respected here in Sacramento. Don also won last year’s competition so he’s an old hand at this. :)

This was my entry:

jenn

This was my brainstorming sketch (you can see that I thought of the concept pretty early … drawing the profile face was the biggest challenge):

p1040117

This was Don’s winning entry. If you know Don, you’ll know this is very much him:

winnertag

In all, the whole experience was a blast! There was also a ton of great student work at the show. If you want to read more about it (and see the winning student and 3D entries), visit the GCOM@SCC blog!

[Super thanks to Andrea Diaz-Vaughn, who headed the planning committee (and invited me to participate in the faculty show) and GC Club president Priscilla Garcia)!]

Bookmark and Share
Posted in Inspiration, Stuff We Make | Leave a comment

Blending, shading and the blend tool in Illustrator

As promised, here are some tips on using the blend tool to make gradients in Illustrator. We’ll take the jellybean in the previous post about shading and do this:

picture-22

First off, if you are unfamiliar with the awesomeness of the blend tool, here is some great reading to get your started:

The Blend Tool really is a great tool that can not only help you create custom gradients, but can help you create custom shapes and effects easily. In this case, I’m using it for creating gradients, but it’s really a fun tool that’s worth playing around with.

People always ask why you’d bother to use the Blend tool to make a gradient as opposed to the Gradient tool. Well, gradients created with the Gradient tool are mostly radial or linear. But sometimes you need a gradient to follow a specific path. In the instance above, I didn’t want the gradient to cover the entire jellybean (you’ll notice there is still some dark green to the left of the highlight, and that’s intentional).

Here’s a comparison between using the Gradient tool with a radial gradient (left image) and the Blend tool (right image):

picture-71

See the difference in the spread of the gradient? You could probably manipulate the gradient’s size to get the same effect as the blend tool, but the gradient will still be a circle. This jellybean isn’t a perfect circle, so using the Blend tool can help in that aspect because you need the gradient to follow a certain path.

And with the Blend tool, I could also change the shape of the highlight (which was a thin oval to begin with) to also manipulate the gradient. If I needed a shorter highlight, I could do that, or if I wanted to change the curve of the highlight and move it closer to the middle, I could change the original shape and the blend would follow.

Blending is really simple and before you know it, you’ll wind up with a bunch of fun jellybeans:

picture-14

Continue reading

Bookmark and Share
Posted in Tips for You | Tagged , , | Leave a comment

Shading and such in Illustrator

Came across this fantastic post about doing basic shading in Illustrator the other day. If you’re one of those people who laments the flatness of your drawings in Illustrator (like me), it’s a great little read.

What I liked most about that post is that not only were the source files available for download, but that if you go through the source files, it’s basically a step-by-step visual of the process. It also used a paper-and-pencil approach to shading and how to imagine light falling on an object so you can draw the shadows and highlights. Very much like the drawing class I’m taking (funny, we just went over shading a couple of weeks ago there).

Inspired by that post — and a drawing class exercise in which we had to draw jellybeans — here’s a little jellybean drawn in Illustrator.

jellybean

Only four shapes! See how it was done after the jump.

In a later post, I’ll also show how to try and make it more realistic using the Blend tool and some blurs. Fun!

Continue reading

Bookmark and Share
Posted in Tips for You, Tutorials We Do | Tagged , , | Leave a comment

Illustrator Brush Basics

In our Mac Lab at Sac City, I used to get all kinds of questions about making and using brushes in Illustrator. I also came across a great scatter brush primer online a little while ago, which reminded me I should probably write up a brush tutorial. (It’s also almost mid-semester here at the college, which is right about when all the students start asking about those brushes.) :)

Without further ado, here are some brush tips for Illustrator so you can do things like this:

picture sun

Continue reading

Bookmark and Share
Posted in Tips for You | Tagged , | Leave a comment

By popular demand

Afro Man in space

This took way longer than it should have

This took way longer than it should have

Bookmark and Share
Posted in Stuff We Make | 1 Comment

My epic build: Update No. 3

I realized it had been a while since I last posted an update on my workings with the Go Green California Business site I was working on. Nope, the project didn’t die. :)

We had an original launch date of February 9, but decided (much to my relief) to push that launch all the way to April 22. One week after tax day.

I finally managed to move the site onto a live server and filled it out a little more.

Last I left off, I had built most of the WordPress templates. Now it was time to actually start filling the site out with some content, add some plugins and put a little meat onto the site:

It was all working and looking good so far. (Whew!)

I even managed to install bbPress for the forum and style it correctly. (I was on a roll.)

In the process, I was also thinking about usability for our own staff, since we’re the ones who have to update the site. The main thing I had to figure out was how all the ads would get switched out. Then I discovered the Improved Include Page plugin, which was an absolute godsend. I was able to make the three advertising spots separate pages that were easy to update thanks to that plugin!

Now it’s just a matter of filling in yet more content and crossing my fingers. And lots and lots of testing and tweaking and such.

Bookmark and Share
Posted in Projects | Tagged , , | Leave a comment

Space Dementia!

Afro Man in all his glory.

Afro Man in all his glory.

OK, so Illustrator is my weak point designwise. (My head is my weakpoint otherwise). I’ve always been terrible at drawing, although I turned that into an asset when I was in high school to draw a giant series of awful comics called Afro Man.

So, with that in mind, I signed up for a basic Illustrator class this semester. I’m not entertaining any delusions that learning a computer program will make me better at drawing. The idea is that hopefully I can use computer magic to get around my shortcomings and make something by hand that’s actually usable. I’m a big fan of repurposing just about anything, but I recognize that it can only go so far.

So, I thought it might be interesting to keep a log of stuff I make in Illustrator to (hopefully) watch my skills improve. One of the the early assignments in the class was to make a space scene.  What I did was simple, mostly using basic shapes and colors, and OK, I used the flare tool, and yeah, stars aren’t shaped like that, and yeah, continents are neither brown nor do they look like paper cutouts, but hey… it’s a start?

My thought process while making this: "Flare tool? Shit yes."

My thought process while making this: "Flare tool? Shit yes."

Bookmark and Share
Posted in Uncategorized | 1 Comment

Getting your act (and portfolio) together

Came across this great article from Smashing Magazine: 10 Steps to the Perfect Portfolio Website.

Tons and tons of great tips, including how to make everything more concise and clear. I especially like the tip about having a tagline because I think that’s so important. You have to be able to sum yourself up in a few words and sell it! And what better way to do that than with a tagline?

There was also yet another incredibly valuable tip in that article, one that especially applies to designers who are just starting out: If you don’t have clients, create things. I wholeheartedly agree with that. Make a business card for yourself and put it in your portfolio. Design a theme. Design something because it’s better than nothing.

A lot of design students are unsure about what to put in portfolios, and really the best answer is any work that truly represents what you do. I’ve used final class projects before. I’ve had friends who used wallpapers they designed as part of their portfolios. Not everybody is a design genius who gets tons of clients right away! We all have to start somewhere, and schoolwork isn’t a bad start. As you get more clients, you can start putting more real-world work up. Again, it’s better than nothing!

And while having a web portfolio is pretty important, don’t forget that having a “book” is handy too. I usually get one of those nice black ones you see at the art stores. What size you get depends on your work. I tend to do a lot of tabloid-sized posters, so I have one that’s 11 x 17. Mount your work on black paper and add a small explainer to each page if you can.

If you’re really ambitious and wanting to flex your creativity, you could put together an actual book. Come up with a great concept and theme that ties all your work together, and the final result is very impressive. I’ve seen a few of these before and love the idea. If you know someone who has a lot of HOW Magazine or Print Magazine design annuals lying around, go flip through the student promotions to see a few examples.

A portfolio is the best way for you to sell yourself. It gives people a glimpse of not only what you can do, but also what your style is and who you are. Take the time not only to decide what work should go in a portfolio, but also to decide how you want to brand yourself. Drawing up your logo and thinking of your tagline and deciding how your portfolio will look online are just the beginning, but it’s a great start.

Bookmark and Share
Posted in Tips for You | Tagged | Leave a comment