Build Your Own Business Website header image

Photoshop

How to Optimize Images for Use on your Site

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

Now that we’ve talked about how images are used in WordPress, we have to talk about how to optimize images for a small business, professional services website. You don't just want to take a picture from your camera and stick it on your website. Optimization applies not just to your own pictures but to images

How to Map a PSD File in Thesis 2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we discuss how to map a PSD file from Photoshop to Thesis 2. We demonstrate how to move boxes in the different areas around to accommodate the design. And we discuss how to add a background to the content area. We also talk about the new skin, Carta, that we will be

Lesson 9 – Part 10 – Using Photoshop Elements to Prepare your Images

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Now we’re going to look at Photoshop elements to prepare images. I don’t actually use Photoshop elements. I use Photoshop and I use it all the time. I’ve found that it’s the right tool for the job for me. I have a bunch of lessons on the site about Paint.net but that’s only really available

How to Make a Semi Transparent Image in Photoshop

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session we demonstrate how to make a semi transparent image in Photoshop and add it to a Thesis 2 site. We show how to add a background image to the body package and then add the semi transparent image to the container package. We also discuss what file format to save the image

Lesson 5 – Part 2 – Create the Background Images from the PSD File

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

The first thing we're going to do is to create these background images from this PSD file. The easiest way to do that is to turn off everything that's not relevant. I'm going to turn off this background color and I'm actually going to turn off that background color. We're going to start off with

How to Add Background Color to a Sidebar so that it Extends to the Bottom of the Page

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session a member wants to know how to add background color to a sidebar so that it extends to the bottom of the page on his full-width framework site. We show how to use a background image for the entire page that includes the sidebar color and content area color. We use Photoshop

Create a WordPress Site from a PSD File Using Thesis – Part 2 – Extracting the Graphics From PSD File

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

In this session we extract the graphics from the PSD File and optimize each of the images before we go on to add the background images on the site. Video Transcript And so I’m going to turn off everything here except for my… turn off the main copy, turn off the tagline entirely and then

Create a Thesis Header Image with Photoshop

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

This is a simple tutorial on how to create a header image using Photoshop for your Thesis Header. Rick: Good morning, Jim. How are you doing? Jim: I'm good, thanks! Rick: So, what was your question? Jim: Well, I'm brand new to WordPress and I do have a website now but it's pretty basic and

Optimizing Images For the Web Part 4 – Image Editor Settings

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

This is Part 4 of Optimizing Images, A Beginner’s Guide and in this session we give a step by step tutorial on how to create and edit settings of images using Photoshop. We begin by comparing sizes, version and quality using the Web & Device tool. We also discuss what to look for in other