SlideShare a Scribd company logo
Team: White Board
s1200085 Aya Higuchi
s1200102 Taiki Urakawa
s1200089 Hiroki Ogata
s1200103 Yusuke Suzuki
s1200097 Ryuki Shoju
How to make background of graphic transparent.
These documents explain about various ways such as make background of graphic transparent by using
Adobe Photoshop CS5.
If background become transparent, transparent section look like a white and grey latticed pattern.
Many such graphics are often used by Web or DTP.
Figure 1: transparent section look like this.
If you want to make background transparent, perform one or several ways in following many ways.
A. When you make new file, make background transparent.
B. The background layer unlock and make back ground transparent.
C. Use “eraser tool”.
D. Use “magic eraser tool”.
E. Save graphics that background is transparent for Web.
A. When you make new file, make background transparent.
When you make new file, can set transparent background.
The operation is following.
1. Select “new file” from “file” menu. Then, will open “new file” dialogue box.
2. Select “transparent” from “canvas” pop-up menu in “new file” dialogue box.
Figure 2: A-Step 2
3. Click the “OK”.
4. Be made new file that transparent background.
B. The background layer unlock and make back ground transparent.
The background layer is locked and can’t include transparent pixel. So, you should need to unlock and
change layer type to “normal”.
The operation is following.
1. Select “layer” from “window” menu. And display “layer” palette.
2. Double-click the “background” layer.
Figure 3: B-Step2
3. Input layer name in “new layer” dialogue box. And click the “OK”.
Then, background layer is unlocked and change layer type to “normal”. So, became be able to make
background transparent.
For example, background become transparent by using “eraser tool” and read the C.
C. Use “eraser tool”.
You can make background transparent by using “eraser tool”.
The operation is following.
1. You have to change layer type to “normal” by B way.
2. Select “eraser tool” from tool box.
Figure 4: C-Step2
3. After you drag on graphic, dragged section will be transparent.
Figure 5: C-Step3
4. If you click the downwardly triangle at the left in “option bar” and drag “master diameter slider”, can
change eraser size.
Figure 6: C-Step4
5. If graphic erases by accident, drag while keeping push “Alt” or ”Option” key and be reconstructed.
Figure 7: C-Step5
D. Use “magic eraser tool”.
You can make background transparent by using “magic eraser tool”.
The “magic eraser tool” can erase the extent of same color in a lump.
The operation is following.
1. Select “magic eraser tool” from “tool box”.
Figure 8: D-Step1
2. Click transparent section, continuing the extent of same color is erased.
Figure 9: D-Step2
3. If you want to erase not continuing area, uncheck “adjoin” from “option bar” and click graphic.
Figure 10: D-Step3
E. Save graphics that background is transparent for Web.
The JPEG and GIF are often used by Web. These are file type. But GIF is only type such as can include
transparent pixel. The JPEG usually doesn’t support transparent function.
If you want to save graphics while keeping transparent background, perform any of the following
operation.
- Use “save” command.
- Use “save for Web” command.
Use “save” command:
1. Select “save” or “save such as” from “file” menu.
2. Select “CompuServe GIF(*.GIF)” from “file type” or “format” pop-up menu.
Figure 11: E-Step2
3. Check “transparent” and click “OK” from “index color” dialogue box.
Figure 12: E-Step3
Use “save for Web” command:
1. Select “save for Web” from “file” menu.
2. Confirm whether file type is “GIF” and check “transparent section”.
Figure 13: E-Step2
3. Click the “save” and input file name and click the “OK”.

More Related Content

Similar to How to make background of graphic transparency

GIMP BASICS by Aedam Ampongan
GIMP BASICS by Aedam AmponganGIMP BASICS by Aedam Ampongan
GIMP BASICS by Aedam Ampongan
AedamIsidoreAmpongan
 
How to create a transparent background in photoshop
How to create a transparent background in photoshopHow to create a transparent background in photoshop
How to create a transparent background in photoshop
Clipping Path Arts
 
Adobe Photoshop CS6 tutorial 2013
Adobe Photoshop CS6 tutorial 2013Adobe Photoshop CS6 tutorial 2013
Adobe Photoshop CS6 tutorial 2013
Jessie Doan
 
Photoshop pdf
Photoshop pdfPhotoshop pdf
Photoshop pdfKim B
 
Adobe photoshop cs6 tutorial
Adobe photoshop cs6 tutorialAdobe photoshop cs6 tutorial
Adobe photoshop cs6 tutorial
Agung Yuwono
 
Adobe photoshop cs6
Adobe photoshop cs6Adobe photoshop cs6
Adobe photoshop cs6Ila Azmil
 
