Learn Photo Editing

Learn Photo Editing

This online course gives professional advice and instructions for how to photoshop pictures for any purpose that you could need them for. If you need to retouch your portraits, this gives you the tools to edit the image so that your model is sure to be happy with the results. If you need to create cartoon characters, you can learn how to do that in a very short amount of time. You can even learn the more advanced skills, like how to make facial features stand out in the picture without having to retouch the photo. You can learn how to take your normal photos and turn them into glossy, high resolution advertisements. Whatever skills you want to learn, and whatever application your photos will be needed in, this course can give you the tools that you need in order to create the most beautiful photoshoot that you've ever done. More here...

Learn Photo Editing Overview

Rating:

4.8 stars out of 44 votes

Contents: Premium Membership
Author: Patrick
Official Website: www.learnphotoediting.net
Price: $27.00

Access Now

My Learn Photo Editing Review

Highly Recommended

This is one of the best ebooks I have read on this field. The writing style was simple and engaging. Content included was worth reading spending my precious time.

When compared to other e-books and paper publications I have read, I consider this to be the bible for this topic. Get this and you will never regret the decision.

Not essential but helpful Image editor

The last tool that I'd like to mention is an image editor. While you can certainly do plenty of cool enhancements with pure CSS, chances are you'll want to expand on your WordPress design and jQuery enhancements a little more by being able to add some slick visual elements such as cool icons or custom backgrounds. These are best achieved by using a graphic editor such as GIMP, Photoshop, or Fireworks. Adobe owns both Photoshop and Fireworks. It also offers a light and less-expensive version of Photoshop, called Photoshop Elements that will allow you to do basic image edits (http www.adobe.com products ). Free open source image editors If you're on a budget and in need of a good image editor, I'd recommend GIMP. It's available for PC, Mac, and Linux. You can get it from I personally use both, a bitmap image editor like GIMP or Photoshop in conjunction with a solid vector drawing program like Inkscape. I find it is often necessary to use both types of image editors together to create...

The Popup Image Editor

To access the popup image editor you need to click an image so that you get a set of drag points around the edges and two icons at the top right. Before clicking the left-hand icon and popping up the editor, let me say something about the other icon the red circle with a slash shown in Figure 14-7. Getting back to the left-hand icon the one that looks like a picture as you saw before, clicking it pops up the image editor. At first glance the window shown in Figure 14-8 looks quite different from the window used to upload and insert an image, but it performs virtually all the same functions.

Experimenting with advanced image settings

