Lost? You've come to the right place. Using fotocrib is really easy once you get the hang of things. Follow the links below.
- Studio
- Functions and Parameters
- Undo
- Signature Effects
Studio
The fotocrib studio works as follows -
- Select a function from the list. If the function requires parameters, input boxes will appear below the fotocrib logo.
- Fill in parameters if required.
- If you're working with two images, check the box underneath the image you wish to be modified. If you're working with one image, skip this step
- Now you're all set. Click on the "process" button and hope all goes well.
Functions and Parameters
As you can imagine, some functions do require parameters to perform your transformations. For example, if you wanted to crop an image, it would be nice to know the start and end points within the image being cropped. You're probably used to pointing and clicking which is not bad, but you could also specify the exact points using a coordinate system. Benefits? Well, you gain more accuracy. It would help to treat an image like a grid. The top-left corner of the image is (x, y) = (0,0) and the bottom-right corner is (x, y) = (image width, image height). In the fotocrib studio, image coordinates are specified in percentages so for example, (x, y) = (50, 50) would represent the center of the image whilst (x, y) = (100, 100) would represent the bottom-right corner of the image. If either x or y is greater than 100, then that point is outside the image boundaries. As a rule of thumb, whenever you see the "%" sign beside an input box, we want you to enter a percentage, likewise, whenever you see "px" beside an input box, we expect you to enter an actual value in terms of pixels.
Working with two images
When editing two images, the image you select (by checking the box underneath) is considered to be the active image. If your transformation requires both images e.g. merge or stitch, the image you select is designated as the base image. What does this mean? Well this depends on the action you're about to perform. If you're performing a merge, then the other image is copied onto the base image. On the other hand, if you're doing a horizontal or vertical stitch, then the other image is placed to the right or at the bottom of the base image respectively.
Undo
You could always undo any transformations you've made by clicking the back button on your browser and refreshing the page. That simple !
Signature Effects
Here's how to create some of our signature effects
X
 |
This effect is achieved by ...
- Load two instances of the same image into the studio
- Crop both images so that the region you would like the constitute the X is solely in focus
- Rotate one image using an angle of 45 degrees and the other using and angle of -45 degrees
- Finally perform a merge operation with the following parameters:
base image x = 0, base image y= 0, we want to insert the incoming image starting from the base image's top left corner
incoming image x = 0, incoming image y= 0, we want to copy the incoming image starting from the top left corner
incoming image width = 100, incoming image height= 100, we want to copy the whole image
transparency = 50 , you could experiment with different values to see which works for you
|
Flip
 |
This effect is achieved by ...
- Load two instances of the same image into the studio
- Rotate one image by an angle of 180 degrees
- Finally perform a vertical stitch operation
|
Colorful frame
 |
This effect is achieved by ...
- Perform the frame operation using a frame color and thickness of your choosing
- Successively repeat the preceeding step using different colors
|
Colorful rounded frame
 |
This effect is achieved by ...
- Perform the rounded frame operation using a frame color, thickness and radius of your choosing, let the background color be the frame color of the following frame
- Successively repeat the preceeding step using different colors
- For the final frame, use the default background color (white)
|
Semi-rounded frame
 |
This effect is achieved by ...
- Load two instances of the same image into the studio, we will call them image 1 and image 2 respectively
- Perform the rounded frame operation on image 1 using a radius and thickness of your choosing
- Perform the frame operation on image 2 using a thickness identical to the one used in the preceeding step
- Crop image 2 using a left margin of 50 percent
- Finally perform a merge operation with the following parameters using image 1 as the base image:
base image x = 50, base image y= 0, we want to insert the incoming image in the right half of image 1
incoming image x = 0, incoming image y= 0, we want to copy image 2 starting from the top left corner
incoming image width = 100, incoming image height= 100, we want to copy the whole image
transparency = 100 , overlays image 2 in the right half of image 1
|
TV Screen
 |
This effect is achieved by ...
- Perform the round corner operation using a radius value greater than 40px, let the background color be the color of the TV
- Perform the frame operation using the background color from the preceeding step as your frame color
|
Eye
 |
This effect is achieved by ...
- Obtain the width of your image by right clicking on the image and viewing its properties
- Perform the rounded frame operation using a radius at least 20px greater than half the width of your image
|
Binoculars
 |
This effect is achieved by ...
- Load two copies of the same image into the studio
- Obtain the width of your image W by right clicking on the image and viewing its properties
- Resize both images so that their dimensions are square ie W × W
- Perform the round corner operation on both images using a radius of exactly half of W and a background color of your choosing
- Perform a horizontal stitch on both images
- Finally perform the round corner operation on the resulting image from the preceeding step using a radius of exactly half of W
|
Glasses
 |
This effect is achieved by ...
- Load two copies of the same image into the studio. We will call these images image 1 and image 2 respectively
- Obtain the width of your image W by right clicking on the image and viewing its properties
- Perform the rounded frame operation on both images using a radius at least 20px greater than half of W and the default background color
- Crop image 1 using a value of 10 percent for its right margin, set the remaining margin values to 0
- Crop image 2 using a value of 10 percent for its left margin, set the remaining margin values to 0
- Perform a horizontal stitch on both images using image 1 as the base image
- Finally perform the blur operation
|
8
 |
This effect is achieved by ...
- Load two copies of the same image into the studio. We will call these images image 1 and image 2 respectively
- Obtain the width of your image W by right clicking on the image and viewing its properties
- Resize both images so that their dimensions are square ie W × W
- Perform the round corner operation on both images using a radius value that is exactly half of W and the default background color (white)
- Crop image 1 using a value of 8 percent for its bottom margin, set the remaining margin values to 0
- Crop image 2 using a value of 8 percent for its top margin, set the remaining margin values to 0
- Perform a vertical stitch on both images using image 1 as the base image
|
Hourglass
 |
This effect is achieved by ...
- Load two copies of the same image into the studio. We will call these images image 1 and image 2 respectively
- Obtain the width of your image W by right clicking on the image and viewing its properties
- Perform the round corner operation on image 1 using a radius of at least 20px greater than half of W and the default background color (white)
- Crop image 2 using a top margin of 50 percent, set the other margins to 0 (we're removing top half of the image)
- Perform a merge operation with the following parameters using image 1 as the base image:
base image x = 0, base image y= 50, we want to insert image 2 in the lower half of image 1
incoming image x = 0, incoming image y= 0, we want to copy image 2 starting from the top left corner
incoming image width = 100, incoming image height= 100, we want to copy image 2 in its entirety
transparency = 100 , this achieves the effect of overlaying image 2 onto the bottom half of image 1
- Store the resulting image A from the preceeding step on your hardrive
- Load two copies of A into the studio, we will call them A1 and A2
- Crop A1 using a bottom margin of your choosing
- Crop A2 using a top margin identical to that of the previous step
- Finally, perform a vertical stitch of A1 and A2 using A1 as the base image
|
Hope this helps !!! If you are still lost, shoot us an email at info@fotocrib.com and we'll get back to you ASAP.
P.S. Don't forget to tell all your friends about how wonderful we are !!!