Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart (Programming Language) Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Design Web Design Elementor

Modern Wordpress Websites 2021 | Elementor & Adobe Photoshop

Learn how to make breathtaking, responsive wordpress websites using Elementor and Photoshop with 2 real world projects.
Bestseller
Rating: 4.6 out of 54.6 (70 ratings)
6,966 students
Created by Pratyush Agarwal
Last updated 12/2020
English
English [Auto]
30-Day Money-Back Guarantee

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

Have you ever seen websites that look so aesthetically pleasing that it almost makes you go speechless?

Wouldn't you feel excited knowing that even you can make such websites ?

Well if the answer is yes , this is the right course for you. By combining a powerful design tool like Adobe Photoshop with the most popular Wordpress Page Builder Elementor (FREE) ,you can take you web-designs to a whole new level and make your websites leave a powerful first impression on its visitors.


So why is this course so unique ?

Reason #1: There course teaches you how to make breathtaking websites:-

This is probably the only course that will show you how to combine design tools like photoshop with elementor to make your websites look a whole lot better ,so truly its one of a kind.

Reason #2: The course teaches you how to deal with responsive and adaptive design?

Nowadays creating websites for desktop alone is not  sufficient , with more and more people using mobile, it is necessary that you learn how to make your websites not only responsive such that they shrink in size according to screen but also adaptive meaning the UI should change to look better in mobiles not just shrink in size.

Reason #3: The course is completely project based:-

I am a strong believer of learning through application thus everthing in this course will be taught through projects .In fact by the end of the course, you will have 2 breathtaking ,responsive  ready-to-launch websites that looks great on any computer, or smartphone.

Reason #4: The course is based on the Pareto Principle(80/20 rule):-

More often than not I see instructors overburdening people with information ,which they most likely wont require and this unnecessary efforts stalls their progress .So I follow the 80/20 rule and give you the exact information that you need in the minimum amount of time in as much depth as required.

Reason #5: The course teaches everything from the very fundamentals (Feynman Technique):-

I am a staunch believer of learning by first principle ,that is understanding the fundamentals and then building upon that to further your knowledge and thus everything in this course will be taught from the very basics.


So here is exactly what we cover in this training:

• Learn how to create wordpress websites locally .

• Learn necessary Photoshop Skills that will come in handy while making websites.

• Learn how to create a basic layout of your website in elementor

• Learn how to create navigation bars using css Id.

• Learn how to dimension your sections and images.

• Learn how to create absolutely stunning backgrounds and graphics in photoshop.

• Learn how to adapt your design and properties to make your website mobile friendly

• Learn how to use third party plugins to make elementor free work as good as pro

Let's now find out if this course is for you. It's a perfect fit if...

Student #1: You are a complete beginner who want to learn how to structure and build a professional, beautiful and responsive wordpress website with absolutely no coding from scratch.

Student #2: You have already used Wordpress and probably even Elementor but want to take your websites to next level by combining it with photoshop.

Student #3: You have tried your hand at coding but struggle to make a good looking complete website with CSS alone.

So no matter at what level you are if you want to make a website that grabs attention and look great on all devices ,you will find this course worthwhile.

Now it's your turn to decide. This is what you get:

• Lifetime access to my HD quality videos. No monthly subscription. Learn at your own pace, whenever you want.

• English captions for students with hearing impairment.

• All lectures are downloadable to make your learning experience even better.

• Downloadable design assets for the entire project.

• Free helpful support in the course Q&A when you have questions or get stuck.


Sounds great? Then just click the “Take this course" button, and let's start this amazing journey together!


Who this course is for:

  • Complete beginners who want to learn how to structure and build a professional, beautiful and responsive wordpress website with absolutely no coding from scratch.
  • People familiar with wordpress and even elementor wanting to make their websites look a class apart
  • People who struggle with coding and are looking for an alternative to make stunning websites.

Course content

