strawberrie
Jul 22 2005, 12:51 AM
(I am aware that there is an existing tutorial on double stroking text, but this is very different.) 1. Open up/copy&paste the image you want to double stroke onto a new layer (Shift+Ctrl+N) in Photoshop. Click to view attachment2. Go to Edit > Stroke. Set the width to 3 px and color to whatever you wish your furtherest inside border to be (in this case, black). Click to view attachmentYou should get something like this: Click to view attachment3. Go to Edit > Stroke again. Set the width to 2 px and color to whatever you wish your middle border to be (in this case, white). Click to view attachmentYou should get something like this: Click to view attachment4. Go to Edit > Stroke again. Set the width to 1 px and color to whatever you wish your furthest outside border to be (in this case, black). Click to view attachmentYou should get something like this: Click to view attachment5. And you're done! If you're creating an avatar or banner for your website, Just go to File > Save for Web and configure your output settings to finish up. I hope this tutorial helps! ^__^
Comment/Reply (w/o sign-up)
Saint_Michael
Jul 22 2005, 06:55 AM
good job this should help out the new members to make good avatars to use in the forum. hmm maybe i should change my avatar, going to consider it this weekend. 10/10
Comment/Reply (w/o sign-up)
snlildude87
Jul 22 2005, 03:41 PM
Oooh, this will help me so much in making sigs. Thanks, strawberry! Instead of the white 2px stroke, you can also do clear. 
Comment/Reply (w/o sign-up)
thebluekirby
Jul 22 2005, 03:54 PM
I like how it's written up, good job  . But i think that the tutorial is kinda simple, and lots of people can do it. So 7/10
Comment/Reply (w/o sign-up)
strawberrie
Jul 22 2005, 07:14 PM
Thanks for the comments everyone! @Saint_Michael: eh, that's a great idea! I've been using a color for the middle border this whole time... I didn't even consider leaving it clear... I've gotta try that next time!  @thebluekirby: yeah, it really is a simple tutorial, but I was surprised that no one else had done something like it before (maybe I should come up with some more of these simple tutorials for Photoshop beginners XD)
Comment/Reply (w/o sign-up)
snlildude87
Jul 22 2005, 07:52 PM
QUOTE(strawberrie @ Jul 22 2005, 04:14 PM) Thanks for the comments everyone! @Saint_Michael: eh, that's a great idea! I've been using a color for the middle border this whole time... I didn't even consider leaving it clear... I've gotta try that next time! @thebluekirby: yeah, it really is a simple tutorial, but I was surprised that no one else had done something like it before (maybe I should come up with some more of these simple tutorials for Photoshop beginners XD) HEY! I told you about the clear thing. Not Michael! Read this thread again. Humph! Actually, Brooks showed me how to double stroke, but he did not point out that it had to be inside instead of center.
Comment/Reply (w/o sign-up)
Shackman
Jul 22 2005, 08:23 PM
Very useful. I was looking on a tutorial for this, but I searched along borders and I got a lot of nonsense. One website even suggested manually drawing them.... I would not even have know it was 'stoking'!!!! A timely tutorial and very well written. Thanks a lot. -Shackman
Comment/Reply (w/o sign-up)
strawberrie
Jul 22 2005, 08:25 PM
QUOTE(snlildude87 @ Jul 22 2005, 03:52 PM) HEY! I told you about the clear thing. Not Michael! Read this thread again. Humph! Actually, Brooks showed me how to double stroke, but he did not point out that it had to be inside instead of center.  I can't believe I wrote that... my eyes must have been failing me or something... >_< THANK YOU snlildude!! I find inside the most convenient way to stroke images. Did you used to use center before?
Comment/Reply (w/o sign-up)
snlildude87
Jul 22 2005, 08:30 PM
QUOTE(strawberrie @ Jul 22 2005, 05:25 PM) I find inside the most convenient way to stroke images. Did you used to use center before? I've used center, but it just wouldn't work, and I had no idea why either. Then along came this tutorial, and I figured out that it had to be inside instead.
Comment/Reply (w/o sign-up)
Saint_Michael
Jul 22 2005, 09:29 PM
snlil i could have told you that about the inside stroke  , yeah when i did the outside and center it didn't look as goo but that was a long time ago maybe i should give it another shot.
Comment/Reply (w/o sign-up)
iGuest
Mar 28 2009, 07:11 AM
its probably because you need to first convert the layer to a smart object, and then rasterize it, or just rasterize it first if it will let you do that. Then edit > stroke won't be grayed out.
Comment/Reply (w/o sign-up)
iGuest
Nov 29 2007, 07:35 PM
I tried to stroke my image, but it wont let me choose it under edit...wat do I do? -mama_08302007
Comment/Reply (w/o sign-up)
Sprite
Aug 28 2005, 12:27 AM
This is a nice tutorial man, I already knew this, i do mine different but nice none the less.
Comment/Reply (w/o sign-up)
Amezis
Aug 15 2005, 10:34 AM
Nice tutorial, thanks, thanks, thanks
Comment/Reply (w/o sign-up)
snlildude87
Aug 4 2005, 02:00 PM
QUOTE(Johnny @ Aug 3 2005, 01:49 PM) Makes the stroke from the center of your selection, so if you do 1px, it's just your selection, if you do 3, there's an extra pixel on either side of the selection, which in this case would make one of them outside the image, so it would look like a normal 2px one, and so on. Ahh! No wonder it wouldn't show up when I used Outside. I blame photoshop for defaulting it to Outside.
Comment/Reply (w/o sign-up)
Similar Topics
Keywords : double, stroke, images, photoshop
- Getting Started With Photoshop!
Introduce yourself to photoshop and make a great friendship! (0)
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 and s....
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....
Adding Jigsaw Puzzle Effect With Photoshop
(5) 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....
Adding Signature Stamp In Photoshop
(5) I take pictures for my wife's eBay auctions. She likes her name inserted on the photos. While
there are many ways to do this, my solution is quick, easy and flexible. Open a new file with a
transparent background. Size isn't important. Select the text tool and choose your font. I used
a script font. Type the signature. Now click on Edit/define brush preset A box will pop up
to name the brush. Open the picture you want to sign. Select the brush tool. From the drop
down menu select the brush. It will be the last one. Select the color on the....
Photoshop -- Double Stroke
Learn to create a neat-o text effect (3) Lets do this! 1. Create a new photoshop document with the dimensions 88x31. If your lost
already... quit. 2.Alright make some random background and then put some random black-colored
(#000000) text on it. Kind of like the picture below. 3. Select the text layer you have just
created and click on the little f symbol near the bottom of the layer window. A sub menu should pop
up. Click on stroke. 4. Some editing window should appear. Change all the values to what you
see in the following image, make sure the stroke color is white (#FFFFFF). After this tutori....
Photoshop Cs Tutorial - Make Your Pics A Little Spooky
How to Add ghost in your pics. Let peoples wondering is ir a real ghos (5) First, you need source pic. I labelled the source pic as S . Heres my source pic: Look spooky
isn't it? And here's my original pic. I label my original pic as O. Next, i paste the
S picture on the O picture using adobe photoshop and erase the undesired area. Adjust the S
position.. Here's the result: Select the S layer and and adjust the opacity and fill until
you get the most spooky look. Go to filter and select blur-gaussian blur.. Select smudge tool and
smudge the S picture until you get a better and real ghost shape. Repeat this step un....
Adding Shine To Text
images say "Tiger Ads", but, the board is clsed, so, i'm r (4) OK, in this tut, I am going to show you how to add shine to any text. For this example I will be
using the TigerAds affiliate button. (the board is since closed so, I'm not really advertising
/tongue.gif" style="vertical-align:middle" emoid=":P" border="0" alt="tongue.gif" />) OK then,
lets get started! 1. Open up the image that you will be using, this is mine: 2. Now
that your image is open and making sure that its the .psd so you can edit the text on it. In your
layers menu, hold down CTRL and click on the text layer so that only the text i....
Photoshop Cs2: Full Signature Tutorial
Made by Tramposch (12) This is a tutorial on how to make a signature like this: First of all, you need to find your
render, try to find one that doesn't have a lot of space around its arms, or doesnt have a cape,
because then it will not looks so great with empty space. For the signature I used this render:
http://i97.photobucket.com/albums/l217/Tra...oredcore2er.png 1) Open a new document, with a white
background, any reasonable signature size will do (don't make it too large /wink.gif"
style="vertical-align:middle" emoid=";)" border="0" alt="wink.gif" /> ). 2) Go Edit---> ....
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....
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....
Photoshop - Lightning Tutorial
How to make realistic lightning in photoshop. (18) This tutorial will teach you how to make realistic lightning. 1) Open a new file, set the
canvas size to about 400 x 300 pixels. 2) Set your foreground color to white and background color
to black. 3) Go to Filter > Render > Clouds. 4) Go to Filter > Render > Difference Clouds.
5) Go to Image > Adjust > Invert. 6) Go to Image > Adjust > Levels. 7) Move the arrow in the
middle all the way to the right. 8) To change the color of the lightning like I did, go to
Image > Adjust > Color Balance. 9) That's all there is to making realistic ligh....
Glossy Effect Tutorial [photoshop]
(14) Most people know how to do this but for you people new to photoshop it is a helpful trick!! ....
How To Make Cool Rain Effect
(photoshop tut) (60) Here i am going to show you how to create realistic rain effect using photoshop CS, this tutorial is
suitable for immeadiate beginners too, now the first thing you need is to get a good source image ,
i used this house which is shown at a kool angle and a dog lookin out of the window supposedly
because it is raining dublicate the layer ( press Ctrl+J ) or just drag the layer to the create
new layer button at the bottom of layers tool box , now go to Image > Image Adjustments > Levels
and make your settings as shown in the image below ... even tough the image w....
My First Sig Tutorial (c4d+coloring) (photoshop)
your comments please (11) First of all open a new document with white background and size 355 / 105 import your render to a
new layer , name the layer original and hide the layer create a new copy of the original layer
here's the render i choosed ..... go to Image > Adjustments > Hue saturation choose
colorize and drag the hue slider to 121 create another copy of the orignal layer go to Filter >
Blur > Radial blur set amount to 10 , blur method to spin and quality to good now set the blending
mode of the layer to vivid light go to Image > Adjustments > Hue saturation choose color....
[photoshop] Fire Tutorial
Making fire out of filters... (11) In this tutorial I will describe how I immitate fire using filters, in Photoshop. This technique
works with many canvas sizes, but for this tutorial I used 300x300. - First off, make sure you
have the default colors as your foreground and background colors (press "D" on your keyboard). -
Next, render some clouds. Filter > Render > Clouds . - Next, some difference clouds. Filter >
Render > Difference Clouds . This step, repeat until the light shades take up most of the space.
Outcome: - Next, we'll mess around with the lighting effects. Filter > Render >....
[photoshop]grunge Abstract Sig ~ Samma
Includes Multi Color Method (9) Im not sure if this has been done before... I havent seen a grunge abstract tut before, but anyways
here it is /tongue.gif' border='0' style='vertical-align:middle' alt='tongue.gif' /> Outcome:
1. Fill the canvas with black, and brush with white using a grunge brush. After you have
completely filled the whole layer with the grunge brush, go to Image > Adjustments > Auto Contrast,
then go to Filter > Sharpen > Sharpen Edges, then finaly go to Edit > Fade Sharpen Edges and do an
opacity of 50%. Make a new layer. Repeat Step 1. another 2 times using different gru....
[photoshop]liquid Glow Text
(14) Make a pretty glow-type liquidy border for your text! This is for people who use Photoshop. I have
CS 2, but you can make it with older versions. 1. Open a new document (default PS size should be
fine), and make the background black. 2. Using the text tool, write a largish word in white. Works
best with bolder fonts - I used "vein" (from dafont.com) at 72px. You should have something like
this: 3. Make a copy of the text layer by either dragging the layer over the New Layer button or
right-clicking on the layer and selecting "Duplicate Layer". Right click the copy,....
[photoshop]affiliate Button Tutorial
How to create one? (8) Ok, in this tutorial we're going to create an affiliate button. It's very easy! Difficulty:
Easy Completion time ~10 minutes Required things: Photoshop, good brushes, pixel font, a brain. Ok
lets get started! Step1: Open a new image, most Buttons are 88x31. So use that size. Step2:
Now we need to add a black ground. Simply; Shift+F5. Now duplicate your background layer(the black
one). This will be the brushing layer. Step3: Grab a brush and brush, alternate brushes, you
should only need to do a few clicks since the size is so small. MAKE SURE YOU'....
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 .......
Rounded Edges In Photoshop
An easy way to do this (16) 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....
Photoshop Registration
concerning the pop-up window (6) hey, when you start installing photoshop, does the registration window pop up at the beginning ? or
it doesn't come out until your 30 day trial is over? because i've reformatted my comp like 3
times and i have ps on te cd saved but whenever i try to install it it never asks me to register
it... also which is better? PHOTOSHOP cs OR PHOTOSHOP the newer version? and will the brushes for
ps8 work on the newer one? thank you!....
Creating Links In Images
Using ImageReady (22) In this tutorial I will show you how to create links in your image. I'm shore there's a lot
of different ways you can do this, but I'll just show you how to do it real easy. 1) After
creating the image you want to add links to in photoshop, make shore the mode is set to RGB Color.
Just go to Image -> Mode -> RGB Color. 2) Go to File -> Jump To -> Adobe ImageReady. Your image
will now load into ImageReady. For this tutorial I will be using this image that I found: I will
make the buttons of this navigation bar into links. 3) Press K to select the slice t....
Adobe Photoshop --- Cyber Abstract
(14) Step 1. Open a new document, make it 800x600pixels and make the background white. Then press D on
your keyboard, this will make the colors reset to their default. (black and white) Step 2. Go to
Filter=>Render=>Difference Clouds, press ctrl+F to repeat this step again. Step 3. Next go to
Filter=>Pixelate=>Mezzotint, and use Long Lines Step 4. Go to Filter=>Blur=>Radial Blur and use the
settings shown in the image below: (make sure you pull the blur center up to the left corner! THIS
IS IMPORTANT!) Here is what I got: Step 5. Press Ctrl+U from your keyboard t....
Turning An Image Into A Cartoon Style - Photoshop
Tutorial on cartooning images. (32) 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....
Pencil Drawing [photoshop]
(10) Here's how to make pictures were drawn in pencil! 1) Open up any picture 2) Apply
Filter>Stylize>Find Edges. 3) Press CTRL+U Settings: Master, 0, -100, +57 And that's it!
Your picture now looks as if it was drawn by hand. My result: ....
Adobe Photoshop Fire Text
(5) 1. Create a new image, any size will do, but I used 400x150 (standard sig size) 2. Fill the newly
created image with black 3. Create a new text layer with whatever text you want to use 4.
Merge the text layer with your background layer (Click on your text layer, press Ctrl + E) 5.
Filter, Stylize, Wind...Use Settings Below 6. Repeat by pressing Ctrl + F 7. Repeat steps
5-6, changing the direction of the wind to Right 8. Now rotate the canvas 90 degrees CW 9.
Repeat steps 5-7 10. Rotate the canvas 90 degrees CCW, this will return you to the origina....
[photoshop] Cartoon Vector
(25) How to turn a picture of an actual person into a cartoon... (1) Filter> Blur> Gaussian Blur
Settings: 9px (2) Press Shift+Ctrl+C now in Mode set it to darken and opacity to 100% if it
isn't already. And that's it! Simple, eh?....
Exporting Transparent Images In Photoshop To Flash
Needed: Photoshop 7 or CS, Flash MX (8) First of all, it is important that you make sure the image you wish to export is on a transparent
layer. The transparent layer is a checkered background in photoshop. You can see this checkered
background in the image to the left. In this example, I created a quick glass icon which has
different levels of transparency. This is the image I will be exporting, whilst preserving
it's transparency. Once your image is on a transparent background, head to file > save for
web. You can only export complex transparency using the .png filetype. So from the drop down....
Photoshop Tutorial Sites
(39) here's a good list of photoshop tutorials: http://www.thewebmachine.com/
http://www.switchdesigns.net/?id=ps http://user.fundy.net/morris/photoshop.shtml
http://www.stridingstudio.com/tutorials/ http://www.wastedyouth.org/tutorials/index.html
http://www.computerarts.co.uk/tutorials/2d/ http://www.deepspaceweb.com/
http://www.neofrog.com/ http://www.phong.com/tutorials/
http://www.spoono.com/tutorials/photoshop/ http://www.pixeljunction.com/tutorials.php
http://www.eyewire.com/tips/photoshop/ http://www.photoshoproadmap.com/pho...rials....
Looking for double, stroke, images, photoshop
|
Searching Video's for double, stroke, images, photoshop
See Also,
|
advertisement
|
|
