Modern Wordpress Websites Using Elementor And Adobe Photoshop

Tags: Elementor

Learn how to make breathtaking, responsive wordpress websites using Elementor and Photoshop with 2 real world projects.

Last updated 2022-01-10 | 4.6

- Building aesthetic and responsive real world websites using Elementor and Photshop
- Locally Hosting Wordpress websites using Local by Flywheel
- Complete understanding and usage of the wordpress interface.

What you'll learn

Building aesthetic and responsive real world websites using Elementor and Photshop
Locally Hosting Wordpress websites using Local by Flywheel
Complete understanding and usage of the wordpress interface.
Basic Understanding of Photshop Interface
Pen Tool mastery allowing you to trace any shape in photoshop.
Brush Tool and its properties to use strokes effectively in photshop
Concepts like Layer Mask
Clipping Mask
Layer Linking and Grouping and many more
Popular Elementor Addon Plugins to access all widgets you need for a website
Website Structuring using Labelled Sections before adding contents.
Responsive navigation bar creation using CSS IDs
Effective use of padding and margin.
Dimensioning website images.
Adjusting UI among other things to make website mobile friendly

* Requirements

* No previous knowledge required
* everything will be taught from scratch.
* Adobe Photoshop should be already installed. (optional - if you directly want to use the final edited images you can skip Section-2 and all the graphic creation lectures and simply use the finished graphics)
* A laptop and a decent internet connection is required.
* All other software used will be absolutely free.

Description

  • Building aesthetic and responsive real world websites using Elementor and Photshop
  • Locally Hosting Wordpress websites using Local by Flywheel
  • Complete understanding and usage of the wordpress interface.
  • Basic Understanding of Photshop Interface
  • Pen Tool mastery allowing you to trace any shape in photoshop.
  • Brush Tool and its properties to use strokes effectively in photshop
  • Concepts like Layer Mask , Clipping Mask ,Layer Linking and Grouping and many more
  • Popular Elementor Addon Plugins to access all widgets you need for a website
  • Website Structuring using Labelled Sections before adding contents.
  • Responsive navigation bar creation using CSS IDs
  • Effective use of padding and margin.
  • Dimensioning website images.
  • Adjusting UI among other things to make website mobile friendly

Course content

5 sections • 52 lectures

Section 1 Introduction Preview 02:09

Part 1 : Local Staging Environment Preview 07:09

Part 2 : Wordpress Fundamentals Preview 05:13

Part 3 : Elementor Fundamentals Preview 09:08

Section 2 Introduction Preview 04:28

Part 1 : Basic Photoshop Interface Preview 09:06

Part 2.1 : Pen Tool Intro Preview 03:47

Part 2.2 : Project 1 - Lines Preview 05:31

Part 2.3 : Project 2 - Curves Preview 14:14

Part 2.4 : Project 3 - Shapes I Preview 14:14

Part 2.5 : Project 4 - Shapes II Preview 07:29

Part 2.6 : Project 5 - Shapes III Preview 11:42

Part 3.1 : Brush Tool Intro Preview 02:53

Part 3.2 : Brush Tool Properties Preview 05:30

Part 4 : Layers Panel Preview 16:56

Part 5.1 : Masking I- Layer Mask Preview 07:35

Part 5.2 : Masking II - Clipping Mask Preview 02:37

Part 6 : Colour Filling and Adjustments Preview 08:09

Part 7 : Smart Objects Preview 03:17

Section 3 Introduction Preview 05:58

Part 1:Wordpress Setup Preview 06:58

Part 2: Basic Layout and Navigation Preview 13:17

Part 3.1: Home - Graphic Creation Preview 12:47

Part 3.2 : Home - Section Setup Preview 21:26

Part 4.1 : About Us - Graphic Creation Preview 22:18

Part 4.2 : About Us - Section Setup Preview 06:18

Part 5.1 - Programs - Graphic Creation Preview 24:41

Part 5.2 - Programs - Section Setup Preview 08:48

Part 6.1 - Consultancy - Graphic Creation Preview 17:27

Part 6.2 - Consultancy - Section Setup Preview 09:31

Part 7.1 - Special Instructor - Graphic Creation 1 Preview 27:25

Part 7.2 - Special Instructor - Graphic Creation II Preview 27:49

Part 7.3 : Special Instructor - Section Setup Preview 06:05

Part 8.1 : Image Gallery - Graphic Creation Preview 24:51

Part 8.2 : Image Gallery - Section Setup Preview 11:08

Part 9 : Newsletter - Graphic Creation and Section Setup Preview 17:36

Part 10 : Website Finishing Preview 07:27

Section 4 Introduction Preview 05:05

Part 1:Wordpress Setup Preview 04:26

Part 2 : Basic Layout and Navigation Preview 06:07

Part 3.1: Home - Background Setup Preview 23:25

Part 3.2 : Home - Section Setup Preview 14:17

Part 4.1 : Explore - Graphic Creation Preview 27:01

Part 4.2 : Explore - Section Setup Preview 10:09

Part 5 : Banner - Graphic Creation And Section Setup Preview 06:49

Part 6.1 : Packages - Graphic Creation Preview 34:53

Part 6.2 : Packages - Section Setup Preview 13:52

Part 7.1 : Reviews - Graphic Creation Preview 10:05

Part 7.2 : Reviews - Section Setup Preview 14:48

Part 8 : Contact : Graphic Creation and Section Setup Preview 11:16

Part 9 : Website Finishing Preview 06:10