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…

Continue reading →

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 →

New Scrolling Rules in Web Design
Why scrolling is reborn Since there have been more mobile users than desktop users, designers have begun to adapt. As scrolling becomes more and more popular: the smaller the screen,…

Continue reading →

click on points

How to choose the right color scheme for the site? (part 2)

Who is your site primarily targeted at, men or women? Or maybe on those and others?
Bright and muted color schemes for the site
Men prefer bright colors, and women are muffled.

The experiment showed that, in general, men and women react equally to light and dark shades. But it turned out that women are more inclined to muted shades, and men – to bright ones.

Achromatic colors

As a rule, men like achromatic colors more than women. Achromatic colors are white, black and all shades of gray.

Light and dark shades

Women prefer light shades. The reason for this is their increased perception of certain colors. 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 style, as well as for a personal blog. Follow the steps below:
Designing a simple web banner in Photoshop
Open a new document. Open in Photoshop a new document of the desired size:

new document
Draw a rectangle using the Rectangular Area tool. Before you make the HTML site header, create a rectangle of any color on a new layer: 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 an animated GIF using Photoshop
How to create and save GIFs in Photoshop If you spend a lot of time on the Internet, you have seen animated GIFs (gifs). This is a cross between a…

...

Create the Wonder Woman logo in Photoshop
Step 1 The first thing to do is to create the main form of the symbol of a miracle woman. Step 2 The main secret is to put all the…

...

Create a shop theme for handmade products in Photoshop (part 3)
Step 6 Now we’ll create another section of the site’s layout, in which more products will be presented, and call it “Popular”. People are always looking for popular products that…

...

16 best examples of website homepage design (part 3)
14) Basecamp For a long time, Basecamp pages have been amazing and here you can understand why. They always have spectacular headlines and clever animations; The call to action is…

...