kevin & amanda { blog } » Tutorials

Scarves. How I wear ‘em.

Amanda — Fri, 26 Feb 2010 13:00:52 +0000

So, last week when I was talking about my current love affair with scarves, somehow in the excitement of all the commenting, and what I can only imagine was some sort of scarf-induced high, I let myself get talked into making… a video. That’s right, a real, live video documenting a few of my favorite ways to wear scarves.

Not that I’m an expert scarf-wearer or anything.

But today, right here on kevinandamanda.com, I am posting that video.

Before you watch, you should know- yes. I am a dork. A complete, and total dork. There you have it.

So, in conclusion, and in addition to me being a dork, while those certainly aren’t the only ways to tie a scarf (and you probably already knew most of them) they are the 5 ways I most often wear them. They’re quick, they’re easy, they’re relatively pain-free… and the looks could work for either winter or spring.

A couple of questions I meant to answer in the tutorial… but forgot.

How do you store your scarves?

Mine are just wrapped on a regular clothes hanger- tied on just like the first method I showed you in the video. You can kinda get an idea from the picture below- I just took the hanger from my closet and hung it up on the hook on the back of my door to take the pic. I meant to hold up the hanger and show it to you in the video, but I took all the scarves off the hanger first. You know, to make it easier to put them on while taping myself. Oops. Way to plan ahead there. Anyway, one regular-sized hanger holds about 10-12 of my scarves (they’re pretty smooshed on) – and I have about 15 scarves, but at any given time, the other 3 are usually either on me, hanging on the coat rack in the foyer, or strewn somewhere else about the house.

I did see this hanger the other day in The Container Store though. It looks pretty cool for a real scarf collecting enthusiast.

Where do you get your scarves?

The scarves in the video, in order of appearance are from Coach (striped scarf), LOFT (pink & white floral scarf), LOFT (purple paisley scarf) and Old Navy (solid white scarf with poms). All of my other scarves are from either LOFT or Old Navy- except for the pink one I got @ Gloss in Birmingham for Valentine’s Day. :) Now uh, hook a girl up here- where do you get your scarves??

So, I think that’s about it. Oh, and, just so ya know- The making and editing this video had me so flummoxed that at one point, without my knowledge, the webcam on the iMac snapped a picture. This, in all its deer-in-the-headlights glory, is that picture.

And I am a dork.

And I look like I belong in an infomercial for Bumpits.

That is all.

***

Wear a scarf this weekend! :)

The Basics of Photoshop, Part 1: Layers

Amanda — Tue, 16 Feb 2010 16:00:21 +0000

This is part one in a series of tutorials which will cover the very basics of Photoshop. It’s perfect for the beginner Photoshop user- and written in plain English, so it’s simple enough even for someone who has never used Photoshop before! :)

This tutorial, Part 1: Layers, will show you how to give your photos unique, customized enhancements by using actions- but most importantly, how to get the most out of your actions by editing the individual layers generated by those actions.

Start by opening an original, full sized photo (straight from the camera) in Photoshop. I’m using this beautiful photo my friend Cynthia took of her daughter Abby.

The first thing you want to do is make sure you have a few windows open in Photoshop- you’ll need Layers, Actions, and History. They are probably already opened by default and located on the right side of your screen- but if you don’t see them, just look at the top of the screen and click on Window and then Layers, Actions, and/or History.

Now, the first thing I think any photo needs, especially if it’s a photo from a DSLR, is a good sharpening. We are going to jump right in and make our first new layer. Click CTRL-J (*If you are using a Mac, substitute CMD instead of CTRL in this tutorial) to create a duplicate layer- it’ll appear as Layer 1 in your Layers Palette. Then, at the top of your screen, click on Filter > Sharpen > Unsharp Mask.

Change the settings to:

Amount: 150%
Radius: 2
Threshold: 0

And click OK.

Now, for this image, the full amount of sharpening was a little too much. See how it’s looking a little grainy? (It’s kind of hard to convey, since these images have been resized for web, but I’ll do the best I can :)).

But luckily, since you had the foresight to create a new layer, you can easily adjust the amount of sharpening just by changing the Opacity of the sharpened layer, Layer 1.

