Join MultiplyOpen a Free ShopSign InHelp
MultiplyLogo
SEARCH

paint it RED

tutorials

Blog EntryMay 4, '08 1:13 AM
for everyone
Coloring Tutorial
Level: Easy/Moderate


This tutorial was made on Adobe Photoshop CS2 but it should be translatable to all other Photoshop versions and probably Gimp, but not sure about Paint Shop Pro. This coloring is pretty simple and blocky because I wanted it to be kind of cell style coloring.

Before coloring:


The base. You can crop and adjust yourself, or you can just grab whatever and go with it.
Step 1:


Create a new layer and set it to multiply. Fill in the skin with any shade of skin tone you'd like with the paint brush tool and erase away the areas you don't want that color.

Step 2 and 3:


Next to make it less flat and look more like "skin", duplicate the skin layer twice, set one to color burn and the other to soft light.

Step 4:


Color in the eyes and hair band. This time I set the hair band to multiply, and the eyes to hard light for a brighter color.

Step 5a:


Now that all the flats have been laid down, it's time to move on to the shadows. Decide on where your light source is coming from. Sometimes it's helpful to have an actual light source in the image. I created a layer for where I want the light to be, coming between and below the two faces.

Step 5b and c:


Choose a color for the shadows. Whatever color will do depending on how you want the final image to look like. Lay it down with the paint brush tool like it looks on the right. Then use the eraser tool to shape the shadows like on the left. I like setting the hardness to "0" and lowering the opacity to give the shadows a soft feel.

TIME OUT!
Next, let's learn about selecting! I find the load selection, and the reselect options very helpful.
1. For load selection, go to the layer you want to select.


2. Go to select --> load selection.


3. This dialogue box will pop up, just push ok.


4. Now in that layer, the parts that you colored (this time is the skin), will be selected. You can you use this tool to color inside the lines, so to speak.


5. The other option is to select inverse and deleting the coloring outside of where you want it.


6. If you are continually using that same selection, you can reselect just by going to Select --> Reselect, pushing the keyboard shortcut depending on your platform.


Now I went though all that to show you how to get rid of that overlapping bits in the eyes. XD;;;

Step 6 through whatever:


Next is all the pinks in the skin. Color in the lips, of course, and some in the cheeks, nose, and collar bones. Yeah, they look like clowns now but just erase some parts and mess with the opacity like with the shadows.

Select the areas where you don't want the pink, like in the Time Out part, and just push delete.

Copy the eye layers and color, erase or do whatever to make it look however you want. I also copied the original eye layer and set it to screen and put it under the hard light layer.



Tutorial by: pinewood

Blog EntryApr 17, '08 11:24 PM
for everyone

By Shelleyrae Cusbert 2007
Dec 26, 2007, 21:35

This tutorial is created using PSCS3 but can also be used for other Photoshop versions with a few minor changes.
This tutorial will cover the basic idea of animating a layout. More elaborate animations can be achieved using the same methods.

Select (or create) the layout you wish to animate. Decide which elements of the layout you wish to animate. This could be a photo or a design element.

Resize the layout to 1200x1200 (for square format) and merge all layers that will not be animated. In this layout I plan to only animate the butterflies.


Open the animation palette by going to Window> Animation


The animation palette will open to the workspace.


The first frame will show exactly as your layout does. Click on the animation palette menu in the top right hand corner and select New Frame.


Make changes to this frame by moving the elements on the layout. My aim is to have these butterflies fly about the layout so for this frame I am going to move each butterfly into a new position to follow a flight path. Reposition the elements by a small amount, to imply movement rather than a dissappearing and reappearing act.

Create a New Frame and make further movements


Continue creating New Frames and making changes to the position of the elements to follow the path of the movement you require. You can create just a few frames or many – though the more frames the larger the file size will be. This animation has a total of 10 frames. In each the butterflies have been moved to a new position.


