Slanted Pictures - Adobe Photoshop 7+

free web hosting
Open Discussion > Xisto Network Sites > The GFXTrap Forum - Trap17 Graphics Site > Tutorials

Slanted Pictures - Adobe Photoshop 7+

Slay
This tutorial is not mine, it was made by a good friend called Lysander who is letting me repost it as long as I give him credit.

Tutorial: Slanted Pictures
Program: Adobe Photoshop
Example:
IPB Image



Ok make a new document any size. Mine is 350x140. Fill the background with Black. Get some brushes and brush with white. Then make a new layer and brush with black. Repeat this process switching between Black and White.

IPB Image

Grab a render and place it into your sig. Resize it using CTRL + T. Once your happy with the size press CTRL + U and set the saturation level to -100.

IPB Image

Ok now we need to add color. Make a color balance layer by going to Image > Adjustments > Color balance These are the settings I used but you can do different.

Midtones - 45, 26, -62
Shadow - -30, 19, -62
Highlights - 0, 0, 0

Now render clouds. Filter > Render > Clouds and make another colorbalance layer.

Midtones - 47, -39, 47
Shadow - 0, 0, 0
Highlights - 39, -43, 34

And redner clouds again and make a final colorbalance layer.

Midtones - -29, -31, 20
Shadow - 0, 0, 0
Highlights - 0, 0, 0

And render clouds.
IPB Image

Ok now add a border. Make a new layer and press CTRL + A and then goto
Edit > Stroke > 3pxl > Black > ok
Then
Edit > Stroke > 2pxl > White > ok
Then
Edit > Stroke > 1xl > Black > ok

Set that layer to Soft light

Now add some text. Once your happy we can make the signature slanted. Click the top layer and press CTRL + SHIFT + E to merge all layers. Press CTRL + A to select the whole image and then copy it.

Open a new document the same size but 20pxl wider and higher. Paste the signature into this document (transparent)

Go to Edit > Transform > Distort Move the corners around untill you have a slanted look. Right click the layer and set these blending options.

Drop shadow - Distance 8, Spread 31, Size 0.

Now goto File > Save as Make sure it is saved as a .PNG file.


There it is, also I'd like to once again thank Lysander for allowing me to post his tutorial!

 

 

 


Reply

Dagoth Nereviar
Cool! A nice and easy way to make a sig, which I've been looking for for a while...And the slanted picture is cool...Can you make the background transparent, by saving it as a .gif and selecting the option, etc, etc? Or would it still be white on the internet?

Anyways, awesome tutorial tongue.gif 10/10

Reply

randomdood
well .png's don't have white bg's IE just displays them like that, gif takes the quility down a bit too much.......

Reply

Slay
Yeah, like randomdood said, the background isn't transparent in internet explorer but is in the other browsers. You can save it as a .gif and make it invisible in internet explorer but it loses quality. Anyways I'll be sure to relay your comment about it to Lysander. smile.gif

Reply

randomdood
just to let you know i think there might be a way of png's displaying sorrectly in IE but i have no idea how. if i do fond out how then i will let you guys know.until then i suggest getting firefox tongue.gif
this tut is really good since it's like a basic sig+border+slantness tut in one. good work and i'll try to find out how to make it display properly in IE for you tongue.gif

Reply

Slay
Umm, they work for me in Internet Explorer. :/ And I'll never get Firefox, lol. And thanks, I'll be sure to let him know you think the tutorial is good. smile.gif

Reply

garbage
great tutorial man.

Reply

went
nice tutorial well expl.

Reply

Slay
Thanks for the comments!

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.

Recent Queries:-
  1. slanted checkered background - 42.11 hr back. (1)
  2. photoshop slant an image - 76.12 hr back. (1)
  3. code for pictures that are slanted - 253.38 hr back. (1)
  4. filling in slanted lines in photoshop - 435.60 hr back. (1)
  5. slanted images photoshop cs3 - 544.05 hr back. (2)
  6. making pictures look cartoonish on photoshop 7 - 708.83 hr back. (1)
  7. how to resize slanted photoshop - 1086.40 hr back. (1)
Similar Topics

