alamance-burlington school system › cms › lib02 › nc01001905... · web viewso in this...
TRANSCRIPT
![Page 1: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/1.jpg)
X Ray Typography
A few years ago I saw an image of Homer Simpsons head in x-ray. I really like that effect and always wanted to try something like that in Photoshop. I didn't know exactly what to do but then I checked online and saw that some people did text effects with the x-ray type of image. That was indeed a nice idea to try.
So in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case the Abduzeedo
logo A. The whole process is quite simple but it will require a couple of hours to pull it off.
Step 1
Open Photoshop and create a new document. I am using 2560x1600. Also fill the background layer with
#11171c for the color.
![Page 2: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/2.jpg)
Step 2
Add the object you want to use for the X-Ray effect. I am using the letter A of the Abduzeedo logo.
![Page 3: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/3.jpg)
Step 3
Time to find some images of bones. I found one at Shutterstock and you can find it at by using the
reference number 62266120.
![Page 4: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/4.jpg)
Step 4
Copy bones from the image and paste in the x-ray document. To make the bones connect you can go to
Edit>Transform>Warp and Edit>Puppet Warp.
![Page 5: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/5.jpg)
Step 5
Select the letter layer and then go to Layer>Layer Style>Inner Glow. Use Color Dodge for the Blend Mode, 80% Opacity, 5% Noise, Edge for the Source, 175 for the Size, 45% for the Range, 35% Jitter.
![Page 6: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/6.jpg)
Step 6
Select Outer Glow. Use Color Dodge at 80% with white for the color. Also change the Size to 55% and the Range to 60%.
![Page 7: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/7.jpg)
Step 7
Select all layers used to create the skeleton and merge them into one. Change the Blend Mode of the
Color Dodge, then go to Image>Adjustment>Levels. Use the image below for reference of Inputs.
![Page 8: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/8.jpg)
Step 8
Go to Image>Adjustment>Hue and Saturation. Change the Hue to 0, Saturation to -100 and Lightness to 0.
![Page 9: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/9.jpg)
Step 9
Select all layers and duplicate them. Merge the new duplicated layers into one and change this new
layer's Blend Mode to Color Dodge.
![Page 10: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/10.jpg)
Step 10
Go to Layer>New Adjustment Layer>Hue and Saturation. Use 197 for the Hue, 74 for the Saturation and 0 for the Lightness. Mark Colorize as well.
![Page 11: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/11.jpg)
Step 11
Add a layer on top of the background layer and underneath the others. After that go to
Filter>Render>Clouds.
![Page 12: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/12.jpg)
Step 12
Add a new layer on top of the others and fill it with black, then with the Eraser Tool (E) and a very soft
brush, start erasing some areas over the letter A. Use the image below for reference.
![Page 13: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/13.jpg)
Step 13
Select all layers and duplicate them. Once again merge the new layers into one and then change the
Blend Mode to Overlay. Also go to Image>Adjustment>Desaturate.
![Page 14: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/14.jpg)
Step 14
Add some text using the Horizontal Type Tool (T).
![Page 15: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/15.jpg)
Step 15
Select all layers and duplicate them. Once again merge the new layers into one and then change the
Blend Mode to Soft Light at 50% Opacity. Then go to Filter>Blur>Gaussian Blur. Use 20px for the Radius.
![Page 16: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/16.jpg)
Step 16
Duplicate the layer and change the Blend Mode to Screen at 50% Opacity.
![Page 17: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/17.jpg)
Step 17
Let's add a nice plastic texture to create a more realistic effect. The one I am using can be found at
http://www.selected-webdesign.com/textures-for-free-download.
![Page 18: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/18.jpg)
Step 18
Change the Blend Mode to Hard Light.
![Page 19: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/19.jpg)
Step 19
Go to Images>Adjustments>Hue and Saturation. Use 197 for the Hue, 11 for the Saturation and -8 for the Lightness.
![Page 20: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/20.jpg)
Conclusion
This tutorial was just a quick tip on how to create a nice x-ray effect. You can add a little bit more effects
and adjustments like noise or different light effects. But that is up to you :) Have fun.
![Page 21: Alamance-Burlington School System › cms › lib02 › NC01001905... · Web viewSo in this tutorial I will show you how to create a simple x-ray effect of a letter, in this case](https://reader034.vdocuments.net/reader034/viewer/2022042401/5f104f957e708231d4487ab5/html5/thumbnails/21.jpg)