AnimeSuki Forums

Register Forum Rules FAQ Members List Social Groups Search Today's Posts Mark Forums Read

Go Back   AnimeSuki Forum > Anime Related Topics > Fan Creations

Notices

Reply
 
Thread Tools
Old 2006-12-28, 21:52   Link #241
Aoie_Emesai
♪♫ Maya Iincho ♩♬
*Artist
 
 
Join Date: May 2004
Location: Unnecessary
Age: 28
Send a message via Yahoo to Aoie_Emesai
Nicely done. A border around the image that doesn't reflect the image makes it easier to use it once again for later editing. ^_^

PS: Also, your picture links aren't working also.
__________________

How to Give / Receive Criticism on your work / Like to draw? Come join Artists Alike
Visit my Deviantart Or Blog ~A Child should always surpass his/her parent, Remember.
Aoie_Emesai is offline   Reply With Quote
Old 2007-01-06, 07:32   Link #242
Theclow
"Removed by mod"
 
 
Join Date: Jul 2006
Location: Arizona western collage dorms
Hmm I'm not sure if I'm allowed to aks a question like this but, is the're some kind of trick to make a image transparent to fit in on a sig without messing up the background you already have on it?
__________________
Theclow is offline   Reply With Quote
Old 2007-01-06, 07:35   Link #243
KiNA
Kira_Naruto, the ecchi
*Graphic Designer
 
 
Join Date: Dec 2005
Location: http://www.exciting-tits.com/
I dont get what you mean .. saving the sig as .png not good? Do know mean make a transparent BG like my current avatar?
__________________
“This be the realest shit I ever wrote.” ~Tupac
So very dead right now.. but still breathing thank you.
Top 4 Manga Waifu
>> Tsukiumi
>> Saeko Busujima
>> Himuka
>> Yui Kotegawa


KiNA is offline   Reply With Quote
Old 2007-01-06, 07:54   Link #244
Theclow
"Removed by mod"
 
 
Join Date: Jul 2006
Location: Arizona western collage dorms
Quote:
Originally Posted by Kira_Naruto View Post
Do know mean make a transparent BG like my current avatar?
Yes, and no what I was talking about it putting a certain picture in the sig but keeping the tranparent background or other background. Or actaully changeing a pictures background so it's transparent. Because the only way I know how to make a sig is by dragging a certain picture I want into my workspace(aka my 500x150 trasparent uhh..thing or whatever you want to call it) and then having it overlap my old background or underlap it.(I understand I'm not making much sense but I'm confiused as well.)
__________________
Theclow is offline   Reply With Quote
Old 2007-01-06, 08:21   Link #245
KiNA
Kira_Naruto, the ecchi
*Graphic Designer
 
 
Join Date: Dec 2005
Location: http://www.exciting-tits.com/
sort of like this?


Save it in .png instead of .jpg.. btw, sig pic is by crystal method
__________________
“This be the realest shit I ever wrote.” ~Tupac
So very dead right now.. but still breathing thank you.
Top 4 Manga Waifu
>> Tsukiumi
>> Saeko Busujima
>> Himuka
>> Yui Kotegawa


KiNA is offline   Reply With Quote
Old 2007-01-06, 08:28   Link #246
Theclow
"Removed by mod"
 
 
Join Date: Jul 2006
Location: Arizona western collage dorms
Quote:
Originally Posted by Kira_Naruto View Post
sort of like this?


Save it in .png instead of .jpg.. btw, sig pic is by crystal method
Again yes and no, see I haven't made the sig yet I'm wondering how can I trasperent-ise(?) a certain picture so it dosent overlap the background(aka keeping the background and putting in a new picture without overlapping the desired background) sort of like cutting out certain part of a picture putting transparent sides the the edges then putting it in the sig, hopefully that makes more sense and if it doesn't then try to awsner this: is there way to "whiteout" words?
__________________
Theclow is offline   Reply With Quote
Old 2007-01-06, 08:36   Link #247
KiNA
Kira_Naruto, the ecchi
*Graphic Designer
 
 
Join Date: Dec 2005
Location: http://www.exciting-tits.com/
LOL... I think I get it .. 1st part of your question .. 1st post in this thread, index part C.

Dont get a single clue to your 2nd question lol
__________________
“This be the realest shit I ever wrote.” ~Tupac
So very dead right now.. but still breathing thank you.
Top 4 Manga Waifu
>> Tsukiumi
>> Saeko Busujima
>> Himuka
>> Yui Kotegawa


