Crea sito
Tag Archives: photoshop

10+ Free Photoshop Plugins for Web Designers

Using Photoshop extensions greatly increase its ability to help you design, steamline your workflow and make you be more productive. You can use a Photoshop plugin to speed up repetitive or tedious tasks such as:

There are plenty of other Photoshop extensions out there, and on this list are 12 awesome ones that help you manage your layers, colors, guides and more, to alleviate your workload and help you focus more on what requires your attention. If you know of more Photoshop plugins or extensions, do let us know in the comments.

1. Hexy

Hexy provides you a quicker way to obtain Hex and RGB color code. With this plugin, you can use the eyedropper tool and simply click on the color of the image you want to pick up, and Hexy automatically copies the color to the clipboard for you. That way you can immediately paste it to use it in CSS. It’s a handy tool for color-picking.

Compatibility: Photoshop CC 2014

2. Size Marks

SizeMark allows you to add labels of an object size or the distance between each object using a Marquee tool. SizeMark saves each label created in a new layer so you can customize it whichever way you need e.g. changing the color or adjusting its position. It is essential for when you need to translate PSD into a functional website.

Compatibility: Photoshop CC 2014

3. Pictura

Do you need to insert images in your design? You should install Pictura. Pictura allows you to search and add images to your Photoshop conveniently without leaving your workspace. When installed, Pictura will add a new panel on which you can search any image in any License you need, then insert it to your design immediately.

Compatibility: Photoshop CC 2014

4. Oven

Oven is a nifty plugin that helps you better manage your assets. Photoshop’s Generator allows us to export images in real time but you will have to rename all your layers in order to generate the image correctly and with a proper name. Oven eliminates that hassle.

Compatibility: Photoshop CC and CC 2014

5. Ink

Converting PSD to a functional website is always a tricky process. There is so much detail to examine such as layer styles, font size, font family used, element size and position against other elements. Ink will help you generate these information easily.

6. LayerCraft

LayerCraft is a Photoshop plugin that allows you to export layers into multiple scale. You can export images into @1x, @2x and even @3x (which is required in iOS devices with Retina screen), or mdpi and xhdpi for Android. If your daily job is creating UI for mobile interface, this is the tool that saves you a lot of time.

Compatibility: Photoshop CC and CC 2014

7. Composer

Composer improves the Photoshop Layer Comps feature. Rather than have multiple separate files to store every design revision, Layer Comps lets you store and manage them all in a single file. Layer Comps acts similar to a Smart Object. Each may contain a couple of properties such layer styles and blending modes. Composer, in this case, provides the easiest way to update these styles with just a single click.

Compatibility: Photoshop CS5, CS6, and CC

8. Velositey

Velocity is an extension that can help you build web design prototype quickly. Velocitey comes with a handful of preset templates including the grid. It also comes with common layout placeholders for the website header, content and footer. You can add all these components with just a click. It’s literally a time saver (and it’s free).

Compatibility: Photoshop CS6, CC, CC 2014

9. Duplllicator

Duplllicator provides the fastest way to duplicate Photoshop layers or groups. You can specify the number of copies you want and then set the vertical and horizontal spacing of the duplicated layer.

Compatibility: Photoshop CC and CC 2014

10. QuickGuide

QuickGuide helps you draw guidelines in Photoshop. This plugin provides 12 presets for easy addition of guides on one side, two adjacent sides, or all sides of each object. Other features it carries include toggle locking guides and visibility, deleting entire guides or selected ones, and copy-pasting guides.

Compatibility: Photoshop CC 2014

11. Lorem Ipsum Generator

Lorem Ipsum Generator will generate random words or phrases. Rather than having to copy it from some other place, you can generate Lorem Ipsum right from your Photoshop workspace. A couple of options are provided to customize the output. This plugin is also available for Illustrator, InDesign and Dreamweaver.

Compatibility: Photoshop CS5, CS6 and CC

12. Lorem Picsum

Lorem Picsum generates random images rather than text. The image provided is derived from popular movie and TV shows such as Futurama, Rio, The Simpsons, Finding Nemo, and UP.

Compatibility: Photoshop CS6 and CC








hongkiat.com

20 Pattern Tutorials For Your Future Designs

Different graphic and web design projects require different design elements and patterns are just one of them. They can be used as a background or foreground in various situations, depending on your needs. You can even use a pattern that you’ve created yourself to add a personal touch to your work.