Adobe photoshop cs6
Adobe photoshop cs6Adobe photoshop cs6
Adobe photoshop cs6
ilaazmil2
 
Adobe Illustrator CS6 Primer
Adobe Illustrator CS6 PrimerAdobe Illustrator CS6 Primer
Adobe Illustrator CS6 Primer
NYCCTfab
 
How to make a transparent background in Photoshop
How to make a transparent background in PhotoshopHow to make a transparent background in Photoshop
How to make a transparent background in Photoshop
Zenith Clipping
 
Presentation for posterising technique
Presentation for posterising techniquePresentation for posterising technique
Presentation for posterising technique
cedannatt
 
Presentation for posterising technique
Presentation for posterising techniquePresentation for posterising technique
Presentation for posterising technique
cedannatt
 
217 quick guide to photoshop cs6
217 quick guide to photoshop cs6217 quick guide to photoshop cs6
217 quick guide to photoshop cs6
Rodel Morales
 
Photoshop notes cs-4
Photoshop notes  cs-4Photoshop notes  cs-4
Photoshop notes cs-4
SirajRock
 
Computer Science.pptx
Computer Science.pptxComputer Science.pptx
Computer Science.pptx
Marvin Santiago
 
Photoshop basics
Photoshop basicsPhotoshop basics
Photoshop basics
cristy nazareno
 
Graphical Tool Term Paper
Graphical Tool Term PaperGraphical Tool Term Paper
Graphical Tool Term Paper
amit soni
 
9 a0 054
9 a0 0549 a0 054
9 a0 054Almo56
 

Similar to How to make background of graphic transparency (20)

#8
#8#8
#8
 
GIMP BASICS by Aedam Ampongan
GIMP BASICS by Aedam AmponganGIMP BASICS by Aedam Ampongan
GIMP BASICS by Aedam Ampongan
 
How to create a transparent background in photoshop
How to create a transparent background in photoshopHow to create a transparent background in photoshop
How to create a transparent background in photoshop
 
Adobe Photoshop CS6 tutorial 2013
Adobe Photoshop CS6 tutorial 2013Adobe Photoshop CS6 tutorial 2013
Adobe Photoshop CS6 tutorial 2013
 
Nota photoshop
Nota photoshopNota photoshop
Nota photoshop
 
Photoshop pdf
Photoshop pdfPhotoshop pdf
Photoshop pdf
 
Adobe photoshop cs6 tutorial
Adobe photoshop cs6 tutorialAdobe photoshop cs6 tutorial
Adobe photoshop cs6 tutorial
 
Adobe photoshop cs6
Adobe photoshop cs6Adobe photoshop cs6
Adobe photoshop cs6
 
Adobe photoshop cs6
Adobe photoshop cs6Adobe photoshop cs6
Adobe photoshop cs6
 
Adobe Illustrator CS6 Primer
Adobe Illustrator CS6 PrimerAdobe Illustrator CS6 Primer
Adobe Illustrator CS6 Primer
 
How to make a transparent background in Photoshop
How to make a transparent background in PhotoshopHow to make a transparent background in Photoshop
How to make a transparent background in Photoshop
 
Presentation for posterising technique
Presentation for posterising techniquePresentation for posterising technique
Presentation for posterising technique
 
Presentation for posterising technique
Presentation for posterising techniquePresentation for posterising technique
Presentation for posterising technique
 
217 quick guide to photoshop cs6
217 quick guide to photoshop cs6217 quick guide to photoshop cs6
217 quick guide to photoshop cs6
 
Photoshop notes cs-4
Photoshop notes  cs-4Photoshop notes  cs-4
Photoshop notes cs-4
 
Computer Science.pptx
Computer Science.pptxComputer Science.pptx
Computer Science.pptx
 
Photoshop basics
Photoshop basicsPhotoshop basics
Photoshop basics
 
Graphical Tool Term Paper
Graphical Tool Term PaperGraphical Tool Term Paper
Graphical Tool Term Paper
 
9 a0 054
9 a0 0549 a0 054
9 a0 054
 
Adobe photoshop
Adobe photoshopAdobe photoshop
Adobe photoshop
 

More from Higuchi Aya

Functional Description
Functional DescriptionFunctional Description
Functional DescriptionHiguchi Aya
 
Preparing for a Job Interview - Part 1
Preparing for a Job Interview - Part 1Preparing for a Job Interview - Part 1
Preparing for a Job Interview - Part 1Higuchi Aya
 
How to write effective business e mails
How to write effective business e mailsHow to write effective business e mails
How to write effective business e mailsHiguchi Aya
 

