How to create "Sony Be Moved" website?

Hi, I have some basic knowledge about HTML, and recently start doing websites using Adobe Muse because of Parallax Scrolling/One Page Scrolling Site and I came across with Sony Be Moved website - http://discover.store.sony.com/be-moved/
I wanted to create something similar to that
What I understand is, it actually uses a video to do that
However, I do not know if that it done through Muse or any other application :/
Also, understanding that it requires one to convert the video to JPG then to canvas using javascript.
I'm not very sure about the javascript part as well
Anyone can help out? :)

This is a combination of animation and scroll. You would need to work with animation files with scroll applied.
These links should be helpful :
http://muse.adobe.com/inserting-edge-animate.html
http://tv.adobe.com/watch/learn-adobe-muse-cc/integrating-adobe-edge-animate-graphics/
http://www.adobe.com/inspire/2013/06/muse-parallax-scrolling.html
https://www.youtube.com/watch?v=diUtfwFGI1w
Thanks,
Sanjit

Similar Messages

How to create an Interactive Moving Background or Object that Reacts to Viewer's Cursor?

Hi,
i started creating a website in muse and i try to create an object who react to viewer's cursor.
I have an image in center fix, and around and other which had to move with cursor movement like in this tutorial : Create an Interactive Moving Background/Object that Reacts to Viewer's Cursor
i'd like to do it in muse and don't know how to proceed,
thanks

Hi,
There is no native feature in Muse to achieve it. If you can get the code for this, you can add it to your site using Insert HTML feature.
Regards,
Aish

Tutorial Announcement .:: How To Create a Multiple Style Website ::.

Hello Everyone...
Building a multiple style website is amazing thing, where you can have a new look for your website every day, or even everytime you want your website fully changed from style to another, and give the ability to your website visitors to pick one of available styles they comfortable with.
Today herein this tutorial we will learn how to build a dynamically switched style website application, and i mean dynamically here by storing a number of styles into the database table by uploading more than one [.css] files to your server throught File manipulation process, then define which one of these styles is the default one, the default style automatically checked when every page loaded in the browser by checking an external file contains the default style information set by the site administrator.
After complete this tutorial you will be able to:
1- Uploading new style to your website by using easy Online Upload script.
2- Updating curent style files.
3- Choose which style is the default style and which is not.
4- Allow visitors to select one of available styles to switch the whole site look to it.
Note: you cannot define more than one default style, otherwise you will get un stylized page at all.
:: Go To Online Demo ::
:: Go To Tutorials ::
Best Regards
Waleed Barakat
Developer-Online Creator and programmer
http://www.developer-online.com

Hey Waleed,
thanks again for this great stuff -- and thanks for removing the login protection :-)
Cheers,
Günter Schenk
Adobe Community Expert, Dreamweaver

How to create scroll controlled svg animations in Edge animate cc

Since I am a beginner in Edge animate, I am very confused about svg animations in Edge animate. I want to create an effect like this http://tympanus.net/Development/SVGDrawingAnimation/index.html. In this page the animation is set to autoplay, I will controll my animation using scroller bar in adobe muse cc. Please tell me how to animate svg images like this.
Thanks in advance

Hi bhardwajaralhul517,
Found something that could help you get started
Using parallax scrolling in Animate with a single line of code | EdgeDocks.com
How To Create A Parallax Scrolling Website | Web Design Principles
Thanks,
Preran

How To Create A Website Background Video In Adobe Edge ?

Hello,
I have video file in my computer SSD drive and i want it to play as background on my web page (page that i am creating).I did try to follow this video:
How To Create A Website Background Video In Adobe Edge Animate Using Edgehero - YouTube
but i cant follow 100% what he is doing.
Guide that i did try to follow is at this link: How To Create A Website Background Video In Adobe Edge Animate Using Edgehero - YouTube
Steps i do in Adobe Edge Animate CC
1.) Create New
2.) i click + sign under section Library >> Scripts >> Add JS File from URL...
URL that i am adding is: http://www.edgehero.com/edgehero.js/1.2/edgehero_1.2_min.js (URL is taken from site: Edgehero.js )
I add this link: http://www.edgehero.com/edgehero.js/1.2/edgehero_1.2_min.js to box that occures after i click on Add JS File from URL
3.) I go to Edgehero.js and from there i scrol down to section named as Media - Html5 video / Html5 audio
and i select from there this:
there is a code:
// this will set the video as background of the div/rectangle
backgroundvideo_1 ='movie.mp4';
// put new edgehero.js variables here
4.) I go to Adobe Edge Animate CC 2014 and right click on project and select Open Actions for "Stage"
and then i click on + sign and select creationComplete
This will open Stage window
there i will copy this code:
// this will set the video as background of the div/rectangle
backgroundvideo_1 ='movie.mp4';
// put new edgehero.js variables here
5.) Then i click on ++ sign under library >> Video
and i add video from my computer SSD drive.
Video is named as video3.mp4
Now i eddit the code in Stage window (See above)
code will look after editing like this:
Then i change under left side px to %
6.) Then i copy backgroundvideo_1 from Stage Code:
Then i select Rectangle Tool and mark the area (white box) and i click on small C icon
And the box that occures i type there backgroundvideo_1_mp4 autoplay
now when i use ctrl and enter i only get gray box that does not play video.
What am i doing wrong?