Today, I’d like to share 20 pattern tutorials for Photoshop and Illustrator that you can use in your future designs. The best part about these tutorials is that you can set your imagination free and customize each pattern as you like. From nature-inspired patterns to more abstract themed ones, there’s plenty for you to choose from. Some of these tutorials require 2-3 hours of your time but it’s definitely worth it.

Create a Summer Underwater Seamless Pattern in Adobe Illustrator. You can channel your excitement for summer with this adorable summer-inspired underwater seamless pattern that features cute marine animals.

Adobe Illustrator & Photoshop tutorial: Design damask patterns for wallpaper and homewares. Steven Bonner is an expert in repeating pattern. In this lesson, he guides us on how to create a damask pattern in Photoshop and Illustrator.

Quick Tip: How to Create a Quick and Easy Diagonal Pattern. Creating diagonal patterns can be a bit of a challenge but with this manual you’ll be able to do it easily.

Geometric Pattern in Illustrator. Take a look at this tutorial if you’d like to learn how to create a simple vector geometric pattern in Illustrator. You can play around with colors to customize this too.

Adobe Illustrator tutorial: Create quirky repeating patterns. Create a repeating pattern that looks like a map with Illustrator. This tutorial is quite long and time-consuming, but the beautiful end result makes it worthwhile.

How to Create a Spring Floral Pattern in Adobe Illustrator. This spring floral pattern would make a classy background for a wedding blog. Follow the tutorial if you’d like to recreate this.

Adobe Illustrator & InDesign tutorial: Design a geometric pattern for a poster. This awesome vivid abstract pattern seems like a tunnel to nowhere. By the end of this gudie, you’ll know how to turn it into a retro poster.

Adobe Illustrator tutorial: Use Illustrator’s Live Trace to create a vector pattern illustration. This pattern is totally mind-blowing. The tutorial uses the method of tracing photos to create this surreal and endless pattern.

How to Make a Quick Kawaii Candy Corn Pattern for Halloween. Who says Halloween has to be over? Use the Pen Tool, the Blob Brush Tool, and Pattern Options to create this sweet candy corn pattern.

Adobe Illustrator tutorial: Master Illustrator CS6′s new Pattern tool. In this guide, you’ll see how to use the Photoshop CS6 Pattern Tool to make repeating elements inside vector scenes.

Creating geometric patterns in Illustrator. Geometric patterns are still pretty trendy. Follow this tutorial to create a colorful cube pattern.

Create a Sweet Honeycomb Pattern in Adobe Illustrator. This honeycomb pattern looks realistic doesn’t it? Maybe you should try it out for yourself…

Illustrator tutorial – How to create diagonal seamless pattern. There are many uses for a diagonal pattern, so this is useful for any kind of graphic design project.

Create an Abstract Geometric Background with AI & PS. You can create this simple abstract geometric background with ease using this tutorial.

How to Create an Easy Geometric Aztec Pattern in Inkscape. This manual will show you how to create an Aztec inspired pattern in Inkscape.

How To Create an Easy Abstract Blur Pattern Design. In this tutorial, you’ll learn the process of creating an amazing geometric gradient pattern in Illustrator and Photoshop.

How to Create Web Pattern with Custom Shape in Photoshop. Use Photoshop custom shapes to create this interesting pattern.

Create a Colorful Geometric Pattern in Photoshop. Here’s another cool geometric pattern in this collection you can try out.

Quick Tip: Create a Complex Pattern by Nudging Smart Objects. Master the repeating pattern technique with this cool tutorial. It showcases how to create the complex pattern using smart objects and the nudging technique with your arrow keys.

How to Create a Bright Geometric Circle Pattern in Adobe Illustrator. This tutorial will teach you how to create a geometric circle pattern in Illustrator.

More Photoshop Tutorials








hongkiat.com

Ready For Retina HD: Create Pixel-Perfect Assets For Multiple Scale Factors

The 6 Plus is the first iPhone that sports a “Retina HD” display — the sharpest display Apple has ever made. It forces designers to provide an additional set of image resources to developers to match that sharpness.

We needed only one set of assets for the original iPhone up to iPhone 3GS. And when iPhone 4 came out with the Retina display, we also needed 2x assets — images twice as detailed. Now, with the display of the 6 Plus being even more detailed than that of the iPhone 4, we will also need to provide 3x assets. The numbers 1x, 2x and 3x are also called “scale factors.”

Of course, Android developers have always had to deal with many different sets of assets. Still, designers are finding themselves questioning their production workflow. In this article, we’ll focus on iOS, but you could easily extend this approach to Android and the web. We won’t try to provide a silver bullet, and perhaps other ways might seem easier at first, but this article lays out a solid workflow that scales up for big projects.

First off, your icon sets should be vector-based. The approach described in this article focuses on generating multiple asset versions from a single vector shape in a Photoshop document that contains all of your icons.

A unified icon document has the advantage of keeping everything together in one file, allowing you to see how well your icons and assets harmonize.

If you’re designing for iOS 7 and above, then you might think that 1x versions aren’t needed anymore. However, you’ll still need them for devices such as the original iPad Mini, the iPad 2 and potentially Android and the web.

Set Up Photoshop

First, I’ll show you how I set up Photoshop. If you know what you’re doing, you can use other settings. But for those curious about how I like to work, this is it:

  1. Disable eye candy like “Animated Zoom” and “Flick Panning.”
  2. Disable “Snap Vector Tools and Transforms to Pixel Grid.”

The first point is a matter of personal taste, but not following the second point can get in your way when you’re trying to be precise with the Direct Selection tool.

These selections will help you working precise with the Direct Selection tool.1
These selections will help you working precise with the Direct Selection tool. (View large version2)

Then, I’ll configure the Move tool (V) to select layers. You don’t need to check “Auto-Select” because you can select a layer automatically by pressing the Command key while clicking. Disabling this option protects you from moving layers unintentionally.

Configure the Move tool (V) to select layers.3
Configure the Move tool (V) to select layers. (View large version4)

Feel Free

First and foremost, I believe that design and production are two separate phases. When your creativity is flowing, you shouldn’t worry much about production constraints.

Design at your favorite resolution (perhaps 2x), and lay out using the dimensions of a device you’re familiar with. But definitely use a real device, and use apps like Skala Preview and xScope to mirror the design live on your device. You should not be working with apps unless you are constantly checking the design on a real device.

Tidy Up Those Vectors

As noted, I’ll assume that you’re designing your icons in Illustrator. Before copying them to Photoshop, you’ll need to tidy them up. Use Pathfinder to add and subtract paths until you have a single shape.

If you design your icons in Illustrator, you need to tidy them up before copying them to Photoshop.5
If you design your icons in Illustrator, you need to tidy them up before copying them to Photoshop. (View large version6)

On the left above is a complex icon made up of multiple shapes, including a white shape to simulate transparency. For the icon on the right, I subtracted the white rectangle from the black one behind it. Do this by selecting the two rectangles and pressing the “Minus Front” button in the Pathfinder panel. Then, select all shapes and click “Unite” to combine them into one.

Now, copy the path to Photoshop, and paste it as a shape layer.

Paste your path as a shape layer.
Paste your path as a shape layer.

If your shape ends up a mess, that means you didn’t tidy the vector graphic properly.

Align Forces

When you paste the icon in Photoshop, it might look something like this:

When you paste the icon in Photoshop you will probably see those gray pixels around the shape.7
When you paste the icon in Photoshop you will probably see those gray pixels around the shape. (View large version8)

When you zoom in close on the icon, you will probably see those gray pixels around the shape. Those “partial pixels” occur if a shape does not fill an entire pixel. We don’t want any of those.

We want to start working from a 1x version of the icon because, when tidied up properly, you will be able to scale this version up to 2x and 3x without any problems. If you did the original design in 2x, then you’ll need to scale the shape down to 50%.

Now it’s time to align the horizontal and vertical lines to the next full pixel. It’s OK if curves and diagonal lines don’t fill up entire pixels.

Use Photoshop’s Direct Selection tool to mark a group of misaligned anchor points, and use the arrow keys to move these points between two pixels.

Note: The closer you are zoomed in (use Option + Shift + mouse wheel), the more precisely you will be able to move the anchor points.

The anchor points of the bottom and the right side are now aligned to the pixel grid
The anchor points of the bottom and the right side are now aligned to the pixel grid.
All partial pixels are gone.
All partial pixels are gone.

Do A Check-Up

Now, make sure all anchor points are on the grid by scaling your 1x version up to 500%. If you see partial pixels, then align them as described above. If everything checks out, then scale the shape down to 20%.

Remember: From now on, you should always scale proportionally from the upper-left corner, and always make sure that the X and Y values are round numbers.