Keywords : slanted, pictures, adobe, photoshop, 7

  1. Gta Pictures
    Take pictures of your GTA (2)
  2. Adobe Dreamweaver Cs3 Unleashed Review
    (3)
    Adobe Dreamweaver CS3 Unleashed http://www.amazon.com/Adobe-Dreamweaver-CS...a/dp/0672329441 If
    you want to master Dreamweaver CS3 then this is the book to get, there is so much stuff in this book
    that trying to read it and memorizing it would take a long time. I don't even think the
    Dreamweaver CS3 bible doesn't come close to all the information that this book has. With 30
    chapters to fill your mind it covers HTML, CSS, forms, templates, php/MySQL development and of
    course covering the Spry Framework that comes packaged with Dreamweaver. You can think of a....
  3. Some Of My Photoshop Work
    some of my old and newwork compilations some finished sum not (3)
    this is some of my photoshop works that ive either started and not finished or started and completed
    yoda sig my favorite sig jermain defoe sig sorceress sig (most recent )
    audi rs6 chop so far each piece u see here is in my own mind a concept as each of these has
    its own independant meaning and has a small amount of sentimental value if you want any tutorials
    please ask (all of my tuts are written in real time as i make a sig so expect the to be accurate) i
    do this for accuracy and for anti ripping i can also point u into the direction....
  4. Photoshop
    (5)
    Hey ALL! Well I'm pretty sure that most photographers are aware of photoshop and its
    capabilities. It is in FACT and amazing program, i have Photoshop cs3 Extended. With this program i
    have been able to Do amazing distorting to images, as well and the easy touchup. I made this
    BANNER for our old site. So i was thinking we could use this forum, to post tutorials or if
    anyone needs help, you can ask Thanks and Cya later.. ECHO ....
  5. Getting Started With Photoshop!
    Introduce yourself to photoshop and make a great friendship! (0)
    Hey there! This is my first topic, and as IŽm a webdesigner, I thought this was the best place
    to get started. I donŽt know if this is the right place to post tutorials like this, but if its
    not, please someone move it. Well if you are starting with webdesign, photoshop is a good choice
    then, it not only is a powerfull webdesign tool, but also can develop simple websites in html.
    IŽll start with a simple guide and a tutorial, and then IŽll see if I post more in this topic or if
    IŽll open another. Alright then, now that weŽve taken a look on it, le....
  6. Adobe Flex, Air Resources
    (0)
    Ever since I started attending these adobe meetings I have been doing a lot of a lot of resource
    hunting for Adobe Flex and AIR and I thought I would give everyone a bunch of links to help get them
    going in learning how to program for those two technologies that are making headway in web 2.0.
    QUOTE Flex http://www.scalenine.com/
    http://seantheflexguy.com/blog/2007/08/21/...ents-and-tools/
    http://www.infoq.com/news/2008/04/top-10-flex-mistakes http://blogs.adobe.com/aharui/
    http://www.fillcolors.com/ http://flare.prefuse.org/ http://fleksray.org/adobe_f....
  7. Possible Photoshop Brushes Resource?
    (1)
    I have stumbled on an interesting site displaying the art of David Mark. He uses some
    beautiful colors and unusual techniques. I do not use Photoshop and don't know much about
    brushes, but from the examples I have seen of them, I think maybe this artist's work could be
    used for brushes. Take a look and see what you think. Art of David Mark ....
  8. Post Your Cs Pictures!
    (0)
    Post your Counter-Strike Picture/Screenshots here. Weather they are from Counter-Strike 1.6,
    Condition Zero, or on Source. I'll post mine: I don't know why I did this, on my CS:S
    server. I was bored. /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0"
    alt="biggrin.gif" /> Now, post your best pictures of your game. /smile.gif"
    style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" /> I'll get more soon,
    meanwhile I think I'll find some more. /smile.gif" style="vertical-align:middle" emoid=":)"
    border="0" alt="smile.gif" ....
  9. Quickstart Guide To Photoshop Cs3 Review
    (0)
    Just like the other Visual Quickstart Guides, this book goes over the basics for Photoshop CS3, and
    teaches you how to use Photoshop and give you a basic understanding on how Photoshop works as well.
    Very easy to understand as they give these mini tutorials in each section that they cover, such as
    filters, brushes, layers, layer effects and gradients to name a few. This is a good book to learn
    the beginnings on how to use Photoshop, but once you understand the basic concepts from this book
    you will be able to move on to other books that go into more detail in the sec....
  10. Me Trying Draw And Paint A Human Head
    Photoshop painting (3)
    Here's my attempt to drawn and paint in photoshop. Its not my first but probably my best attempt
    so far from trying create something from scratch. I started off with initial sketch of the outline
    of the head and face structure I wanted and trying to keep things proportional. I have a book that
    describes it but its kinda hard to understand at times so they supply images as well. The book is by
    Burne Hograth and its called dynamic anatomy. He is a master in this field and I think the guy who
    created spawn character learned off this book too. I hope to be a fraction of....
  11. Adobe Flex/flash/actionscript Forum
    There is a need (1)
    With Flash Player 9 on practically every PC, a lot of web developers are moving to Abobe Flex, Flash
    and Actionscript as a development platform. I've seen a few posts related to the platform and I
    feel that a dedicated forum is more than warranted. Flash discussions could fall under web design
    as a sub-forum, while actionscript could fall under Programming Languages. There is also MXML to
    consider. It's Adobe's custom mark-up language for flash components. But these are just
    suggestions. Hopefully forum admins will look further into this issue and find it vi....
  12. Making A Simple Signature With Adobe Photoshop
    A tutorial to basic signature designing: By Accure (3)
    Specs Hardness: 4 / 10 Time: about 10 minutes Result: My .PSD File: Download it now!
    Needings: -Basic Photoshop knowlegend. -Adobe Photoshop CS2 (Or CS3/CS4) -Brushes set ( available
    here ) -A render ( available here ) Basic knowlegend: Steps: 01. Open Adobe Photoshop,
    and go File > New. 02. select the sizes Width: 350 pixels . Height: 150 pixels . Press OK .
    03. Press the button to maximize the window of your new project. 04. Fill your background with
    black (by using the "fill" function). 05. Press F5, click on the small arrow a....
  13. How To Change The Gradient Type And Make A Gradient On Adobe Photoshop Cs3
    (1)
    How to change the Gradient type on Adobe Photoshop CS3 Open Adobe Photoshop CS3 On your current
    piece of work or on a new blank canvas, select the area you would like to apply the gradient to.
    Once you have the area selected you would like to work on, hover your curser over the Gradient Tool
    button (Default Location: Left edge of the Program window, center of the tools menu). Apply pressure
    to the mouse so you click the Gradient Tool Button. Once you have this Tool selected, you can
    choose which gradient you would like to use. Choices : Linear Gradient (Defaul....
  14. [request] Gimp Tutorial For Watermarking Pictures
    can someone explain the method I need to use to do that? (4)
    I am not "inclined" towards Graphics or Image manipulation, and I do have the GIMP Image Software.
    I have about 50 Images to watermark, so if someone could take the time to explain how to do that
    using the GIMP, it would be greatly appreciated. Thanks a bunch.....
  15. Some Of My Pictures I Took
    The pictures I took in photo (8)
    Here are some of the pictures I took in my digital photography class. (some of them have been
    edited). School: bikeracks: http://i306.photobucket.com/albums/nn271/m...n/Uphigh013.jpg
    bikeracks 2: http://i306.photobucket.com/albums/nn271/m...n/Uphigh014.jpg bikes:
    http://i306.photobucket.com/albums/nn271/m...n/Uphigh001.jpg shadows:
    http://i306.photobucket.com/albums/nn271/m...n/Uphigh002.jpg dont no wat topic:
    http://i306.photobucket.com/albums/nn271/m...n/Uphigh003.jpg handle
    http://i306.photobucket.com/albums/nn271/m...n/Uphigh004.jpg DONT GET MAD (U no wh....
  16. Can Anyone List Some Good Urls For Photoshop Brushes?
    (5)
    I've been dying to find some good brushes. But all the ones I can find are on deviantart.com but
    they aren't exactly what I'm looking for. I'm looking for different types of brushes
    like brand types, peace signs, flowers and stars. Do you guys know any other good sites where I can
    find these brushes? Thank You So Much! If you want, you can help post some sites for other
    types of brushes that you enjoy using!....
  17. Photoshop, Flash And Fireworks Tutorial Site Links
    This has a huge links of useful sites (2)
    Adobe Photoshop Tutorials http://www.rainworld.com/psworkshop/
    http://www.reality9.com/tutorials.html http://www.spoono.com/
    http://www.stridingstudio.com/tutorials/ http://www.designsbymark.com/pstips/index.html
    http://geda-online.com/tutorials.htm http://www.thewebmachine.com/
    http://www.extremephotoshop.com/tutorials.aspx
    http://www.thinkdan.com/tutorials/photosho...-tutorials.com/
    http://www.designerslounge.org/tutorials/ http://www.eyesondesign.net/pshop/tuts.htm
    http://www.eyeball-design.com/fxzone/tutorial.htm http://user.fundy.ne....
  18. Adding Jigsaw Puzzle Effect With Photoshop
    (2)
    Should the occasion arise that you want to add a puzzle effect to a picture, there is a simple
    method built into Photoshop. Like a lot of other abilities, the hard part is finding it. Let me walk
    you through how I do it. There are a variety of other ways and I would love to hear your way also.
    So I have this picture of my cat that I want to look like a puzzle: I tune it up how I like it
    and size it, etc. Then click on Filter/Texture/Texturizer Once you click that a box appears:
    On the right hand panel you see Ok, Cancel. Texturizer then Brick or Sandston....
  19. My Photoshop Creations
    Tell me what you think? (17)
    Avatar i made someone Did this for a friend Logo for a little competition A Signature i
    made myself some smielys i made I Just had to! Again just had to! Another logo
    1st try Another logo for competition my best sphere photo cube thing ....
  20. How To Create A Photoshop Vortex
    (12)
    Hello, I will be teaching you to make a vortex in Photoshop CS3 or CS2. (Ugh... My comp froze while
    I was writing this the first time and lost the whole tut, so I'll try again. First make an
    image with any proportions. I prefer 1000x1000. Next pick a primary and a secondary color. You can
    use anything, and if you don't know what you want, just use White for primary and Black for
    secondary. Now go to Layer -> New -> Layer, and press OK. Then go to Filter -> Render -> Clouds At
    this point, I have: Now go to Filter -> Blur -> Radial Blur, and select these setti....
  21. Mario Signature (adobe Photoshop)
    (15)
    Tutorial Name: Mario Signature Created by: Tidus Program used: Adobe Photoshop Notes: A
    friend of mine made this tutorial a while ago and said I could repost it. I think its a good
    tutorial and helps those who are still getting new to photoshop. This tutorial is copyrighted to him
    and shouldn't be reposted by others unless you have his permission. Tidus's Second Tutorial
    This is the ending result that you should get after you have completed this tutorial. 1) Okay,
    the first step is open a new document thats 385x115. You can use whatever size you want....
  22. Need To Shrink The File Size Of Web Image? - Photoshop Tricks
    (3)
    QUOTE NEED TO SHRINK THE FILE SIZE? USE TRANSPARENCY Want a killer tip for squeezing even
    more size out of your GIF Web images? Make something transparent. That's right, if you can pick
    an area of your image to make transparent, your file size will drop like a rock. For example, if
    you're putting a logo over a white background and you can make the white area around the logo
    transparent, your file size will be significantly smaller. The transparent areas are virtually
    ignored when determining file size, because, after all, there's nothing there. ....
  23. 1,2,3px Borders
    Adobe Photoshop CS2 (3)
    1px Border. Step 1. Get out your signature or other graphics that you are making. Make a new
    layer. Step 2. CTRL + A then edit>stroke>1px inside. You can choose what ever color you want.
    Step 3. Set the layer to soft light, overlay, darken, etc. What ever suits it best. End Result, you
    know have a line the color of your choice around your signature or graphics. 2px Border. Step
    1. Get out your signature or other graphics that you are making. Make a new layer. Step 2. CTRL + A
    then edit>stroke>2px inside. You can choose what ever color you want. Step 3. CT....
  24. Need For Speed Car Pictures
    Cars (yours and others) (2)
    This is where you can put pictures of cars from your need for speed underground (1 or 2) or most
    wanted and you can show it off and brag about it to others. these cars can be direct from the game
    or can be other peoples cars in real life (no bragging about them jus showing off that you saw them)
    I saw this car at auto salon in NZ and this is a picture from www.performancecar.co.nz Image 1
    i also saw this one Image 2 Edited image to url link. Make sure image is no wider than 640 to
    keep the forum format. ....
  25. Photoshop Eggs!
    See if you can find these easter eggs! (11)
    For those of you who don't know what an easter egg is: An Easter Egg is a hidden feature that
    bored programmers have put in their software. In general, it is any hidden, entertaining thing that
    a creator hides in their creation only for their own personal reasons. This can be anything from a
    hidden list of the developers, to hidden commands, to jokes, to funny animations. So get that image
    of the easter bunny out of your head! First Egg for Photoshop CS 1 and 2 1: Make sure you see
    the layers palette, if not, go to Window then click on Layers. 2: In the top righ....
  26. Simple Sig Tutorial
    photoshop sig tutorial : New to photoshop? (24)
    Mytutorial which i made for people who are new in photoshop: This is my first tutorial so maybe
    there are few mistakes .......
  27. Rounded Edges In Photoshop
    An easy way to do this (13)
    I'll show you how to make rounded edges and a border around a picture. 1) Open you picture in
    photoshop. I'm chose this lovely picture to work with: 2)Select the elliptical marquee tool
    and make shore you keep these settings: 3) Use the elliptical marquee tool to draw a circle
    selection in one of the corners of your picture like this. Pick a size depending on how rounded you
    want your image. 4) Repeat this in every corner of your image until you have something like this.
    Try to make all the circles look as much alike as possible. 5) Now select the re....
  28. Coredraw Vs Photoshop Vs Firework
    which one is better (6)
    for me, i think photoshop is the best because i always use it /tongue.gif' border='0'
    style='vertical-align:middle' alt='tongue.gif' /> Actually, it is very useful. (better than
    photoimpact too) I can use it make some pro. images /biggrin.gif' border='0'
    style='vertical-align:middle' alt='biggrin.gif' /> firework ....it's okay.. can make pro.
    word images coreDraw..... i feel difficult to use it. it's very complex and i dont think
    it's powerful /ph34r.gif' border='0' style='vertical-align:middle' alt='ph34r.gif' /> how
    about u... wt do u thin....
  29. Making Money Creating Logo's
    How to make money designing logos using Adobe Photoshop (19)
    Hey all, Over the last few years I have been experimenting with making money over the internet.
    Being a very creative person I naturally took on to web design. However, I soon found that it was
    too time consuming for my liking and it rarely paidf off. Whilst playing around with Photoshop
    which someone bough me as a present I started to learn the essential techniques of graphic
    designers. Before I knew it I was able to make basic logos that could be sold at a price. Not long
    after discovering this I found a site that did forum auctions on logos. A customer requests a ....
  30. Turning An Image Into A Cartoon Style - Photoshop
    Tutorial on cartooning images. (30)
    This tut will show you how to make a photo look cartoonish in three easy steps... 1)Open your
    image in photoshop, doesnt really mater what size or shape anything really a landscape, city, or a
    person. I am using a picture of a football player in this example 2)Go up to
    Filter>Blur>Gaussian Blur and set the radius at 3.0 or higher depending on the effect your looking
    for. 3)Last go Edit>Fade Gaussian Blur. A window will pop up... set the mode to darken for tha
    cartoonish effect or to any other mode for plenty of other effects. Lower the opacity if you
    don't....

    1. Looking for slanted, pictures, adobe, photoshop, 7

