How do I create a 2-frame animated gif/png/mpo

This area contains the messages from the old Yahoo gcmac group after the port.
macintoshevents
Posts: 0
Joined: Thu Sep 17, 2015 1:40 pm

How do I create a 2-frame animated gif/png/mpo

Post by macintoshevents »

I hate to bother you but I am absolutely at a loss trying to figure this out…I want to make one animated gif or png or anything that goes very slowly from one image to another. This will be placed on a website.I have 2 images. They are made in Illustrator and can be saved for web as anything. I saved them as GIFs. (Also as PNG.)  They are each 250x36pxI found Window->GIF Animation. I can open either image into that window.  But I cannot figure out how to put both images into it to set an image change.  There isn’t a + button.I tried copy and pasting into a 2nd layer in the Layers palette. If I open their folder in your Browser, then I can’t select the Animation Palette. The Convert and Modify options don’t include this. Can you please direct me? DebPS: Who would have thought that I would be wanting to create an animate gif in this millennium?!
thorstenlemke
Posts: 0
Joined: Fri Dec 30, 2016 12:00 pm

Re: How do I create a 2-frame animated gif/png/mpo

Post by thorstenlemke »

Dear Deb,please view my short tutorial movie:http://www.lemkesoft.org/help/convert2gif.mp4Thorsten I hate to bother you but I am absolutely at a loss trying to figure this out…I want to make one animated gif or png or anything that goes very slowly from one image to another. This will be placed on a website.I have 2 images. They are made in Illustrator and can be saved for web as anything. I saved them as GIFs. (Also as PNG.)  They are each 250x36pxI found Window->GIF Animation. I can open either image into that window.  But I cannot figure out how to put both images into it to set an image change.  There isn’t a + button.I tried copy and pasting into a 2nd layer in the Layers palette. If I open their folder in your Browser, then I can’t select the Animation Palette. The Convert and Modify options don’t include this. Can you please direct me? Deb
macintoshevents
Posts: 0
Joined: Thu Sep 17, 2015 1:40 pm

Re: How do I create a 2-frame animated gif/png/mpo

Post by macintoshevents »

Thorsten Lemke, you are amazing! Not just some words, but a personal video tutorial.  Thank you!
Charles Stroh
Posts: 0
Joined: Thu Dec 19, 2013 8:43 pm

Re: How do I create a 2-frame animated gif/png/mpo

Post by Charles Stroh »

