Graphic & Web Design Course

Graphic & Web Design Course

Training Mode Regular Fasttrack Crash Brochure
Classroom | Online 4 Months 2 Months 1 Months Download

Are you interesting to learn Graphic Design software's and Web Design? Learning graphic design and web design can be a great career option. This course is well designed by our industry expert trainers after complete analysis of various industry requirements. As we know Graphic design is a process to communicate visually with the help of content, typography, illustration, shape, colour theory, design theory, design process, elements of design, font and many more. Most of the IT companies are hiring Graphic Designers to create Web PSD, UX for mobile apps, Logo design, image editing, banner design. Apart from IT industry demands of Graphic Designer in Entertainment Industry, Print Media Industry, Film industry.  

Web Design is a process to create a web page on the world wide web. Keeping this mind almost all the IT industry hire a professional web designer, who fulfil the aspects of clients. A professional web designer fulfils the aspects of client’s website like user experience, SEO friendly, target audience, responsive, and well designed. Apart from this a web designer needs a soft skills like Planning, Analysis, Communication, Teamwork etc.

Being a one of the best Institute in we at Next-G Education, we provide this Graphic & Web Design Course with fully responsibility. This course helps our trainee to be a 360-degree expert in graphic design and web design, through they can get a professional job.  In this course we cover the concepts of Adobe Photoshop, Adobe illustrator, HTML & CSS, Bootstrap.

Key features of this course:

  • Get deep knowledge in Graphic Design Software
  • Get Depp knowledge in Web Design
  • Learn to create logo, banner, poster, web psd, brochures, stationary design using graphic software’s
  •  Learn to create a web page responsive, attractive, SEO friendly,
  • Create live project under the faculty and also learn soft skills like Planning, Analysis, Communication, Teamwork.

Module-1 Module-1 Graphic Design (User Interface,Logo,Banner) : Duration (2 Months)

Module 1: Introduction to Photoshop

  • Raster And Vector
  • Set Image Size, Unit, Resolution & Color Mode
  • Color Profile
  • Photoshop Overview

Module 2: Selection

  • Make Selection With Tools
  • Rectangular Marquee
  • Elliptical Marquee
  • Single Row
  • Single Column
  • Lasso
  • Polygonal Lasso
  • Magnetic Lasso
  • Quick Selection
  • Magic Wand

Module 3: Crop & Select Color

  • Crop Tool
  • Perspective Crop
  • Slice
  • Slice Selection
  • Eyedropper
  • Color Sampler

Module 4: Image Editing Tools & Color Correction

  • Spot Healing
  • Healing
  • Patch
  • Content-Aware Move
  • Red Eye
  • Adjustments
  • Brightness/Contrast
  • Levels
  • Curves
  • Exposure
  • Vibrance
  • Hue/Saturation
  • Color Balance
  • Black & White
  • Photo Filter
  • Channel Mixer
  • Color Lookup

Module 5: Brush Tools

  • Brush
  • Create Brush
  • Upload Brush
  • Use Brush Setting
  • Pencil
  • Color Replacement
  • Mixer Brush
  • Clone Stamp
  • Pattern Stamp
  • Eraser
  • Background Eraser
  • Magic Eraser
  • Blur
  • Sharpen
  • Smudge
  • Dodge
  • Burn
  • Sponge

Module 6: Color

  • Fill Color In Selection
  • Pattern
  • Gradient
  • Paint
  • Bucket

Module 7: Create Path

  • Use Pen
  • Freeform Pen Tool
  • Add Anchor Point
  • Convert Point

Module 8: Text

  • Use Horizontal & Vertical Type
  • Use Horizontal & Vertical Type Mask
  • Character & Paragraph Palette
  • Font Size
  • Font Family
  • Font Style
  • Leading
  • Kerning
  • Tracking
  • Horizontal & Vertical Scale
  • Baseline Shift
  • Paragraph Align
  • Left & Right Indent
  • Before & After Paragraph Space

Module 9: Create Shape

  • Rectangle
  • Rounded Rectangle
  • Ellipse
  • Polygon
  • Line
  • Custom Shape Create And  Add Shape

Module 10: Work Mask

  • Clipping Mask
  • Layer Mask
  • Type Mask
  • Vector Mask
  • Quick Mask