If you see partial pixels, then align them as described above.9
If you see partial pixels, then align them as described above. (View large version10)

Scale It

Let’s see how different resolutions of our icon work out. Select the 1x version (V, then Command + mouse click), and duplicate the icon (Option + click and drag) to a position next to the 1x version.

Scale the duplicated icon up to 200% proportionally from the upper-left corner. The 2x version should show no new partial pixels. It should only be bigger.

To keep things simple, we will assume you are happy with the 1x and 2x versions and that you now want to see the 3x one.

Duplicate the 2x version (Option + click and drag), move it off to the side, and then scale it up by 150%. (So, 200% × 150% = 300%)

Later in this article, I’ll tell you what to do if you are not happy with the results. But if you are happy with the 2x and 3x versions, then you know now that 2x and 3x versions can be generated from the 1x version without any problems.

Go ahead and delete the 2x and 3x versions — we will be generating them automatically.

Generate And Enjoy

Photoshop has a built-in tool called “Generator” that automatically renders a shape layer to multiple image versions. To do that, we have to create a layer group and give it a special name: the file name and scale factor for each version.

In this case, it should look like this: cover.png, 200% [email protected], 300% [email protected]

The commas separate the versions, and the percentage tells Photoshop the amount of scaling.

The commas separate the versions, and the percentage tells Photoshop the amount of scaling.11
The commas separate the versions, and the percentage tells Photoshop the amount of scaling. (View large version12)

Now, activate Generator.

Activate Generator.13
Activate Generator. (View large version14)

Generator will create a folder next to your PSD file and will automatically save PNG files to it when you save the Photoshop document.

Generator will automatically save PNG files when you save the Photoshop document.15
Generator will automatically save PNG files when you save the Photoshop document. (View large version16)

To add a new scale factor at a later point in time, you simply have to alter the layer’s file name.

Get Creative For Different Resolutions

Modifying artwork for different scaling factors is a common practice because you can show more detail in a 2x graphic than you can in a 1x version.

In the following example, the 1x version of the icon contains just a single eighth note, whereas the 2x version contains a beamed note.

Create different icons for different resolutions.17
Create different icons for different resolutions. (View large version18)

Obviously, you wouldn’t delete the 2x version because it is different from the 1x. Create an extra group for the 2x version, and give it a layer name that is compatible with Generator. Because you’ve already scaled the 2x version in Photoshop, don’t add “200%.”

To end up with a 3x version after working in 2x, you’ll have to scale by 150%. So, you would add this number to the 3x file name.

To end up with a 3x version after working in 2x, you’ll have to scale by 150%.19
To end up with a 3x version after working in 2x, you’ll have to scale by 150%. (View large version20)

Size Matters

Making the 2x versions of your assets exactly two times larger than the 1x assets is absolutely critical. Sometimes this is harder to do than you think. Consider this keyboard:

Making the 2x versions of your assets is sometimes harder to do than you think.21
Making the 2x versions of your assets is sometimes harder to do than you think. (View large version22)

For the 1x version (the smaller keyboard on the left), I decided that 1-pixel-wide black keys were to thin, so I used 2 pixels.

When you scale that version up (marked in pink in the keyboard on the right), you end up with black keys that are 4 pixels wide, which looks a little too wide.

But with 3-pixel-wide keys, the distance between all of the keys changes. To keep everything symmetrical, we need to make the keyboard 1 pixel shorter. And because we can’t scale 3 pixels by 1.5 without ending up with fuzzy graphics, we also need a special 3x version.

To fix the export size of our 2x asset, we can add a layer mask. Generator will always use the dimensions of a layer mask if one is present.

To fix the export size of our 2x asset, we can add a layer mask.23
To fix the export size of our 2x asset, we can add a layer mask. (View large version24)
Generator will always use the dimensions of a layer mask if one is present.25
Generator will always use the dimensions of a layer mask if one is present. (View large version26)

Summary

Hopefully, the methods described here will simplify your workflow. As you can see, creating pixel-perfect assets for different screen sizes and densities isn’t such a chore when you use vector graphics to your advantage and let Photoshop do the grunt work.

Downsides of This Approach

  • Assets are stored at 1x in the Photoshop file.

Upsides of This Approach

  • Create multiple image assets from a single shape layer, potentially saving yourself a lot of time in the future.
  • Icons are all in one document.
  • Generating assets for other scale factors from your PSD becomes easy for other people.
  • Seeing which resolutions of an icon need special attention becomes easy for other designers.

