How to draw a realistic airplane (part 3)
Change the blur method from “Ring” to “Linear” and set the blur value to relatively low so that the effect is quite subtle. Apply this filter, and you get the…

Continue reading →

How to create a Serbian national pattern: Kilim Pirot ornament (part 2)
Then add small rectangles located at an angle of 45 degrees, as shown in the middle figure, and place small triangles at their ends, as shown in the right figure:…

Continue reading →

Create a shiny shield (part 2)
Step 10 Press D to change the default layout of colors. Then, while holding down the Ctrl key, click on the thumbnail of the “shield outer” layer to select it.…

Continue reading →

Creating a clean, modern website design in Photoshop (part 1)

Let’s create a full-fledged website design layout in Photoshop. Let’s start with the page layout, and then move on to designing its individual elements. The result will be a modern web page layout ready for layout:
Its key features are horizontal stripes for separating content, a colorful headline, portfolio, two-row main layout and a basement with links:

Before creating a website in Photoshop, it is better to make sketches of the main contours on paper:

Layout design also helps to develop a structure and get an idea of ​​the best positions for key design elements:

When creating a new document in Adobe Photoshop, I make a layout the size of a common widescreen monitor to give a good idea of ​​the overall appearance of the site:

Measure with guides 960 pixels wide in the center of the document and create a basic grid for placing page elements:

Let’s start creating a website design in Photoshop with a title. Make a selection over the entire width of the document and fill it with white. Double-click on a layer to open the layer’s styles and add a Gradient Overlay with a vertical transition from gray to white:

Next, we draw the area of ​​the main header where the selected material will be placed. Make a selection on a new layer, then apply a Gradient Overlay style with two colors to it. Also add a low-key inner shadow to give the sketch depth:

With the masked header area selected, press CTRL + SHIFT + C to copy the merged data, and then paste it onto a new layer. Go to the Filter> Noise> Add Noise tab to create a simple texture, then set the blending mode to Multiply and lower the transparency to a suitable value:

Next, we continue to make the site in Photoshop by inserting the company logo and placing it in the grid. Add a Gradient Overlay style with the settings matching the title colors, then create a soft inner shadow:

Use the Text tool to create the main navigation menu, set the medium gray color for the font, and use a slightly darker shade for the active link:

A headline is a great place to present a site. With a bright background, it attracts the user’s main attention. Use this space to place an attractive introductory header with a personalized font that matches the image of the company:

Keep detailing the introductory content, but this time use the Arial or Helvetica font families so that the text can be placed in html without replacing the images:

Before you make the site in Photoshop to the end, position the image of the laptop in the middle. This is in good agreement with the image of a fictitious company, and creates an excellent thematic space for displaying examples of work on a computer screen:

Highlight this area with a radial gradient coming from the computer. This extra touch helps elevate the element above the page:
Under the main heading, create another selection and fill it with a white-gray gradient:

Divide the middle of the page into two columns with guides snapped to grid lines. On the left, we will have the main content panel, and the right will contain a thin side panel. Use the Text tool to add text for an example:

Below the main content area may contain a place to display the latest blog entries. Divide this column into two more columns and sketch out sample entries. Heading links should be considered clickable by users, so change their color to give a visual hint:
When creating a website from scratch in Photoshop and layout we use the tool “Rectangle with rounded corners” to draw a rectangle on the side panel. The initial color does not matter, as we will change its style in the next step:

Double-click on a layer and add a number of layer styles, including a gray-white gradient, a thin gray stroke and a soft inner shadow:

Use this sidebar to design the Featured Project section. Its elements may include small snapshots and passages of text:

Draw another rectangle to use as a button. Add a couple of layer styles, such as Gradient Overlay and Stroke, so that the button style matches the overall gray theme:

Create a short and meaningful caption for the button, prompting the user to go around the site to see future projects:

Create Advanced Animations in Photoshop: Timeline Panel Overview (part 1)
Timeline Panel Overview By opening the timeline panel (Window> Timeline), you can choose one of two types of timeline: video and frame animation. The latter is intended for frame-by-frame animation.…


Create a beautiful abstract portrait (part 1)
1. Preparation of the portrait Step 1 Create a new document with a size of 2000 by 2850 pixels, a resolution of 300 pixels, with a transparent background, and then…


Creating a clean, modern website design in Photoshop (part 2)
Mark the end of the content by drawing a footer area on the screen. Fill this space with a light gray color to distinguish it from the main content area:…


Modern trends in building responsive design (part 2)
The hierarchy, as a rule, resembles a vertical structure. We can use min-width and max-width media queries, but we can also use min-height and max-height queries. In my opinion, in…