KiNA is offline   Reply With Quote
Old 2007-01-06, 09:25   Link #248
Theclow
"Removed by mod"
 
 
Join Date: Jul 2006
Location: Arizona western collage dorms
Quote:
Originally Posted by Kira_Naruto View Post
Dont get a single clue to your 2nd question lol
Ok is the're anyway to take out text without damaging the image(by damaging I mean messing up the backgroud), I know it's probally "no". Anyway thatns for the help.
__________________
Theclow is offline   Reply With Quote
Old 2007-01-06, 16:32   Link #249
Senovit
Murk Loar
*Graphic Designer
 
 
Join Date: Nov 2006
Age: 25
On pics with abstract backgrounds you can probably pick up your smudge tool and attempt to remove the text that way, but if the background is something non-abstract you're probably going to have to redraw the background if you want to remove the text.
__________________
Senovit is offline   Reply With Quote
Old 2007-01-07, 20:04   Link #250
KrAn3
Junior Member
 
Join Date: Sep 2006
I was wondering about adding animation to sigs. Like text scrolling across the sig pic or poping up in some spots at different times. Also how to put animated scenes into the sig like snow flakes dropping or a person running or laughing, etc.
KrAn3 is offline   Reply With Quote
Old 2007-01-08, 01:04   Link #251
KiNA
Kira_Naruto, the ecchi
*Graphic Designer
 
 
Join Date: Dec 2005
Location: http://www.exciting-tits.com/
As request.. here's a simple tutorial to animate a sig.. we'll be animating the text in this 1

I wont go on how to make the sig 1st as its already covered several time before .. now, straight to animating it ..

Make a new layer right on top of the text you want to animate.. and fill it with a color.. I choose white for simplicity...

In my case here, its not white because i have the hue layer above it .. giving it a little bit of orangish color ^^. Oh, stop staring at the bottom pic

Next choose the gradient tool (1), and set a foreground color ... I choose black (contrast to white) then set the gradient to foreground to transparent in (2) then set it to reflected gradient style (3)


Make a tiny gradient ..


Now a little complicated... right click on the layer's name .. There should be a create clipping mask option available.. select it and presto! your new layer is now hidden behind the layer under it .. in our case, our text layer ^^


If you do things right .. you should have a tiny little arrow right next to the layer's thumbnail


testing the layer ..
press v or select the move tool ..

move it around .. you should see the gradient inside the text


Get the animation window window->animation.. Make a 2nd frame


On the 1st frame.. move the gradient layer to the begining of the text.. Select the 2nd frame and move the gradient layer to the end of the text.


Press tween and enter the numbers of frames to tween between the 2 initial frames.. more frames makes its smoother at the cost of filesize increase.


Final work


Remember, its not limited to gradient only .. experiment..

Too lazy to protect the tutorial from thief.. if you steal and claim it as your own, shame on you .. forgot to put my name on the final sig as well .. oh well, freebie released then .. *watched Cyz jump out and claim it later ..* O__O


I'll be honest, I have no idea how that bottom pic keep showing up on every tutorial pic ^^v
__________________
“This be the realest shit I ever wrote.” ~Tupac
So very dead right now.. but still breathing thank you.
Top 4 Manga Waifu
>> Tsukiumi
>> Saeko Busujima
>> Himuka
>> Yui Kotegawa


KiNA is offline   Reply With Quote
Old 2007-01-09, 19:50   Link #252
KrAn3
Junior Member
 
Join Date: Sep 2006
Thanks Kira_Naruto!

I've been wondering about it for a while, the tutorial was a really big help!
KrAn3 is offline   Reply With Quote
Old 2007-01-09, 21:56   Link #253
KiNA
Kira_Naruto, the ecchi
*Graphic Designer
 
 
Join Date: Dec 2005
Location: http://www.exciting-tits.com/
WTF happened to my final sig ???

Lame imageshack
__________________
“This be the realest shit I ever wrote.” ~Tupac
So very dead right now.. but still breathing thank you.
Top 4 Manga Waifu
>> Tsukiumi
>> Saeko Busujima
>> Himuka
>> Yui Kotegawa


KiNA is offline   Reply With Quote
Old 2007-01-18, 08:34   Link #254
felix
sleepyhead
*Author
 
 
Join Date: Dec 2005
Location: event horizon
Post Actions

Intro
What are they for?

After a while you'll notice that you're repeating some stuff a lot. To avoid the boring manuvers in Photoshop. Basicly you record what you are doing and for one and then you just repeat it over and over for the rest, thus saving you the trouble of having to go to menu X chouse option Y (and set whatever is needed) over and over and over for each and every one.
When it's good to use them
Lotz of bla bla bla bla...