Here is the html file.
Note video file that i try to add is random training video from youtube, And file format is saved using this site:
How do I download and save a YouTube video to my computer?
this is only for testing as i am not gonna put that video on background to my web page. I am only trying to understand how to add video as background.
http://www.filedropper.com/test3_5
http://www.filedropper.com/test3_6
http://www.filedropper.com/test3edge
http://www.filedropper.com/test3edgeactions
http://www.filedropper.com/test3edgepreload
Goal is to create background video like u can see here:
Adobe Muse Tutorial - Responsive Design Hack! by MuseThemes.com - YouTube
Similar possibility is available also in Edge as i understand?

How to create a moving mask?

Hi,
I'm new to after effect, hope can get some guidances here.
I shot this time lapse sequence of Clark Quay, with camera panning technique, have encounter some issues to editing in after effect,
The panning is not smooth, as I need to adjust the exposure on the camera during the sequence. I presume can use wrap stabilizer to smooth it out, but I also need to blur out some of the building neon signage (Riverside point, Novotel and CQ Clark Quay).
My question is; since the daylight is changing, so are the brightness of signage changing too, and it moves too, how do I create masks to blur the selected areas, and they moving along across the screen?
Thank you so much.

The jerks in your time lapse are not going to be smoothed out by Warp Stabilizer. You will have to do some manual realignment of those frames to smooth the shot. The flicker in the lighting can be controlled by Digital Anarchy's De Flicker plug-in. If you want to selectively correct the color in certain parts of the shot you'll need to do figure out how to create some procedural mattes. Red Giant's Colorista II is very good at this.
Flicker Free
Colorista II
Both have tutorials.
You might also want to check out this great video from my friend Stu Maschwitz that shows you how to use Mask Tracking and Effect Tracking in AE CC 14.
Effect Masking - Mask Tracking

How to create website on iweb and make it public, and tell me how to put a password on it.

Hi, can you tell me how to create website on iweb and make it public, and tell me how to put a password on it, thanks.

Find a webhosting company :
http://www.google.jo/search?q=webhosting+jordan
They will provide the instructions how to password protect a directory (=folder)?
Until you find one, you can practice on your own computer :
http://www.wyodor.net/Tutorials/iWebDemo/sFTP.html
Here's a some tutorials :
http://www.apple.com/findouthow/web/

How to create / edit a website using SharePoint Designer 2013

How to EDIT a website created by Frontpage using SharePoint Designer 2013 ?
How to CREATE a new website using SharePoint Designer 2013 ?

You can edit any sharepoint site using designer not any other site.
To create a new website using designer follow below:
To create a new site, click the File tab, choose Sites, and perform one of the following:
Click New Blank Web Site to create a blank, empty SharePoint site.
Click Add Subsite to My Site to create a new site under your My Site.
Under Site Templates select a template to create a new site based on a SharePoint template.
http://office.microsoft.com/en-in/sharepoint-designer-help/get-started-with-sharepoint-designer-2010-HA010370548.aspx#BMopensites

I want to be the only one who can access my profile, so how to create passwords for profiles (NOT for websites) ?

I want to be the only one who can access my profile, so how to create passwords for profiles (NOT for websites) ?
thanks

Maybe use the portable Firefox version on a USB stick if you want to prevent access to your profile.<br />
Solutions that use an extension can easily be bypassed by starting in [[Safe mode]].<br />
Otherwise you need to locate the Firefox profile folder on an encrypted drive.
See http://portableapps.com/apps/internet/browsers/portable_firefox

How to create an azure website with PowerShell?

Hello
I'm, trying to create a new wordpress website in Azure with PowerShell, I saw a video: https://www.youtube.com/watch?v=LHjkn59Lf0g
But, When execute my code, I get the following error:
New-AzureResourceGroup :
06:42:41 p. m. - Resource SuccessBricks.ClearDB/databases 'dbdb3' failed with message 'User
failed validation to purchase resources. Error message: '["Credit Card is the only supported payment instrument for
purchases"]''
What Can I do?
I have a bizspark subscription with enough money :S
THANKS!

Hi Victor,
Thanks for your question.
Firstly, I recommend you to create the website and recourse group in Azure portal to see if the issue persists.
In addition, I will have a test for this and feedback to you later. Appreciate your patience.
Best regards,
Susie
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact [email protected]

How to create a globe effect that text moving around?

Hi everyone, I'm doing a project for my school and I found a effect that looks kinda cool on you tube but I don't know how to create it. This is the link to that video clip:
http://www.youtube.com/watch?v=FUgM105uN4c&feature=related
You can see that effect about 20 seconds of the clip.
Please help...thanks.

There's a
tutorial on Creative COW about this, and an
example project on the After Effects Exchange.
I found these by doing this
After Effects Community Help search for 'globe'.

How to create Hiperlink in SAP Adobe Forms

Hi Experts,
Can somebody assist me on how to create a hiperlink in SAP Adobe forms. At the footer we will display some text message like "........ for further enquires please visit out home page". When user double click on "home page" it should take him to to website of that particular organization. If possible to explain via screen shots then it will be a great help to me.
I know you can use "Button" option to call a link ( go to layout->Palettes->Library->Button) in Adobe form. I don't know where to specify website name(www.google.com).
Note: we can do it through binding but sitename is displaying in form (sitename should not appear in the form).
Regards,
Meera.
<MOVED BY MODERATOR TO THE CORRECT FORUM>
Edited by: Alvaro Tejada Galindo on Dec 29, 2009 9:58 AM

Hi,
Thanks to all who tried to give a solution but I found a solution to how to do it.
Just wann to share here.
Go to Layout(Click on "Layout" tab) Palettes-> Script Editor
you can see script editor here we have to code some Java script to call website when user click on some text.
app.launchURL("http://google.co.in", 1)
in your driver program you have to specifiy SFPDOCPARAMS-FILLABLE = 'X'. "Interactive form?
Regards,
Meera.
Edited by: meera2009 on Dec 30, 2009 4:37 AM

How do I set up multiple websites with different web addresses?

I created a website several years ago using iWeb and purchased a domain name from GoDaddy. I am creating another website still using iWeb and I have already purchased the new domain name. How do I separate the two websites in iWeb? I am using my mobile me account and have plenty of space.
Any help is greatly appreciated.

Asked & Answered in the proper forum :
https://discussions.apple.com/thread/3123362?tstart=0

How to create a muse site in various languages with multiple domains

I have been asked to create a website for a product. A very simple website with maybe one or two pages and one product for sale for which the client would like Paypal as the payment gateway. Simple right?
No! This client would like to market their product into Europe, they would like to purchase multiple European domains ( .fr, .de for example).
So how on earth can I do this? I will be using Muse for build and Business Catalyst for hosting.
Bearing in mind the client will not want to pay for separately hosted sites. Is there a way of translating the text for each domain. Or could I assign multiple domains but direct them to different home pages within the same site?
I haven’t a clue how to problem solve this.

Hi,
Some links that might be useful,
how to set up a multilingual website with Adobe Muse and push it live to Adobe Business Catalyst
Re: How can i create different languages for my page?
How can i create a multilingual website?
how to create a multilingual site
Do let me know if you have any question.

How to create an encrypted key for a user table

I have an airshow website where volunteers and vendors can apply online (www.hollisterairshow.com) . The city attorney requires that we have a wet signature on a printed application form so the volunteer/ vendor currently has to print their application at the time they apply online, then sign it and mail it in and this works fine. Unfortunately, we have had a lot of instances where volunteers/ vendors needed to print their application again and the only way we could do this was for an administrator to print their application to a pdf file and e-mail the file to them. So, I'd like to improve this process by automatically sending an e-mail to the applicant when they apply online with a link to a printable page and containing a key pointing to their application. This way, volunteers/ vendors could print and sign their application whenever they want and as many times as they need to. Each volunteer is a single row in a volunteer table and each vendor is a single row in a vendor table.
The key I use in the tables is a sequential key automatically incremented by MySQL so I would end up sending them a link looking something like www.hollisterairshow.com/printvolunteerapp.php?volunteernumber=27 . This would work, but it wouldn't be hard for a volunteer to change it to a different volunteernumber and so get access to someone else's personal information, which would not be acceptable. So, I'm thinking I need a secondary key that is somehow scrambled and used as an secondary index in the table so I'd be sending a link that mght look like www.hollisterairshow.com/printvolunteerapp.php?volunteerkey=sygew . So I'd really appreciate some advice on how to create a scrambled secondary index for each volunteer or vendor and plug it into the link I send them in the e-mail.
Thanks for any advice.
Tony

Your question is not clear whether you want to create account or you want to create agent.
For creating local agent you can refer
http://bhabaniranjan.com/configure-odi-11g-local-agent/
For creating EE Agent you can refer
http://bhabaniranjan.com/configure-odi-java-ee-agent-on-windows-server-2008-64-bit/
For creating account, login to supervisor and then go to security tab. There you can create different user to login to odi Studio. Let me know If i understand you correctly or not.
Thanks.

How to create "Sony Be Moved" website?

Similar Messages

Maybe you are looking for