Screencasts: Photoshop Tutorials

Threads specific to teaching (or step-by-step resources) for making any kind of graphic image for us in RPtools applications (mostly MapTool and TokenTool).

Moderators: dorpond, trevor, Azhrei, giliath, Gamerdude, jay, Mr.Ice

dorpond
RPTools Team
Posts: 5534
Joined: Thu Jun 01, 2006 2:05 pm
Location: Buffalo, NY

Screencasts: Photoshop Tutorials

Post by dorpond »

I thought I would start making tutorials for making maps in Photoshop.

This first tutorial is how to make platforms, stairs and corner shadows to make those stairs look a bit more realistic.
http://www.rptools.net/dorpond/Photosho ... adows.html

Disclaimer: Dorpond is a hack. Dorpond has never had professional training with Photoshop. Dorpond has learned by playing.

[NOTE] Texture used in this tutorial was made by Kepli at Dundjinni.com
http://www.dundjinni.com/forums/forum_p ... 39&KW=tile

**ADDED 5-23-08**
Here is how I make mountains and such in Photoshop:
http://rptools.net/dorpond/PhotoshopScr ... tains.html
Last edited by dorpond on Fri May 23, 2008 12:24 pm, edited 3 times in total.

User avatar
dLANbandit
Dragon
Posts: 636
Joined: Wed Dec 13, 2006 10:43 pm

Post by dLANbandit »

Thank you thank you thank you. That is soo helpful.


Only one question... Does Photoshop come with that stone pattern?

dorpond
RPTools Team
Posts: 5534
Joined: Thu Jun 01, 2006 2:05 pm
Location: Buffalo, NY

Post by dorpond »

Glad you find it helpful :)

To answer your question: No

Just open up your favorite seamless textures in photoshop and then go to Edit -> Define Pattern

Now your texture will be in Photoshop.

User avatar
dLANbandit
Dragon
Posts: 636
Joined: Wed Dec 13, 2006 10:43 pm

Post by dLANbandit »

I guess I need a tutorial on seamless texture creation. sigh... I'm such a newb at this stuff.

Teach me o great hacker

dorpond
RPTools Team
Posts: 5534
Joined: Thu Jun 01, 2006 2:05 pm
Location: Buffalo, NY

Post by dorpond »

Every floor texture that you get from Dundjinni.com is going to be seamless. Steel Rat has some too I am sure at rpgmapshare.com

Plus I compiled a list of cool textures here:
http://forums.rptools.net/viewtopic.php?t=1156

Also, do a search in Google for: Seamless Tiles Photoshop
You will find a lot of good stuff up there.

User avatar
dLANbandit
Dragon
Posts: 636
Joined: Wed Dec 13, 2006 10:43 pm

Post by dLANbandit »

Thanks!

Now I'm armed and ready to attempt your tutorial.

User avatar
Dracorat
Dragon
Posts: 953
Joined: Thu Sep 14, 2006 5:53 pm

Post by Dracorat »

Awesome job!

Love the "The End" at the end lol.

btw, two things I noticed: (Being that I make Web graphics in photoshop I do pick things up here and there =P )

1) When you do the select inverse and erase around the edges, you could have just done a EDIT -> CLEAR (or pressed the DELETE key)

2) when you do the corners and then pant it in, I'm surprised you didn't just bucket fill it. To make bucket fill work properly after using the brush tool, just set the brush tool and the bucket fill to "antialias edges" set to off.

That said, your demo is ubah. Thanks for posting it!!!

User avatar
Steel Rat
Great Wyrm
Posts: 1765
Joined: Tue Jun 13, 2006 5:55 pm
Location: Oak Harbor, WA
Contact:

Post by Steel Rat »

Shweet!

I was hoping for some humorous (humerus?) commentary...
Steel Rat
-----------
RPGMapShare.com - RPG Maps and Mapping objects.
Discord Server

dorpond
RPTools Team
Posts: 5534
Joined: Thu Jun 01, 2006 2:05 pm
Location: Buffalo, NY

Post by dorpond »

Great advice Dracorat! I hope we can all share more secrets from these.

Regarding the bucket fill: Since I went to Photoshop 9 I have had bad luck filling with anti-aliasing. It just doesn't listen and always leaves a thin line around the edge. I never had that problem with previous versions of PS though. So I find it less frustrating by just drawing it in with a brush. If you have any ideas, let me know. I tried anything including the tolerance. *shrug*

User avatar
Dracorat
Dragon
Posts: 953
Joined: Thu Sep 14, 2006 5:53 pm

Post by Dracorat »

Turn anti-aliasing "off" for the brush and the resultant bucket fill and you wont get the thin line ;)

...

I just opened Photoshop up, an "aliased" (opposite of anti-aliased) brush is the pencil tool lol.

Draw the edges with the pencil tool then fill it and enjoy.

User avatar
Dracorat
Dragon
Posts: 953
Joined: Thu Sep 14, 2006 5:53 pm

Post by Dracorat »

Hell while I'm on a roll try this also - change your "color" palette on the right to "Swatches"

Makes selecting black, white, and other primitive colors easier.

=P

Emryys
Dragon
Posts: 780
Joined: Tue Jan 31, 2006 9:01 pm
Location: Beneath the Aurora Borealis
Contact:

Post by Emryys »

Nice work Dorpond! :)

Perhaps a thread with suggestions for future PS tuts... or a small graphics tips one too... ;)
Game On!
Image

User avatar
Steel Rat
Great Wyrm
Posts: 1765
Joined: Tue Jun 13, 2006 5:55 pm
Location: Oak Harbor, WA
Contact:

Post by Steel Rat »

And if you want to do full HTML tutorials with explanatory text and such you can put them up at RPGMapShare as pages.
Steel Rat
-----------
RPGMapShare.com - RPG Maps and Mapping objects.
Discord Server

User avatar
Hawke
Great Wyrm
Posts: 2261
Joined: Sat Apr 21, 2007 12:12 am
Location: Albuquerque, NM

Post by Hawke »

Let's keep this up. I'm eating this all up... I'm loving it! The more PS tips the better!

When's the next one? ;)

How do you make these, btw?

User avatar
Hawke
Great Wyrm
Posts: 2261
Joined: Sat Apr 21, 2007 12:12 am
Location: Albuquerque, NM

Post by Hawke »

Found this website with the Top 7 Keyboard shortcuts for Photoshop which might be useful to many of you! Be sure to read the comments for many more keyboard tips.

Post Reply

Return to “Graphics, Images, Tokens, Maps”