My class is getting close!

My class is getting close!

The day is getting closer for when I teach a web design class at Los Medanos College. Here is part of a screenshot of a poster I just made to advertise it to the campus. Open registration starts August 1st.

For the icons I used FontAwesome. If you don’t know what that is then sign up for my class and you’ll find out how to use them in both print and web design! ūüôā

Screen Shot 2016-07-22 at 1.54.36 PM

The details!

Be in control! Design, build & upload a website from scratch.
It doesn’t matter if you are going to be full-fledged web developer
or hire another developer to build a website for you this course
will give you the skills you need to be a well rounded designer and an effective communicator.

No previous experience is required to get the competitive edge!

Fall 08/15/2016 – 12/16/2016 ‚ÄĘ Section 4624
Monday & Wednesday ‚ÄĘ 7-9:20pm ‚ÄĘ 3 Units
Instructor: Eloine Chapman




Copyright range on your website

Copyright range on your website

Do you need a copyright symbol?

You technically don’t need a copyright to protect yourself but it is a reminder that your work is just not free for the taking and the thought is that in court it’s much harder for a person to claim they didn’t realize they couldn’t¬†use your work if you have the copyright notice visible on your site.

One little detail that I see often overlooked is the date in the footer. People will put a copyright there with just one year Рthe year the site was created. But a website and especially a blog is constantly changing so therefore it should have a copyright range because all of your work is protected from the first design to the last design. Read more

How to share a youtube video fullscreen

How to share a youtube video fullscreen

It’s easy enough to click the full screen mode on a video but what if you would like to share a video already viewable in the large size? Perhaps you want to embed a link on your web site¬†that doesn’t show all the other youtube clutter? You just want the video to take over the view. Not sure why youtube has hidden this but for now the solution below¬†seems to work.

The URL for a video you find on youtube for example looks like this:

This is just going to show you something that looks like this:

Screen Shot 2015-06-24 at 11.34.57 AM

The trick to get full screen is to delete “watch?v=” and replace that with “v/

Below is the changed web link. Copy and paste the link below in the browser to test!


Tutorial on making a thought bubble, new card design & and a puppy

Tutorial on making a thought bubble, new card design & and a puppy


[mp_span col=”12″]

pupI recently took pictures of an adorable Rhodesian Ridgeback puppy and some of the photos have been accepted at Shutterstock.

This one of of the sad puppy pose in particular I am making into a greeting card for when you are missing someone.

The front of the card shows her as a sad little puppy with a thought bubble above her head saying “When you’re not here…” and in the inside it says, “I feel a little sad.”

I thought I would also take the time to do a quick tutorial on how to use Adobe Illustrator to make a thought bubble. There are a bazillion ways to do this but this is a nice quick and easy way I thought I would share. Read more

Animated graphic for a newsletter created in photoshop

Animated graphic for a newsletter created in photoshop

Tis the season to make little holiday graphics so I thought I would share how to make a little animated graphic you might embed in an email to encourage someone to click it.

Below is several I put together along with how to create one in photoshop. These were to encourage viewers to click through to view a video. Videos are harder to actually get to play in an email but an animated GIF usually does play. I must say the cute little  snowman below was drawn by our extremely talented intern Ali Cameron!


lights-V2 lights snowman


The first step is to design the each design that will be in sequence. The fewer the better because each frame will slow down your load time.

Using the first graphic as an example there is only two frames. One with one set of lights on and then the other with the alternating lights on.


1. Create the graphic along with the layers that will include the graphics for each frame.

2. Select window>timeline. If asked choose animation for graphic instead of animation for video.

3. The first frame will already be visible. Select the duplicate frame icon.
Screen Shot 2014-12-12 at 12.00.38 PM

4. Now turn on and off the visible layers to show what the next frame will look like.

5. Select how long you want each frame to display and if you want to the animation to loop forever.

6. Select file>save for web  and choose GIF as your file type!