SlideShare une entreprise Scribd logo
1  sur  5
Télécharger pour lire hors ligne
3D Effect
by Matt Kloskowski
Hello again. This week we are going to learn a great 3D effect in Photoshop. I learned this sometime
ago but forgot all about it until I created a new logo for my personal gallery site (OpticNurve.com)
and I thought it needed something extra added to it. I then started tweaking this effect and came up
with some great results.
Step 1: First create a new RGB document that is 500 x 500 pixels. Fill the background color with a
dark gray (I used R:109 G:109 B:109). Next create the object that you want to add the 3D effect to
and make sure it is black. I created this logo in illustrator and saved it as a custom shape in
Photoshop. (you can download it at my website if you want to).
Step 2: Next, lets skew this a little so it looks as if we are looking at it from an angle. Hit Ctrl + T
to bring up the free transform tool. Then hold Ctrl + Alt + Shift down and pull the bottom handles
out a bit. Don't apply the transform yet though.
Step 3: Now, push the top handles in a bit. Then bring the top middle handle down a bit so we kind
of scrunch the logo.
Step 4: OK, if you used a custom shape and it is still vectorized now would be a good time to make
a copy of the layer and rasterize one of them by going to Layer->Rasterize->Shape. (You can hide
the other - we wont need it. Its just a good idea to have a copy). That said, now we can get to the
cool part. Go to Filter->Stylize->Emboss. Enter in these settings. Angle: 135, Height: 3 pixels,
Amount:100%.
Step 5:Now the next part is easy. Select the move tool (V). Then while holding down Ctrl + Alt, hit
the up arrow key about 20 times or until you think you have enough depth to your image. You
should have something like the sample here.
Step 6: Now, select the layer <b>BELOW</b> the last layer (topmost) that was copied. Then
continually hit Ctrl + E to merge each layer down with the previous. Do this until all of the logo
layers are merged (except for the top one, which should still be on its own layer). Your layers should
look something like the layer palette screenshot I have here.
Step 7: Now double click the top layer and add a gradient overlay layer style to it. Choose the white
to black gradient and change its angle setting to 120. Don't close the layer style dialog box yet
though.
Step 8: Next, add the color overlay option. I chose a blue color. Use the settings I have in the
image here.
Step 9: Finally, one finishing tough is to add a stroke. This kind of gives it an added chromish feel.
Again, use the settings I have in the screenshot here.
And here is the final image.
As always, use your creativity - this effect can be applied to many objects besides a logo. I hope you
enjoy this effect as much as I enjoyed exploring it.

Contenu connexe

Tendances

Making the movie poster image
Making the movie poster imageMaking the movie poster image
Making the movie poster image
autumntay
 
How to evacuate the RTC building MCC
How to evacuate the RTC building MCCHow to evacuate the RTC building MCC
How to evacuate the RTC building MCC
jferrmott
 
Prezi workshop handout 4 December 2012
Prezi workshop handout 4 December 2012Prezi workshop handout 4 December 2012
Prezi workshop handout 4 December 2012
Darius Whelan
 

Tendances (19)

M5 - Graphical Animation - Lesson 1
M5 - Graphical Animation - Lesson 1M5 - Graphical Animation - Lesson 1
M5 - Graphical Animation - Lesson 1
 
How to add a drop shadow to your product images in Adobe Photoshop
How to add a drop shadow to your product images in Adobe PhotoshopHow to add a drop shadow to your product images in Adobe Photoshop
How to add a drop shadow to your product images in Adobe Photoshop
 
Adobe illustrator how to guide
Adobe illustrator how to guideAdobe illustrator how to guide
Adobe illustrator how to guide
 
Creating a layered photoshop document
Creating a layered photoshop documentCreating a layered photoshop document
Creating a layered photoshop document
 
Sticky note effect, Photoshop Tutorial
Sticky note effect, Photoshop TutorialSticky note effect, Photoshop Tutorial
Sticky note effect, Photoshop Tutorial
 
