In daily work, in order to meet the needs of communication, we need to cut the photo materials. Cropping is one of the most basic methods of image processing. It’s not just a matter of resizing a photo and removing unimportant parts. Different cropping methods can create a completely different impression. Photos taken by professional photographers are generally usable without cropping (or a little cropping). However, not all photos can meet the needs of communication perfectly, and for those photos that do not meet the needs, cutting is an essential work.
So what are the ways of tailoring? What problems do you need to pay attention to in the design of cutting? How to change the psychological impression of an image by cropping? We have a look at that in this issue.
In daily design, it is often necessary to modify the ratio of page length to width. At the same time, in order to adapt to the needs of the layout, the horizontal version of the picture is often modified to vertical version size, vertical version of the picture is modified to horizontal version size. At this point, you need to use the relevant knowledge of picture cropping. Cutting without thinking will destroy the original composition of the picture and thus destroy the beauty of the picture. Before cropping, we need to figure out what the image is trying to convey.
The above picture is a case of cutting the horizontal version of the picture into a vertical version of the picture. The main body of the picture is the figure jumping into the water. When cutting, we need to pay attention to keep the main body of the picture in the modified picture as far as possible. And rethink the size and composition of the subject after modification.
The first image is a photographic photograph taken from a distance. The second picture is cut out and presented in the form of close-up, narrowing the distance between the subject and the viewer. This kind of close-up will enhance the quality of the picture, and the smile of the child becomes more lovely.
If the image itself has a large amount of information, it will be very complicated in small size applications. We can simplify the amount of information by cutting and magnifying the main body in the picture, so that it can still be easily identified in small size. In the image above, although the size of the image has been reduced, we can still make out the model’s face. In other words, the larger the information content of photos in the layout is, the more suitable it is for large-size applications. The smaller the size of photos, the more concise the picture is needed.
In the same picture, you can change the theme of the picture by cropping different parts of the picture. The important thing here is to make sure that the images we split are different from each other. In this way, a photo can be broken up into multiple pieces, making an otherwise monotonous page richer.
When designing a page header or a page with a special scale, we may have to crop the image to very extreme proportions. In this case, care should be taken to ensure that the cropped image still conveys the correct information. If the image’s content becomes unrecognizable after cropping, it is an example of failure.
In the picture above, the person is in the center of the frame, which gives the impression of calm and stability. In order to make the picture dynamic, we can try to move the position of the subject to break the visual center of gravity. While changing the position of the subject, we also need to standardize the composition of the picture.
Composition of thirds is often used in photography a technique of expression, can also be called the nine grid. It is difficult for the photographer to accurately find the golden section of the picture with the naked eye, and it is much easier to simplify it into three equal parts. This composition can also be applied to design. In theory, placing subjects at certain intersections of the tic-tac-toe creates the impression of tension.
The horizontal line in the picture above is tilted. Firstly, the content of the picture does not convey the impression that dynamic is needed. Secondly, even if dynamic is needed, the size of the tilt Angle should not be ambiguous, which will confuse the audience.
Water usually gives the impression that it is parallel to the ground, and we can correct the horizontal lines of the picture by cropping. Adjust the originally tilted sea level back to the horizontal state by rotating the direction of the picture. It should be noted that the size of the rotated picture will be slightly smaller than the size before adjustment.
Through cutting, we can cut the redundant elements out of the screen, in order to achieve the purpose of simplifying the screen, so that the main body of the screen more prominent, in the use of this method to pay attention to the integrity of the main body, sometimes according to the actual situation with repair tools to assist, in order to achieve the purpose of removing redundant elements.
When changing the size of the picture, it is often encountered that the subject can no longer be enlarged, but the picture still lacks information. At this point, we can use the straw tool to absorb the color of the screen edge and solve the problem by filling. In practical cases, you may encounter background colors with gradients, and you may need to use masks and other tools to achieve the desired effect.
For this kind of edge repetitive picture, we can extract the repeatable part of the picture and do stretching. This method is used to fill in the missing parts. Here, it is necessary to pay attention to the pixel loss degree of local area after stretching, and the stretching amplitude is not too large.
For this kind of image with complex edges, the above two methods can not be solved. What should you do in this case? We can extract relevant elements from the image and enlarge them to fill in the area below. In the image above, the effect of enlarging and blurring the image enhances the sense of space.
In daily work, pictures are often arranged side by side. In the picture above, a variety of backpacks are cut into a unified size. The unified screen size also means that the size of the backpacks inside the picture needs to be unified. By aligning the height of the backpack with the bottom, I tried to make the size of the backpack uniform, only to find that the size of the first backpack and the size of the third backpack looked completely different.
Real life objects are often irregular shapes, and the trick when trying to adjust them to the same size is to use the eye as a reference rather than an absolute measure of geometry. Ignoring small details can help you quickly adjust the size relationships between elements.
The picture above shows a picture of a person cropped into a round head after being adjusted to the same size. Although the size of the figures has been uniformly processed, the uneven head height has hindered the passage of the line of sight, making the overall impression messy and reducing the sense of unity of the layout.
So how to solve the problems mentioned above? We align the eyes horizontally by changing the height of the person’s position in the picture. The overall impression of the layout has been unified, and the line of sight has become smooth.
When the subject has directivity, the picture above is a photographic photograph with high white space. The first figure adopts a center composition. Modifying the area on the left and right sides will convey different psychological feelings, and magnifying the white space in front of the figure will give people the impression of yearning for the future.
The first photo is centered on the original figure, and the second one tries to enlarge the blank area behind the figure. The overall picture will give people the impression of recalling the past.
The first picture in the above picture is the moment of racing in the stadium. The picture itself gives people a strong dynamic, how can we continue to enhance its dynamic on the original basis? This can be done by tilting the screen. In the second shot, when the screen tilts, the speed of the car becomes more intense.
When the scene is full of elements and the edges are too crowded, it can feel overwhelming. Zooming in on the bicycle in the picture above improves the sense of quality and shortens the distance with the viewer, but it also loses its due sense of advanced quality.
The above image is a modified case. After shrinking the main body, the space around it becomes wider, giving the picture space to breathe. The overall impression is high-end and stylish.
In this issue we will try to create a book cover, assuming that the image selected above fits the theme of the book. The first thing to do when placing an image of the concept in a layout is to cut the square size to match the size of the book. The easiest way to do this is to enlarge the image.
In addition to zooming in, we can also fill in the gaps by stretching the edges while keeping the image the same size. In the image above and below are the effects after filling.
In order to make the layout more rich, the more common processing methods in foreign countries are adopted here to make the picture more formal. A photo is divided into two pictures by cutting. What we need to pay attention to is to make the difference between the two pictures as far as possible. (This is similar to the principle of “changing the theme of transmission” above) and the missing part in the middle is completed by stretching the edge.
In terms of composition, the upper and lower photos are divided at about the golden ratio. In the second picture, according to the height of the glasses at the top of the figure as the margin distance, the vertical grid is divided into three columns, the width is the width of a hat. The horizontal grid is divided into five columns, with the bottom image occupying two column heights and the top image occupying three column heights. Here the column spacing is set to 2 times the page margin.
Next, tidy up the document information and placed in the space, pay attention to all information should be arranged within the type area, place the header information enlarged respectively on the layout of diagonal line to ensure the balance of the layout, according to the vertical text reading logic usually move from upper right to lower left, will be placed in the upper right page, heaven purgatory placed in the layout at the lower left.
In order to increase the difference between the two words, the bottom text is inverted white and the top text is wireframed. Absorb color from the smooth surface of the characters and apply it to the text, which will ensure that the color of the layout is more harmonious and natural. In order to enhance the sense of form of the layout, we make a link between the words and decorate the English translation as decoration.
After describing the text body, we sorted out the hierarchical relationship of the other information and arranged it into the layout in turn. First, we added the text information in the upper left and lower right corner to balance the layout, and added the rest information in turn, and the layout was completed.
As a book cover, we can also make a waist seal for it and add text information related to the book on it.
Photo above we learned what are the functional and emotional impression when tailoring, know the cut in addition to being able to change the size and remove unimportant part of the picture, can also correct the picture composition, change the body size and location in the picture, can put more information in an image is divided into several different content of images. At the same time also share a variety of cutting tips and need to pay attention to the place, I hope you can flexibly use. That’s it for this issue. Look forward to your progress. See you next time!
Previous high-quality content recommendation (click picture)
Long press the QR code to pay attention to study equipment
A weekly original, boutique design article
(Every Thursday at 9:00 p.m.)
Welcome to forward, please refer to the “notice to Reprint”