How to Reduce Transparency and Merge 2 Photos with iPiccy Blend Modes

StatueFlagBlend

Photoshop has Blend Modes; but iPiccy is the only free photo editor that I have found to have the same.  Blend Modes allow the transparency of images to be reduced; and it also allows the blending of 2 images–with a variety of facts

To simplify matters, it is best to begin with 2 images that are the same size –including the same Aspect Ratio [proportions].

You may save the following 2 images to your photos library.  I have already cropped them so that they are the same size and Aspect Ratio,

Liberty600px  Flagz600px

The appearance of your blend will vary according to which image is loaded first, as well as to which blends are applied afterwards.  We’ll load the Statue of Liberty first.

1.  Go to http://ipiccy.com

2.  On the ipiccy site, click on the yellow tab, [referenced on the below image] which says Start Editing!

1aopen

3.  Click on the tab that says, “Upload photo.”  Browse to the folder where you saved the Statue and open it.

statueflag1a

4. layersicon2 On the top menu, click on the Layers Icon.

5.  AddPhotoIcon  On the menu beneath the top, click on the Add Photo Icon.

6.  Upload the Flag Image; and it will appear in the left panel.

7.  Click on the Flag image in the left panel; and drag it over the Statue image.

8.  To pull the flag completely over the statue, select it by clicking inside the flag.  Little squares will appear on the corners of the selected image.

statueflaghandles

9.  Grab one handle at a time and pull the flag outward until it completely covers the statue.

10.  The Blend Menu is on the left.  You can alter the blended image’s appearanceor by changing the Blend Mode and/or the Fade.

11.  To change the Blend Mode,  click  the arrow beside the word “Normal.”  This will open a drop-down menu.  The following image has been altered by the Overlay Blend Mode.

12.  You can change the image even more by also changing the Fade, along with the Overlay Blend Mode.  The Fade on the following image is at 44%.

13.  Continue to play with image by selecting different Blend Modes and Fade Percentages.  The Following Image is on Blend Mode Hardlight at a Fade of 48%

 

 

Advertisements

Create A Word Only Logo On White Background with iPiccy

LogoJKStudios

1.  Go to http://ipiccy.com

2.  On the ipiccy site, click on the yellow tab, [referenced on the below image] which says Start Editing!

documentoptionsMORE  3.  When you see the above menu, click on the set of  3 dots with the word “MORE” printed beneath.

4.  Then click on the option “New Image.”  Note: the icon beside the words “New Image” is the icon for Layers.

logo1aa

5.  The Width and Height size is not important–we’ll crop the logo later.  When numbers are placed in both boxes, click on the word “Create.”

logo1a

6.  From the menu on the top bar, click on T.

Logo2a

7.  To create the text on the top, select a Basic Font [I used Courier New]. Type in the white box on the left.

logoy1a

8.  To make the text darker and heavier, click on the icon B [Bold]

9.  To change the color of the text, click on the black rectangle beneath the B [Bold icon] – See above photo.

logoz3a

10.  Click somehwere inside the strip beneath the largest rectangle [shown in above image].

logoz4a

11.  Inside the large rectangle that is showing now, click on the color family that you want.

12.  Move the slider to change the shade of the color that you have chosen.  The color on the far right is pure–with no black.  As you slide away from that pure color [tothe left], you add more and more black.  Those colors are shades [colors + black] of the color on the right end of the slider.

13.  To create the bottom text, click on the T on the top bar again.

logoz5a

14.  Move the text box to the general area where it will land.

logoz6a

15.  Type in the white box on the left.

16.  It is obvious that the top line of text is too wide.  To select it, click on the top line of text again.

logoz7a

17.  To narrow the text,  grab the handle [little square] on the right end of the selected text and pull the text box to the left [inward].

logoz7b

18.  To change the color of the  bottom text,  select it by clicking on it.

logoz8a

19.   Click on the black rectangle beneath the B [Bold icon] and above the Basic Fonts.  To match the color used in the top row of text, select the eyedropper above the large rectanglular color spectrum.  Move your mouse until it is above the text in the top layer, the text color will change accordingly.

layersicon2  20.  Before you can crop the image into a logo, you must first combine the layers.  Click on the layers icon on the very top of the workspace.

layersicon1

21.  After you click on the Layers icon, you will see the following dialog box.  Click on ” Combine layers.”

logoz9a

 

Editicon  22.  Now click on the Camera [Edit icon] from the top menu bar.