Just click on where it says 100% and change that to any number- or you can click on the blue drop down arrow and use the slider. I changed mine here to 66%.

Just right. Her eyes are nice and crisp, but her hair isn’t too crunchy-looking. Some photos will need the full amount of sharpening- no shame there at all. Some will only need 50%, some less. It’s totally up to the photo, and you- the photographer! :) And what you think looks best.

When your photo is just right, look at the top of the screen and click Layer > Flatten Image. That merges all your layers to one single layer, just like it was at the beginning. You only want to do this when you’re sure you’re done tweaking. :)

Now, let’s start with our first action. For this tutorial, we will be using the free actions from The Pioneer Woman. You can download sets 1 and 2 here: The Pioneer Woman Actions. Follow her 4 short, easy steps to download, install and play your first action.

This is what the Abby’s photo looked like after I played the action Fresh & Colorful. Not exactly the look I’m going for, but it definitely has potential. Fresh & Colorful is one of my favorite, go-to actions- but I always tweak it before saving the final image.

First let’s start with the Soft Light layer- click on the Soft Light layer in the Layers palette and adjust the opacity to 15%.

For some more color, click on the Hue/Saturation layer and adjust the opacity to 85%.

Finally, for just a little more brightening, click on the Light layer and adjust the opacity to 50%.

And that gives us this. Beautiful. Bright. Fresh & Colorful lives up to its name. :)

Now every photo is different-50% on the Light layer may be too bright- or too dark- for the next photo. 85% on the Hue/Saturation layer may be wayyyyyyyyyyy too saturated. That’s what’s great about layers. You don’t have to do the exact same thing for every single photo, because no two photos are exactly alike. I do almost always at least set the Soft Light layer back to 33% or less though- even if I leave the other two layers alone.

Now what else can we do? I think this photo could be a little warmer… in the Layers palette, click on the Background layer. Now play a new action, from set 2 of The Pioneer Woman actions, called Warmer. When the Warmer layer is at 100%, it’s a little too warm- but change the opacity to 44% and we have this:

Ahhh- Perfect. We’ve lightly highlighted her sweet rosy cheeks, those gorgeous red curls, and her stunning blue eyes- without making it look too fake and over processed.

Now we could certainly stop here, and I do recommend you Save the photo at this point and also create a Snapshot (click on the History tab and then click on the little camera to create a snapshot of your image as it is right now- so that way, no matter what you do to the picture after this, you can always come back to this point, as long as you don’t close the photo.)

But while we’re here, let’s have a little more fun. :) In the Layers palette, click on the little arrow next to the Fresh & Colorful folder to close it. Then, from set 2 of The Pioneer Woman actions, play the Seventies action.

Oh goodness gracious- so sweet! So pink! So Valentiney. Meep. Open up the Fresh & Colorful folder and play around with the layers again. I set the Soft Light layer to 0% here. Click on the Hue/Saturation layer and click CTRL-J for a double saturation boost. Click on the eye next to the layer to hide it if you don’t like it. When you love it, definitely save it and take another snapshot! :)

How about Black & White? In the History tab, go back to the first snapshot you created, Snapshot 1. Then play PW’s B & W from the first set, adjust the Light layer like it says to do when the window pops up, and then click Play again to finish the action.

Classic. I adjusted the Quick Edge Burn layer to 44% here.

So that’s it! If this was your first time editing a photo in Photoshop, congrats! Thanks for following along! :)

Effectively using layers is one of the most basic, but most important Photoshop tools you can equip yourself with. Actions are great, but without the ability to edit them specifically for your photo- you’re just kinda stuck with the basic, cookie-cutter look- and that may not always work. So now, hopefully, after this tutorial, you can achieve the customized look you want for your photo- everytime! :)

Thanks for looking! :)

Must-Get Christmas Pictures Before the Tree Comes Down!

Amanda — Sun, 20 Dec 2009 13:26:37 +0000

The Christmas tree can provide an excellent background for some really unique photos- here’s a tutorial on how to get some great shots before that tree comes down!

1. The Christmas Tree Classic Bokeh

Canon 85mm 1.8
f/1.8
1/40 sec
1600 ISO

To get those big, beautiful, blurry lights, use your lens with the lowest aperture- For this picture, I used the 85mm 1.8, but the 50mm 1.8 or 50mm 1.4 would also work nicely.