Module 11: Layer Style

  • Bevel & Emboss
  • Stroke
  • Inner Shadow
  • Inner Glow
  • Satin
  • Color Overlay
  • Gradient Overlay
  • Pattern Overlay
  • Outer Glow
  • Drop Shadow

Module 12: Practice Work

  • Create Banner
  • Poster
  • Mobile App UI
  • Website UI (Responsive)
  • Social Media Post

Module 13: Filter

  • Filter Gallery
  • Camera Raw
  • Liquify
  • Oil Paint
  • Vanishing Point
  • Blur
  • Distort
  • Noise
  • Pixelate
  • Render
  • Sharpen
  • Stylize

Module 14: 3D

  • Create 3D Shape
  • 3D Text
  • 3D Custom Shape
  • Apply Texture
  • Use 3D Material Eyedropper 
  • Use 3D Material Drop

Module 15: Use Adv. Option

  • Action
  • Animation
  • Create GIF File

Module 16: Export File In

  • .Psd
  • .Jpg
  • .Png
  • .Gif
  • .Pdf
  • .Pdf

GETTING TO KNOW THE WORK AREA

  • Introducing Adobe Illustrator
  • Opening a file
  • Exploring the workspace
  • Getting to know the Tools
  • Using Control panel
  • Saving your workspace
  • Change the artwork
  • Using the Artboards panel

SELECTING ARTWORK

  • Selecting objects
  • Using the Selection, Direct Selection  tool
  • Creating selections with a marquee
  • Hiding and locking objects
  • Selecting similar objects
  • Selecting in Outline mode
  • Aligning objects
  • Aligning objects to each other
  • Aligning to a key object
  • Aligning anchor points
  • Distributing objects
  • Aligning to the artboard
  • Working with groups
  • Grouping items
  • Editing a group in Isolation mode
  • Creating a nested group
  • Exploring object arrangement
  • Arranging objects
  • Selecting objects behind

USING SHAPES TO CREATE ARTWORK

  • Creating a new document
  • Working with basic shapes
  • Creating and editing rectangles, ellipse, circle, polygon
  • Rounding corners
  • Changing stroke width and alignment
  • Drawing lines, star
  • Creating a
  • Working with the Shaper tool
  • Combining shapes
  • Using the Draw Inside mode
  • Using Image Trace

EDITING AND COMBINING SHAPES AND PATHS

  • Starting the lesson
  • Editing paths and shapes
  • Cutting with the Scissors tool
  • Joining paths
  • Cutting with the Knife tool
  • Using the Eraser tool
  • Combining shapes
  • Shape Builder tool
  • Working with Pathfinder panel
  • Creating a compound path
  • Using the Width tool
  • Outlining strokes
  • Finishing up the illustration
  • Starting the lesson
  • Working with artboards
  • Adding artboards
  • Editing artboards
  • Renaming artboards
  • Reordering artboards
  • Working with rulers and guides
  • Creating guides
  • Editing the ruler origin
  • Transforming content
  • Positioning artwork using the Transform panel
  • Positioning artwork using Smart Guides
  • Scaling objects
  • Reflecting objects
  • Rotating objects
  • Distorting objects with effects
  • Shearing objects
  • Transforming with the Free Transform tool
  • Creating a PDF

CREATING AN ILLUSTRATION

  • Starting the lesson
  • An intro to drawing with the Pen tool
  • Selecting paths
  • Drawing straight lines with the Pen tool
  • Introducing curved paths
  • Drawing a curve with the Pen tool
  • Drawing a series of curves with the Pen tool
  • Converting smooth points to corner points
  • Combining curves and straight lines
  • Creating artwork with the Pen tool
  • Drawing a coffee cup
  • Drawing with the Curvature tool
  • Editing curves
  • Reflecting the spoon shape
  • Rounding corner points
  • Editing paths and points
  • Deleting and adding anchor points
  • Converting between smooth points and corner points
  • Anchor Point tool
  • Create Dashed line
  • Adding arrowheads to a path
  • Working with the Pencil tool
  • Drawing freeform paths with the Pencil tool
  • Drawing straight segments with the Pencil tool
  • Joining with the Join tool

USING COLOR TO ENHANCE SIGNAGE

  • Starting the lesson
  • Exploring color modes
  • Working with color
  • Applying an existing color
  • Creating a custom color using the Color panel
  • Saving a color as a swatch
  • Creating a copy of a swatch
  • Editing a swatch
  • Creating and editing a global swatch
  • Using the Color Picker to create color
  • Using Illustrator swatch libraries
  • Adding a spot color
  • Creating and saving a tint of a color
  • Converting colors
  • Copying appearance attributes
  • Creating a color group
  • Creative inspiration with the Color Guide panel
  • Editing a color group in the Edit Colors dialog box
  • Editing colors in artwork
  • Assigning colors to your artwork
  • Working with Live Paint
  • Creating a Live Paint group
  • Painting with the Live Paint Bucket tool
  • Modifying a Live Paint group

ADDING TYPE TO A POSTER

  • Starting the lesson
  • Adding type to the poster
  • Adding text at a point
  • Adding area type
  • Working with Auto Sizing
  • Converting between area and point type
  • Importing a plain-text file
  • Threading text
  • Formatting type
  • Changing font family and font style
  • Fixing missing fonts
  • Changing font size
  • Changing font color
  • Changing additional character formatting
  • Working with Glyphs
  • Changing paragraph formatting
  • Modifying text with the Touch Type tool
  • Resizing and reshaping type objects
  • Creating columns of text
  • Creating and applying text styles
  • Creating and applying a paragraph style
  • Editing a paragraph style
  • Creating and applying a character style
  • Editing a character style
  • Sampling text formatting
  • Wrapping text
  • Reshaping text with a preset envelope warp
  • Editing the envelope warp
  • Working with type on a path
  • Creating type on a path
  • Creating type on a closed path
  • Creating text outlines

ORGANIZING YOUR ARTWORK WITH LAYERS

  • Starting the lesson
  • Understanding layers
  • Creating layers and sublayers
  • Creating new layers
  • Creating sublayers
  • Editing layers and objects
  • Locating layers
  • Moving content between layers
  • Viewing layers
  • Reordering layers
  • Collecting into a new layer
  • Duplicating layer content
  • Pasting layers
  • Changing layer order
  • Applying appearance attributes to layers
  • Creating a clipping mask

GRADIENTS, BLENDS, AND PATTERNS

  • Starting the lesson
  • Working with gradients
  • Applying a linear gradient to a fill
  • Editing/Saving a gradient
  • Adjusting a linear gradient fill
  • Applying a linear gradient to a stroke
  • Editing a gradient on a stroke
  • Applying a radial gradient to artwork
  • Editing the colors in the radial gradient
  • Adjusting the radial gradient
  • Applying gradients to multiple objects
  • Adding transparency to gradients
  • Working with blended objects
  • Creating a blend with specified steps
  • Modifying a blend
  • Creating and editing a smooth color blend
  • Painting with patterns
  • Applying an existing pattern
  • Creating your own pattern
  • Applying your pattern
  • Editing your pattern

USING BRUSHES TO CREATE A POSTER

  • Starting the lesson
  • Working with brushes
  • Using Calligraphic brushes
  • Applying a Calligraphic brush to artwork
  • Drawing with the Paintbrush tool
  • Editing paths with the Paintbrush tool
  • Editing a brush
  • Removing a brush stroke
  • Using Art brushes
  • Applying an existing Art brush
  • Creating an Art brush
  • Editing an Art brush
  • Using Bristle brushes
  • Changing Bristle brush options
  • Painting with a Bristle brush
  • Using Pattern brushes .
  • Creating a Pattern brush
  • Applying a Pattern brush
  • Editing the Pattern brush
  • Working with the Blob Brush tool
  • Drawing with the Blob Brush tool
  • Merging paths with the Blob Brush tool
  • Editing with the Eraser tool

EXPLORING CREATIVE USES OF EFFECTS AND GRAPHIC STYLES

  • Starting the lesson
  • Using the Appearance panel
  • Editing appearance attributes
  • Stroke and fill to artwork
  • Stroke and fill to text
  • Reordering appearance attributes
  • Applying an effect
  • Editing an effect
  • Styling text with a Warp effect
  • Editing text with a Warp effect
  • Offset Path effect
  • Photoshop Effect
  • Working with 3D effects
  • Using graphic styles
  • Graphic style
  • Creating and applying a graphic style
  • Graphic style to a layer
  • Scaling strokes and effects

