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 →

How to choose the right color scheme for the site? (part 3)
Step 2. In the upper left side you will see a rectangle with the following color schemes: Sequential; Monochrome Triangular; Complementary; Compound Shades. Choose a color scheme Experiment with different…

Continue reading →

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…

Continue reading →

blending modes

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 in bold and is located at the top of the page;
In this case, the company chose a blog-like homepage that provides much more product information.
15) charity: water

This is not a typical nonprofit site. 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 unlock an “index” layer in Photoshop

When you start learning Photoshop, you may encounter some problems that are just crazy. Especially when you open an image, but find in the palette of layers that it is an “index” layer, and not just a “layer” or “background”. You can’t do anything, you can’t even open this index layer by clicking on the lock icon.

You may be confused and perplexed: “Maybe I’m doing something wrong?” Read this article and you will learn what an “index” image is and how to unlock an indexed layer.

Content
Indexed Color Mode (Indexed Colors)
How to unlock a layer (how to disable indexed colors in Photoshop?)
The first way: use the Photoshop image mode selector
Second way: use Paint to save the image again Continue reading

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 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 a shop theme for handmade products in Photoshop (part 1)
What do you need To follow my actions, you will need some resources: Photos from Unsplash; Photos from StockSnap.io; Font Source Sans Pro; Font Source Serif Pro. Definition of business…

...

10 rules for a good user interface
1. Make everything the user needs easily accessible If the user cannot find what is needed, he will abandon your software. Tabs make the interface more accessible. Shortcuts and tooltips…

...