tutorial – Page 3 – Eloine's Blog

My class is getting close!

July 22, 2016July 22, 2016Eloine

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! 🙂

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
www.losmedanos.edu/register

Light diagram with strobbox app

January 22, 2016March 22, 2016Eloine

I ran across a nice free resource online to quickly make a light diagram of a lighting setup. In my last post of the chickens I tried to show how I set up my lights in the chicken coop but it was difficult to see that there was a background flash when the flash was fired. This image shows the basic three light setup up much more clearly. Check out the strobox app.

Copyright range on your website

October 3, 2015January 22, 2017Eloine

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

June 24, 2015March 22, 2016Eloine

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:

https://www.youtube.com/watch?v=r0eHPrT_Wjo

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

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!

https://www.youtube.com/v/r0eHPrT_Wjo

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

February 6, 2015March 6, 2016Eloine

[mp_row]

[mp_span col=”12″]

I 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

December 12, 2014March 22, 2016Eloine

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!

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.

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!

How to clip a section in a flip book

November 7, 2014March 22, 2016Eloine

I’ve been a fan of ISSUU for a pretty long time. Besides the fact it sounds like you are sneezing when you say their name it’s a pretty easy and relatively low cost option for embedding printed documents in your website and adding some interactivity. Sometimes you just have to present information exactly as it was laid out in a print layout program and ISSUU does this.

Sometimes all you need is just one page or a section of a page within a pretty large document to share with someone. ISSUU recently released that feature and I think it’s pretty useful! I recorded a little video that shows this.