23.  From the Basic Edit Menu, click on Crop Image in the Basic Edits.

BasicEditMenu

Saveicon  24.   From the top bar, click on the Save icon.

25.  Name the logo you are saving and click on the words, “Save to my computer.”

 

Use iPiccy to Create a Facebook Profile Picture

The above image is a copy of my actual Facebook Cover and Profile Picture [Profile Picture is on the lower left–In the following post, I tellyou how to create the Facebook Cover Image:  https://ipiccyphoto.wordpress.com/2014/06/06/use-ipiccy-to-create-a-facebook-cover-image/

The actual Facebook Profile Picture is below.

watercolor-janis-1-facebookprofile

iccy has numerous Aspect Ratio options.  These Apect Ratios are the proportions of images.  A 5×7 image has one Aspect Ratio; an 8×10 has another.  A scrapbook page or Instagram image is square.  Being able to click on an Aspect Ratio appropriate for specific frames and/or web spaces simplifis the editing process.

Facebook Cover images are Square.  Some editors call this 1:1 [This is also the same Aspect Ratio used by Instagram]

Follow these steps to create a poperly proportioned Facebook Profile Picture:

1.  Go to http://ipiccy.com

2.  Click on the yellow tab, which says Start Editing!

1aopen

3.  On the next screen [below] click on Upload Photo.  The photo should open in  the Editing Menu. The camera on the top bar should be yellow [highlighted].  [This is a photograph of a painting; but it is still a photo and will edit in the same way]

4.  On the left menu, click Crop Picture.

5.  Initially, the cropping size [indicated in the box on the left menu] will say “No Constraint”; and the area highlighted will not be the Aspect Ratio or dimensional proportion appropriate for a Facebook Cover.  Clcik the arrow to the right of the word “No Constraints.  [The arrow opens a  drop down menu that offers Aspect Ratio choices.]

Browse until you find “Square.”

6.  Click inside the area highlighted on the photo and move that area to the spot that you want to keep for your Facebook Profile Picture.  Note:  You can pull one of the tabs outward and enlarge the Square area or pull it inward to decrease the Square area.  The size of the Square will change; but the Aspect Ratio [Proportion] will remain Square.

Composition Note:  The Facebook Profile Photo will hide the lower left portion of the Facebook Cover Photo.  I have placed a neutral part of the Facebook Cover Photo beneath where the Profile Image will appear. If the primary part of the cover image is facing one direction or another, it should face toward the area where the Profile picture will be placed.  [It should face left]. [On the other hand, if the Profile Image faces one direction or another, it  should face toward the cover image’s  center of attention.]  Because the images you initially chose might face the wrong direction, the photographs that you initially selected may not work.  You may have to choose another photo and start over.

7.  When you are satisfied with the area you have highlighted, click Apply in the box on the left.

8.  To save the image, click on the last icon on the top editing bar — the Save icon.

9.  Name the image that you are saving; and click Save to my computer.

Use iPiccy to Create a Facebook Cover Image

The above image is a copy of my actual Facebook Cover and Profile Picture [Profile Picture is on the lower left–I’ll tell how to create that image in the next post]. The actual Facebook Cover image is below.

iccy has numerous Aspect Ratio options.  These Apect Ratios are the proportions of images.  A 5×7 image has one Aspect Ratio; an 8×10 has another.  A scrapbook page or Instagram image is square.  Being able to click on an Aspect Ratio appropriate for specific frames and/or web spaces simplifis the editing process.

Facebook Cover images are long and narrow [850 pixels x  315 .

Follow these steps to create a poperly proportioned photo for your Facebook cover:

1.  Go to http://ipiccy.com

2.  Click on the yellow tab, which says Start Editing!

1aopen

3.  On the next screen [below] click on Upload Photo.  The photo should open in  the Editing Menu. The camera on the top bar should be yellow [highlighted].  [This is a photograph of a painting; but it is still a photo and will edit in the same way]

4.  On the left menu, click Crop Picture.

5.  Initially, the cropping size [indicatedin the box on the left menu] will say “No Constraint”; and the area highlighted will not be the Aspect Ratio or dimensional proportion appropriate for a Facebook Cover.  Clcik the arrow to the right of the word “No Constraints.  [The arrow opens a  drop down menu that offers Aspect Ratio choices.]

Browse until you find “Facebook Cover.

6.  Click inside the area highlighted on the photo and move that area to the spot that you want to keep for your Facebook Cover.

Note:  The Facebook Profile Image will hide the lower left portion of the image.  I have placed a neutral part of the painting where the Profile Image will appear. If the primary part of the cover image is facing one direction or another, it should toward the area where the Profile picture will be placed.  [It should face left]. [On the other hand, if the Profile Image faces one direction or another, it  should face toward the cover image’s  center of attention.]  Because the images you initially chose might face the wrong direction, the photographs that you initially selected may not work.  You may have to choose another photo and start over.

7.  When you are satisfied with the area you have highlighted, click Apply in the box on the left.

facebookprofilesave

8.  To save the image, click on the last icon on the top editing bar — the Save icon.

9.  Name the image that you are saving; and click Save to my computer.  Tip:  Always save images with slightly different names.  In this way, the original image is preserved–and your edited image will not inadvertenly delete the original by saving over it.

 

iPiccy Offers Free Library of Floral Ornaments & Stickers

Dover Publicatons offers several books of Floral and other Graphic Ornaments; but they do cost.

  

Photoshop also has several Graphic and Floral Ornaments among those collected in the Custom Shape Tool.  As far as I know, iPiccy has the largest assortment of Free Graphic and Floral Ornaments.  The image above shows the iPiccy Floral Ornaments and the image below shows other of the iPiccy ornaments.

It may be confusing, however, that iPiccy calls its Ornaments Stickers.  In my opinion, iPiccy undersells itself by labeling many of its Stickers as “Stickers.”

Pixlr Express, another free photo editor, has a group of image add-ons that it calls “Stickers;” and  I agree that what Pixlr Express offers is litte more than that–a sticker.  I created the following image by adding Pixlr Expresss Stickers: http://iphone5splus.wordpress.com/2014/05/16/youre-a-lady-a-photographic-montage-made-in-pixlrexpress-step-by-step-tutorial/

Pixlr Express offers a very limited number of Graphic Ornaments.   I made the following image with Pixlr Express’s Ornament Stickers and its other Stickers: http://iphone5splus.wordpress.com/2014/05/14/how-to-use-the-photo-app-pixlrexpress-combine-adjustments-enhancements-stickers-text-etc-to-create-a-whimsical-lady/

You can find iPiccy’s Stickers [and Ornaments] under the Heart Icon on the upper tool bar, after you have entered the Layers feature.  The Layers Icon is the 4th across the top–it looks like 4 sheets of blue glass stacked on top of each other.  In the photo below, the Editing Menu is selected, thus, the camera is highlighted.  The options for the Editing Menu is different than than beneath other icons.

Once you click on the Layers Icon, you see another set of icons beneath that top layer.  The Stickers and/or Ornaments are available after you click on that Heart.

In the imagae below, you see the different types of Stickers [Ornaments] iPiccy offers.  iPiccy distinguished Ornaments from Floral; yet, both are types of Ornaments.  In fact, there are a few Floral Ornaments among those classified just as Ornaments.

 

 

iPiccy’s Stikers Are Similar to Photoshop’s Shape Tools and Its Custom Shapes–In Some Ways Better! There Are More Choices On iPiccy.

CreateNewImage4a.Geometric

In the previous post, I discussed how, by using the iPiccy Stickers,  you can create a word-only document with iPiccy.  Other photo editors add stickers, text, etc, to photos–but iPiccy has devised a way that its users can create documents without photos at all.  This is one of the ways that iPiccy has become a more complete image editor–like Photoshop.

So  let’s compare iPiccy’s Stickers [that is a terribly modest word for this iPiccy feature] to Photoshop’s Custom Shapes and other of Photoshop’s Shape tools.

   Photoshop’s most basic shapes are located beneath the rectangle shape on the tool bar.

By clicking on the rectangle, you can draw all types of rectangles.

The Photoshop Tool Bar is normally on the left side of Photoshop’s work area.  After you have clicked the rectangle [or another shape], you can fine tune the appearance of the rectangle by changing its features on the options bar, which is located at the top of the work area.

Beneath the Rectangle Tool are other Geometric Shapes, i.e. the Ellipse, the Rounded Rectangle, the Polygon, and the Line.

  The Ellipse Tool that creates Circles and Ovals is highlighted here.

The Polygon Tool is also hidden beneath the rectangle.  

The options for the Polygon tool also alows you to select how many sides for your polygon.

To access the geometric shapes for iPiccy, click on the Heart at the top of the iPiccy workspace.  .

Then Click on Geometric.

CreateNewImage4a.Geometric

The Square, Rectangle, and 5-sided Polygon are in this area; but there are other shapes here that can only be accessed in Photoshop via the Custom Shapes.  The Photshop Custom Shapes Tool is hidden beneath the rectangle.  It looks like a blob.  The blob is only one of the shapes included among the custom shapes.  In the following image, the Custom Shape Tool has been selected on the tool bar; and the Blob shape has bee selected on the options bar.  I can draw that shape by clicking and dragging after these selections are made.  

photoshopcustomshape1a

In the next image, the Custom Shape Tool has been selected from the Tool Bar; and the Diamond Shape has been seleted from the drop down menu.  The Diamond is one of the iPiccy Geometric Shapes.

PhotoshopCustomShape1cdiamond

In the next image, the Custom Shape Tool has been selected from the Tool Bar; and the Star Shape has been seleted from the drop down menu. The Star Shape is one of the iPiccy Geometric Shapes

PhotoshopCustomShape1dstar

iPiccy has both Regular Stars and Doodle Stars.  Photoshop is definitely a better program than iPiccy–in many ways;  yet, it has no Doodle shapes.  iPiccy allows you to add a little extra umph to your work–especially your crafty work and simple photo edits.

doodlestars

In the next image, the Custom Shape Tool has been selected from the Tool Bar; and the Heart Shape has been seleted from the drop down menu.  The Heart Shape is not one of the iPiccy Geometric Shape.

photoshopcustomshape1b

The Hearts in iPiccy are also located under the Main Heart [Sticker] Icon on the top of the Workspace.  When you scroll down among the various types of stickers, you will find both Regular Hearts and Doodle Hearts.

ipiccystickershearts

doodleheartsamples  iPiccy Doodle Hearts

For the Crafter or for the person doing simple, fun edits to photos, those Doodle Hearts are great–and they are not available via Photoshop.  i

ipiccy has a group of Stickers that it calls Ornaments.  Photoshop also has Ornaments as part of the Custom Shapes Choices.  Following are the first 9 rows of the iPiccy Ornaments.  Photoshop Ornaments are similar; yet, there are more of the iPiccy ornaments than the Photoshop.

In In addition, iPiccy has a group of stickers that it calls Florals.  The Floral Stickers are actually more Ornaments.

How to Create a WordPress Header, a Logo or Other Text Only Image in iPiccy

1.  Go to http://ipiccy.com

1aopen

2.  On the ipiccy site, click on the yellow tab, [referenced on the above image] which says Start Editing!

3.  When you see the above menu, click on the set of  3 dots with the word “MORE” printed beneath: 

documentoptionsMORE

4.  From the next options, select Create New Image

5.  Enter the size of the image that you wish to create.  I have entered 940 width by 150 height.  Those are the dimensions of a header in WordPress.  

6.  Your new image field or workspace will open [as in the above photo].  Clcik on the Heart on the menu above the workspace-.  -The Heart is the icon for adding Stickers.  In iPiccy, the word “sticker” does not accurately describe what is available when you click on that heart.  In the case of this header, we will click on the heart first; then we will click on the word Geometric. to create a rectangle.  The items in this sticker area are some of the features that sets iPiccy above other free Photo Editors.

CreateNewImage4a.Geometric

7.  From the Geometric Menu, Select the Square.

8.  After you click on the square in the menu, a square will appear in your image area.

CreateNewImage4c.Geometric

9. Click anywhere inside the black area.  Circles will appear around the square.  Grab one of those square to begin stretching the square across the image area.

I actually drag beyond the are a  bit.

 How to Change the Color of the Rectangular Background

10.  On the left, there is a Color  Panel, [where the colors can be altered].  Click in the center of the main [largest] area of the Color Panel

11.  Then click beneath that main square–in the strip that now should be sporting some color

12.  A full Color Panel will appeal.  Click in the spectrum on the color that you want–or close to the color that you want.  You can slide to fine tune the color afterwards.

13.  If you know the color’s hex code, you can type into the box where the numbers are.

 

14.  The hex code for black is # 000000

15.  The hex code for white is # ffffff For this logo, I will stick with white [Incidentally, I could have just stayed with the initial white area]

16. To  Add Text, click on the T [next to the heart on top of the screen].  When you do, a text box will appear [you can click inside the box to move it where you want]

17.  From the colum on the left, select the Font that you prefer.  Above that, you can change the size–or you can change the size by dragging the corners of the text box.

18.  To change the color of the text, click in the square abve the font choices.  You will go back into the color palette, where you can make changes in the same way that you did when coloring the rectangle.

19.  Because this is such a long text box, I created 3 text areas–the main one and then two smaller ones on the right end. For the black area, I created another black rectangle.

20.  To Save the image, click on the little save box at the end of the icons on top of the screen.  Click on the word , ” Combine Layers.

21.  Name your document and save.

Here is the Header actually as it appears on this WordPress Site

 

How to Crop an Image to Use as a Facebook Cover and as a Facebook Profile Picture

iPiccy has numerous Aspect Ratio optons.  These simplify saving photos for the various places that require images of a certain size.

Facebook Cover images are long and narrow.

Follow these steps to create a poperly proportioned photo for your facebook cover:

1.  Go to http://ipiccy.com

1aopen

2.  Click on the yellow tab, which says Start Editing!

3.  On the next screen [above] click on Upload Photo

 

 

 

cropfbcoverload

Be sure that the camera on the top bar is highlighted [yellow]

Crop is the 3rd of the Basic Editing Tools that are Situated on the Lefthand

cropconstraints

Click the drop down menu arrow to the right of the word No Constraints [above illustration] and you will see iPiccy’s huge array of Aspect Ratio options.  Click on Facebook Cover.

A light grid will fall across your photo.   Pull on one of the square corners to size the cropping area to your satisfaction.  For the Facebook Cover, the image will probably need to be full width.  Click in the middle of the cropping area and move it where you like.  You may have difficulty getting all of your image’s height into the cropping frame, as I did; and it may not be possible to place an important line of your image on one of the grid lines.   You can either choose another image [click Cancel] or click Apply.  

To save the image click on the little gray Save tab on the top bar.  Be sure that you change the name of your image when you save it.  You do not want to lose your original photo

Now, let’s try our image in facebook

Go to your facebook page — click somewhere in the current cover image area and the words “Change Cover” will appear.  Click on those words and follow the prompts to browse for the image you saved for your facebook page.

Tip:

I like to use a photo that is moving from left to right and/or from top left to bottom right.  Compositionally, your image is moving into your

viewing area.  Facing ftont — and placed a bit to the right is also good [placing to the right will avoid conflict with the profile photo]

Note:  the Statue of Liberty [on the profile pic] is facing out of the viewing area.  Try to avoid this.  Your profile photo should face forward  or to the right

The Facebook Profile image is Square.  

cropfbprofile

Upload the image that you want for your facebook profile.

Click on Crop and choose Square  See:  https://ipiccyphoto.wordpress.com/2014/05/27/how-to-crop-a-photo-for-instagram-in-ipiccy/

Click Apply.

Save with a different name than the original

cropfbprofilesave

 

 

How to Crop a Photo for Instagram in iPiccy – Aspect Ratio – iPiccy Grid – Rule of Thirds

 Crop is the 3rd of the Basic Editing Tools that are Situated on the Lefthand

Click on Crop and you will see the following optons

Click the drop down menu arrow to the right of the word No Constraints and you will see iPiccy’s huge array of Aspect Ratio options

Instagram Uses a Square Aspect Ratio–it is called 1:1 by some photo editors

Click on Square and a light grid will fall across your photo.  Pull on one of the square corners to size the cropping area to your satisfaction.  Click in the middle of the cropping area and move it where you like.  

A light grid will fall across your photo.  Pull on one of the grid’s corners to size the cropping area to your satisfactio.  Click in the middle of the grid to place it where you want it to be.

The lines of the grid relate to the Rule of Thirds.  Good composition normally requires that you place one or more of the major lines of the photo on one or more of the lines of the grid–almost always off center.

When you are satisfied with your cropping area, click Apply.  You may also elect to cancel this operation completely.  The Canceling feature is very important and many of the free editors do not have this option.  

 This grid is a very handy tool and many of the free editors do not have this option.  

 

How to Crop a Photo in iPiccy – iPiccy Has Most Choices of Aspect Ratio of Any Free Photo Editor

Crop Picture is the 3rd option on the Basic Editing Tools menu [on lefthand]

Click on Crop and you will see the options below

cropconstraints

iPiccy has the best lineup of Aspect Ratio choices that I have ever seen