Clicking the Advanced Settings tab brings forth a wonderland of new and exciting (yes, I'm a geek) image settings to play with (Figure 6.26). Advanced Image Settings Figure 6.26 Advanced image settings are powerful. Don't fiddle with them if you don't know what they do. Here's what you need to know about the Advanced Image Settings options

Color schemes with GIMP or Photoshop

Pick one or two images which strike you and drop them into Photoshop or GIMP. A thumbnail is fine in a pinch, but you'll probably want an image a bit bigger than the thumbnail. Don't use photos with a watermark, as the watermark will affect the palette output. Once you have an image with colors you like, say, opened up in Photoshop, go to Filter Pixelate Moziac (in GIMP, just use the Filter Blur Pixelize filter) and use the filter to render the image into huge pixels. The larger the cell size, the fewer colors you have to deal with, but unfortunately, the more muted the colors become. Keep track of this text file Again, it will come in handy when you're ready to paste items into your style.css sheet and create graphic interface elements in Photoshop.

Getting the Most Out of This Book

In Part III, Working with Themes and Template Tags, I talk about the aspects of WordPress that have to do with themes and templates. If you have an Adobe Photoshop layout and need to hack it up into a WordPress theme, this is the series of chapters you'll want to get into. It is most suited for designers who need to understand how the WordPress theme system works.

What this book covers

Chapter 1, Getting Started WordPress and jQuery This chapter introduces the reader to the core fundamentals that they need to be familiar with in order to get the most out of the book. HTML, CSS, PHP, and JavaScript syntax, and how to recognize the various parts of those syntaxes are covered, as well as a list of tools of the trade which covers what features their code editor, browser, and even image editor should have. The chapter also illustrates exactly how CSS, JavaScript, and jQuery work in the browser with the HTML served up from the WordPress site.

Making your favicon highres

Again if you're using Photoshop, Telegraphics makes an additional plugin that will bundle all your favicon resolutions into one .ico file. It's called the IcoBundle Utility and it can be found at the same URL as the ICO Format plugin. If you don't want to use Photoshop, GIMP can again easily handle this task for you. Simply open up your largest icon file and then copy and paste each additional resolution into a New Layer within that file. Then follow GIMP's Save As options to save it as a Windows Icon *.ico file.

Dont forget your favicon

If you're using Photoshop, there's a plugin from Telegraphics you can install that will allow you to save in the Windows icon format it is available at http www.telegraphics.com.au sw (for Windows and Mac). Installing this plugin will allow you to save in the Windows Icon format when you select Save As from your File option. If you're using GIMP, we'll then it's even easier. While I do most of my design work in Photoshop, when it comes to generating favicons, I gladly just switch over to GIMP. Simply choose to Save As in the Windows Icon . *.ico format instead of PNG or GIF.

Starting from a Working Theme

You will want to make sure that you are permitted to change the source theme you are starting with. You will also want to review the code quality of the theme, because you will be the one making the modifications going forward. Does the theme accomplish the same presentation goals as your site, template-wise does it convey your data the way you want it conveyed There is no point in starting with a theme that you have to completely retool. Does the theme have enough CSS hooks for you to style Was search engine optimization (SEO) a consideration when the theme was developed How much modification will be needed to meet your requirements and will you be happy with the end result Finally, does the theme come with source art, like the original Photoshop document, for you to modify If not, do you need it, or will you be able to re-create any assets you must have

Adding an image to a post

To add an image to a post, first you'll need to have that image on your computer. Before you get ready to upload an image, make sure that your image is optimized for the Web. Huge files will be uploaded slowly and slow down the process of viewing your site. You can re-size and optimize images using software such as GIMP or Photoshop. For the example in this chapter, I have used a photo of butternut squash soup that I have taken from the website where I got the recipe, and I know it's on the desktop of my computer. Once you have a picture on your computer and know where it is, follow these steps to add the photo to your blog post

Image Module Conversion Library

The most important issue in configuring the Image module is choosing and setting up the conversion library that you will use. The conversion library will be given the responsibility of taking the original images that are uploaded to the site and resizing them to standard sizes and thumbnails. Drupal automatically has support for the GD2 library (http www.php.net image), which has been bundled with PHP since version 4.3. The Image module adds support for the ImageMagick library as well. To choose which library should be used, navigate to administer> settings (admin settings), and in the Image Handling group, select an image processing toolkit. If you choose a library other than GD2, you will need to save the changes and then fill in the additional field to specify a path to the binary library file that you have chosen. If you want to use ImageMagick, for example, you will first need to select ImageMagick Toolkit, save the changes, and then enter a value for the Location of the...

Adding a screenshot for your theme

To do this, take a screenshot of your site's home page. Now, you need to shrink this screenshot down to the right size, so open your image editing program and then paste the contents of your clipboard as a new image. Crop out any unnecessary elements (such as your browser) and resize the image so that it measures 300 x 255. Save the image as screenshot.png and then upload it to your theme folder.

Installing the Image Module

Installing the Image module is quite straightforward. Just download the module from http drupal.org project image, place the entire image folder in the modules directory, and activate the module from the admin modules page. If you wish to use the ImageMagick library (http www.imagemagick.org script index.php) for converting and resizing images, you will also need to move the modules image image.imagemagick.inc file into the includes directory of your Drupal installation. If you wish to use the Image module's gallery-building functions, you need to make sure that the Taxonomy module is enabled.

Theme Design and Approach

While you might find this approach a little strange at first, it's by no means set in stone as the only right way to design Simply read through the chapter and, even if you already have a polished Photoshop or GIMP mockup, go ahead and try to set up your XHTML and CSS mockup using the steps laid out in this chapter. You may find it helps your process. Up until a couple of years ago, in order to mock up a site design, I loaded up Photoshop and began a rather time-consuming task of laying down the design's graphical elements and layout samples, which entailed managing text layers. However, this sometimes ended up being a very large amount of layers, most of which were just lots of text boxes filled with Lorem Ipsum sample text. I'd show these mockups to the client and they'd make changes, which more often than not were just to the text in the mockup, not the overall layout or graphical interface. As my standard design procedure was to have the client approve the mockup before...

Testing other browsers and platforms

That's the only reason why this book tends to focus on Firefox. It contains features and plugins that we'll be taking advantage of to help us streamline the theme development process and aid in the validation and debugging of our theme. Use it just like you use your HTML code editor or your image editor. When you're not developing, you can use whatever browser you prefer.

Using PHP to make graphic headers easy

This technique is very useful if your site is going to be mainly controlled by a client, as they'll probably have to let you know every time they make a new header that needs to be a graphic loaded in via CSS. You'll be able to accommodate them on-the-fly (or even better, teach them how to do it), as opposed to having them wait for you to generate the graphic with Photoshop or Gimp and then implement the CSS.

About the Reviewers

Lee Jordon is an avid user of WordPress, Blogger, Twitter, and other useful web applications. She designs interactive customer service portals, enterprise-level web sites, other web-based applications, and writes web content and user guides. Her toolbox includes HTML, PHP, JavaScript, Java Servlets, MySQL, Flash, Dreamweaver, and Photoshop. She applies over 10 years of experience of designing and writing for the Web to develop interactive, user friendly web sites and writing technical guides to popular web technologies. She is the author of two books with Packt Publishing Blogger Beyond the Basics and Project Management with dotProject.

Planning Your Theme

Before you even fire up Photoshop or your favorite code editor, it's important to define some goals for the WordPress theme that you'll be building. What function will it serve for its visitors How should it assist the content authors or publishers who'll be using it Answering these questions early on will save time, energy, and money in the long run.

Capturing the Screen

Capturing the screen copies the screen or window to the Windows Clipboard. You can then paste the Clipboard contents (Ctrl+V) into any program that can handle a Windows BMP file, such as Microsoft Paint, Microsoft Word, Adobe Photoshop, and so on, and then save the resulting image to a file.

Changing the loop

Using the free open source vector editor Inkscape (http inkscape.org), I made a calendar background icon that can have the day's date up top in red and the three letter month below it. The icon is about 32 pixels square. You can use whichever graphic program you prefer, GIMP, Photoshop, Illustrator, and so on, to create a similar icon, or you can probably find a royalty-free image on the Web.

Working With Media

Across the top of the Edit Media section are image editing buttons that perform specific editing tasks. The first button is the crop icon, which by default is not clickable. To crop the image, click anywhere on the image and drag the selection box to the desired cropping position. When the selection box exists on the image, the crop button will become active, allowing you to click it to crop the image based on your selection. Also notice the Image Crop section located in the right Edit Media sidebar menu. The selection sizing will automatically fill out as you drag the selection box around prior to cropping. This can help you specify the exact cropping dimensions needed for your image.

Editing Images

The WordPress media uploader includes a basic image editor. You can crop, resize, and rotate the images you've uploaded. To begin, click the Edit Image button beneath the thumbnail shown in the image details (you can see this button in Figure 4-31). A simple editing interface will appear (Figure 433). Click the image once, then drag your cursor to choose an area to crop. If you want to scale or crop the image to a precise number of pixels, use the numeric scaling and cropping forms to the right of the image.

Color schemes

You'll want a predefined palette of three to ten colors arranged in a hierarchy from most prominent to least. I like to create a simple text file that lists the colors' hex values and then add my own comments for each color and how I plan to use it in the theme. This makes it easy for me to add the colors to my CSS file, and then later to my Photoshop document as I create graphic interface elements. You can also just add these hex values and comments to your stylesheet commented out with slash-stars * hex comments here* . For development, this can save time. Depending on how you plan to deploy your theme, you may want to remove them later, if nothing else then just to keep your CSS file size to a minimum.

Photoshop Secrets

Photoshop Secrets

Are You Frustrated Because Your Graphics Are Not Looking Professional? Have You Been Slaving Over Your Projects, But Find Yourself Not Getting What You Want From Your Generic Graphic Software? Well, youre about to learn some of the secrets and tips to enhance your images, photos and other projects that you are trying to create and make look professional.

Get My Free Ebook