KUNG GUSTO NYU PO POST PO KAYU DITO NG PAG BEGINNER NG TUTORIALS HEHEH WELCOME PO KAYU DITO
Sige!!!... Pag Free ako...
TS dito. galing nito
CREDITED PO ITO SA ORIGINAL OTOR KAY MASTER XZOULS
BASIC ULET TAYO MGA PAPZ
TIPS AND TRICKS USING PENTOOL
DITO SA ITUTURO KO MAKIKITA NATIN ANG ISA SA MGA GINAGAMIT NA TOOL SA PHOTOSHOP SO LETS START
In this tutorial, we are going to use the pen tool and alpha channels to create the 3D-looking heart above. This tutorial assumes only minimal knowledge and you should be able to work through it even if you are a beginner in the use of Photoshop. Through this tutorial you will learn and practice the following:
* Using the freeform pen tool.
* Making a simple texture.
* Using alpha channels to hold a selection.
* Using alpha channels to render a texture using lighting effects.
* Transforming a selection.
1. File -> New. Be sure you are in RGB mode. The size of your file doesn't matter, but i made mine 600px by 600px. Now to make your Texture Channel, which will be a blurred and trimmed heart.
a. To make a new channel, click on the Channels Palette and then click the New Channel icon at the bottom. (See at right.)
b. Using the Freeform Pen tool, draw a heart and use the control points and anchor points to adjust it till you are happy with its proportions and lines. (If you find this difficult, you may wish to work through "Heart 2" first.)
Choose a name for your file and File -> Save As ..
c. Now you are going to fill your heart with joy and laughter. .. Well actually, you will be filling it with white. Be sure that you have white for the top color on your color picker squares. Click the paths palette and then down at the bottom of that palette, click on the Fill Path icon.
d. You are done with this path so while you are in the paths palette, drag the path to the trash can there at the bottom.
e. Return to the channels palette. Duplicate this Alpha Channel you just made by dragging it to the new channel icon at the bottom of the palette.
f. With Alpha Channel 2 selected, double click it and name it "Texture".
Filter -> Blur -> Gaussian Blur. (I used a setting of 20 pixels.)
Ctrl-S to Save.
g. Ctrl-click on Alpha 1 while you still have the Texture channel selected. This sends marching ants around through the blur of the Texture channel.
h. Select -> Inverse -> and hit the Delete key. Ctrl-D to Deselect. Now your texture channel is trimmed so that it looks rather like a heart-shaped fluorescent light bulb.
Ctrl-S to Save.
2. Next we will render the Texture Channel onto a layer of red using lighting effects.
a. Click Layers to go to the Layers palette. Click the New Layer icon at the bottom and then click the new layer to select it.
b. Choose a color and then alt-backspace to fill your layer with it.
c. Now this part is cool. Filter -> Render -> Lighting effects. In theSettings for my Lighting Effects. Experiment with different lights and settings. dialog box at the bottom it says Texture Channel. Choose your Texture Channel from the drop-down box . Then shine the light around from different directions. Experiment with different settings for mountainous and for materials, etc. Have some fun here. Once you find a setting you like, click OK.
File -> Save.
d. Notice the contour lines that appear in the first heart to the right. This is from the effects of the Gaussian blurring in the texture channel, but i don't like them. To get rid of them, Filter -> Blur -> Gaussian Blur just till they go away.
e. Trim the heart. Click on the channels palette and Ctrl-click the Alpha 1 channel. Select -> Inverse -> Delete. Ctrl-D to Deselect. Gloat for a moment about how cool this is.
3. We could leave the heart as it is, since it is pretty cool already, but I'm going to make a gold rim around the outside of it. We'll make an Alpha channel with the rim's shape and another with a texture and then make a 3D effect as we did with the heart.
a. Return to the Channels palette. Ctrl-click on the Alpha 1 channel in the channels palette to activate marching ants.
b. Enlarge the selection. Select -> Modify -> Expand ... about 10 pixels. Now we have a larger heart shape selected. The problem is that we just want the border. Look at the picture and see if you can figure out how to get just the border to be selected as i have to the right.
c. Need a hint? Ok, you are subtracting the center part from the selection.
(Hold Alt as you select the center part to subtract it. How can you best select the center part? I like the magic wand for this, since you are dealing with an all-white shape, so what i did was to choose the magic wand, then hold Alt as i clicked the white heart shape.)
Tip: To ADD to a selection, hold Shift and select the next part. To SUBTRACT from a selection, hold Alt as you select the next part.
Subtracting from (or adding to) selections is a good way to get a really complex selection, or even something simple like a crescent moon. Big circle - intersecting BIGGER circle = crescent!
Ok.. back to the heart!
d. Now that you have the part that is between the marching ants paths selected, let's make this selection into a channel of its own.
e. In the Channels palette, click the new channel icon to make a new channel. You should have marching ants running around in the shape of the border that you are going to have around your heart.
f. Your foreground color should be white. Alt-backspace to fill the heart border with white in your Alpha channel. Double-click the channel in the palette and name it "Border."
g. Try to do this step without looking up to the previous steps. Duplicate the channel. Now you could blur it as you did with the heart above, then trim it as you did above, but I am going to do the border a little differently.
h. With the white border still selected, Filter -> Noise -> Add Noise. Choose an amount of noise and then Filter -> Brush Strokes -> Angled Strokes. (You can do ANY sort of texture you want to. Sky is the limit!) Name your textured border channel "Border Texture." Ctrl-D to Deselect.
4. Now let's make this border into gold!
a. Return to the layers palette and make a new layer by clicking the new layer icon. Fill this layer with a medium tan color (In the # field of your color picker, type in BEAD90 for the exact patented myjanee gold color that i used for this gold rim.)
b. Filter -> Render -> Lighting Effects and use similar settings as before to render your border.
c. Trim this gold heart as follows: Return to the Channels palette and Ctrl-click the Alpha channel with the plain rim. Return now to the Layers palette and click on the gold layer in the palette to activate it.
Select -> Inverse -> Delete to trim your border. Ctrl-D to deselect.
d. Call someone in to show them how cool this is. Then Ctrl-S to Save.
gold border on the heart
5. Add some layer effects. Since you have the border and the heart in two separate layers, you can do different things to the layers. Also, you have the Alpha channels for both of them, so you can use these to your advantage too.
I added a layer below the heart where i made the red glow. I added another layer above the heart where i did some additional shading with black, red, and white. I trimmed the excess using the selection from Alpha 1.
6. When you decide that you want to save this file as a jpeg, first ctrl-s to save all your layers and channels intact in your .psd file. Then choose File -> Save a Copy (In version 6, use File -> Save as.. or File -> Save for Web.) and then pick a new filename and format for your picture.
This will automatically merge the visible layers and toss out (for this file only) the channels. It doesn't alter your .psd file though, in case you want to go back and work with it more later!
I hope you enjoyed this tutorial. If you encounter any seemingly insurmountable obstacles, or if you find an error that i've made, i appreciate your letting me know. Thank you!
7. For an extra-special touch, put your initials or your beloved's name in the heart. Here's how.
a. Click on the Type Tool, click on your heart, and then, in the box that comes up, choose a font and size and then type whatever you want. Click OK. (In version 6, the Type tool is a bit different. You need to make sure that you have the Text Layer button pushed at the left of the options palette and not the Text Mask button. More on the Type tool in v. 6)
Another example .. make a transparent heart!b. Layer -> Effects -> Bevel/Emboss. I chose Pillow Emboss with depth and blur each set at 3 for the example at the left.
c. For the example at the right, I made a text layer and then dragged it below the heart layers, but above the shadow layer. I made the red layer of the heart so its opacity was 60% by moving the slider in the layers palette. Then i made another layer above the text layer for the ink lines which i did with the paintbrush.
AYAN TAPOS NA SANA NASUNDAN NYO YUNG BASIC NA TUTORIAL THANKS AND GOODLUCK
Familiarizing Yourself with the Photoshop Interface
Welcome to the wonderful world of Photoshop. This tutorial covers the basics of how to use Photoshop to work with your digital images. The intent of this tutorial is to introduce you to the concepts at work in Photoshop; however, the best way to develop your skills is to experiment with the programs. This first page will point out some of the features of the Photoshop interface and define a few terms I'll use throughout the tutorial.
The first step, of course, is to open the application. In the IT lab, you can find Photoshop in the folder marked Adobe in the programs menu (from the start menu). It may also be located in a start menu folder called Graphics.
Once you have opened the application (after a few moments of loading time), the Photoshop interface will appear. There are many complex elements of the interface, and for reasons of both saving space in this tutorial and keeping things basic, Iíll only show you the toolbars and options panes you need to perform the most basic tasks in Photoshop. If you ever notice that some of these elements are missing, simply go to the window menu and select them.
Elements of the Interface
Perhaps the most important element of the Photoshop interface is the toolbar. It contains a bunch of icons that represent the different tools Photoshop offers to alter and create images. These include tools for selecting specific areas of images, changing the colors of the image, stretching, transforming, and erasing parts of an image, and many more. To get an idea of what some of these tools can do, mouse over the icons and youíll get an explanatory tool tip. Iíll explain some specific tools in the following sections of this tutorial.
Panes are also important features of the Photoshop interface. All sorts of information is displayed in these panes, and therefore they can get a little confusing. They display location information, tool options, and history, among other things. If you ever lose track of a specific pane (they tend to stack up), go to the windows menu and select that pane to view it. Iíll talk more about the specific panes later on in the tutorial.
Menus are probably the most familiar interface elements to a new Photoshop user. They contain all sorts of options, but since there are not as visible as panes or the toolbar, they are often only partially explored. Iíll take time right now to go over the menus and give a brief description to orient you to each.
* File contains all of the stuff youíd expect it to, with a few extras including Import, which deals with scanning, and Save for Web, which allows you to export a web-ready image from your Photoshop file.
* Edit is another familiar menu. In Photoshop, edit houses all of the expected options as well as Fill & Stroke, and other image-altering functions.
* Items on the Image menu effect a whole image, for the most part. Here youíll find color adjustments, size adjustments, and any other changes you need to make globally when working with a Photoshop file.
* The layer menu is similar to the image menu, but it contains options that effect only current or selected layers. Iíll explain layers a little later, but for now, just understand that an image in Photoshop consists of stacked transparent layers; options in the Layer menu affect these pieces of the image rather than the complete image.
* The select menu deals with selections you make. Selecting the specific parts of an image youíd like to alter is a difficult part of working in Photoshop. This menu gives you some options regarding selections, including the ability to save selections, reverse them, or add to them. Learning the options on the selection menu can really save you some time.
* The filter menu is probably what most people think about when they think about Photoshop. The filter menu allows you to apply filters to any part of your image. These filters include ways to change the texture of the image, with some potentially radical results.
* The view menu is where you change the view settings. You can use this to show and display guidelines on the image, and to zoom in and out, among other things.
* The window menu allows you to toggle back and forth between hide and show for each interface element. This is the first place you should go if you lose track of a particular window while youíre working.
* Last and least, of course, is the help menu. The help documentation isnít so helpful, but for some reason, this menu contains two nice features: resize image, and export transparent image, which Iíll get to later.
The options bar, which is located directly underneath the menus, is a useful tool when working with the different Photoshop tools. As you can see right now, when the selection tool is in use, the options bar reflects the changes that can be made to how that specific tool operates. Here, you have selection options, and style options, which includes the ability to make the selection tool a specific size in pixels. When you switch tools, to the paintbrush tool for instance, these options change. When a tool in Photoshop isn't behaving as you expect it to, the options bar should be the first place you look to fix it.
Some definitions to get you started:
.psd: A .psd file is the file format in which Photoshop saves documents by default. It is a multi-layer document that retains its full editing options when saved. In many cases you will export webgraphics from a .psd document.
layers: Photoshop documents are composed of layers, which can basically be described as single transparent sheets which hold particular pieces of an image. These layers can contain images, text, and vector graphics, and can be rearranged and grouped according to user needs. Layers are controlled with the use of the Layers pane. Often times, when you find yourself frustrated with Photoshop, it is because you are trying to perform operations on a layer that is not currently selected. Simply click on the name of a layer in order to designate it as the current layer. Whenever you add text to an image in Photoshop, the text appears on a new layer. You can "merge down" layers to consolidate them, and "flatten image" to force the entire contents of the image onto one layer.
Selections: Selections refer to regions in an image that will be affected by the various tools. A selection in Photoshop is similar to a selection that you highlight in a wordprocessing application. Once you have selected an area, you can apply a tool to it, such as paintbrush, or perform an operation such as copy or crop. Selections can be any shape and size; the shape depends on which selection tool you are working with.
Your selection will apply only to the current layer. If that layer is empty in the region selected, you will get an error message. When this happens, go to the layers pane and select the correct layer.
Resolution: Resolution refers to the number of pixels in a full size image. An image with hi resolution contains more information than an image with lo resolution, and therefore, one can always convert a hi-res image to a lo-res image. However, because information is lost in the conversion, the reverse is not true. If you were to increase the resolution of a lo-res image, the result would be fuzzy.
Screen resolution is close to 72 pixels per inch, so if you are working with graphics to be viewed only on screen, 72 should be fine. Depending on the printer you are using, you would want to increase this above 72 for graphics that will be printed. 300 is usually an acceptable resolution for images to be printed; 150 would be the lowest acceptable resolution for printing.
Image Size: Resolution should not be confused with image size, which is also expressed in pixels. Image size deals with the actual number of pixels tall and wide an image is. For an idea of how the two differ, go to Image Size in the Image menu, and plug in different numbers for image size and resolution.
Color mode: Color mode refers to the types of colors you will be using in your image. CMYK and RGB are the most important of these modes to be familiar with.
* CMYK is the setting for images that will be printed to paper. The letters refer to the four channels of color used to create every color available: cyan, magenta, yellow, and black.
* RGB refers to the three channel colormode suitable for images to be viewed on the web: red , green, and blue.
Opening a File/Creating a New File
It is most likely that first time users of Photoshop will be starting with an image, say a photo that they need to alter or edit. In this case, you have two options:
First, you can open the image from the Photoshop file menu. It will be opened in the format it was saved in, so in order to work with it in photoshop (beyond just resizing or cropping), you'll need to save it as a .psd file (this will also ensure that you do not ruin your original image should you need to revert to it). In essence it will become a .psd file as soon as you add an additional layer, and will save as such when you save it.
Another method for getting an image into photoshop is to copy and paste it into a new file in the application. This is especially useful for saving and altering webgraphics or screenshots.
Once the image is copied to the clipboard, go to Photoshop and select new from the file menu. A new file dialog will appear asking you to name the file, choose the size, resolution, colormode, and background. The image size (in pixels) will automatically reflect the size of the image copied to the clipboard. Choose CMYK if this graphic is to be used in print, or RGB for the web. For background, choose transparent (this can always be changed later).
Now that we have an open photoshop document, we can begin to use some of the basic photoshop tools. The next chapter of this tutorial will outline these various tools.
I hope na bigyan ko kayu ng konting informations about photoshop update na alng ulit ako later medyo antok na ko eh
Using Tools from Photoshop's Toolbar
THIS TIME BIBIGYAN KO KAYO NG KONTING INFORMATIONS ABOUT SA MGA TOOLS SA PHOTOSHOP
Now it's time to learn how to use some of the tools in the Photoshop toolbar.
Marquee Selection tools: The following tools allow you to select regions in your image to alter, copy, move, and apply filters.
This is the default selection setting. You can make a selection of any rectangular size and shape.
Elliptical marquee tool: This tool, available when you click and hold down on the selection tool region of the tool bar, selects elliptical spaces. To select a round area, hold the shift key while clicking and dragging.
Single row: This tool will select a 1pixel region that is as wide as your image. Very useful for trimming edges and making straight lines.
Single column: The tool will select a 1pixel region that is as tall as your image. Also very useful for trimming edges and making straight lines.
A Note on Selection Modes (in the options bar):
# Normal mode allows you to drag the cursor to create the selection size you want.
# Constrained aspect ratio allows you to choose a scalable rectangle, say with a width to height ratio of 1 to 2. The selection will grow when you drag, but will remain the same shape.
# Fixed Size/Fixed Aspect Ratio allows you to predetermine the size, in pixels or a ratio, of the selection you will make. When you click with fixed size selected, a selection box of the exact size you specified will automatically appear. With fixed aspect ratio, you can make different-sized selections of the same shape. This is a particularly helpful tool when cropping images to a certain size or drawing identical boxes.
the move tool moves an entire layer at a time. When you have selected this tool, click on a layer in the layer pane, and then click and drag on the image. The current layer will move all at once. You can even move it outside of the current image size. Don't worry, though, parts of an image that move outside the borders still exist - they are just hidden. They will only be cropped out if you flatten the image.
The lasso selection tools are similar to the marquee tools, except that the lasso tools give you ultimate freedom in terms of the shape of your selection. There are three different lasso tools:
Lasso tool, which allows you to draw a selection by dragging the cursor freehand. The selection will close itself.
Polygon Lasso tool, which creates a selection composed of straight lines that can be as short as one pixel. The selection grows with each additional click. This tool is especially useful for cutting out objects in an image to place on new backgrounds.
Magnetic Polygon Lasso tool works a little like a combination of the other two lasso tool. As you drag, the selection maps to natural borders in the image. This is a useful tool when dealing with well-defined and high-contrast images.
A note about lasso tool options: When extracting part of an image from its background, the result will be choppy and rough around the edges unless you adjust the feather value in the options bar. This fades the edges you create and can smooth the region into its new background.
Magic Wand Tool
The magic wand tool is similar to the magnetic polygon lasso tool except that rather than dragging to make a selection, you click in a region and a selection appears around similar colored pixels. You can control how similar pixels must be to be included in the selection by altering the tolerance value.
This tool is useful for selecting monochromatic regions or pieces of high-contrast images.
Using the Image Menu
Most basic Photoshop tasks involve the Image menu, which I showed you earlier. In this chapter of the tutorial, Iíll go a little deeper into what you can do with the Image menu. I'm skipping around a little here; this represents the most commonly used items on the Image menu.
The first item on the Image menu is Mode. This is what you use to change the color mode and appearance on the entire image. I discussed RGB, the web mode, and CMYK, the print mode, earlier. You have some other choices here, including grayscale and duotone. Some modesí availability depends on the pre-existing color mode.
You can see that the adjust option on the Image menu gives you a lot of different tools for adjusting your image. The most basic types of adjustments you can make with Photoshop involve colors and brightness.
The most simple is the contrast/brightness adjustment. When you select contrast/brightness, you are confronted with a dialog box with a slider for both brightness and contrast. Moving the sliders to the left makes the picture more murky or darker, and moving the sliders to the right brightens and increases the contrast between the dark and light colors in the image. You can play around with both sliders until you get a suitable mix; the change is previewed in the image. This tool is helpful for brightening pictures that were taken in low light.
The other adjustments you can make with the options on the adjustments menu are a little more complex, and the best way to learn about them is just to experiment. Because Photoshop allows you to preview your adjustments, you can get a good feel for the adjustments without hurting your image.
Another common basic feature of Photoshop that lives on the Image menu is image size. You use this function to resize an image, and itís pretty straightforward. When you select image size from the Image menu, a dialog box appears with some numbers corresponding to the current size.
You'll notice that there are two sets of sizes, Pixel Dimensions and Document Size. Pixel Dimensions refers to the image's size on screen, and Document Size refers to the size at which the document will print.You'll notice that all the numbers change when you change one of them. This default setting preserves the original h/w ratio of your image when you make changes to it size. If you want to change only one dimension of the image, uncheck the "constrain proportions" checkbox at the bottom of the dialog.
Notice that in the Documents size settings, you have the option to change the resolution (remember, things images will always be approximately 72 pixels/inch on screen). You can use this to change the resolution of your image, but remember, if you don't want the quality to decrease, you should only go from hi-res to low-res.
Canvas Size is similar to Image Size, but changes to an image's canvas size can provide you with more working area for your image, in case you want to annotate it, copy more images into it, or perform. any number of other graphic variations.
The Crop function in the image menu is fairly straightforward. Make a selection, go to Image and select crop, and then everyting outside your selection disappears. The image size reflects the change.
Creating Graphics in PhotoshopAn advantage of Photoshop over basic photo editing software is the capabilities it gives you to create your own graphics. There's an exhaustive number of tools in Photoshop (and resources about them), so I'll just cover the basics.
Most of the functions these tools perform are based on your selection in an image. The effect or tool only operates within a selection.
Make a small selection and select the paintbrush tool. Move the mouse over your selection holding down the mouse button. You'll see that the image is only altered within the selection.
Colors and Graphics
Before I get to some of the main tools, I'll tell you a little about colors. The foreground color, which will be applied by tools like the paintbrush, is represented by the top square in the middle of the toolbar.
Stroke & Fill
The most basic ways to apply colors to an image are to use Fill and Stroke, both available on the edit menu. Make a selection, and choose fill from the edit menu. A dialog will appear asking you to make some decisions about colors and transparency. Make your selections, and press OK to fill the selection with the chosen color. Stroke operates in much the same manner, though you are given the chance to determine the weight of the lines you create.
I HOPE NA BIGYAN KO KAYU NG KONTING INFO