Place your subject as far away from the tree as possible- we moved some furniture around so Howie could be about 8 ft away from the tree. The farther away the subject is, the bigger (and better, in my opinion! :)) the lights will look.

To take the picture, get as close to the subject as possible. You know how you can be so close to the subject that the lens won’t focus? I found that if I got that close, then scooted back just enough so that the lens would focus, the lights looked better. I have no idea why that is- I just preferred the ones that I took like that! :)

2. The Christmas Tree *Custom* Bokeh

Canon 50mm 1.8
f/1.8
1/15 sec
1600 ISO

Meep!! Little Howie surrounded by Christmas Hearts!! :) Custom Bokeh is my favorite new technique! :) No, I don’t have little heart-shaped Christmas lights on my tree… and I didn’t have to buy any special lenses or filters to get this look, either! All I had to do was use a little tape, scissors and paper- all the stuff I already have in my scrapbook room! :) And the best part is, you can have custom bokeh in any shape you can cut out- hearts, stars, mini Christmas trees- I even tried a snowflake! Come on, I’ll show you…

Supplies You’ll Need

1. SLR Camera
2. 50mm 1.8 lens
3. Black cardstock
4. Removable adhesive
5. Scissors / decorative shape punches
6. Pencil
7. Tape

1. To begin, take a strip of paper and form a ring around your 50mm lens- tape the paper together so that it fits snugly around the lens.

2. Take the ring off the lens, place it on a piece of black cardstock and trace a circle around the ring.

3. Cut out the circle

4. Cut a square in the middle of the circle (I used an Xacto knife, but you could just use scissors too. It doesn’t have to look pretty! :)). If you’re going to use a decorative punch to cut out your shapes, your square just needs to be as big as your biggest shape.

5. So, now you have a ring and a circle with a square cut out of the middle. Tape them together like pictured above to form a “hood”. For the benefit of the picture, I put the tape on the inside so you can’t see it, but you could tape it on the outside too- it’s easier and it works just as well! :)

6. Now it’s time to cut out your shapes! :) You can use scissors or an Xacto knife (or even a die cutting machine!) to cut out any shape you can imagine- I had these little punches that made it really easy.

7. Cut out your shape, being sure to leave enough room on the edges so you can attach it to the “hood”. I used removable adhesive so I could easily switch between shapes on the hood.

8. Attach the shape to the hood and put the hood on your lens- when you’re all done, it should look like this! :)

Of course, I used a heart punch for the picture of Howie! :) Now I will warn you, I did have to use a tripod to take the custom bokeh pictures. Using the hood lets in less light, so you have to set your shutter speed slower to compensate- in my case, too slow to hand hold! But you don’t have to have a tripod. You could set your camera on a coffee table, tv tray, chair, bench, ottoman, whatever! Anything steady you can get your hands on! :)

Canon 85mm 1.8
f/1.8
1/8 sec
800 ISO

I loved how the snowflake punched turned out! Unfortunately by this time my models were thoroughly uncooperative, so I just had to take pictures of the tree. :P

The size of your cut-out will affect size of your custom bokeh- so play around with different shapes and sizes for all kinds of neat looks! :)

I even tried punching out a letter “B”! The possibilities are endless! :)

I would LOVE to see your Christmas Tree Bokeh pics!! :) Leave me a link to your pics in the comments- or share with me on Facebook! I would love to leave a comment for ya!! :)

Thanks for looking! :)

A collage of clothes . . .

Amanda — Fri, 13 Nov 2009 20:20:57 +0000

I was messing around making a collage the other day, and I came across this pretty cool action. It’s called Panos’s BnBig Picture- you can get it by clicking here and scrolling almost all the way down to the bottom of the page- look under the header “Frames and Mattes” and it’s #42.

It’s pretty easy to use- here’s what my image looked like before I ran the action. Basically you just put a bunch of square pictures side by side, with no extra space around any of the pictures.

This image has been shrunk down for web-sized viewing, and the action will still work on a web-sized image (you can grab this one and try it to test it out if you want), but I think the shadows turn out better if you start with a bigger image. Mine was like 2400px x 2400px originally.

When you have all your square pictures set up, just run the BnBig Picture action and it turns into this!