I am interested in this same subject but am not able to find any instructional materials. Debweb refers to a video. Where might I find these things? Charles Stroh -------------------------------------------- On Thu, 9/17/15, webdeb@mac.com [gcmac] <gcmac@yahoogroups.com> wrote: Subject: [gcmac] How do I create a 2-frame animated gif/png/mpo To: gcmac@yahoogroups.com Date: Thursday, September 17, 2015, 1:29 AM I hate to bother you but I am absolutely at a loss trying to figure this out… I want to make one animated gif or png or anything that goes very slowly from one image to another. This will be placed on a website. I have 2 images. They are made in Illustrator and can be saved for web as anything. I saved them as GIFs. (Also as PNG.)  They are each 250x36px I found Window->GIF Animation. I can open either image into that window.  But I cannot figure out how to put both images into it to set an image change.  There isn’t a + button.I tried copy and pasting into a 2nd layer in the Layers palette.  If I open their folder in your Browser, then I can’t select the Animation Palette. The Convert and Modify options don’t include this.  Can you please direct me?  Deb PS: Who would have thought that I would be wanting to create an animate gif in this millennium?! #yiv4738595177 #yiv4738595177 -- #yiv4738595177ygrp-mkp { border:1px solid #d8d8d8;font-family:Arial;margin:10px 0;padding:0 10px;} #yiv4738595177 #yiv4738595177ygrp-mkp hr { border:1px solid #d8d8d8;} #yiv4738595177 #yiv4738595177ygrp-mkp #yiv4738595177hd { color:#628c2a;font-size:85%;font-weight:700;line-height:122%;margin:10px 0;} #yiv4738595177 #yiv4738595177ygrp-mkp #yiv4738595177ads { margin-bottom:10px;} #yiv4738595177 #yiv4738595177ygrp-mkp .yiv4738595177ad { padding:0 0;} #yiv4738595177 #yiv4738595177ygrp-mkp .yiv4738595177ad p { margin:0;} #yiv4738595177 #yiv4738595177ygrp-mkp .yiv4738595177ad a { color:#0000ff;text-decoration:none;} #yiv4738595177 #yiv4738595177ygrp-sponsor #yiv4738595177ygrp-lc { font-family:Arial;} #yiv4738595177 #yiv4738595177ygrp-sponsor #yiv4738595177ygrp-lc #yiv4738595177hd { margin:10px 0px;font-weight:700;font-size:78%;line-height:122%;} #yiv4738595177 #yiv4738595177ygrp-sponsor #yiv4738595177ygrp-lc .yiv4738595177ad { margin-bottom:10px;padding:0 0;} #yiv4738595177 #yiv4738595177actions { font-family:Verdana;font-size:11px;padding:10px 0;} #yiv4738595177 #yiv4738595177activity { background-color:#e0ecee;float:left;font-family:Verdana;font-size:10px;padding:10px;} #yiv4738595177 #yiv4738595177activity span { font-weight:700;} #yiv4738595177 #yiv4738595177activity span:first-child { text-transform:uppercase;} #yiv4738595177 #yiv4738595177activity span a { color:#5085b6;text-decoration:none;} #yiv4738595177 #yiv4738595177activity span span { color:#ff7900;} #yiv4738595177 #yiv4738595177activity span .yiv4738595177underline { text-decoration:underline;} #yiv4738595177 .yiv4738595177attach { clear:both;display:table;font-family:Arial;font-size:12px;padding:10px 0;width:400px;} #yiv4738595177 .yiv4738595177attach div a { text-decoration:none;} #yiv4738595177 .yiv4738595177attach img { border:none;padding-right:5px;} #yiv4738595177 .yiv4738595177attach label { display:block;margin-bottom:5px;} #yiv4738595177 .yiv4738595177attach label a { text-decoration:none;} #yiv4738595177 blockquote { margin:0 0 0 4px;} #yiv4738595177 .yiv4738595177bold { font-family:Arial;font-size:13px;font-weight:700;} #yiv4738595177 .yiv4738595177bold a { text-decoration:none;} #yiv4738595177 dd.yiv4738595177last p a { font-family:Verdana;font-weight:700;} #yiv4738595177 dd.yiv4738595177last p span { margin-right:10px;font-family:Verdana;font-weight:700;} #yiv4738595177 dd.yiv4738595177last p span.yiv4738595177yshortcuts { margin-right:0;} #yiv4738595177 div.yiv4738595177attach-table div div a { text-decoration:none;} #yiv4738595177 div.yiv4738595177attach-table { width:400px;} #yiv4738595177 div.yiv4738595177file-title a, #yiv4738595177 div.yiv4738595177file-title a:active, #yiv4738595177 div.yiv4738595177file-title a:hover, #yiv4738595177 div.yiv4738595177file-title a:visited { text-decoration:none;} #yiv4738595177 div.yiv4738595177photo-title a, #yiv4738595177 div.yiv4738595177photo-title a:active, #yiv4738595177 div.yiv4738595177photo-title a:hover, #yiv4738595177 div.yiv4738595177photo-title a:visited { text-decoration:none;} #yiv4738595177 div#yiv4738595177ygrp-mlmsg #yiv4738595177ygrp-msg p a span.yiv4738595177yshortcuts { font-family:Verdana;font-size:10px;font-weight:normal;} #yiv4738595177 .yiv4738595177green { color:#628c2a;} #yiv4738595177 .yiv4738595177MsoNormal { margin:0 0 0 0;} #yiv4738595177 o { font-size:0;} #yiv4738595177 #yiv4738595177photos div { float:left;width:72px;} #yiv4738595177 #yiv4738595177photos div div { border:1px solid #666666;height:62px;overflow:hidden;width:62px;} #yiv4738595177 #yiv4738595177photos div label { color:#666666;font-size:10px;overflow:hidden;text-align:center;white-space:nowrap;width:64px;} #yiv4738595177 #yiv4738595177reco-category { font-size:77%;} #yiv4738595177 #yiv4738595177reco-desc { font-size:77%;} #yiv4738595177 .yiv4738595177replbq { margin:4px;} #yiv4738595177 #yiv4738595177ygrp-actbar div a:first-child { margin-right:2px;padding-right:5px;} #yiv4738595177 #yiv4738595177ygrp-mlmsg { font-size:13px;font-family:Arial, helvetica, clean, sans-serif;} #yiv4738595177 #yiv4738595177ygrp-mlmsg table { font-size:inherit;font:100%;} #yiv4738595177 #yiv4738595177ygrp-mlmsg select, #yiv4738595177 input, #yiv4738595177 textarea { font:99% Arial, Helvetica, clean, sans-serif;} #yiv4738595177 #yiv4738595177ygrp-mlmsg pre, #yiv4738595177 code { font:115% monospace;} #yiv4738595177 #yiv4738595177ygrp-mlmsg * { line-height:1.22em;} #yiv4738595177 #yiv4738595177ygrp-mlmsg #yiv4738595177logo { padding-bottom:10px;} #yiv4738595177 #yiv4738595177ygrp-msg p a { font-family:Verdana;} #yiv4738595177 #yiv4738595177ygrp-msg p#yiv4738595177attach-count span { color:#1E66AE;font-weight:700;} #yiv4738595177 #yiv4738595177ygrp-reco #yiv4738595177reco-head { color:#ff7900;font-weight:700;} #yiv4738595177 #yiv4738595177ygrp-reco { margin-bottom:20px;padding:0px;} #yiv4738595177 #yiv4738595177ygrp-sponsor #yiv4738595177ov li a { font-size:130%;text-decoration:none;} #yiv4738595177 #yiv4738595177ygrp-sponsor #yiv4738595177ov li { font-size:77%;list-style-type:square;padding:6px 0;} #yiv4738595177 #yiv4738595177ygrp-sponsor #yiv4738595177ov ul { margin:0;padding:0 0 0 8px;} #yiv4738595177 #yiv4738595177ygrp-text { font-family:Georgia;} #yiv4738595177 #yiv4738595177ygrp-text p { margin:0 0 1em 0;} #yiv4738595177 #yiv4738595177ygrp-text tt { font-size:120%;} #yiv4738595177 #yiv4738595177ygrp-vital ul li:last-child { border-right:none !important; } #yiv4738595177
macintoshevents
Posts: 0
Joined: Thu Sep 17, 2015 1:40 pm

Re: How do I create a 2-frame animated gif/png/mpo

Post by macintoshevents »

I shared the video with Charles.