Test the movement by pressing the Play button on the animation palette. Press stop and make any changes as desired. Should you dislike a frame you can delete it or make a change to it by clicking the frame and making the alteration.

Decide how long you wish each frame to play. You can select any time frame or varying time frames for each frame by clicking on the small arrow beneath each frame.


The loop option should be set to Forever.


Once you are happy with animation, select File> Save for Web and Devices


In the Save window, make sure you are on the Optimized tab.

Change the file type to GIF by clicking on the Preset menu and choosing GIF 128 Dithered


Go down to the Image Size tab and resize the image to 500x500px. Click Apply

The file size of these type of gifs are large (the file size is shown in the left bottom hand corner of the Save window). You may be able to reduce it somewhat by trying any of the following however carefully watch the preview to gauge the effect on your layout.

You may be able to decrease the size by increasing the lossy amount.


Dependent upon the layout you may also be able to reduce the number of colors to reduce file size however this often has an overall detrimental effect, by desaturating the colors


You can also decrease the amount of dither, again carefully watch the preview to gauge the effect on your layout.


Once you are happy with the balance between the file size and the display, save the animated layout.


© Copyright by YourSITE.com

Blog EntryApr 17, '08 11:14 PM
for everyone
1. first open photoshop then open a your favorite image for example I will use this “Drops on leaf” image.

2. Go to layer then create new layer (a transparent layer)

IPB Image

3. then click the rounded rectangle tool then change it’s radius to 7px then draw a rectangle in any size like shown in this picture.

IPB Image

4 after that go to layer>layer style>blending options then follow this pictures:

IPB Image

5. then after that click ok to apply then change the opacity to 90% and fill to 20% (or any value that suits you)

IPB Image

6. then it’s done it’s that easy but you can save it as a separate glass png of your own just hide the view of the background “Drops on Leaf” follow this screenshot then save it as png

IPB Image

7. you can also add an overlay image or a light effect on the glass like the stream.png light effect or my WhiteFlame glass effect which is the one im using just click the selection using magic wand (the rounded rectangle then copy the stream.png for example) and paste it into the selection like in this screenshot

IPB Image

8. after that choose your desired opacity for the overlay image for example 30%
IPB Image

9. after that you can manually create a glow effect on it’s sides just draw with a colored 1px line tool or any method you like and it’s done hope it helps happy.gif

Attached Image

Copyright of Tutorial Kaye Irene and nethskie Source Author's Page link

Blog EntryApr 13, '08 9:18 AM
for everyone
Lighting Effects:
  1. Layer > New Adjustment
  2. Layer > Color Balance
  3. With the highlight button clicked, type in 50 15 -100 where it askes for color levels and preserver luminosity.
Astral Glow:
  1. Make a layer with a black background.
  2. Make a new layer that is blank.
  3. On this blank layer use the brushes in white.
  4. Make a new layer, set the blending mode to Overlay.
  5. Using soft round brushes of different sizes and colors, paint into this layer and you will the color show up over the flora brushes on the layer beneath.
  6. To make the colors brighter, duplicate or copy the layer with the bright colors, or set the blending mode to Hard Light.

Blog EntryApr 13, '08 6:25 AM
for everyone
First make new document, any size you want. Make new and name it button. Use rounded rectangle tool to create the shape for button like this on the picture bellow, set radius to 4px.

Now go to layer style window by double clicking the layer and use these settings.
The button will look a lot nicer now. All you have to do now is to add glass effect and text. Create a new layer, name it “glass” and put it on top of the button layer. Make a selection as in the picture.

Then hold CTRL + SHIFT + ALT and click on the button layer. This will create next selection which will be used for glass effect.

Select the glass layer and fill it with white color. Put the opacity of this layer to about 20%. Add some text and you’ll get vista button.

source: novaks blog

Blog EntryApr 10, '08 12:39 AM
for everyone
a { background: url(image_hover.gif); }
a:link { background: url(image_default.gif); }
a:hover,
a:focus { background: url(image_hover.gif); }