CREATING ARTWORK FOR A T-SHIRT

  • Working with symbols
  • Using existing Illustrator symbol libraries
  • Editing a symbol
  • Working with dynamic symbols
  • Creating, Duplicating,Replacing symbol
  • Breaking a link to a symbol
  • Working with Creative Cloud Libraries
  • Adding assets to CC Libraries
  • Using Library assets
  • Updating a Library asset
  • Working with the perspective grid
  • Using a preset grid
  • Adjusting the perspective grid
  • Drawing artwork in perspective
  • Selecting and transforming objects in perspective
  • Moving planes and objects together
  • Drawing artwork with no active grid
  • Adding and editing text in perspective
  • Moving objects in a perpendicular direction
  • Moving a plane to match an object
  • Bringing content into perspective
  • Editing symbols in perspective
  • Releasing objects with perspective
  • Finishing up

USING ILLUSTRATOR CC WITH OTHER ADOBE APPLICATIONS

  • Starting the lesson
  • Combining artwork
  • Placing image files
  • Placing an image
  • Scaling a placed image
  • Placing a Photoshop image with Show Import Options
  • Placing multiple images
  • Applying color edits to an image
  • Masking images
  • Applying a simple mask to an image
  • Editing a clipping path
  • Masking an object with text
  • Creating an opacity mask
  • Editing an opacity mask
  • Sampling colors in placed images
  • Working with image links
  • Finding link information
  • Embedding and unembedding images
  • Replacing a linked image
  • Packaging a file

EXPORTING ASSETS

  • Starting the lesson
  • Creating Pixel-Perfect Drawings
  • Aligning new artwork to the pixel grid
  • Aligning existing artwork to the pixel grid
  • Exporting artboards and assets
  • Exporting artboards
  • Exporting individual assets

Module-2 Module-2 Web Design (Web Layout, Responsive Website) : Duration (2 Months)

INTRODUCTION TO HTML

  • What is static/Dynamic Website
  • What is SEO Friendly Website
  • What is a Responsive Website
  • What is HTML
  • HTML4 VS HTML5
  • EDITORS IN HTML

WORKING WITH BASIC TAGS

  • DOCTYPE In HTML
  • Tag and Attributes
  • Title and Meta tag
  • Headings and Paragraph
  • Formatting Tags
  • EDITORS In HTML

ANCHORS AND HYPERLINKS

  • Internal link
  • External link
  • Text link
  • Image link
  • Email link
  • Phone link
  • Target attribute

WORKING WITH LISTS

  • Ordered List
  • Unordered List
  • Definition List
  • Nested List
  • List Attributes

WORKING WITH GOOGLE MAP & YOUTUBE

  • Google Map Insertion in Webpage
  • Youtube Video Insertion in Webpage

WORKING WITH TABLES

  • Creating Tables on a Web Page
  • Altering Tables and Spanning Rows & Columns
  • Placing Images & Graphics into Tables
  • Aligning Text & Graphics in Tables
  • Adding a Background Color

WORKING WITH HTML FORM

  • HTML Input tags
  • HTML Input Attributes
  • Setting up form
  • Form attributes
  • Submit and Reset Button

HTML5 SEMANTIC TAGS

  • Header and footer tag
  • Section tag
  • Figure and figcaption
  • Nav and aside tag

HTML5 AUDIO & VIDEO

  • Audio Tag
  • Video Tag

HTML5 API'S

  • Drag & Drop
  • Local Storage
  • Geolocation

COURSE CONTENTS OF CSS

INTRODUCTION TO CSS

  • What is CSS?
  • How CSS Works?
  • Types of CSS,Internal,Inline,External
  • CSS Selectors
  • Comments In CSS
  • How to Link External CSS

WORKING WITH BASIC CSS PROPERTIES

  • Selectors: Class or Elements
  • Colors
  • Height / Width
  • Border
  • Margin and Padding
  • CSS Box Model

WORKING WITH WEB LAYOUTS

  • Aligning Div
  • Two Div Align
  • Three Div Align
  • Four Div Align
  • Use of floats
  • Clearing float
  • Inline or Block Element

WORKING WITH BACKGROUND,GRADIENT OR IMAGE SPRITE

  • Background Color
  • Background Image
  • Background Position
  • Background Attachment
  • Gradient Colors
  • Image Sprite

WORKING WITH TEXT PROPERTIES

  • Text Alignments
  • Line height(Leading)
  • Letter Spacing(Kerning)
  • Font Family
  • Font Size with Font Weight
  • Tips For Improving Text Readability