Making the movie poster image
Making the movie poster imageMaking the movie poster image
Making the movie poster image
 
P 13 Spolight
P 13 SpolightP 13 Spolight
P 13 Spolight
 
Adobe photoshop lesson by citra
Adobe photoshop lesson by citraAdobe photoshop lesson by citra
Adobe photoshop lesson by citra
 
Fajardo, winfreya m. 11 caritas, abm
Fajardo, winfreya m. 11  caritas, abmFajardo, winfreya m. 11  caritas, abm
Fajardo, winfreya m. 11 caritas, abm
 
How to evacuate the RTC building MCC
How to evacuate the RTC building MCCHow to evacuate the RTC building MCC
How to evacuate the RTC building MCC
 
Prezi workshop handout 4 December 2012
Prezi workshop handout 4 December 2012Prezi workshop handout 4 December 2012
Prezi workshop handout 4 December 2012
 
GoAnimate Instructions
GoAnimate InstructionsGoAnimate Instructions
GoAnimate Instructions
 
How to blur an image, photoshop tutorial
How to blur an image, photoshop tutorialHow to blur an image, photoshop tutorial
How to blur an image, photoshop tutorial
 
Creating a Timer Bar on PowerPoint to Count Down Time
Creating a Timer Bar on PowerPoint to Count Down TimeCreating a Timer Bar on PowerPoint to Count Down Time
Creating a Timer Bar on PowerPoint to Count Down Time
 
Cartooning yourself using photoshop
Cartooning yourself using photoshopCartooning yourself using photoshop
Cartooning yourself using photoshop
 
Coke can tutorial
Coke can tutorialCoke can tutorial
Coke can tutorial
 
Getting Started with GoAnimate for a Whiteboard Video
Getting Started with GoAnimate for a Whiteboard VideoGetting Started with GoAnimate for a Whiteboard Video
Getting Started with GoAnimate for a Whiteboard Video
 
3 cool-arty-power point-tricks
3 cool-arty-power point-tricks3 cool-arty-power point-tricks
3 cool-arty-power point-tricks
 
How_to_make_ your_ quiz_interactive
How_to_make_ your_ quiz_interactiveHow_to_make_ your_ quiz_interactive
How_to_make_ your_ quiz_interactive
 

En vedette

3 d polaroid effect
3 d polaroid effect3 d polaroid effect
3 d polaroid effect
Nader Belal
 

En vedette (20)

3 d polaroid effect
3 d polaroid effect3 d polaroid effect
3 d polaroid effect
 
Guida ristrutturazioni edilizie
Guida ristrutturazioni edilizieGuida ristrutturazioni edilizie
Guida ristrutturazioni edilizie
 
Districto 10 todo
Districto 10 todoDistricto 10 todo
Districto 10 todo
 
Checkliste für die Digitale Transformation - checklist for digital transforma...
Checkliste für die Digitale Transformation - checklist for digital transforma...Checkliste für die Digitale Transformation - checklist for digital transforma...
Checkliste für die Digitale Transformation - checklist for digital transforma...
 
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareSTOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
 
Masters of SlideShare
Masters of SlideShareMasters of SlideShare
Masters of SlideShare
 
10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization
 
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content MarketingHow To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
 
Creative Traction Methodology - For Early Stage Startups
Creative Traction Methodology - For Early Stage StartupsCreative Traction Methodology - For Early Stage Startups
Creative Traction Methodology - For Early Stage Startups
 
African Americans: College Majors and Earnings
African Americans: College Majors and Earnings African Americans: College Majors and Earnings
African Americans: College Majors and Earnings
 
Launching a Rocketship Off Someone Else's Back
Launching a Rocketship Off Someone Else's BackLaunching a Rocketship Off Someone Else's Back
Launching a Rocketship Off Someone Else's Back
 
Apple: The Next King of Search By Ian Sefferman
Apple: The Next King of Search By Ian SeffermanApple: The Next King of Search By Ian Sefferman
Apple: The Next King of Search By Ian Sefferman
 