More from Higuchi Aya (9)

Functional Description
Functional DescriptionFunctional Description
Functional Description
 
Preparing for a Job Interview - Part 1
Preparing for a Job Interview - Part 1Preparing for a Job Interview - Part 1
Preparing for a Job Interview - Part 1
 
Cover letters
Cover lettersCover letters
Cover letters
 
How to write effective business e mails
How to write effective business e mailsHow to write effective business e mails
How to write effective business e mails
 
Q3
Q3Q3
Q3
 
Q1
Q1Q1
Q1
 
Q3
Q3Q3
Q3
 
Q1
Q1Q1
Q1
 
Job interview
Job interviewJob interview
Job interview
 

Recently uploaded

GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
Guy Korland
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
91mobiles
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Albert Hoitingh
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
Cheryl Hung
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
ControlCase
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
DianaGray10
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Product School
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
BookNet Canada
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
KatiaHIMEUR1
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
Elena Simperl
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
Product School
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
Alison B. Lowndes
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Inflectra
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Product School
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
DianaGray10
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
Product School
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
Jemma Hussein Allen
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
Safe Software
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
James Anderson
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
Product School
 

Recently uploaded (20)

GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
 

How to make background of graphic transparency

  • 1. Team: White Board s1200085 Aya Higuchi s1200102 Taiki Urakawa s1200089 Hiroki Ogata s1200103 Yusuke Suzuki s1200097 Ryuki Shoju How to make background of graphic transparent. These documents explain about various ways such as make background of graphic transparent by using Adobe Photoshop CS5. If background become transparent, transparent section look like a white and grey latticed pattern. Many such graphics are often used by Web or DTP. Figure 1: transparent section look like this. If you want to make background transparent, perform one or several ways in following many ways. A. When you make new file, make background transparent. B. The background layer unlock and make back ground transparent. C. Use “eraser tool”. D. Use “magic eraser tool”. E. Save graphics that background is transparent for Web. A. When you make new file, make background transparent. When you make new file, can set transparent background. The operation is following.
  • 2. 1. Select “new file” from “file” menu. Then, will open “new file” dialogue box. 2. Select “transparent” from “canvas” pop-up menu in “new file” dialogue box. Figure 2: A-Step 2 3. Click the “OK”. 4. Be made new file that transparent background. B. The background layer unlock and make back ground transparent. The background layer is locked and can’t include transparent pixel. So, you should need to unlock and change layer type to “normal”. The operation is following. 1. Select “layer” from “window” menu. And display “layer” palette. 2. Double-click the “background” layer. Figure 3: B-Step2 3. Input layer name in “new layer” dialogue box. And click the “OK”. Then, background layer is unlocked and change layer type to “normal”. So, became be able to make background transparent. For example, background become transparent by using “eraser tool” and read the C.
  • 3. C. Use “eraser tool”. You can make background transparent by using “eraser tool”. The operation is following. 1. You have to change layer type to “normal” by B way. 2. Select “eraser tool” from tool box. Figure 4: C-Step2 3. After you drag on graphic, dragged section will be transparent. Figure 5: C-Step3 4. If you click the downwardly triangle at the left in “option bar” and drag “master diameter slider”, can change eraser size. Figure 6: C-Step4 5. If graphic erases by accident, drag while keeping push “Alt” or ”Option” key and be reconstructed. Figure 7: C-Step5
  • 4. D. Use “magic eraser tool”. You can make background transparent by using “magic eraser tool”. The “magic eraser tool” can erase the extent of same color in a lump. The operation is following. 1. Select “magic eraser tool” from “tool box”. Figure 8: D-Step1 2. Click transparent section, continuing the extent of same color is erased. Figure 9: D-Step2 3. If you want to erase not continuing area, uncheck “adjoin” from “option bar” and click graphic. Figure 10: D-Step3
  • 5. E. Save graphics that background is transparent for Web. The JPEG and GIF are often used by Web. These are file type. But GIF is only type such as can include transparent pixel. The JPEG usually doesn’t support transparent function. If you want to save graphics while keeping transparent background, perform any of the following operation. - Use “save” command. - Use “save for Web” command. Use “save” command: 1. Select “save” or “save such as” from “file” menu. 2. Select “CompuServe GIF(*.GIF)” from “file type” or “format” pop-up menu. Figure 11: E-Step2 3. Check “transparent” and click “OK” from “index color” dialogue box. Figure 12: E-Step3 Use “save for Web” command: 1. Select “save for Web” from “file” menu. 2. Confirm whether file type is “GIF” and check “transparent section”. Figure 13: E-Step2 3. Click the “save” and input file name and click the “OK”.