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 2013-05-19, 09:57   Link #1701
EroKing
Senior Member
 
 
Join Date: Dec 2010
Age: 38
They will have to learn stuff like photoshop for that
__________________
EroKing is offline   Reply With Quote
Old 2013-06-20, 06:20   Link #1702
Auxilism
For the yuri (╹◡╹)
 
 
Join Date: Apr 2012
Location: I do not remember
Preserving partial transparency from png to gif

TL;DR…
Foreword
Sorry; dynamic content not loaded. Reload?

Programs: Photoshop and GIMP. GIMP will be covered second as the programs can do this independently and I'm not as proficient with GIMP. I just think the gif layout for GIMP is better than Photoshop's so I use both when making gif avatars/signatures. Paint is optional.

Operating system: Windows 7

---

Let's compare an image I extracted, png vs gif format.
png
gif
There's barely any difference, but I would say the most prominent parts are the top of their heads and the extreme left and right where their hair is. This is because gif does not allow partial transparency, it either has the pixel there or throws it away completely. Because of this, some pngs look fine but become weird when turned into gifs.

First, we need the color of the background where the image will be placed on. This is why this method 'locks' the image, different forums have different backgrounds.

Get a screenshot and use the color picker to get the background you want. If you have a program that saves it instantly to your computer where you can load it into photoshop/GIMP immediately, that's great. However, I'll be doing the traditional print screen method and then pasting into paint for those who don't know how to/don't have the program.

TL;DR…
Paint steps, optional
Sorry; dynamic content not loaded. Reload?
TL;DR…
Photoshop steps
Sorry; dynamic content not loaded. Reload?
Now we'll compare png, gif with stroke and gif.
png
gif with stroke
gif
There should be no difference between png and gif with stroke but the same differences between gif with stroke and normal gif compared to png and normal gif.

GIMP later, I have to eat now.
Edit:
TL;DR…
GIMP steps
Sorry; dynamic content not loaded. Reload?

Comparing the three of them again, this time the gif with stroke from GIMP.
png
gif with stroke
gif

Now you might say, "What if I want something like your current signature? The stroke looks weird when intersecting with the animation."

When deleting the extra part from the frames, turn off the stroke before using it as your deleter. After that, turn it back on and merge down the first frame of animation which will overlap with the stroke.

Example (lazy to get the same gif, using random one. ):

I know, the strap could use more cleaning.
__________________
Auxilism
オークシリスム
3rd Yuri Division
Characters are from Madoka Magica, Symphogear and Sakura Trick.
Please see the uncompressed version on the right.
Click this for my gif request thread.Max quality version
I take gif requests here.
Please read the opening post (revised as of 22/8/2014).

Last edited by Auxilism; 2014-02-06 at 12:43. Reason: Fixing broken link
Auxilism is offline   Reply With Quote
Old 2013-09-08, 08:08   Link #1703
Seitsuki
Onee!
 
 
Join Date: Jun 2006
Location: Auckland, NZ
Quick question, in an image like this:

Images
Sorry; dynamic content not loaded. Reload?

Can that mottled effect be achieved by some sort of texture/filter? Or was it likely to have been manually painted in?
__________________
thanks to Patchy ♥
Seitsuki is offline   Reply With Quote
Old 2013-09-08, 09:13   Link #1704
winhlp32
(¬‿¬)
 
 
Join Date: Apr 2010
Location: Boyzone
It's highly likely they used a texture set to some blending mode. You can try Googling "mottled texture photoshop" and make your own?
__________________
            |
   \  ( ^p^ )/
      ̄ ̄ /
       /
      / \|
    /
winhlp32 is offline   Reply With Quote
Old 2013-09-08, 11:00   Link #1705
NorthernFallout
The Interstellar Medium
*Author
 
 
Join Date: May 2008
Location: [SWE]
Age: 34
I haven't done this in a while (years), but I've had a sudden spur of PS energy. It's made in a rush, but it at least show some techniques I personally use, and it isn't meant to reproduce the exact same thing. Source and renders are up to the person.

Tutorial
Images
Sorry; dynamic content not loaded. Reload?

Result:
__________________

NorthernFallout is offline   Reply With Quote
Old 2014-02-26, 14:55   Link #1706
Zaga
Junior Member
 
Join Date: May 2010
GIF creation question

I've been trying to learn how to make GIFs using Photoshop then I encountered this problem. I couldn't figure out myself how the person who created it did this.

http://i.imgur.com/6E2E5J8.gif

I took frames of this whole scene using KM Player and ended up having 89 frames. The GIF I linked above has only 16 frames. The obvious answer would be he deleted frames but what I don't know is how he was able to pick frames so that it would look like it's "continuous" and not just "repeating over and over". I mean, is there some sort of way to able to do that? Or it's just a simple matter of trial and error?
Zaga is offline   Reply With Quote
Old 2014-02-26, 15:33   Link #1707
RRW
Unspecified
*Scanlator
 
 
Join Date: May 2010
Location: Unspecified
show me your gif. put it on something like mediafire if file is too large.

animation like that usually looping by itself. you just need to find 2 frame that is same. keep everything in between and cut the rest
RRW is offline   Reply With Quote
Old 2014-02-26, 16:13   Link #1708
Zaga
Junior Member
 
Join Date: May 2010
Quote:
Originally Posted by RRW View Post
show me your gif. put it on something like mediafire if file is too large.

animation like that usually looping by itself. you just need to find 2 frame that is same. keep everything in between and cut the rest
Here it is: https://www.dropbox.com/s/ig04eo914aof4f5/kagari.gif
Zaga is offline   Reply With Quote
Old 2014-02-26, 17:07   Link #1709
RRW
Unspecified
*Scanlator
 
 
Join Date: May 2010
Location: Unspecified
the gif "loop" from frame 1 to 56 (they are similar). so you can remove frame above 56

then just remove frame that look similar. for example frame 1,2, & 3 look similar. just remove frame 2 and 3. do it for other one

easy way to cut frame
RRW is offline   Reply With Quote
Old 2014-02-26, 17:23   Link #1710
Zaga
Junior Member
 
Join Date: May 2010
Quote:
Originally Posted by RRW View Post
the gif "loop" from frame 1 to 56 (they are similar). so you can remove frame above 56
Thanks a lot!

What I want to know tho is how exactly you did it? Did you just simply check the GIF frame by frame? Or there is a more specific way of figuring it out?

Quote:
Originally Posted by RRW View Post
then just remove frame that look similar. for example frame 1,2, & 3 look similar. just remove frame 2 and 3. do it for other one
I've been doing this one specially on GIFs where in the only thing that moves is the hair part of the subject. In GIFs like this, there are a lot of exactly the same frames.
Zaga is offline   Reply With Quote
Old 2014-02-26, 17:37   Link #1711
RRW
Unspecified
*Scanlator
 
 
Join Date: May 2010
Location: Unspecified
look at the cape
RRW is offline   Reply With Quote
Old 2014-02-27, 07:59   Link #1712
Reverzer0
Sleeping
 
 
Join Date: Sep 2011
Location: psn
Age: 12
just remove the duplicated frames and add time in between like for example 1sec into 2secs. do it trial & error until you came up with the same flow",

edited: do not follow the example by removing to much frames, just remove the repeated frames unless you have purpose for a lesser frames.
__________________

Last edited by Reverzer0; 2014-02-27 at 08:54.
Reverzer0 is offline   Reply With Quote
Reply

Tags
avatar, graphic, photoshop, signature

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 02:03.


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