*RANDOM STUFF*





*SIMILAR VIDEOS*
Searching Video's for slanted, pictures, adobe, photoshop, 7

*MORE FROM TRAP17.COM*
Similar
Gta Pictures - Take pictures of your GTA
Adobe Dreamweaver Cs3 Unleashed Review
Some Of My Photoshop Work - some of my old and newwork compilations some finished sum not
Photoshop
Getting Started With Photoshop! - Introduce yourself to photoshop and make a great friendship!
Adobe Flex, Air Resources
Possible Photoshop Brushes Resource?
Post Your Cs Pictures!
Quickstart Guide To Photoshop Cs3 Review
Me Trying Draw And Paint A Human Head - Photoshop painting
Adobe Flex/flash/actionscript Forum - There is a need
Making A Simple Signature With Adobe Photoshop - A tutorial to basic signature designing: By Accure
How To Change The Gradient Type And Make A Gradient On Adobe Photoshop Cs3
[request] Gimp Tutorial For Watermarking Pictures - can someone explain the method I need to use to do that?
Some Of My Pictures I Took - The pictures I took in photo
Can Anyone List Some Good Urls For Photoshop Brushes?
Photoshop, Flash And Fireworks Tutorial Site Links - This has a huge links of useful sites
Adding Jigsaw Puzzle Effect With Photoshop
My Photoshop Creations - Tell me what you think?
How To Create A Photoshop Vortex
Mario Signature (adobe Photoshop)
Need To Shrink The File Size Of Web Image? - Photoshop Tricks
1,2,3px Borders - Adobe Photoshop CS2
Need For Speed Car Pictures - Cars (yours and others)
Photoshop Eggs! - See if you can find these easter eggs!
Simple Sig Tutorial - photoshop sig tutorial : New to photoshop?
Rounded Edges In Photoshop - An easy way to do this
Coredraw Vs Photoshop Vs Firework - which one is better
Making Money Creating Logo's - How to make money designing logos using Adobe Photoshop
Turning An Image Into A Cartoon Style - Photoshop - Tutorial on cartooning images.
advertisement



Slanted Pictures - Adobe Photoshop 7+



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute your information that might help someone here.
Ask your Doubts & Queries to get answers.. "Together, We enlight each other!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE