16 best examples of website homepage design (part 1)
1) The design of the home page clearly answers the question “Who am I?”, “What am I offering?” And / or “What can the user do here?” If you represent…

Continue reading →

How to place two images side by side in Photoshop
Learn how to combine two photos into one image using Photoshop. Walkthrough for Photoshop CC and CS6. In the example, we use photographs in portrait (vertical) orientation so that the…

Continue reading →

How to choose the right color scheme for the site? (part 1)
If I ask you to think about Coca-Cola, what will come to mind first? Most likely, a red Coca-Cola logo will pop up in your imagination: It is quite difficult…

Continue reading →

Shift key

31 freeware graphics software (part 1)

1. SVG-Edit – development of vector graphics in a browser
If you need to programmatically reproduce a drawing or vector graphics, this can be done using the Scalable Vector Graphics format (also known as SVG). And the program for developing Scalable Vector Graphics is called SVG-Edit.

This is open source software. SVG-Edit is a powerful tool that allows you to create or edit SVG elements. The tool is built on the basis of CSS3, HTML5 and JavaScript. With it, you can quickly edit and process two-dimensional (2D) vector graphics:
2. Serif DrawPlus Starter Edition – Free Graphic Design Software for Windows
Free graphic design software. This is a program for the graphic editor of vector 2D graphics, which allows you to draw, edit and create a professional design. Continue reading

How to realistically overlay text on a photo in Adobe Photoshop

Step 1
Open the photo (or image) that you will use:
Step 2
Let’s choose a color. When adding text to the picture, we will use the color from the photo. Open the “Color Picker”, using the “Eyedropper” select a dark tree on the barrel:
Step 3
Select the Text tool. I am using the compressed Bernard MT Condensed font.

I am going to type “PHOTOSHOP CAFE” and drag the label onto the barrel:
Step 4
The fastest way to resize text is to press Ctrl-T (or Command T on a Mac), hold down the Shift key, and then stretch the text to fit the barrel proportions: Continue reading

How to create a simple web banner in Photoshop?
Let's start with the finished banner. We have a basic example, the colors used in it soothe the eyes. It can be posted on a website dedicated to fashion and…

...

Create a digital graphic effect in Photoshop
Step 1 The process of creating digital graphics begins with a sketch, this is a real picture, drawn from scratch. The artist uses brushes, a sample image, and many techniques…

...

Complete Web Animation Guide (part 4)
Step 71 To make a brochure correctly, activate the Site Selection tool. Pressing and holding the left mouse button, circle the left part of the arrow to select its two…

...

How to place two images side by side in Photoshop
Learn how to combine two photos into one image using Photoshop. Walkthrough for Photoshop CC and CS6. In the example, we use photographs in portrait (vertical) orientation so that the…

...