(ml, al)

Footnotes

  1. 1 http://www.smashingmagazine.com/wp-content/uploads/2014/10/01-photoshop-settings-opt.png
  2. 2 http://www.smashingmagazine.com/wp-content/uploads/2014/10/01-photoshop-settings-opt.png
  3. 3 http://www.smashingmagazine.com/wp-content/uploads/2014/10/02-move-tool-opt.png
  4. 4 http://www.smashingmagazine.com/wp-content/uploads/2014/10/02-move-tool-opt.png
  5. 5 http://www.smashingmagazine.com/wp-content/uploads/2014/10/03-pathfinder-opt.png
  6. 6 http://www.smashingmagazine.com/wp-content/uploads/2014/10/03-pathfinder-opt.png
  7. 7 http://www.smashingmagazine.com/wp-content/uploads/2014/10/05-blurry-asset-opt.png
  8. 8 http://www.smashingmagazine.com/wp-content/uploads/2014/10/05-blurry-asset-opt.png
  9. 9 http://www.smashingmagazine.com/wp-content/uploads/2014/10/08-scale-opt.png
  10. 10 http://www.smashingmagazine.com/wp-content/uploads/2014/10/08-scale-opt.png
  11. 11 http://www.smashingmagazine.com/wp-content/uploads/2014/10/09-layer-naming-opt.png
  12. 12 http://www.smashingmagazine.com/wp-content/uploads/2014/10/09-layer-naming-opt.png
  13. 13 http://www.smashingmagazine.com/wp-content/uploads/2014/10/10-asset-generator-opt.png
  14. 14 http://www.smashingmagazine.com/wp-content/uploads/2014/10/10-asset-generator-opt.png
  15. 15 http://www.smashingmagazine.com/wp-content/uploads/2014/10/11-finder-opt.png
  16. 16 http://www.smashingmagazine.com/wp-content/uploads/2014/10/11-finder-opt.png
  17. 17 http://www.smashingmagazine.com/wp-content/uploads/2014/10/12-asset-canvas-opt.png
  18. 18 http://www.smashingmagazine.com/wp-content/uploads/2014/10/12-asset-canvas-opt.png
  19. 19 http://www.smashingmagazine.com/wp-content/uploads/2014/10/13-layer-naming-opt.png
  20. 20 http://www.smashingmagazine.com/wp-content/uploads/2014/10/13-layer-naming-opt.png
  21. 21 http://www.smashingmagazine.com/wp-content/uploads/2014/10/14-keyboard-problem-opt.png
  22. 22 http://www.smashingmagazine.com/wp-content/uploads/2014/10/14-keyboard-problem-opt.png
  23. 23 http://www.smashingmagazine.com/wp-content/uploads/2014/10/15-vector-mask-opt.png
  24. 24 http://www.smashingmagazine.com/wp-content/uploads/2014/10/15-vector-mask-opt.png
  25. 25 http://www.smashingmagazine.com/wp-content/uploads/2014/10/16-vector-mask-layer-opt.png
  26. 26 http://www.smashingmagazine.com/wp-content/uploads/2014/10/16-vector-mask-layer-opt.png

The post Ready For Retina HD: Create Pixel-Perfect Assets For Multiple Scale Factors appeared first on Smashing Magazine.

Smashing Magazine

10 Cool Photoshop Tutorials For Creating Your Own Cinemagraph

Cinemagraphs were originally coined by American photographers, Kevin Burg and Jamie Beck of Ann Street Studio, who used this trick for their news and fashion photos back in 2011. It’s kind of a hybrid between a still photograph and a video. The whole image remains still except for a particular movement that is repeated over and over again in just one section. These are usually saved in a GIF format.

You can create a cinemagraph using editing software which would compose the photographs or the video frames into a seamless loop of sequential frames. It may take a bit of time but I believe cinemagraph is a form of art worth giving a chance. To help you along with the learning process, I’d like to share 10 ultra-cool cinemagraph Photoshop tutorials to assist you in creating your very own cinemagraph. Feel free to share your cinemagraphs in the comment field below too.

Create Cinemagraphs Easily Using Cliplets. This awesome image which showcases a moving skateboard wheel can be mimicked in no time with this tutorial. It uses Cliplets to help you create this cinemagraph.

How To Make a Cool Cinemagraph Image in Photoshop. This tutorial teaches you to play around with Photoshop action tools so that you can have your own cute shopping cinemagraph image like the shopping montage of the 90s.

How To Make A Cinemagraph for Photoshop Newbies. All you need for this particular tutorial is basic Photoshop skills, a tripod, a video camera, Photoshop (of course) and Quicktime player. If you’re armed with that, you’re good to go.

Create an awesome cinemagraph in Photoshop. In this lesson you learn how to use Photoshop frames to process footage, and how to tweak your sequence in order to find the ideal loop for export.

Creating a Cinemagraph in Photoshop. This cool video guide will walk you through the process of creating a cinemagraph in Photoshop and also tells you all the niceties of using this method including how to save the file in the correct format.

Cinemagraph tutorial. In just 6 easy steps, this tutorial can show you how to create a wonderful cinemagraph in Photoshop.

Create a Cinemagraph (or Cinegraph) Using Photoshop CS6. Use the latest Photoshop version CS6 to create a cinemagraph that’s bound to make everyone else green with envy!

How to Create a Cinemagraph Using Adobe Photoshop CS5. Hair fluttering in the wind or blinking eyes are the perfect parts of the photo to animate as they are subtle. Watch this short video to learn how to do it yourself.

Tutorial: Como hacer un cinemagraph con Photoshop. For all of you more comfortable with the Spanish language, here’s a handy cinemagraph tutorial in Spanish.

Cinemagraph: How to. Why not bring one of your favorite movie scenes to life in a different way? This guide will show you how to make a cinemagraph from a Vimeo video without having to take pictures.

Click Here To See More Cool Cinemagraphs »








hongkiat.com

70 Worst Photoshop Mistakes In Magazines And Advertisements

In this day and age, who doesn’t love Photoshop? With it you can manipulate any picture you want, however you want. Add in, remove, trim a bit here and there; if you know how to use Photoshop, you know how to truly edit a photo. So it’s no surprise that it’s considered the Swiss Army Knife for designers, letting them chop away at any flaws.

However, just with any tool, you need to be trained or you could end up with a blunder. Even the professionals sometimes don’t notice the mistakes they make, and it is especially funny to find a Photoshop error in a high end magazine. This list is the sequel of our previous worst Photoshop mistakes and this time we’ve featured other ads as well. You might find this hard to believe but we have 70 of them.

The left leg and hip don’t seem to connect very well, do they?

Adam Levine is trying to be a superhero by wearing that red carpet behind him. And it looks like Carson Daly has really long fingers.

Claire Danes’ right leg seems to have gone through the bed.

Again with the legs. I’m suspecting Photoshop hates legs.

I stand corrected (hah). Photoshop hates all limbs equally.

Because that F1 vehicle is obviously there.

Who needs a tummy tuck when you have Photoshop?

The only thing worst than the fact that some of her fingers are missing is the fact that she’s drinking McDonald’s coffee.

It’s the new thing in modelling. Two belly buttons. You heard it here first.

Lebron has learnt that floating towards the hoop is much more efficient that dunking the ball.

This bikini is brought to you by Microsoft Paint.

Those phantom limbs have to go somewhere, right?

Five fingers makes you play better than the love child of Hendrix and Clapton.

More arms means more dakka.

This image is going to give me nightmares for weeks.

All that cycling made her left foot grow more toes.

Holding on to a phantom hand.

The baby’s face is badly copied and pasted onto the bag.

Her hips don’t line up pretty well. Must be another modelling trend.

Again with the legs!?

Amazing airplane is able to stabilize without front wheel.

Amazing dad has three arms to hug family.

World’s most awkward thigh gap.

The woman is missing her entire lower body. Must have made it easier for him to carry her.

Left arm is missing. Sure it will turn up somewhere later on.

Or maybe people who Photoshop have some sort of amputee fetish.

See what I mean?

The girl must be some sort of contortionist to hold a man like that.

"My mommy has two hands on one arm!"

Whatever diet Adam Levine is on just cut away half of his torso.

Avril, you really should see a doctor about that right elbow.

Sunbathing can be dangerous. Here is an example where her right leg melted off.

Maybe a bit of Skele-Gro can fix that right leg of yours, eh Hermione?

That right hand looks like it’s been broken in two.

The day daddy decided to become a disembodied head was the happiest day for the family.

It’s more fun to pretend that all disembodied hands are actually ‘The Thing’ from The Addams Family, enjoying a career in modelling.

Someone call Sir Mix-a-lot. Those are some unusually huge hips.

2D Pokemon pants, coming to a Pokemon Center near you.

Careful not to hit Phil with that club there, Tiger.

The Thing offering congratulations to his opponent.

That necklace looks painful, being embedded into your skin and all.

Shadow: the natural enemy of Photoshop.

Proof that couples who stay together long enough begin to look like each other.

Does this snuggy make my head look big?

You should see a doctor about that small, thin and disjointed right leg.

The bikes are cutting it a little too close there.

In order to become the best chauffeur you can be, you must be one with the car.

Michelle Obama has plenty of fingers to go around.

The legs and upper body look like they don’t connect very well. And what in the world is between them?

Maybe he’s adopted. Or more likely they copied and pasted the face of an Asian kid.

Knew we’d find that missing arm somewhere. Under a desk of all places.

If it’s women, then big hands, big…?

It looks like a very uncomfortable position to hold a sign.

Again, somebody call Sir Mix-a-lot.

Mommy has really long legs.

The two towering bosses looming over their peons.

I’m running out of leg jokes.

This diet plan will turn your body disproportionately tall.

Model holding The Thing with his left hand.

The bride of Edward Scissorhands.

The arms are smashing into each other.

A pair of giant hands and a head on a pair of legs.

See? Told you double belly buttons would catch on.

No amount of Vaseline can help that hand of yours.

Sometimes, you feel like they hired 6 year olds to do their Photoshopping.

The Thing decided to try for a career in basketball.

That waistline cannot be healthy.

Another example of the torso not lining up properly.

Toes are unsexy so of course we have to Photoshop them out into blocks.

This baby will make a fine addition to the X-Men.

More Photoshop Blunders – Click Here For Part I »








hongkiat.com

4 Creative Photoshop Artists Who Cleverly Manipulate Landscapes [PHOTOS]

A lot of artists have different tools that they use to create a particular form of work. Some people use paper as a medium whilst others prefer a more digital art form. Then there are those who utilize Photoshop as a tool in order to make something unique which represents them.

Photoshop manipulation is everywhere, commonly used in advertising to deliver a striking message. Or simply to showcase beauty in an alternative form. Or perhaps to make one laugh. Whatever the purpose of Photoshop manipulation, it takes skill as well as dedication to perfect like all other art forms.

Here’s 4 extraordinary Photoshop wizards with a focus on landscapes and scenery.

Andric Ljubodrag

Andric Ljubodrag is a self-taught Yugoslavian photographer who turns the ordinary into the extraordinary. His clients include AT&T and Corona.

Visit Andric’s website.

BottleBottle – andric.biz

Cow – andric.biz

Door – andric.biz

Garden furniture- andric.biz

Kite – andric.biz

Erik Almas

Erik Almas is a San Francisco-based photographer who places an emphasis on lighting and focus, which can be seen through his rich and open landscapes. He plays with surrealism, and adds a touch of fantasy to his landscapes.

Visit Erik Almas’ website.

Butterfiles – erikalmas.com

Cows – erikalmas.com

Leaf Boat – erikalmas.com

Sleep – erikalmas.com

Whale – erikalmas.com

Erik Johansson

Erik Johansson is a photographer from Sweden who has a rich imagination, and looks at landscapes in a different way, from torn roads to strange towns. He twists conventions through his vibrant work.

Visit Erik Johansson’s website.

Cut & Fold – erikjohanssonphoto.com

Drifting Away – erikjohanssonphoto.com

Fishy Island – erikjohanssonphoto.com

Set TheM Free – erikjohanssonphoto.com

The Cover Up – erikjohanssonphoto.com

Richard Roberts

Richard Roberts is a digital illustrator and photographer with a flair for dark fantasy. He creates beautiful, gothic images, and takes inspiration from sci-fi and galaxies.

Visit Richard’s website.

Apocalypse – richardbroberts.com

Grow – breakingcanvas.com

Ice Passage – richardbroberts.com

Ladt of The Lake – richardbroberts.com

Zen – richardbroberts.com

More Cool Photo Manipulations

Editor’s note: This post is written by Sita Bridglal for Hongkiat.com. She is a copyriter with NuBlue. You can contact or follow her on LinkedIn, Google+ and Youtube.








hongkiat.com