Pretty sweet, huh? :)

Now you can just use Photoshop, or Gimpshop or whatever to put your square images together, no problem- but if you have Lightroom 2, it’s even easier to make grids of pictures like the one above. Basically you just select all your pictures and choose “Print to File”- then you can pick one of their premade contact sheets and it’ll put all your images in a grid for you. Even if they’re not already square, you can just click a button and it will make them all square for you. :) Then instead of printing it out on your printer, it’ll just make a large JPG image of what you see on the screen. Super easy! :) I learned more about that trick from this tutorial here.

Now why on earth am I making a collage of a bunch of clothes?? :p

Well, it’s out with the old and in with the new! :)

I’m cleaning out my closets- and these are all going up for sale on eBay if you see one that catches your eye. ;)

I’ve got sweaters, tops, jeans, skirts…

from Abercrombie & Fitch, J. Crew, GAP, Bebe, The Limited, Ann Taylor LOFT and too many more. :blush:

My eBay Auctions

Ok, I’ll stop now. ;)

Well, I hope you found this little mini-tutorial fun and helpful! :) Thanks so much for looking! :)

Add a Signature to Every Blog Post on your Blogger/Blogspot Blog

Amanda — Wed, 12 Aug 2009 04:23:19 +0000

If you have a blog, you may be wondering how to add your signature after every post on your Blogger or Blogspot blog. This simple tutorial will show you how to do it in just a few easy steps! :) This method of adding a signature will add your signature after *every* post- even posts you’ve already written! This is not like the “template method” of adding a signature, which will only add your signature on the new posts that you make- and not the old ones. Oh and stay tuned ’til the end of the post- there’s also a tutorial on how to add a post divider after your blog posts! :)

So, to add a signature, first, you’ll need to create a signature image like the one above and upload it somewhere like Photobucket, TinyPic, Flickr, etc. Then…

1. Go to your Blogger Dashboard and click on Layout then Edit HTML.

2. Check the Expand Widget Templates box.

3. Click CTRL-F and copy and paste the line below in the search box to search for it in your code.

post-footer-line post-footer-line-1

It may say :

='post-footer-line post-footer-line-1>

OR

='post-footer-line post-footer-line-1'>

Or something similar- either is fine. Just look for that line.

4. Under that line, paste this code and change IMAGE URL to the url address of your signature image (it’s the Direct Link on Photobucket).

IMAGE URL' style='border: none; background: transparent;' />

5. Preview it and Save it! You’re done!

If your blog background isn’t white…

This tutorial doesn’t cover the making of the actual signature, but I will give this tip for blogs that don’t have white backgrounds- here’s how to make a signature so it doesn’t have a white background around it and it will blend in with any background! :)

If you use Photoshop, when you create a new image, make sure the “Background Contents” says Transparent. Then create your signature, and when saving, go to File > Save for Web and Devices.

Make sure you save the file as a PNG-24 and that Transparency is checked. The white and grey checkerboard must be around your signature for it to work! :) If you save it like this, then no matter what background you put your signature on, it will blend in (and not have a white background around it).

Want to know how to add a post divider after your blog posts?

Follow this super-easy, thorough, and beginner-friendly tutorial from Megan at Shabby Blogs!

While you’re there, take a look around! :) Don’t forget to check out her *awesome* shabby blog backgrounds and shabby blog extras!! :)

Here’s one of the new backgrounds she just added. Wouldn’t this make the *cutest* recipe blog background *ever*??? :)

If you’ve been thinking about starting a recipe blog, now is the time to do it!! And gosh darn it, send me the link to it ASAP!!! ;)

Thanks for looking!! :)

© kevinandamanda.com, 2009. | Link to this post | Comment on this post | Digg This | Stumble Upon

How To Use a Custom Font for Your Entire Blogger/Blogspot Posts

Amanda — Mon, 27 Apr 2009 21:52:26 +0000

Okok. So you want to change your *entire* posts to a funky font. Well, it can be done… Sort of.. I can’t figure out an easy way to change the font of your existing posts, but it can be done for any new posts you write.

click here to see a live demo of what this tutorial does

First- the boring stuff. Disclaimers. Warnings. Etc.

