Website Mockup With Adobe Photoshop

  • 12 Dec 2020
  • 20 Lectures
  • 46 Student Enrolled
5
Adobe Photoshop Website Mockup Lecture 1 | Introduction

Lecture 1 Introduction

Adobe Photoshop Website Mockup Lecture 1 | How you can divide your column structure in responsive websites

Lecture 2 Column Structure

Adobe Photoshop Website Mockup Lecture 3 | What are the device sizes in bootstrap

Lecture 3 Bootstrap

Adobe Photoshop Website Mockup Lecture 4 | How to create art boards in different sizes for the mockup

Lecture 4 Art Board Creation

Adobe Photoshop Website Mockup Lecture 4 | How to create guides for desktop view

Lecture 5 Guides for Desktop View

Adobe Photoshop Website Mockup Lecture 6 | How to create 6 columns for desktop mockup

Lecture 6 Columns for Desktop Mockup

Adobe Photoshop Website Mockup Lecture 7 | How to copy shape with the help of short key

Lecture 7 Short Key for Copy Shapes

Adobe Photoshop Website Mockup Lecture 8 | How to create guides for tablet mockup

Lecture 8 Guides for Tablet

Adobe Photoshop Website Mockup Lecture 9 | How to create guides for mobile mockup

Lecture 9 Guides for Mobile Mockup

Adobe Photoshop Website Mockup Lecture 9 | How to create slider area for desktop mockup

Lecture 10 Slider Area

Adobe Photoshop Website Mockup Lecture 11 | Adding colour in all the areas of our mockup

Lecture 11 Adding Background Colours

Adobe Photoshop Website Mockup Lecture 12 | How we can copy and past background colours in tablet and mobile mockup design

Lecture 12 Copy Background Colour into Tablet and Mobile Design

Adobe Photoshop Website Mockup Lecture 13 | How you can arrange your image in slider area for desktop mockup

Lecture 13 Arrange Image in Slider Area

Adobe Photoshop Website Mockup Lecture 14 | How to arrange header and navigation bar in desktop mockup

Lecture 14 Arrange Logo and Navigation in Desktop Mockup

Adobe Photoshop Website Mockup Lecture 15 | How to create heading and paragraph on slider area in desktop mockup

Lecture 15 Heading And Paragraph on Slider

Adobe Photoshop Website Mockup Lecture 16 | How to we can add image and text in the same row in desktop design

Lecture 16 Adding Image And Text in the Same Line

Adobe Photoshop Website Mockup Lecture 17 | How to we can add image and text in the same row in desktop design part 2

Lecture 17 Adding Image And Text in the Same Line Part 2

Adobe Photoshop Website Mockup Lecture 18 | How to download icon from a website and use them in your mockup design

Lecture 18 Download Icons From Iconfinder Website

Adobe Photoshop Website Mockup Lecture 19 | How to change the colour and write text below the icons in mockup design

Lecture 19 How to Write Text Below the icons

Adobe Photoshop Website Mockup Lecture 19 | How to create same sizes shapes in portfolio area

Lecture 20 Same size shapes