際際滷

際際滷Share a Scribd company logo
Creating The Footer:
7
Creating The
Footer:
Create a new group and name it footer. Select the
Rectangle Tool (U) and create a rectangle with the size of
of 1200px by 100px at the bottom of our design layout.
Name this layer footer bg.
Use the same Gradient Overlay style as the header bg
layer by right-clicking the header bg layer and choosing
Copy Layer Style. Go back to the footer group, right-click
the footer bg layer and select Paste Layer Style.
Creating The Footer:
Select the Horizontal Type Tool (T) and add copyright
text and footer links text on the left using the font
Arial, size of 12pt and a grey color (#dddddd).
We are going to add the email subscription section on
the right. Create a new group inside the footer group
and name it subscribe.
Select the Rounded Rectangle Tool (U) and create a
rectangle of 85px by 35px. Name this layer subscribe
btn. Repeat Step 26 for adding the form fields and
labels.
Select the Horizontal Type Tool (T) and type
Subscribe using the font Arial, style set to Bold and
size at 13pt. Select both layers (subscribe btn and
Subscribe text).
Repeat Step 28 for creating the subscribe button.
Select the Rounded Rectangle Tool (U) and set the
radius to 3px.
Create a rounded rectangle with the size 210px by
35px using a white color (#ffffff) and name this shape
layer as email field. Add a text line above email
field.
Creating The Footer:
Creating The Footer:

More Related Content

What's hot (20)

PPTX
Geogebra 9
Boyd Hamulondo
PDF
Adobe illustrator cc keyboard shortcut
Jubair Ahmed Junjun
PPTX
Geogebra 6
Boyd Hamulondo
PPTX
Geometers Sketchpad Helpful Hints
guest9afb8c7
PDF
Editable poly furniture models
MamSuwanna Thongkhome
PPTX
Killer Photoshop Shortcuts for Photoshop CC 2015
CPZ Media
PDF
Master Blender Shortcuts
Maja Kralji
DOCX
Photoshop tutorial we made
emily1993
PPTX
How to Use Sparklines in Microsoft Excel 2010
sopheak_heng
PPTX
Photoshop basic notes
Manju Kumari Sah
PDF
Affinity designer-shortcuts-windows
moodleyveez
PDF
How to plot a scatterplot
Saad Jan
PDF
Mass haul
Hem Raj Rana
PDF
Adobe illustrator c55 keyboard shortcut.
Jubair Ahmed Junjun
PPTX
Grade vi sub word processor tabular presentation unit 2
Ankita Shirke
PPTX
Geogebra 4
Boyd Hamulondo
PDF
Blender+2.9+shortcuts+v1.1
Muhammad Ahsan Iqbal Khan
PPTX
88 brilliant little tips for Photoshop
Emad Mido
PPTX
Geogebra 8
Boyd Hamulondo
Geogebra 9
Boyd Hamulondo
Adobe illustrator cc keyboard shortcut
Jubair Ahmed Junjun
Geogebra 6
Boyd Hamulondo
Geometers Sketchpad Helpful Hints
guest9afb8c7
Editable poly furniture models
MamSuwanna Thongkhome
Killer Photoshop Shortcuts for Photoshop CC 2015
CPZ Media
Master Blender Shortcuts
Maja Kralji
Photoshop tutorial we made
emily1993
How to Use Sparklines in Microsoft Excel 2010
sopheak_heng
Photoshop basic notes
Manju Kumari Sah
Affinity designer-shortcuts-windows
moodleyveez
How to plot a scatterplot
Saad Jan
Mass haul
Hem Raj Rana
Adobe illustrator c55 keyboard shortcut.
Jubair Ahmed Junjun
Grade vi sub word processor tabular presentation unit 2
Ankita Shirke
Geogebra 4
Boyd Hamulondo
Blender+2.9+shortcuts+v1.1
Muhammad Ahsan Iqbal Khan
88 brilliant little tips for Photoshop
Emad Mido
Geogebra 8
Boyd Hamulondo

More from Reema (20)

PPTX
CSS Basic Introduction
Reema
PPTX
Google Analytics Course For Beginners
Reema
PPTX
Conclusion Of The Course
Reema
PPTX
Introduction
Reema
PPTX
Create A Texture Pattern:
Reema
PPTX
Conclusion Of The Course
Reema
PPTX
Adding A Dash In jQuery:
Reema
PPTX
Introduction To jQuery:
Reema
PPTX
Introduction To JavaScript Ajax
Reema
PPTX
Introduction To JavaScript
Reema
PPTX
Responsive Web Development
Reema
PPTX
How To Add CSS The Correct Way.
Reema
PPTX
CSS Basic Introduction, Rules, And Tips
Reema
PPTX
HTML Semantic Elements
Reema
PPTX
Introduction:
Reema
PPTX
Conclusion Of The Course
Reema
PPTX
Customize Your Website With HTML5 and CSS3:
Reema
PPTX
CSS3: Background And DropShadows:
Reema
PPTX
CSS3: Border And Colors
Reema
PPTX
CSS3 New Features:
Reema
CSS Basic Introduction
Reema
Google Analytics Course For Beginners
Reema
Conclusion Of The Course
Reema
Introduction
Reema
Create A Texture Pattern:
Reema
Conclusion Of The Course
Reema
Adding A Dash In jQuery:
Reema
Introduction To jQuery:
Reema
Introduction To JavaScript Ajax
Reema
Introduction To JavaScript
Reema
Responsive Web Development
Reema
How To Add CSS The Correct Way.
Reema
CSS Basic Introduction, Rules, And Tips
Reema
HTML Semantic Elements
Reema
Introduction:
Reema
Conclusion Of The Course
Reema
Customize Your Website With HTML5 and CSS3:
Reema
CSS3: Background And DropShadows:
Reema
CSS3: Border And Colors
Reema
CSS3 New Features:
Reema
Ad

Recently uploaded (20)

PDF
Natesan Thanthoni: The Agile Visionary Transforming Virbac IMEA (India, Middl...
red402426
PPTX
Appreciations - June 25.pptxggggggghhhhhh
anushavnayak
PPTX
Integrating Customer Journey Insights into Your Business Process Management S...
RUPAL AGARWAL
PDF
Oleksandr Osypenko: 丕仗舒于仍仆仆 舒仂仄 舒 亠舒仄亳 (UA)
Lviv Startup Club
PDF
PTJ Contracted Manufacturer's Repsentative V.1.pdf
victoryuipworks
PDF
Never Enough Summary and Review: From Barista to Billionaire
MohammedTouzani2
PDF
Customer Identity and Access Management1.pdf
GauriKale30
PPTX
Essar at IEW 2025, Leading the Way to Indias Green Energy Transition.
essarcase
PPTX
Recovered Paper Market Size, Share & Forecast 2034
Expert Market Research
PPTX
5 Smart Ways to Build a Highly Productive Team
RUPAL AGARWAL
PPTX
"An Inspirational Journey of Peyush Bansal: From Microsoft to Lenskart
Krishna Raval
PPTX
business and preparing for good business
jaslehannvillaflor
PDF
Books on Display in the Library June 2025 - Matariki
NZSG
PPTX
Digitally Mastering Insurance Claims - Decision-Centric Claims
Denis Gagn辿
PDF
Netflix Social Watchlists Business Proposal
lexarofficial222
PDF
SAG Infotech Issues Press Release for Media and Publications
SAG Infotech
PPTX
Customer Service vs Customer Support | Quick Comparison (2025)
Apps 365
PPTX
Luxury Goods Market Size, Share, Growth, Trends 2025-2034
Saurabh Badoni
PDF
Digital Brand Marketing Mastery: The Shaynly Strategic Framework
Shaynly
PDF
Tesia Dobrydnia - A Leader In Her Industry
Tesia Dobrydnia
Natesan Thanthoni: The Agile Visionary Transforming Virbac IMEA (India, Middl...
red402426
Appreciations - June 25.pptxggggggghhhhhh
anushavnayak
Integrating Customer Journey Insights into Your Business Process Management S...
RUPAL AGARWAL
Oleksandr Osypenko: 丕仗舒于仍仆仆 舒仂仄 舒 亠舒仄亳 (UA)
Lviv Startup Club
PTJ Contracted Manufacturer's Repsentative V.1.pdf
victoryuipworks
Never Enough Summary and Review: From Barista to Billionaire
MohammedTouzani2
Customer Identity and Access Management1.pdf
GauriKale30
Essar at IEW 2025, Leading the Way to Indias Green Energy Transition.
essarcase
Recovered Paper Market Size, Share & Forecast 2034
Expert Market Research
5 Smart Ways to Build a Highly Productive Team
RUPAL AGARWAL
"An Inspirational Journey of Peyush Bansal: From Microsoft to Lenskart
Krishna Raval
business and preparing for good business
jaslehannvillaflor
Books on Display in the Library June 2025 - Matariki
NZSG
Digitally Mastering Insurance Claims - Decision-Centric Claims
Denis Gagn辿
Netflix Social Watchlists Business Proposal
lexarofficial222
SAG Infotech Issues Press Release for Media and Publications
SAG Infotech
Customer Service vs Customer Support | Quick Comparison (2025)
Apps 365
Luxury Goods Market Size, Share, Growth, Trends 2025-2034
Saurabh Badoni
Digital Brand Marketing Mastery: The Shaynly Strategic Framework
Shaynly
Tesia Dobrydnia - A Leader In Her Industry
Tesia Dobrydnia
Ad

Creating The Footer:

  • 2. Creating The Footer: Create a new group and name it footer. Select the Rectangle Tool (U) and create a rectangle with the size of of 1200px by 100px at the bottom of our design layout. Name this layer footer bg. Use the same Gradient Overlay style as the header bg layer by right-clicking the header bg layer and choosing Copy Layer Style. Go back to the footer group, right-click the footer bg layer and select Paste Layer Style.
  • 4. Select the Horizontal Type Tool (T) and add copyright text and footer links text on the left using the font Arial, size of 12pt and a grey color (#dddddd).
  • 5. We are going to add the email subscription section on the right. Create a new group inside the footer group and name it subscribe. Select the Rounded Rectangle Tool (U) and create a rectangle of 85px by 35px. Name this layer subscribe btn. Repeat Step 26 for adding the form fields and labels. Select the Horizontal Type Tool (T) and type Subscribe using the font Arial, style set to Bold and size at 13pt. Select both layers (subscribe btn and Subscribe text).
  • 6. Repeat Step 28 for creating the subscribe button. Select the Rounded Rectangle Tool (U) and set the radius to 3px. Create a rounded rectangle with the size 210px by 35px using a white color (#ffffff) and name this shape layer as email field. Add a text line above email field.