WTF, OMG, FML - Seeing Value in Chaos
WTF, OMG, FML - Seeing Value in ChaosWTF, OMG, FML - Seeing Value in Chaos
WTF, OMG, FML - Seeing Value in Chaos
 
Beyond the Gig Economy: How New Technologies Are Reshaping the Future of Work
Beyond the Gig Economy: How New Technologies Are Reshaping the Future of WorkBeyond the Gig Economy: How New Technologies Are Reshaping the Future of Work
Beyond the Gig Economy: How New Technologies Are Reshaping the Future of Work
 
NYU Talk
NYU TalkNYU Talk
NYU Talk
 
Apoios para Projectos de Turismo - Portugal 2020
Apoios para Projectos de Turismo - Portugal 2020Apoios para Projectos de Turismo - Portugal 2020
Apoios para Projectos de Turismo - Portugal 2020
 
WTF, OMG, FML - Seeing Value in Chaos
WTF, OMG, FML - Seeing Value in ChaosWTF, OMG, FML - Seeing Value in Chaos
WTF, OMG, FML - Seeing Value in Chaos
 
Recordando operações
Recordando operaçõesRecordando operações
Recordando operações
 
Técnicas de integración
Técnicas de integración Técnicas de integración
Técnicas de integración
 
IT in Healthcare
IT in HealthcareIT in Healthcare
IT in Healthcare
 

Similaire à 3 d effect

Stylish icons for website or multimedia presentation
Stylish icons for website or multimedia presentationStylish icons for website or multimedia presentation
Stylish icons for website or multimedia presentation
baljaadsg
 
Amazing photoshop light effect in 10 steps
Amazing photoshop light effect in 10 stepsAmazing photoshop light effect in 10 steps
Amazing photoshop light effect in 10 steps
Irene Situmorang
 
How To Create A Custom Brush In Adobe
How To Create A Custom Brush In AdobeHow To Create A Custom Brush In Adobe
How To Create A Custom Brush In Adobe
Christine Knight
 
P 1 Creating Fire Text
P 1  Creating Fire TextP 1  Creating Fire Text
P 1 Creating Fire Text
sumidahilo
 

Similaire à 3 d effect (20)

How to Create a Folded Text Effect in Adobe Illustrator.docx
How to Create a Folded Text Effect in Adobe Illustrator.docxHow to Create a Folded Text Effect in Adobe Illustrator.docx
How to Create a Folded Text Effect in Adobe Illustrator.docx
 
Stylish icons for website or multimedia presentation
Stylish icons for website or multimedia presentationStylish icons for website or multimedia presentation
Stylish icons for website or multimedia presentation
 
Unit 30 Learning Objective 3
Unit 30 Learning Objective 3Unit 30 Learning Objective 3
Unit 30 Learning Objective 3
 
Abstract Halloween Tutorial
Abstract Halloween TutorialAbstract Halloween Tutorial
Abstract Halloween Tutorial
 
ProductDesignAd - A Practice Guide to Photoshop
ProductDesignAd - A Practice Guide to PhotoshopProductDesignAd - A Practice Guide to Photoshop
ProductDesignAd - A Practice Guide to Photoshop
 
3 d effects in ps
3 d effects in ps3 d effects in ps
3 d effects in ps
 
Complete Tutorial for 3d Text on Photos
Complete Tutorial for 3d Text on PhotosComplete Tutorial for 3d Text on Photos
Complete Tutorial for 3d Text on Photos
 
Realistic cast shadow effect in photoshop
Realistic cast shadow effect in photoshopRealistic cast shadow effect in photoshop
Realistic cast shadow effect in photoshop
 
Design a paint splashing effect into your image | ABDUL DJALIL DJAYALI
Design a paint splashing effect into your image | ABDUL DJALIL DJAYALIDesign a paint splashing effect into your image | ABDUL DJALIL DJAYALI
Design a paint splashing effect into your image | ABDUL DJALIL DJAYALI
 