Actions can be used for about anything. However... while it may sound like a good idea to have some action for example that makes a 1px black border, it's NOT. Besides obviosly spoiling your creativity and ruining your chances of forming some fundemental shorcutkey skills, it is not what they were intended.

Actions are meant as a "production line" tool, they're usefullness lies not in making very simple manuevers, but making a series of complex hard to remmeber moves. Like setting it to open and process your image, to be turned into a thumbnail for example. Or to make an action that opens all the windows to for adjustments, fillters. Or as a form of recording complex effects, so you get consistent results.
Basics
How to make one...

You first start by opening a file, something very general use.
Then open the Actions window (via Window Menu), if it's not already.

Spoiler for Example & Illustration:


With everything in place, do some prep work. For example, let's say were making an avy, you wouldn't want the crop in the actions so just crop to a square shape. (see Index Section E. for Cropping)

Now create a set for your action.
Spoiler for Example & Illustration:



Now start a new action.
Spoiler for Example & Illustration:


Now you can use your action to reproduce the result time and time again.
To run an action select it and hit the run button .
Spoiler for Example & Illustration:


Adv. Tips
Fine tunning...

You might need to adjust a certain part in an action each time you apply it.
For example for an action that makes an avatar you would almost always want to mention diffrent save settings.

To do this we insert a Break Point. Basicly when you run the action it will do everything and when it reaches a breack point (you can have as meny as you need) it will pop up the dialog box for that move. For the example above that would mean it would pop up the Save for Web dialog box.

Spoiler for Example & Illustration:


Actions that have Break Points in them have a Redish Break Point icon next to them.

-------------------------------------------------------------------------
How to make 100 Avys per Hour
Simple Technique Nr. #1

Ok lookie here...
I bet you're thinking making that many takes a lot of time, well it doesn't. There's a master technique for it to go uber fast...

First Make sure you have some pics in a gallery somewhere. Then create a new folder somewhere else where all your avys will go. Ok we're all set...

Start photoshop, you'll need your Action Window and Tool Pallet nothin' else.

Create a new action, let's call it "Avy 100perHour Piece A" (this is joke, you'll get it at the end )

Now it should be recording. Ok, now I'm going to take you through some full proof HQ static Avy settings.
  • Go File > Open > *go to gallery and open a pic*
  • Select the Crop Tool, in the tool bar set it to 100 x 100 fixed ratio.
  • Crop it!
  • Go Image > Adjustment > Levels > *Move the White and Black extremes in very slightly and the Gray pointer to the left, again very slightly* (this 99.9% time improves quality and reduces final image size by a little)
  • Go Image > Adjustment > Curves > *Create a very lean S curve* (this will make charcters glow, colors brighter, and reduce end file size)
  • Go Image > Image Size > *set it to avatar size 100 x 100, set the Resample Method to Bucubic Smoother* (yes I know Bicubic Sharper is the recomended one for downsampling images but Bucubic Smoother produces better looking result, and smaller filesize)
  • Hit Ctrl + A (ant line should appear as all is selected)
  • Go Edit > Stroke > *4px White at 50% transparency*
  • Go Edit > Stroke > *2px Black at 100% transparency*
  • Go Edit > Stroke > *1px a light Grey at 100% transparency* (not too light)
  • Go File > Save for web > *settings are jpg at 90%* > *save it in the directory you created at the begging* (no need to name it leave with the pic name)
  • Go File > Close > *when asked to save changes answer as NO*