This tutorial is a continuation of my How To Use a Cute Font for Your Blogger Post Titles, so you’ll have to do all the stuff in that tutorial before this one will work. :)

I don’t really recommend writing every single post, all the time, the entire thing, in a custom font.

sIFR is best used for changing titles and headers, not entire blocks of text.

It will make your page load slower.

It will make your page be all jumpy and crazy-looking as it’s loading.

It won’t look perfect- you can only use one font color/size for everything you write and there may be some extra spacing/padding at the bottom, but there’s no that I know of to get rid of it (see what I mean about the padding on the demo).

I kinda like plain, easy to read fonts for the main content of a blog anyway.

If you created an account with Geocities, be sure and read this!

So! If that doesn’t bother you and you’re totally ok with all of that and you still really want to change the font of your entire blog posts… Then this tutorial is for you. :)

First, if you want to use a second font, different from your post titles for your main blog posts… Go to your blogger-sifr.js file and find the lines that look something like this:

var kevinandamanda = { src: 'http://username.webs.com/fontname.swf' }; sIFR.activate(kevinandamanda);

Copy and paste a duplicate of that right underneath it.

1. Convert and upload a new SWF font file, then replace the URL for the current SWF file with the URL to the new font.

2. Change the two instances of kevinandamanda to blogpostfont.

So when you’re done, it may look something like this:

var kevinandamanda = { src: 'http://username.webs.com/fontname.swf' }; sIFR.activate(kevinandamanda); var blogpostfont = { src: 'http://username.webs.com/anotherfont.swf' }; sIFR.activate(blogpostfont);

Next, paste this down at the bottom of your blogger-sifr.js file:

sIFR.replace(blogpostfont, { selector: '#main-wrapper h3', fitExactly: true, tuneHeight: -5, css: ['.sIFR-root { color: #000000; font-size: 24px; font-weight: normal; }' ,'a { text-decoration: none; }' ,'a:link { color: #000000; }' ,'a:hover { color: #000000; }' ], wmode: 'transparent', ratios: [6, 1.93, 10, 1.92, 13, 1.86, 17, 1.82, 21, 1.8, 29, 1.79, 32, 1.78, 33, 1.77, 36, 1.78, 43, 1.77, 44, 1.76, 47, 1.77, 70, 1.76, 71, 1.75, 74, 1.76, 75, 1.75, 76, 1.76, 1.75] });

Now if you didn’t use a second font and just want to use the same font you’re using for your blog post titles, then you’ll need to change blogpostfont back to kevinandamanda.

You can still play around with the font size and color.

Save the blogger-sifr.js file when you’re done customizing.

Next, to get this to show up on your blog: Write a new post and switch over to the Edit Html tab.

Wrap any text that you want to appear in your custom font with
tags, so it might look something like this:

This text will be converted to a cute font!
This text will appear in the default blogger font.

That’s it! :)

click here to see a live demo

I will try and answer questions in the comments. (Please leave a link to your blog, or send me an invite if it’s private.)

If you got this to work on your blog, please post a link to your blog here so others can see an example! :)

If you found this tutorial helpful, I’d love it if you put one of my blog buttons on your blog! :)

© kevinandamanda.com, 2009. | Link to this post | Comment on this post | Digg This | Stumble Upon

Geocities Is Closing!

Amanda — Sun, 26 Apr 2009 04:51:07 +0000

Important Update for those who changed their blog fonts and used Geocities! I just found (a little over a week after I wrote my tutorial, what timing, huh? :p) that Geocities is closing and will be terminating all of their accounts later this year. This means that if you still have any of your font-changing files hosted at Geocities, they will be deleted and the custom fonts on your blog will stop working. But don’t worry! I’ve found a new place (Webs.com) where you can upload your files. (Now don’t go closing on me next week, Webs!)

Basically, here’s what you’ll need to do:

1. Create a Webs.com account (Use Advanced HTML Mode)

2. Save the sifr.css, sifr.js, blogger-sifr.js and any SWF files that are currently in your Geocities account and upload them to your Webs.com account

3. Upload a new file, index.htm to your Webs.com account (right click and chose Save As to download the file)

4. Go to the Edit HTML section of your Blogger Dashboard and find the previous Geocities code you pasted. Delete all that and replace it with this: