Vector files in Edge Reflow...

Not working as native imports...
Both copying & pasting or import not working as .AI or .EPS
Is it because I'm using Illustrator CS6 vs Reflow CC?
The only way it imports is if I save it as an .SVG
Not a problem, just wondering because I was under the impression you could just copy and paste directly from Illustrator no matter the format.
Thanks

Yes, I think the problem is that your using Illustrator CS6 and you need CC.
See this other post for more information : Copying from Illustrator CS6 pasting into Reflow
- Vic

Similar Messages

Is it possible to import dreamweaver files and muse files to edge reflow and vice versa?

Hi there are certain things that I can do using edge reflow such as making a mobile and tablet site.
There are certain things I can do with dreamweaver such as making a form with a drop down box.
And there are certain things I can do with muse such as inserting a google maps and paypal widget.
Is it possible to interchange files with these 3 software?

For Muse you can make a mobile/Tablet/Desktop version, it just won't be responsive. So you can't directly pull in HTML from Reflow as page structure. If it has to be responsive use Reflow or Dreamweaver.
Regarding sharing elements between the three you get the very vague answer of "are you good with code?"
As a general rule forget about doing anything with Muse files in any other piece of software. Where you have the cross-over is in the raw generated HTML.

Screen resolution to set up photoshop file for edge reflow

hi :
i'm learning responsive design along with edge reflow. I'm designing a web site that works responsively for all devices. I'm starting with a psd layout. I set up my photoshop at of 960x1136 currently.
my edge reflow breaking point for mobile is 768px currently. Perhaps i should modify my psd file to 768 width as well. but before i do that i have the following problem to resolve. When i view this on my iphone thru edge inpect. it's displaying a width of prob. 320 viewport width. which makes all the fonts and images look too big and of course the layouts are in disarray b/c there isn't a corresponding layout for that view port size.
i understand the difference btw viewport size and screen size. But I'm confused re: the size to set up my photoshop file.
should i have set up my photoshop file based on "viewport " size rather than screen density?? (ie. 320x480 viewport for the smaller iphone rather than 640x960 which is the actual screen pixels) and create high res images separately for retina displays??
what i'd like to have is to have corresponding font sizes and box sizes btw the edge flow file and photoshop psd. so if pick 1.5 em font in edge reflow, the same font in photoshop file is also 1.5 em. and perhaps saving images as smart object so the images can have higher resolution?
please advice.
thx
grace

Maybe I'm wrong, but the best option would be to work with percentages, not pixels.
You can see examples in this Adobe links:
CSS Percentage vs. Pixels - Re: How can convert the em,px,pt and % in css - CSS Width percentage layout issues - Re: DW CC Fluid grid layout how to change px width for desktop layout
I hope it has been helpful
sorry, I forgot this link in Adobe site: Ten things you need to know about responsive design | Adobe Developer Connection
See you,
Masters and MBA

Why won't Photoshop generate an Edge Reflow Project?

Hello
I've been trying to import my photoshop file to edge reflow, just as it's been stated in the videos but when I click generate reflow project nothing happens. There's no file created. Also, Edge reflow can't doesn't connect to Photoshop CC. I have both the latest versions of both, and they're up to date. Any help as to why is this happening would be appreciated. Thank you.

You need to install the reflow plugin for PS CC. After that you nee to rename some layers to e.g "Layer1.jpg" and enable the file --> generate --> image asset option.
Finally under the same menue you are now offered the new "edge reflow project" option.
Switch back to reflow and hit the PS Button on the right. Now that reflow has a sync on ps you may import the current psd to a new page.
http://adobe.com/go/reflowpsplugin_win64

Where is Generate Edge Reflow Project on Photoshop CC

I do not find the option "File > Generate > Edge Reflow Project" on my Photoshop CC. Why is that?

Don't know if this is relevant or unknown but it still wasn't present for me until I downloaded the plug-in sepeartly as it seems to not be installed if you installed reflow first and then photoshop, in any case it does officially work now and can be installed / activated following the instructions below, cheers!
http://html.adobe.com/edge/reflow/photoshop-plug-in.html

How to add links and rollovers from an exported Edge Reflow HTML in Dreamweaver?

Hi,
Thanks to the very helpful community I have found the way to get my HTML file from Edge Reflow.
Upon opening the HTML file in Dreamweaver, the CSS, Java scripts are wonderfully linked. However, I am not experienced enought to manipulate the divs to get a rollover or add links to the layout.
Eg. Sticky Navigation bar on the top, how do you add rollovers and links?
All help is very much appreciated.
Thank you for your help in advance!

Hi Chris,
your plan for Reflow sounds good. Versioning is probably the most adaptable way to integrate it with the rest of the workflow.
What I think is still missing, on the simple side, is link creation and management inside Reflow.
Of course, considering you have just introduced multiple pages, this feature shouldn't be far...
About Dreamweaver, I've been a faithful user for years but now it's definitely old for some uses.
Just to say, if I open the responsive page I just created in Reflow with DWCC in Live View, something basic as background gradients are completely missing. Well, I'm not going to use it for this kind of work.
Do you know for what DW is still a great tool? Email Newsletters, since they still have to respect old standards that no one else uses anymore.
For all the rest I definitely prefer the editor/IDE way: SublimeText and other tools.
They're faster, more apt to the task and, similarly to the Adobe Edge line of products, made with the same technologies they help to work with.
In the future, who knows... Maybe, you should put in development a "Dreamweaver Edge" version and drop the old one, a little clunky even if recently revarnished ;-)

I can't download the Adobe Edge Reflow. The file's downloading is successfull but the file doesn't go to my Creative Cloud so I can't install the programme. I have already install the Photoshop CC and the Reflow Plug-in for Photoshop. May I ask help? :) T

I can't download the Adobe Edge Reflow. The file's downloading is successfull but the file doesn't go to my Creative Cloud so I can't install the programme. I have already install the Photoshop CC and the Reflow Plug-in for Photoshop.

Hello
1. I am running on Windows 8.1
2. When running the installer file from https://creative.adobe.com/products/download/reflow I get the following choice
I click "OK" which doesn't do anything for me (CC is off).
I turn CC on and run the installer again. I get the following window that within few settings disappears:
Then - just for half a second it says "Launching Creative Cloud desktop" and then it brings CC to front, and that's all.
RF still not there.
3. I spoke ta support agent on the Adobe chat on Friday. He looked into my computer for an hour. Uninstalled After Effects (after failing to update it). For some reason all apps disappeared from the list. They then reappeared after he opened PS.
This morning After Effects is still showing up in my system and is operational.
Weird.
4. At the end the agent suggested maybe Firewall is the problem here. Trying that out now.

Lost my Edge Reflow file when exporting for code editor

Hello,
I just finished my project and exported the code. The code look nice, but I wanted to change something back in the Edge Reflow file and when I opened the file all I could see was a blank screen, no pages, no information, no nothing. The only thing I saw was that on the Asset Library all of the pictures I used were there, and an error on the 'talk to the team' button: Failed to load URL file:///C:/Program%20Files%20(x86)/Adobe/Adobe%20Edge%20Reflow%20CC%20Preview/www/reflow/ src/modules/extensionbar/view/templates/olark.html with error (-3)
Could somebody tell me what to do at this point?
Thanks in advance!
Marcela