5 sections • 52 lectures • 10h 2m total length

  • Preview02:09
  • Part 1 : Local Staging Environment
    07:09
  • Part 2 : Wordpress Fundamentals
    05:13
  • Part 3 : Elementor Fundamentals
    09:08

  • Preview04:28
  • Part 1 : Basic Photoshop Interface
    09:06
  • Part 2.1 : Pen Tool Intro
    03:47
  • Part 2.2 : Project 1 - Lines
    05:31
  • Part 2.3 : Project 2 - Curves
    14:14
  • Part 2.4 : Project 3 - Shapes I
    14:14
  • Part 2.5 : Project 4 - Shapes II
    07:29
  • Part 2.6 : Project 5 - Shapes III
    11:42
  • Part 3.1 : Brush Tool Intro
    02:53
  • Part 3.2 : Brush Tool Properties
    05:30
  • Part 4 : Layers Panel
    16:56
  • Part 5.1 : Masking I- Layer Mask
    07:35
  • Part 5.2 : Masking II - Clipping Mask
    02:37
  • Part 6 : Colour Filling and Adjustments
    08:09
  • Part 7 : Smart Objects
    03:17

  • Preview05:58
  • Part 1:Wordpress Setup
    06:58
  • Part 2: Basic Layout and Navigation
    13:17
  • Part 3.1: Home - Graphic Creation
    12:47
  • Part 3.2 : Home - Section Setup
    21:26
  • Part 4.1 : About Us - Graphic Creation
    22:18
  • Part 4.2 : About Us - Section Setup
    06:18
  • Part 5.1 - Programs - Graphic Creation
    24:41
  • Part 5.2 - Programs - Section Setup
    02:37
  • Part 6.1 - Consultancy - Graphic Creation
    17:27
  • Part 6.2 - Consultancy - Section Setup
    09:31
  • Part 7.1 - Special Instructor - Graphic Creation 1
    27:25
  • Part 7.2 - Special Instructor - Graphic Creation II
    27:49
  • Part 7.3 : Special Instructor - Section Setup
    06:05
  • Part 8.1 : Image Gallery - Graphic Creation
    24:51
  • Part 8.2 : Image Gallery - Section Setup
    11:08
  • Part 9 : Newsletter - Graphic Creation and Section Setup
    17:36
  • Part 10 : Website Finishing
    07:27

  • Preview05:05
  • Part 1:Wordpress Setup
    04:26
  • Part 2 : Basic Layout and Navigation
    06:07
  • Part 3.1: Home - Background Setup
    23:25
  • Part 3.2 : Home - Section Setup
    14:17
  • Part 4.1 : Explore - Graphic Creation
    27:01
  • Part 4.2 : Explore - Section Setup
    10:09
  • Part 5 : Banner - Graphic Creation And Section Setup
    06:49
  • Part 6.1 : Packages - Graphic Creation
    34:53
  • Part 6.2 : Packages - Section Setup
    13:52
  • Part 7.1 : Reviews - Graphic Creation
    10:05
  • Part 7.2 : Reviews - Section Setup
    14:48
  • Part 8 : Contact : Graphic Creation and Section Setup
    11:16
  • Part 9 : Website Finishing
    06:10

  • Taking Your Website Live
    06:51

Instructor

Pratyush Agarwal
Developer | Designer | Audio/Video Expert | Instructor
Pratyush Agarwal
  • 4.6 Instructor Rating
  • 70 Reviews
  • 6,966 Students
  • 1 Course

Hi I'm Pratyush.I am a developer,designer and audio/video expert.I have a passion for learning which has led me to explore and become skilled at various fields.

But above all I have a passion for teaching.

I believe no skill ,no matter how tough it is ,can be acquired once its broken down into fundamentals,in other words I am  a staunch believer of learning by first principles("Feynman Technique").

I also believe in the Pareto Principle which says that 80% of result comes through 20% of knowledge.So I don't like to overburden my students with unnecessary information, rather I give them exactly what they need in the minimum amount of time and with as much detail as required.

Above all I believe in learning by application,and thus I have kept all my courses project based.

In short understanding my courses will be a piece of cake.

I am experienced in the following:

Design Softwares : Adobe Photoshop , Adobe Illustrator

Web Software : Wordpress,Webflow,Shopify.

Languages : C++,Python,Javascript,Java.

Frameworks : Flutter,ReactJS,NodeJS,ExpressJS,MongoDB.

Audio/Video Editing : Adobe Premier Pro ,Adobe Audition.

Enroll in my courses and I will be there for you at each step.


  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.