How to make an image slide/swipe effect like in #selfie

Please see http://forums.adobe.com/thread/1444012 - a question (it was mentioned there that AE will do better for what I want to do so I am posting the link here)
What I want to do is to replicate the image slide/zoom/swipe that you can see in the video.
Can you please help me get started on the right path? I am new in AE and need a bit of a start - i.e. if you were to do it, what technique would you approach it with?
I can probably manage to do one or two manually, but my issue is that there are so many (similar) effects and I don't want this video to become a daunting chore, so looking for a way to do this very easily somehow.
And this is why I am posting - to hopefully find the technique to do this effect right and a do it lot without realizing it is too difficult and giving up ...!

Thanks
but I'm sorry .. is there a good tutorial I can read on this? I am not verse on basics of AE. I have been working mostly with Premiere.
I will appreciate some direction even if it's basics.

Similar Messages

How to make a round Slider with an image ?

hello everybody,
I'm back and i have a new question : how to make a round Slider (like a volume knob) with an image ?
I see this very interisting tutorial : http://fxexperience.com/2012/01/fun-javafx-2-0-audio-player/ but it use a private class from com.sun.javafx.scene.control.skin.SkinBase...
thank you for your answer.
Gaëtan.

I'm guessing you could subclass Slider to create a class SliderKnob.
At some stage in the process, not sure where (perhaps after calling super in the constructor), you could look up the slider region's child thumbnail and track and call setVisible(false) and setManaged(false) on them, create an ImageView for your knob, add the knob ImageView to the slider's region and bind the ImageView's rotateProperty to the slider's valueProperty(). Not sure that that is any better than using the SkinBase stuff, but at least it is an alternative idea.
Everything to create your own controls has not been added to the public API, so if you want to make your own controls in the same way the JavaFX does them (i.e. with Skin's and Behaviours and stuff like that) you have to make use of com.sun classes unless you can subclass and modify the workings of existing controls similar to what is proposed in the preceding paragraph.

How to make keynote images full screen?

Question: how to make keynote images full screen? I just noticed. after many successful full screen shows with Keynote 09 5.1.1 that I am no longer seeing the show full screen, at 1280, but only using the center part of my macbook pro 13 inch screen (which will mirror just like that on the projection screen, as far as I know). Did I hit a setting I do not know about to keep the images so small?
Thanks

Keynote > Preferences > Slideshow: Scale slides to fit display

How to make mirror image on officejet pro 8600

how to make mirror image on officejet pro 8600

Hi,
You can not make mirror images with printers but you can print mirror images on printers. This is how to print mirror images on a normal printer:
http://h10025.www1.hp.com/ewfrf/wc/document?cc=us&dlc=en&docname=bpu02032&lc=en&product=61561
Regards.
BH
**Click the KUDOS thumb up on the left to say 'Thanks'**
Make it easier for other people to find solutions by marking a Reply 'Accept as Solution' if it solves your problem.

How can I make a image slider using Dreamweaver? Is there any image slider widget I could use?

I was browsing through the web when I saw a website which had a really cool image slider. I don't have any idea of how to develop anything similar, but I was wondering if maybe dreamweaver had any widget that has already been developed by someone else that is open source for everyone else to use. Is there anything any?

Ken is referring to a "roll your own" slider that works great. There are lots of those.
None of those are built in to Dreamweaver. None of those will give you a panel within Dreamweaver with which you can build them.
Project Seven does sell widgets that are Dreamweaver extensions.
Adobe is offering another one for free (and you get additional function if you buy it).
Extend Studio offers Power Slider (with a free trial).
And there is Nivo Slider.
These are extensions that plug in and extend what Dreamweaver can do.

How to make the images show up on a linked file in Muse?

I am wondering how to get my images to show up on the linked files in Muse. Basically, in Muse, I have a page that links to other pages I designed in Dreamweaver. I put the images in the image folder and when I upload the site, the page links to the Dreamweaver page ok but the images are missing. This is a vital part of the site. Any suggestions?

If you made the pages with Dreamweaver then they should be on your system some place and you could make a "dreamweaver" folder inside your Muse site and upload the pages to that folder using the upload files option... see this thread talks about sound files but almost any file can be imported to muse
I need a recommendation for a slick way to embed audio
Another option is to link across to an online resource using the built in muse html editor but that has pit falls because once you link yourself outside the site you also lose some control of the content;
For an example of this have a look at an old demo page I made http://chec-garry2.businesscatalyst.com/index.html
When you click on the Brahminy Kite bird you are looking at what used to be called an Iframe but the problem of control is highlighted when you click the Blue Wren and sometimes get pop up adds… I could import the Blue Wren page into my Muse site to fix this issue and in your case that’s a good option but I didn’t because I don’t have copyright over that pages contents and didn’t want to steal someone else’s work.
p.s. if you have got a demo of the website/ pages online someplace that would help us see your problem.

How to make an Image in Adobe Muse 100% height ?

100% width, it's ok; but I don't find how to make a 100% height image (wich follows my browser height)?
I work with adobe Muse CC 2014
thanks !

You can use the image as browser fill and then set the position of image such that it remains to its position. This can be used as a workaround for using image as browser height.
Thanks,
Sanjit

DVD burned on one G4 will not open up on another. How to make an image?

Hello,
This is a bit of a desperate problem, I have a dvd that was created of a 1.4 hour program and burned using iDVD3.0.1 on a G4 500 Mhz machine. Once the dvd is created I am able to play it on that computer using dvd player. I am running Tiger on that machine.
Once I take that dvd over to my G4 1GHz machine also running tiger, the machine will simply not accept the dvd and keep ejecting the dvd; dvd player does not even open up in order for me to look at the video.
The main purpose of me having to look at the dvd on the G4 1Ghz machine is to copy the dvd. Can you also briefly describe how to make a copy of a video dvd created using iDVD? I believe I have to make an image first. I cannot remember how to do that, please help. Once the image is made how do I copy that image onto a fresh dvd?
Thanks,
Vidur

Hi Vidor
first:
I use DVD-R disks
And Verbatim brand
second
iDVD 3.xx doesn't create Disk Images. Neither does iDVD 4
(if iDVD prior HD/5 You have to add a hack to make this possibly
named HPfurz and install it)
Works on iDVD 4 - for iDVD 3 I don't know.
Test this with Apple DVD-player - OK then burn it with iDVD
or Toast if You have and don’t want to re-code the movie.
third
To make a DVD copy You need
- a NON copy protected DVD
- a program that can make it into a Disk Image eg. Roxio Toast™ (costs)
- a new blanc DVD-R disk
If Apple Disk Util tool - can make a disk image is out of my knowledg.
Yours Bengt W

How to make background image scalable

I am working on my site and I am constructing it using only
external CSS. I am looking for a different look than I have
previously done and want to use an actual image for the back ground
of one of the DIV containers rather than just a color. My problem
has been since I want my site to be fluid I need to find a way to
have the image scale with the container. I could have sworn I saw
how to change this attribute during some online reading I had done
but I can not find it. Can anyone here help?
Dara

Scaling images is usually a bad thing - they will lose both
aspect ratio and
image quality when you do.
However, if you are willing to suffer these indignities, you
can place an
image into a div that is 100% height/width (of whatever the
<div> tag's
contaner is), and make the image 100% height/width as well.
Depending on
the layout, that could accomplish your goals.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Dara_BSI" <[email protected]> wrote in
message
news:f4vm0n$kei$[email protected]..
>I am working on my site and I am constructing it using
only external CSS. I
>am
> looking for a different look than I have previously done
and want to use
> an
> actual image for the back ground of one of the DIV
containers rather than
> just
> a color. My problem has been since I want my site to be
fluid I need to
> find a
> way to have the image scale with the container. I could
have sworn I saw
> how to
> change this attribute during some online reading I had
done but I can not
> find
> it. Can anyone here help?
>
> Dara
>

How to make background image editable in a template

I have built a template and would like to make the background
image editable, but not the rest of the settings in the body style.
(I'm not sure of my terminology yet.) The background image is
currently set in the locked part of the page. I've tried to insert
an editable region in the html code, as I cannot get to the
background image by clicking on it or selecting on the Design page.
But I am not allowed to change the code in this way.
What is the best way to do this? I'm not sure how to make a
div of this one setting. Or even if that is what is needed.
Thanks for any suggestions.

So to give a different background image to different pages using CSS.
Create a CSS file in your Dreamweaver site.
Link it to your pages.(in your head tag like so: <link href="path/to/stylesheet.css" rel="stylesheet" type="text/css" />)
In your HTML code find the body tag and give it an id (like so: <body id="myUniqueID">)
In your stylesheet write the following code:
#myUniqueID{
background: #color, url("path/to/image.jpeg") repeat);
And now extrapolate the above steps and code to your other pages and voila, you now have different background images for your different pages.
To learn more about CSS - visit your local web search engine.
To see the power of CSS, check out http://csszengarden.com/ where the exact same HTML file is styled by different CSS stylesheets.

How to make a cycle Slider

Dear all friends,
I'd like to make a circle slide ( Slider that on the shape of circle instead of vertical and horizontal Slider) like this one:
http://www.spreadshirt.net/en/GB/Create-t-shirt/Create-your-own-59/
Is there a ready Component on the web.
If no, how can I make one.
Thank you so much.

SwapnilVJ ,
please email me the attachment as I can't download it.
Here is my email: [email protected]
Thank you so much for helping me.

How to make floating image with dim background

hi guys, i would like to know how to make a floating image and the background will dim? like for example when you click a thumbnail, the bigger version of that image will pop up on the same page and will have a dim background? can someone point me to a tutorial? any help would be appreciated, thanks in advance!

Hi,
If you look at the tutorials in fireworks such as changing images/rolover images you will start to get an understanding.
Cheers

How to make an before and after effects?

So, I want to make a video that show the audience this is before and after the edit. And i want to make it look like this YouTube Rewind 2014: Behind the Scenes - YouTube
How to make it?
Thanks:)

Really? You take footage of you shooting the video with another camera then you edit it together with shots of the finished project. If you want to show before and after shots of an effect you just put the original footage on top and animate a mask or opacity to reveal the rendered effect below.
If you can't figure out how to make a before and after then you will have a very difficult time doing any effects using AE because there is absolutely nothing in this before and after but very basic editing and masking.

How to make the last slide stay on the screen ?

Hi,I need to make the last slide of my animation to remain on the screen when the animation ends and also when I export in a quick time movie .
Does anyone can help me?

A possible workaround would be to have something appear (like a shape) as a build outside the slide's viewing boundary (if you extend the size of the window, you'll see you have some workspace outside the slide) autmatically after the animation is finished, and set a delay time or build duration based on how long you need the slide to remain on the screen. How this works will depend on your setup for quicktime export.

How to make an image of a folder.

I want to make back up my applications folder cause I have alot of stuff that if I were to lose it I wouldn't even know what to redownload or get from where ever else, when I try to transfer the folder to my external hd it takes forever because it wants to scan everything in the package contents of every app. so I want to make an image so I can transfer real quick. and I can just restore everything a little easier. is there anything I can use to do this that came in OS X or any freeware I could get?

It would actually be easier to make an archive of the folder. Just control-click the folder and select "Creat Archive of '<name of folder>'" But, if you still want to make an image, go do Disk Utility, and then click "New Image" at the top of the window. Next, you'll have to name the image, and select the size (everything other opttion can stay as it is). After you create the image, it will open and you'll have to drag your folders contents (or the folder) into the open image, then eject it. After that, your image is finished.
Zeb

How to make an image slide/swipe effect like in #selfie

Similar Messages

Maybe you are looking for