Ok stop the action, we're done.
Now, add Breack Points for the Open and Crop moves.
Copy your action 3 times. (drag and drop on the new action button)
Name the second one "Avy 100perHour Piece B". (don't worry about the 3rd copy)
Go to your original copy and start the recording process again, now select "Avy 100perHour Piece B" and hit play. You'll need to make an avatar to continue.
Now, Stop recording for action "Avy 100perHour Piece A". You should have a new move after the Close move. Take it and move it in the 3rd copy. Now start recording for "Avy 100perHour Piece B", this time select "Avy 100perHour Piece A" and hit play. (you'll need to make an avatar again)

Ok, to finish things off take the action in the 3rd copy that was originally in "Avy 100perHour Piece A" and put it back in "Avy 100perHour Piece A" (you can delete the third copy, it has served it's usefullness)

Now you have a recursive action. I'm sure you've figured out by now that 100perHour is a joke, but it's sometimes better to lie then to say the totaly outragious actual time.
Spoiler for How They Should Look:
Sample Output:
....
P.S. When your finished, so everything's nice and tidy, go to the Adobe Bridge > *find your folder* > *select all your avatars* (they should have the name of the files they were made from) > Hit Ctrl + Shift + R. The dialog box for batch renaming should apper, select how you want them to be called etcetera.

Photoshop Settings
Simple Technique Nr. #2

O so tired.. ok I won't go into detail... I'll just throw the concepts at you.
Have you ever thought of using Photoshop actions to record you as you change Photoshop Default-Out-Of-The-Box-Settings to you favs. (add your tool presets etcetera) Hmm
How about setting up an action that changes the key shorcuts. Let's say you have 4 actions (for example the F9 to F12 keys) each changing the functionality of, say, the F1 to F8 keys. That would mean that in you've doubled the functionality of the F1 to F12 keys. (but this is just as an example)

Ok maybe this is too hard to swallow for the avarage avy maker, I'll stop now
__________________
felix is offline   Reply With Quote
Old 2007-01-18, 14:54   Link #255
Deathkillz
~ You're dead ^__^* ~
*Graphic Designer
 
 
Join Date: Apr 2006
Location: uk, England
Age: 24
Send a message via MSN to Deathkillz
and here i was actually thinking that you are crazy enough to sit down and make a tonne of avies great tutorial...and now i know...maybe i should go and surprise some of my friends by showing how "sad" i am haha XD
__________________

Siggy: hohohohoho~ | AnimeHistory welcome to our blog ~ | Summer2009 early review
Under the radar series Summer2009: Kanamemo, GA Geijutsuka Art, NEEDLESS
Deathkillz is offline   Reply With Quote
Old 2007-01-20, 11:26   Link #256
saphyre
Senior Member
 
 
Join Date: Jul 2006
Location: Australia
Age: 26
EDIT: nvm, got it.
__________________

Last edited by saphyre; 2007-01-20 at 11:45.
saphyre is offline   Reply With Quote
Old 2007-01-21, 20:55   Link #257
Crystal_Method
I want dreads...
*Artist
 
 
Join Date: Sep 2006
Location: a cardboard box
Age: 23
I need help on learning how to cut out a character from a pic. I use the quick mask method, but I am horrible at using the mouse to do it. Also when I save it as a gif it looks even crappier. (look at my sig.) I was hoping someone can tell me a good tip on how to cut a character out. Or at least a way to increase the quality of a gif without changing the resolution.
__________________
Crystal_Method is offline   Reply With Quote
Old 2007-01-21, 22:08   Link #258
KiNA
Kira_Naruto, the ecchi
*Graphic Designer
 
 
Join Date: Dec 2005
Location: http://www.exciting-tits.com/
If you dont want to use quickmask, your only other option is using the pen tool... which I think is much harder (especially if you feel that you are horrible at mouse handling)... Currently, I'm using calculation channel to extract my renders out... its a bit faster and honestly, I feel that its better then quickmasking extraction, but I'm not that familiar enough to make a tutorial for it...... Altho practically its the same stuff with quickmasking as well.

If you are not making an animated sig, why don't you save using png filetype? You still get the transparent effect (the only downside to that is that IE users would not be able to see the transparent stuff -- lame IE .. Opera FTW ). Gif filetype could only saves up to 256 colors thus the drop in quality should be expected.

@ quickmasking tip.. zooom in to the max helps.
__________________
“This be the realest shit I ever wrote.” ~Tupac
So very dead right now.. but still breathing thank you.
Top 4 Manga Waifu
>> Tsukiumi
>> Saeko Busujima
>> Himuka
>> Yui Kotegawa


KiNA is offline   Reply With Quote
Old 2007-01-21, 22:37   Link #259
Crystal_Method
I want dreads...
*Artist
 
 
Join Date: Sep 2006
Location: a cardboard box
Age: 23
I usually would use png, but when I do it comes out to be double the maximum bytes for animesuki. That's why I thought using gif would be a solution. If you know a way for me to decrease that size on png, that would be cool.

Is there any links for tutorials on the calculation channels thing? I don't really understand how you would use that to cut out images.
__________________
Crystal_Method is offline   Reply With Quote
Old 2007-01-21, 23:14   Link #260
saphyre
Senior Member
 
 
Join Date: Jul 2006
Location: Australia
Age: 26
You can cut the transparent bit and save that as a .png and save the bottom as a .jpg, making it 2 seperate files.
That's "Cats" way of making transparent sigs like yours.
__________________
saphyre is offline   Reply With Quote
Reply

Tags
avatar, graphic, photoshop, signature, tutorial

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT -5. The time now is 22:36.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2014, vBulletin Solutions, Inc.
We use Silk.