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 2008-07-09, 18:00   Link #921
Evil Rick
Black Dragon
*Graphic Designer
 
 
Join Date: Dec 2007
Location: In the Netherrealm, thinking who to betray next...
Flames Turorial


Hi people! I came with my very first tutorial to show you how to create flames for your sigs and have something like this:



It's very easy and it is a nice trick for the sigs

Spoiler for Flames Tutorial:


I hope that It has been usefull

And sorry if I had any kind of grammar mistake! >.<
__________________
Evil Rick is offline   Reply With Quote
Old 2008-07-13, 05:28   Link #922
Furuno
Fuwaaa~~~
*IT Support
 
 
Join Date: Apr 2007
Location: Indonesia
Age: 25
Send a message via Yahoo to Furuno
Abstract Sig Tutorial

Abstract Background Signature Tutorial

Hello there! This is my second tutorial (my first tutorial can be found here). In this tutorial I will try to explain to you how to create a signature with an abstract background. This tutorial is intended for beginners. The purpose of this tutorial is to make you understand, or at least have the pictures, about how to create a signature with abstract background. However, please note that I'm not that good with Photoshop, and this is actually the first time I'm creating such signature with a technique I've figured out myself, so please forgive me if this tutorial failed to make you satisfied.

After finishing this tutorial, you should be able to create a signature similiar like this :


Before we started, you will need the following application :
  • Adobe Photoshop, I'm using the CS3 version but I guess it's ok with most versions...
  • Apophysis, a software that you can use to generate a random flame fractals. You can get it here. It's free!
Or you can also use GIMP to generate the flame fractals (Filter > Render > Flame...) or maybe even the whole process, but I don't recommend that since GIMP does not have the Layer Style feature, which plays an important role in this tutorial. But, If you can do the workaround in GIMP, please feel free to do that and if you don't mind... please tell me how to do it too!

Okay, enough with all of those foreword, let's begin the tutorial. Open your Photoshop and other supporting programs so you can work well (ex: WinAMP, I can't do well without music...).

Spoiler for Tutorial:
Okay, everbody. That's end my second tutorial. I hope this tutorial can be any of use for you. If you have any questions, comments, or whatever for this tutorial, you can post it on my thread or just private message me. See you next time!
__________________

Check my Blog / Thread / Twitter for some random stuffs...
Furuno is offline   Reply With Quote
Old 2008-07-13, 05:37   Link #923
Kana Futayo
is not amused
*Graphic Designer
 
 
Join Date: Jul 2007
Location: Naval Base
@Furuno

Love the tut and you also provided a link for the software used.
Looks interesting, I'll try it out now.
__________________
Kana Futayo is offline   Reply With Quote
Old 2008-07-16, 03:40   Link #924
aolas
King Of The Night Sky
*Graphic Designer
 
 
Join Date: Jun 2007
Location: Indonesian`s Catacomb
Age: 23
nice tut rick & furuno
d**n you furuno, you always a step above me, hahahaha

anyway i have a question to Kina, but if other people know how to do this please answer it too:



how to make something like that?

sorry KiNa i ask this, i hope you dont mad
aolas is offline   Reply With Quote
Old 2008-07-16, 04:01   Link #925
KiNA
Kira_Naruto, the ecchi
*Graphic Designer
 
 
Join Date: Dec 2005
Location: http://www.exciting-tits.com/
A tutorial on that eh.. I'll see if I can make one later on.. maybe during the weekend.

Need to dig for 2 similar pictures first unless you want to donate them for use in the tutorial

And there's no reason for me to get mad by you asking
__________________
“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 2008-07-16, 18:28   Link #926
Evil Rick
Black Dragon
*Graphic Designer
 
 
Join Date: Dec 2007
Location: In the Netherrealm, thinking who to betray next...
Quote:
Originally Posted by aolas View Post
nice tut rick & furuno
d**n you furuno, you always a step above me, hahahaha

anyway i have a question to Kina, but if other people know how to do this please answer it too:



how to make something like that?

sorry KiNa i ask this, i hope you dont mad
Maks, placed on the glasses Crystals I supose
__________________

Last edited by Evil Rick; 2008-07-16 at 22:41.
Evil Rick is offline   Reply With Quote
Old 2008-07-16, 22:00   Link #927
KiNA
Kira_Naruto, the ecchi
*Graphic Designer
 
 
Join Date: Dec 2005
Location: http://www.exciting-tits.com/
^Rick pretty much nails it .. The glass is made of shapes tho
__________________
“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 2008-07-17, 08:05   Link #928
aolas
King Of The Night Sky
*Graphic Designer
 
 
Join Date: Jun 2007
Location: Indonesian`s Catacomb
Age: 23
@rick:maks...what? i really dont understand