I managed to figure this out through laborious guess and check. Just thought I would share the bug in case anyone else ever runs into it.
A third party library I was using wrote try catch statements wrong:
try{
catch(Error:*){
No idea why the original author did it like this, probably meant to write "error:*" and didn't release shift fast enough after the "(" but as you might suspect "Error" is a reserved object name to cannot be declared as a paramenter variable
when replaced with:
try{
catch(error:Error){
the memory access bug went away. What is strange is that the incorrect try/catch statement works just fine when published to swf, air, or android and is only an issue with the iOS converter, and obviously produces a very cryptic error.
I was using CS5.5 so maybe this has been fixed (if not I would suggest making this a compile time error) but just thought I would post my findings.

How do I uninstall Edge Reflow CC?

I recently downloaded the app because I was curious about using it. Now I'm having issues on my print files (end of file) and the stability of Photoshop CC when I do things like adding layer masks and vector masks. When I look at the dump for output it's indicating that I'm using an unsupported layer type due to Reflow.
How can I uninstall Edge Reflow CC? I have an uninstaller for Edge Animate CC, but not one for Edge Reflow CC.
Applications > Utilities > Adobe Installers
Mac OS X 10.8.5
Thanks for any (helpful) responses in advance.

I said dump, I meant log. I didn't get a screenshot of the message. It said something to the effect of Generator had and error and close Photoshop. When I tried to save my files I received unexpected end of file encountered upon reopening the files upon restarting Photoshop. The first time I received a message was on creation of a layer mask from a vector path. The second time was in a different file, I was converting the vector path to a vector mask. Luckily I saved the original file. It's just a jpg. I was eventually able to edit the file (3 attempts).
[1;31mUnknown layer type, something is wrong with the document
[0mHandling an unknown change by deleting all generated files and resetting the state
Getting document info with these params: {"documentId":78,"flags":{"compInfo":true,"imageInfo":true,"layerInfo":true,"expandSmartO bjects":false,"getTextStyles":true,"selectedLayers":false,"getCompSettings":true}}
Photoshop message: {"id":16,"body":{"version":"1.0.0","timeStamp":1383789844.116,"id":78,"file":"/Volumes/cl ients/client/Images/industrial/hpu/G-18-T.jpg","bounds":{"top":0,"left":0,"bottom":1015,"r ight":2035},"selection":[0],"resolution":300,"globalLight":{"angle":120,"altitude":30},"ge neratorSettings":false,"layers":[{"id":4,"index":0,"type":"layer","name":"Layer 0","bounds":{"top":58,"left":54,"bottom":942,"right":1988},"visible":true,"clipped":false ,"mask":{"bounds":{"top":58,"left":54,"bottom":942,"right":1988}},"pixels":true,"generator Settings":false}]}}
Received complete document: {
    "version": "1.0.0",
    "timeStamp": 1383789844.116,
    "id": 78,
    "file": "/Volumes/clients/client/Images/industrial/hpu/G-18-T.jpg",
Also
Resetting state for document 78
Document path changed from "/Volumes/clients/client/Images/industrial/hpu/G-18-T.jpg" to "/Volumes/clients/client/Images/industrial/hpu/G-18-T.jpg"
Scheduling change to layer 4 of 78
Creating layer context for layer 4
Photoshop message: {"id":16,"body":"[ActionDescriptor]"}
[1;31mUncaught exception on Wed Nov 06 2013 21:04:04 GMT-0500 (EST):
Error trace: TypeError: Cannot read property 'name' of undefined
    at startLayerUpdate (/Applications/Adobe Photoshop CC/Adobe Photoshop CC.app/Contents/Required/Plug-Ins/Generator/assets.generate/main.js:1001:70)
    at /Applications/Adobe Photoshop CC/Adobe Photoshop CC.app/Contents/Required/Plug-Ins/Generator/assets.generate/main.js:980:21
    at runPendingUpdates (/Applications/Adobe Photoshop CC/Adobe Photoshop CC.app/Contents/Required/Plug-Ins/Generator/assets.generate/main.js:956:38)
    at null._onTimeout (/Applications/Adobe Photoshop CC/Adobe Photoshop CC.app/Contents/Required/Plug-Ins/Generator/assets.generate/main.js:982:17)
    at Timer.listOnTimeout [as ontimeout] (timers.js:110:15)

SVG with PNG fallback, Responsive, EDGE Reflow & Animate integration

I mentioned this on the Muse Facebook, and they said I should post it here... I think Muse is an awesome program. But I really, really would love to see these features. Any of them good enough to make it to the sketching table?
1. SVG with PNG fallback support (for Retina displays)
The problem with Hi-Res displays on Tablets, phones and laptops is that the web is becoming awfully ugly. You need to zoom to fit webpages, and when they fit, the JPG's and PNG's become blurry. Since displays are increasing resolution year after year and pixel density is becoming a real issue, on phones (like the HTC One) or laptops (Macbook Retina or Chromebook Pixel).
Wouldn't it be great if we could use vector SVG for new devices for sharp a crisply logo's on every screen. And with that instantly use an automatic PNG-fallback option for older browsers. This would signifantly upgrade any website made with Adobe Muse and the Web in general if you ask me! I've done some research and I found this website very useful considering this issue: http://toddmotto.com/mastering-svg-use-for-a-retina-web-fallbacks-with-png-script/
2. Responsiveness (Adobe EDGE reflow integration)
Adobe Reflow is amazingly promising. What if (instead of making different websites for every device) you can export a website to Adobe Reflow to make the design instantly responsive.
3. Beter Adobe EDGE Animate integration
EDGE Animate is a great program, especially with the codes and actions which you cna integrate. The only problem is sometimes I want an animation to start playing when I'm at that part of the page, not after when it's done loading. Overall the integration is so-so, and it's doable to add an animation to Muse, but these tweaks could upgrade it from great, so turbo-awesome!
Which brings me to my next point:
4. Dynamic Content Loading (Load on view)
Isn't Muse a great tool for making one-pages?! I love it for that, and I do love one-pages. The problem is that it can take a while to load when it's becoming more complex. Is there a possibility to add a feature when thing are loaded when you scroll? Which is fairly often used on blogs and stuff.
5. Horizontal Parralax Scrolling
Since the latest update I've been pretty hooked on the functions of parralax scrolling and what it could do in a usefull way. The problem is that it doensn't work for horizontal scrolling. The objects can move horizontal (when scrolling vertical). But there's no option to add an effect when scrolling in a horizontal direction.
What do you think? Any of these interesting enough to develop?

I would love all of the features in this post. But you must post it in the Idea section of the forum so people can vote for your ideas.

Unable to open an 'Edge Reflow Project' that I generated in Photoshop CC

Hi,
I tried to open an 'Edge Reflow Project' I generated in Photoshop CC, but I got the following error message:
"cannot load file, file version is {0} but minimum supported version is 0.24."
Anyone know what this is and how I can open the file in Reflow?

I solved the problem through downloading the latest version of Edge Reflow

Problems installing Edge Reflow

Hey,
i can't install Edge Reflow via the creative cloud installer, everytime I try it fails at 42% throwing this error:
----------- Payload: Edge Reflow 1.0.0.0 Edge_Reflow_preview_6_LREF.pkg_1.0 -----------
ERROR: DW006: Apple Package failed to install successfully.
ERROR: Third party payload installer Edge_Reflow_preview_6_LREF.pkg failed with exit code: 1
All the other apps install without a problem,
any idea how to fix it?
Cheers,
Michael

Hi Koushik,
For the Photoshop problem, are you exporting from Photohop to an RFLW file or are you importing an open PSD in Reflow? Have you tried both methods and do they both have the same problem or does one always work and the other is flaky? Given that it has worked a few times it sounds like everything is at least installed correctly.
Problem 2, Typekit not working on localhost. Did you add "localhost" to you kit settings and then publish those changes? Also does the url in the preview start with http://localhost:8008/" ? The url in the preview needs to match the url in your browser. You can follow all the listed on this blog post: http://blogs.adobe.com/edgereflow/2014/01/31/using-typekit-fonts-with-reflow/
Problem 3 is related to Problem 2. The issue is when you're device connects to to your computer as the websever, typekit does't see you computer as an authored user of your fonts. The devices ins't connecting to "localhost" but using whatever the ip address of you computer is on teh network. If you want to preview the fonts you either need to add your computers IP address to your kit settings or put the preview up on a server that your kit allows.
When you are done please post your experience using the Photoshop import on your project. You can either start a new post or reply to a post we are running about people using Photoshop, http://forums.adobe.com/thread/1392173?tstart=0. We're looking into improving the import experience so your feedback here is really appreciated.
Hope that helps, thanks for using Reflow!
Chris

Introduction to Reflow | Adobe Edge Reflow | Adobe TV

In this video Evangelist Paul Trani takes you through a new tool Adobe is working on called Reflow. Reflow allows designers to create and style layouts and then make that same layout responsive, allowing it to work across desktop, tablet and mobile devices. Download Adobe Edge Reflow Preview from the Creative Cloud today and give us your feedback through the Adobe Forums or on Twitter: @Reflow @PaulTrani
http://adobe.ly/12cnyEN

also will this work with external stylesheets that you can load into the program. for instance, there could be an FTP section where you can put in FTP addresses for various websites. You log into the FTP for a site, it loads all of the external CSS files, and then you can start tweaking the CSS that's already available in them visually, add breakpoints, etc. instead of starting from scratch.

Trying to download Edge Reflow but it doesn't work

Hi,
I'm not a CC subscriber, but I want to try Edge Reflow and clicked on the big blue Download button (https://creative.adobe.com/products/reflow?promoid=KFKMR). It popped open a dialog and immediately just crashed (then the standard Apple crash dialog opens asking me if I want to send in a crash report). It's been doing this since 3pm this afternoon when I first tried. It's 10:30pm PST now. Any help would be appreciated.
I'm using a retina MacBookPro, 10.9.2. Tried downloading from both Chrome (Version 34.0.1847.116) and FireFox (28.0).
Cheers,
David

Nickname338866 did you recently upgrade your MacBook Pro or transfer files from another computer? Based off your screen shot it appears you are using an older version of the Adobe Application Manager utilized for Mac OS 10.6.8 computers.
I would recommend you complete the following steps to reinstall Edge Reflow:
Run all available Adobe uninstallers located in the Applications/Utilities/Adobe Installers folder
Using Safari or FireFox please go to https://creative.adobe.com/products/creative-cloud
Download and install the Creative Cloud Desktop application
Reinstall Edge Reflow through the Creative Cloud Desktop application by following the steps listed in Install and update apps - https://helpx.adobe.com/creative-cloud/help/install-apps.html.
Finally in regard to error you received in Chrome please see Error referring to aam protocol when you click download button | CC - http://helpx.adobe.com/creative-cloud/kb/cc-download-button-gives-aam.html. I would recommend you work on resolving the error in Chrome separately as you can utilize a different web browser to install Edge Reflow and the Creative Cloud Desktop application.

Suggestion: Adding a "Pages Panel" in Edge Reflow, similar to Adobe Fireworks

Hello Adobe Team:
I realize ER is mostly to set up fluid layout prototypes, which so far I'm loving this software. Especially the feature of your align panel.
But, I have a suggestion that I would love to see implemented in the near future.
Allowing for more than one File to be opened in ER
Adding a "Pages Panel" similar to the Fireworks pages panel
Master Page
Pages

Thanks for the suggestion! I filed a Feature Request in our public github at: https://github.com/edge-reflow/issues/issues/38
If you have a free github account, feel free to add additional feature requests there. Posting them here is fine, too!

Vector files in Edge Reflow...

Similar Messages

Maybe you are looking for