ERAS.pptxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
ERAS.pptxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxERAS.pptxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
ERAS.pptxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
 
Presentation1
Presentation1Presentation1
Presentation1
 
Amazing photoshop light effect in 10 steps
Amazing photoshop light effect in 10 stepsAmazing photoshop light effect in 10 steps
Amazing photoshop light effect in 10 steps
 
Pop Art Technique
Pop Art TechniquePop Art Technique
Pop Art Technique
 
How To Create A Custom Brush In Adobe
How To Create A Custom Brush In AdobeHow To Create A Custom Brush In Adobe
How To Create A Custom Brush In Adobe
 
Presentation 1
Presentation 1Presentation 1
Presentation 1
 
88 brilliant little tips for Photoshop
88 brilliant little tips for Photoshop88 brilliant little tips for Photoshop
88 brilliant little tips for Photoshop
 
Photoshop Handbook
Photoshop HandbookPhotoshop Handbook
Photoshop Handbook
 
P 1 Creating Fire Text
P 1  Creating Fire TextP 1  Creating Fire Text
P 1 Creating Fire Text
 
Balloons tutorial by rokas petskevicius visualpelican
Balloons tutorial by rokas petskevicius visualpelicanBalloons tutorial by rokas petskevicius visualpelican
Balloons tutorial by rokas petskevicius visualpelican
 
How to animate objects in power point
How to animate objects in power pointHow to animate objects in power point
How to animate objects in power point
 

Dernier

Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.
MateoGardella
 

Dernier (20)

Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 

3 d effect

  • 1. 3D Effect by Matt Kloskowski Hello again. This week we are going to learn a great 3D effect in Photoshop. I learned this sometime ago but forgot all about it until I created a new logo for my personal gallery site (OpticNurve.com) and I thought it needed something extra added to it. I then started tweaking this effect and came up with some great results. Step 1: First create a new RGB document that is 500 x 500 pixels. Fill the background color with a dark gray (I used R:109 G:109 B:109). Next create the object that you want to add the 3D effect to and make sure it is black. I created this logo in illustrator and saved it as a custom shape in Photoshop. (you can download it at my website if you want to). Step 2: Next, lets skew this a little so it looks as if we are looking at it from an angle. Hit Ctrl + T to bring up the free transform tool. Then hold Ctrl + Alt + Shift down and pull the bottom handles out a bit. Don't apply the transform yet though.
  • 2. Step 3: Now, push the top handles in a bit. Then bring the top middle handle down a bit so we kind of scrunch the logo. Step 4: OK, if you used a custom shape and it is still vectorized now would be a good time to make a copy of the layer and rasterize one of them by going to Layer->Rasterize->Shape. (You can hide the other - we wont need it. Its just a good idea to have a copy). That said, now we can get to the cool part. Go to Filter->Stylize->Emboss. Enter in these settings. Angle: 135, Height: 3 pixels, Amount:100%.
  • 3. Step 5:Now the next part is easy. Select the move tool (V). Then while holding down Ctrl + Alt, hit the up arrow key about 20 times or until you think you have enough depth to your image. You should have something like the sample here. Step 6: Now, select the layer <b>BELOW</b> the last layer (topmost) that was copied. Then continually hit Ctrl + E to merge each layer down with the previous. Do this until all of the logo layers are merged (except for the top one, which should still be on its own layer). Your layers should look something like the layer palette screenshot I have here.
  • 4. Step 7: Now double click the top layer and add a gradient overlay layer style to it. Choose the white to black gradient and change its angle setting to 120. Don't close the layer style dialog box yet though. Step 8: Next, add the color overlay option. I chose a blue color. Use the settings I have in the image here.
  • 5. Step 9: Finally, one finishing tough is to add a stroke. This kind of gives it an added chromish feel. Again, use the settings I have in the screenshot here. And here is the final image. As always, use your creativity - this effect can be applied to many objects besides a logo. I hope you enjoy this effect as much as I enjoyed exploring it.