WORKING WITH ICONS & FONTS

  • Use of Font Awesome
  • Use of Flat Icons
  • Use of Google Fonts

WORKING WITH MENUS AND POSITIONS

  • Static Position
  • Fixed Position
  • Absolute Position
  • Relative Position
  • Creating Menu
  • Menu With Multi Dropdown

WORKING WITH BORDER AND SHADOW

  • Border
  • Border Image
  • Rounded Corner
  • Box Shadow
  • Text Shadow

WORKING WITH OUTLINE AND UI

  • Outline
  • Outline Offset
  • Resize

WORKING WITH IMAGE STRETCHING PROBLEM

  • Object Fit: Fill
  • Object Fit: Contain
  • Object Fit: Cover

WORKING WITH HTML FORM & CSS

  • labels with inputs
  • Form-based selectors
  • Changing properties of form elements
  • Formatting text in forms
  • Formatting inputs
  • Formatting form areas
  • Changing the appearance of buttons
  • Laying out forms

WORKING WITH 2D & 3D TRANSFORMS

  • Translate
  • Rotate
  • Skew
  • Scale

WORKING WITH HOVER,TRANSITIONS & ANIMATIONS

  • Hover Effects
  • Transitions
  • Animations
  • Creating Web Ads Using Animation

INTRODUCTION TO BOOTSTRAP

  • What is a Responsive Website
  • What is Bootstrap
  • Where to Download
  • How to Use Bootstrap
  • Bootstrap Directory Structure

WORKING WITH GRID IN BOOTSTRAP

  • What is Grid System
  • Use of Grid System
  • Small, medium, large Grid System
  • Container Vs Container-fluid

WORKING WITH IMAGES, TEXT, TABLES

  • Image responsive
  • Rounded image
  • Circle image
  • Text-align
  • Text colors
  • Responsive table

WORKING WITH BOOTSTRAP FORM

  • Labels
  • Form inputs
  • Input classes
  • Type of buttons
  • Form layouts

WORKING WITH WEB LAYOUTS, MENUS

  • Container Layout
  • Container Fluid Layout
  • Proper Use of Rows and Columns
  • Menu
  • Single Dropdown Menu, Multilevel Dropdown Menu
  • Mobile Menu / Collapse Menu

WORKING WITH SLIDER, TAB PANEL, MODAL BOX

  • Responsive Slider
  • Tab Panel
  • Modal Box
  • Menu
  • Single Dropdown Menu, Multilevel Dropdown Menu

WORKING WITH CSS HELPERS, RESPONSIVE UTILITIES

  • Class Helpers
  • Responsive Utilities

 

Upcoming Batches
Date Course Name Time Training Mode Demo
Classroom | Online
Web Design & Web Development First Batch at 9.00 AM - Last Batch at 7.00 PM Classroom | Online Request Free Demo

CONTACT US

Student Projects

View More Projects

KEY FEATURES OF COURSES

Our team welcome, all our trainees to ask any doubts related to their course after training, if they face any doubt or got stuck in any topic or if they feel gap in their knowledge , they can contact to our counsellor for doubt session arrangement.
If you are facing any type of problem with class, we insure you to give refund ! We always takes a feedback with our trainees after classes. Further they don't love our classes after 3 or 5 , we will try to resolve it other wise we refund less amount.
Our team always committed to your success, so our institute offers students to pay their fees installment in monthly basis, rather than full amount*.
Equipped with more than 5+ years of industry experience our instructors will assure a successful leap in your knowledge, improvement and preparation. Know about our Instructors.
Our team always committed to your success, so our institute offers students to pay their fees installment in monthly basis, rather than full amount*.
Students at Next-G Education can do maximum practice in lab as they wish with proper internet connection. Our Lab Instructors helps during practice. Students can frequently ask any doubt if they are facing issue during practice session.
At Next-G Education,we make sure for PG or Lodge or Room in very low cost. We always care our students which are coming from different location either they are from India or Outside India. So if your are interested to join our course and looking for Room or PG we definitely provide you in affordable cost. You can also share your arrival details with us in advance for proper adjustment ion few days.
We offers assured job placement to our candidates opting for our all courses. As Next-G Education, associated partner of Web services, Info web tech, Global Sites Solution. You are invited to do paid internship with us after completion of course or our associated placement departments team provides job for you...
Are you interested to book free demo classes or looking for free counselling give us call on 9911012873 or mail us on : [email protected] or [email protected].