@KiNa:so the glasses made by using shape?
but i'll glad if you can make tut for this. about the pic i will search for it too
aolas is offline   Reply With Quote
Old 2008-07-17, 10:57   Link #929
felix
sleepyhead
*Author
 
 
Join Date: Dec 2005
Location: event horizon
The glasses are just one shape with a border and a gradient. It's flipped and cloned to make the seccond eye piece. What you're looking at is a sig made out of 2 images. They are identical just that one is more naughty then the other. (it's not that uncommon to find such pics)

KiNA reveals part of the other image as the glasses stop. It's like Rick said a mask; a shape set to hide part of the image. (of course there are other way to do it)
See vector tutorials if you're not familiar with shapes and such; the following is what I just said layed into steps; actually more like a checklist.
  1. Get two partially identical images, one in which the character appears dressed and one in which the character is less dressed or however you wish.

  2. Put the images on two layers, place the "decent" version on top and the other on the bottom.

  3. Create a new shape resembling one eye of the glasses.

  4. Duplicate the shape and mirror it to create the other half.

  5. Join the shapes and give them a gradient border. Whatever looks more real is good, but nobody's really going to stare at that so no big deal.

  6. Add any other detail to the glasses. For example the bridge bewean the eyes. (a simple vector shape will do)

  7. Duplicate the glasses shape just leave the shapes there (delete the border) link it to the original and place it just above the first pic (the one where she's decent)

  8. Click on the edge of the pic and the layer to create a clipping mask. (or wathever the procedure is now)

  9. Move the glasses on top in the canvas, so they're out of view.

  10. Open the animation window and create a new frame. Holding shift move the glasses at the bottom.

  11. Having now your two main frames, twean them for something like 20 or something similar.

  12. Pick the middle frame and set the timing blah blah... well you can do anything that looks good to you. Chop of enough frames or reduce it in size to make it forum friendly and you're done.

Note that the above are just simple guildlines.
I just wrote them off the top of my head so as to give you an idea of what you need to do.

BTW, you can simplify the hole glasses thing if you just go for a simpler effect.
__________________
felix is offline   Reply With Quote
Old 2008-07-17, 21:52   Link #930
Evil Rick
Black Dragon
*Graphic Designer
 
 
Join Date: Dec 2007
Location: In the Netherrealm, thinking who to betray next...
Quote:
Originally Posted by aolas View Post
@rick:maks...what? i really dont understand
It's very simple, just grab to images with the same or similar BGs



Place between them what you want to use as mask (tha crystal of the glasses for example)



Hold "Alt"and place the cursor between the "mask" and the upper image anc click



And boula!

__________________
Evil Rick is offline   Reply With Quote
Old 2008-07-17, 21:54   Link #931
KiNA
Kira_Naruto, the ecchi
*Graphic Designer
 
 
Join Date: Dec 2005
Location: http://www.exciting-tits.com/
Rick is spot on

Cant rep you, but thats about it with that sig
__________________
“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 2008-07-17, 21:56   Link #932
Evil Rick
Black Dragon
*Graphic Designer
 
 
Join Date: Dec 2007
Location: In the Netherrealm, thinking who to betray next...
lol

Thanks and don't worry ^.^
__________________
Evil Rick is offline   Reply With Quote
Old 2008-07-18, 01:07   Link #933
LustfulEnvy
Casanova Extraordinaire
*Graphic Designer
 
 
Join Date: Jun 2008
Location: California
Age: 22
Send a message via AIM to LustfulEnvy Send a message via MSN to LustfulEnvy
ill try that, Im still not so hot with animations yet. Still need to practice up. Mask animations giving me a lot of ideas.
__________________
LustfulEnvy is offline   Reply With Quote
Old 2008-07-18, 16:53   Link #934
Spectacular_Insanity
Ha ha ha ha ha...
*Graphic Designer
 
 
Join Date: Apr 2006
Location: Right behind you.
Age: 26
Hey, can anyone give a simple breakdown of how to make simple double-borders in Photoshop CS3? I'm trying to put a double border with black and white (black on the outside and white on the inside; both are supposed to be 1 px wide), but I can't seem to get it to work right. Can anyone help me, or point me out to a detailed tutorial for double-borders?? Thanks.
__________________
Spectacular_Insanity is offline   Reply With Quote
Old 2008-07-18, 17:09   Link #935
Riker
Peek a boo
*Graphic Designer
 
 
Join Date: Dec 2005
Quote:
Originally Posted by Spectacular_Insanity View Post
Hey, can anyone give a simple breakdown of how to make simple double-borders in Photoshop CS3? I'm trying to put a double border with black and white (black on the outside and white on the inside; both are supposed to be 1 px wide), but I can't seem to get it to work right. Can anyone help me, or point me out to a detailed tutorial for double-borders?? Thanks.
Simple breakdown:

Step 1: White stroke 2 pixels wide.




Step 2: Black stroke 1 pixel wide.




Hey presto!

__________________
Riker is offline   Reply With Quote
Old 2008-07-18, 17:37   Link #936
Spectacular_Insanity
Ha ha ha ha ha...
*Graphic Designer
 
 
Join Date: Apr 2006
Location: Right behind you.
Age: 26
@Riker: Thanks so much for doing that! I kept doing outside by mistake for the second layer. I really appreciate you taking your time out to help me.

(and behold, now my current avatar is completed )
__________________
Spectacular_Insanity is offline   Reply With Quote
Old 2008-07-18, 17:42   Link #937
Riker
Peek a boo
*Graphic Designer
 
 
Join Date: Dec 2005
No problem. I was making my current avatar when I saw your post, so I just took some screencaps.
__________________
Riker is offline   Reply With Quote
Old 2008-07-18, 21:43   Link #938
KiNA
Kira_Naruto, the ecchi
*Graphic Designer
 
 
Join Date: Dec 2005
Location: http://www.exciting-tits.com/
Try setting that border (you did make the border on a new layer right?) to screen blending mode.. presto, the black gone and you've got a floating white border ( Change the white border to some other color for better result ^^ )
__________________
“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 2008-07-19, 10:46   Link #939
Hakuryu
Klutz
 
 
Join Date: Jun 2007
Location: California
Age: 23
Okay, I think this is probably an easy question to answer but I can't figure it out. >.>

I was wondering if you can apply photo filters/gradient maps to a graphic but just leave the background layer unconverted? I'm trying to make a banner but when I apply the filters the background color changes, and it has to be a specific color to match the color of the forum.
__________________
Hakuryu is offline   Reply With Quote
Old 2008-07-19, 11:57   Link #940
KiNA
Kira_Naruto, the ecchi
*Graphic Designer
 
 
Join Date: Dec 2005
Location: http://www.exciting-tits.com/
When you are creating a new adjustment layer, alt+clicking will add one hidden command to the new window layer dialogue box "use previous layer as clipping mask" that can be checked. I let you figure out the rest
__________________
“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
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 03:03.


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