Flex for Web/Graphics Designers

Hi,
I am a hard core web graphics designer and have worked
extensively in designing websites and web applications using CSS
and HTML. I have also created interactive presentations in Flash
but to the basic navigation level and not advance action scripting.
I do not have much knowledge in programming.
I would want to know how Flex works for web graphics
designers? What capabilities I will have to build into myself so
that I will be able to work on Flex and also propose solutions
while discussing with clients and developers?
It will be great help if any of you can guide me to become
and expert with Flex?
Regards,
Amit

Hi Rahul,
Thanks for the link. Let me go thorugh it and I'll get back
to you on that.
The reason for getting into Flex is: I feel it is related to
Flash and its really been a long time since i was deciding to get
into some programming (especially actionscripting). After
introduction of Flex, i thought it will be good to learn Flex as an
upcoming medium in creating RIAs by using actionscripting. In a way
I will get a chance to clear my fundamentals of programming which I
am looking forward to as the first step to learn the logic of
programming. Correct me if I'm worng.
I am open to doing courses also if needed. Please help me in
that.
Regards,
Amit

Similar Messages

Is Fw really better for web graphics?

Ok, so I've downloaded the Fw trial to see how it's better
for web graphics than Photoshop. With Photoshop the usual problem
is that I have to mess around to turn on/off layers, copy parts of
images into new images to export transparent logos, tabs etc. so I
hoped that Fw have some intelligent slice system for one step
exports. Unfortunately I haven't been able to find it. Maybe I'm
wrong but it seems to me that Fw has a very primitive flat slicing
system, no overlapping is possible. So for a very basic example if
I have a background graphics on the top of the page that I want to
export (not the entire page) and a logo *on* it that I want to
export as a transparent png or maybe just as a jpg including the
background, it's impossible, because the logo slice will divide the
page into rectangles no matter what. I don't care about
HTML/CSS/whatever I just want to export overlapping graphic parts
in one simple step by properly defined slices. Looks like I
couldn't find the one step solution I hoped for in Fw. Am I missing
something?

I. G. wrote:
> Ok, so I've downloaded the Fw trial to see how it's
better for web graphics
> than Photoshop. With Photoshop the usual problem is that
I have to messing
> around to turn on/off layers, copy parts of images into
new images to export
> transparent logos etc. so I hoped that Fw have some
intelligent slice system
> for one step exports. Unfortunately I haven't been able
to find it. Maybe I'm
> wrong but it seems to me that Fw has a very primitive
flat slicing system, no
> overlapping is possible. So for a very basic example if
I have a background
> graphics on the top of the page that I want to export
(not the entire page) and
> a logo *on* it that I want to export as a transparent
png or maybe just as a
> jpg including the background, it's impossible, because
the logo slice will
> divide the page into rectangles no matter what. I don't
care about
> HTML/CSS/whatever I just want to export overlapping
graphic slices in one
> simple step by properly defined slices. Looks like I
couldn't find the one step
> solution I hoped for in Fw. Am I missing something?
>
>
>
>
>
In a word. Yes. It's designed to work with screen graphics,
and handles
both vector and bitmaps well at the same time. It's got quite
a few
more web-centric workflows than Photoshop.
Fireworks CS3 supports multiple pages. Each page supports
it's own web
layer, so you have much more control over slices and can
avoid the
problems of overlapping slices this way.
Overlapping slices don't work because it's impossible for FW
to
determine which one is the most important - and should be
sliced in whole
>>So for a very basic example if I have a background
> graphics on the top of the page that I want to export
(not the entire
page) and
> a logo *on* it that I want to export as a transparent
png or maybe
just as a
> jpg including the background, it's impossible, because
the logo slice
will
> divide the page into rectangles no matter what.<<
I'm not clear on what you're trying to do here as you seemed
to have
left some information out. Assuming you want a repeating
background
image and as separate slice for the logo.
Draw a slice that covers the width of your background, by
however many
pixels tall you need. Either lower on the page or on a
separate page
plave the logo and slice it as well. As you are not concerned
about the
html or CSS it's pretty straightforward from there. Just
export the
slices, and tell FW not to include unsliced areas. In your
html, set you
background image as a background image and your logo either
as an inline
image or as a background image within another containing div.
HTH
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
Adobe Community Expert
http://tinyurl.com/2a7dyp
See my work on Flickr
http://www.flickr.com/photos/jim_babbage/

Macmini among the latest i5 or i7 are they appropriate for web/graphics/software development

Macmini among the latest i5 or i7 are they appropriate for web/graphics/software development?
Can operate with ease with Adobe Creative Cloud cs6 Apps? Also with xcode or Eclipse etc IDEs?
Also can get carried easily, and is 240/110V voltage Europe/USA?
MACmini server have all abilities of macmini client plus more, hence, can run Adobe Creative Cloud cs6 Apps, xcode & Eclipse?

Electrical and Operating Requirements
Line voltage: 100-240V AC
Frequency: 50Hz to 60Hz, single phase
http://store.apple.com/us/browse/home/shop_mac/family/mac_mini/select
Realize that only the Middle Mini has a real Graphic card.
http://news.softpedia.com/news/What-You-ll-Need-to-Run-Adobe-CS6-Mac-System-Requ irements-267982.shtml
http://prodesigntools.com/products/adobe-cs6-system-requirements.html

Photoshop for web graphics vs fireworks - sizing shapes and images

Hi all,
I'm a web designer / developer and I've always used fireworks to create my graphics for buttons, or backgrounds of web sites.
I'm aware that photoshop is apparantly the tool of choice for most pro web designers, but........
How the heck can you size things in Photoshop (CS3)???!
Sounds like a daft question, and sounds like an extremley basic task, but I cannot find how / where to do it in photoshop.
Say I need two shapes to be the same width, and I'm creating two images, how do I set the two shapes to be 100px wide for example? I don't mean the canvas, I mean a shape within a canvas.
Point me in the right direction and call me stupid!
Thanks

I don't know of any books that concentrate purely on editing graphics in Photoshop. The program was designed as a photo editor, after all, and web graphics are just a sideline.
Best overall book I know for learning the basics is the Photoshop Classroom in a Book, available for each version of the program. You can ignore the photo manipulation chapters (though I would recommend them ... one day you might want to put a photo on your website.)

2007 iMac vs New MBP for Web/Graphic Design?

Hey everyone,
I'm a web/graphic designer currently using a Mid-2007 iMac and looking to upgrade to the top level MBP for better performance and mobility. I'm usually running a few programs at a time (photoshop, indesign, illustrator, safari, spotify, etc) and my current setup seems to be bogging down lately. Given the specs below, will I see a big boost in performance by upgrading to the MBP? On paper 2.4ghz vs 2.8ghz doesn't seem like a lot, but I know the RAM, graphics card and whatever "turbo boost" is all play a big role as well. Any advice?
Current iMac:
-Mid-2007 iMac - 24"
-2.4GHz Intel Core 2 Duo
-4 GB 667 MHz DDR2 SDRAM
-ATI Radeon HD 2600 Pro 256 MB
-500 GB SATA Disk
Potential MBP:
-2.8GHz Quad-core Intel Core i7, Turbo Boost up to 4.0GHz
-16GB 1600MHz DDR3L SDRAM
-512GB PCIe-based Flash Storage
-Intel Iris Pro Graphics and NVIDIA GeForce GT 750M with 2GB of GDDR5 memory

Hi Bee!
Thanks very much for your advice!
However, why do you suggest the 21.5" over the 27"? Do you think it is worth the extra screen size, because I can afford either?
It seemed to me that the iMac was the best option also - I'm in need of the power, but I'm still deliberating over size.
Also, on a side note, do you know of any iPhone apps that can help me with transferring files from home to college I'm getting an iPod Touch as part of the new deal Apple are running and I just wondered if there were any apps that I would find handy for transporting files etc.?
Thanks again!

Colors turn neon when opening a previously saved for web graphic

Whenever I flatten and save a graphic for web and try to go back and reopen it, all of the colors go to a funny neon. It doesn't let me adjust the colors back completely either. It also happens when I open screenshots. Any idea why this is happening all of the sudden? It didn't used to do this and then just started. I haven't changed anything except maybe did an update to Photoshop. Any ideas?

I have my settings at custom. Color management is set to "preserve embedded profiles."
My working spaces are prophoto RGB for RGB and US Web Coated SWOP v2 for CMYK.
I haven't ever gone in and changed any of these before. Should I?

Learning Flex for Web Development

Hello Folks,
I am new to flex. Previously i have been developing in PHP. I just thought of implementing a web based inventory management system in flex. Now in PHP, we have one html page that takes input and we re-direct it to a PHP page and it does the insert delete. But in flex, i can do all this on one page.. literally one page using view states.
So should i proceed with this approach OR is there an efficient way of page navigation in flex. Moreover, can we manage sessions in flex.??? Are there good resources for flex development for web like PHP???
Any help would be appreciated

States should generally only be used for small components that can change their UI in small ways.
In general for navigation in Flex, ViewStack is great, and also TabNavigator, Accordion, etc.
The following links give more info on this and also on using Flex with PHP and MySQL.
http://livedocs.adobe.com/flex/3/html/help.html?content=navigators_3.html
http://livedocs.adobe.com/flex/3/html/help.html?content=navigators_1.html
http://www.switchonthecode.com/tutorials/flex-php-tutorial-transmitting-data-using-json
http://www.switchonthecode.com/tutorials/using-flex-php-and-json-to-modify-a-mysql-databas e
http://www.switchonthecode.com/tutorials/flex-php-json-mysql-advanced-updating
If this post answers your question or helps, please mark it as such.

Best Product for Web Graphics & Email Marketing

What is the best product to start with if my focus is creating graphics for the web and email marketing?

Editing PDF files: there is NO good product for editing the text or content of PDF files. There are tools but they are for a desperate last resort when things are very badly planned. Acrobat can do this.
Acrobat: good for scanning to PDF. But in general no sensible tool lets you work with PDF as your main format. For example if you want to do letters in PDF, you do them (typically) in Word and make a PDF. Want a page layout? Use InDesign or Publisher, make a PDF. Want to change the PDF? Edit the original and remake the PDF. You need to keep originals religiously.
Maps: look for a specialist tool for maps. Adobe don't have one.
General: don't expect to find one program that does all your tasks. You will probably want Acrobat though for some PDF-related tasks.

Using a FLV file in Flash for Web Graphic

Hello thank you for looking in.
I made a FLV file in After effects. 5 seconds long. I would like to convert it (So I think) in Flash so I can park it on my website for some 'eye candy' I was able to import the FLV an After Effects creation exported as an Alpha FLV.
I import it to the stage, have a few options about players when doing so. I used the stand alone Player option when opening my sequence. I prewview it and it works fine using both Browser and Player mode when previewing movie. However, I am unsure how to make that file play or loop forever? I am unsure of exporting it so I can just upload it to my Wordpress site and stuff it in my header so it plays when a browser opens that page. I know that is a tall order to ask. If you could either direct me to a link to the proper steps I would need to learn I would appreciate it.
Thanks in advance for any direction on this one. I have created a flash poject or two and exported them as swf and have had them work, but I have never used an imported FLV is there any diff? And how come it does not automatically loop without the ACTION ()Stop ?

I was able to get my FLV FLASH to Loop, must have been a glich on my end. Closed it and reopened it and it reverted back to a loop. I am still wondering, or I forgot the steps to exporting my work with JS ? I cannot remember where I found that info, nor how I did it. As of now I turn on JS toolbox and my Html export is a white box....I would love to export as no background, or Alpha and have the JScode export so all I need to do is cut and paste into my HTML page and change the upload address or A href " " Steps...Anyone? Thanks
BTW I was able to export my AE file as a SWF however all the cool stuff that made the eye candy was not supported like fill over stroke or 3d when exporting out of AE direct as a SWF with LOOP. FWIW

Mixing CSS colors and image files from Photoshop for web

Hello,
I recently encountered a web production color issue and wanted to collaborate with other web producers to either inform or to see if there isn't a better work-around....
A web site design has a particular color palette and some elements are converted to HTML/CSS colors (rgb hex values) and other elements must be saved as images--both with the same exact color appearance. We graphics professionals know that generally all images should have the color profile indicated (embedded, tagged) in the image file (e.g., sRGB, Adobe RGB or whatever) in our color-managed workflow so that the color numbers have meaning. For web, I've always used sRGB (the web standard) and tagged the images with the sRGB color profile.
Historically, this probably hasn't mattered because no web browser cared about the image profiles anyway. However, recently, some browsers have started to implement color-management. This is good for pictures and such, but poses a problem for web graphic elements: the images are rendered in the color-managed sRGB, yet the CSS is still rendered outside of color-management (the so-called monitor or "device" profile?). Therefore, if a web page design's color palette is to be honored, the HTML/CSS hex colors must appear the same as the matching hex colors embedded in the images. However, modern browsers now render the colors in the color-profile-tagged/embedded images differently, so the colors on the rendered pages no longer match!
My work around has been to NOT tag (embed) the web-element image files with any color profile and thus cause the modern browsers to do what they used to: render the images without a color profile just like they render HTML/CSS hex colors. Perhaps in the future, there will be an HTML specification to inform the web browser to render all colors (HTML/CSS/images) in a particular color profile. (In my cursory testing, I've found that current Safari and Chrome for Windows 7 do alter the tagged-image appearances, yet Safari in iOS does not.)
Have other web producers run in to this issue and are there more eloquent work-arounds?

Hi,
This might help
Serving Static Content on WebLogic and GlassFish | cdivilly
Regards,
Jari

Scaling Graphics for Web

I have a question for all Web Designers / Developers. I typically like to create my web graphics large, due to flexibility, retina display etc. The problem lies when I need an image to fit a container. Resizing the image stretches the image horizontally or vertically, all proportion is lost. Content Aware Scale is an option I've tried but getting the dimensions correct for horizontal and vertical appears to be a hit or miss. Is there a solution to this dilemma ?

I have a question for all Web Designers / Developers. I typically like to create my web graphics large, due to flexibility, retina display etc. The problem lies when I need an image to fit a container. Resizing the image stretches the image horizontally or vertically, all proportion is lost. Content Aware Scale is an option I've tried but getting the dimensions correct for horizontal and vertical appears to be a hit or miss. Is there a solution to this dilemma ?

Do any graphic designers use this display? how its it for you?

do any graphic designers use this display?
hows the color matching?
whats your experience with it?
thank you

got my dual LED and mac pro setup a few days ago and have been doing a lot of work in photoshop and a little in final cut and colour.
For me personally, the gloss is not an issue and I don't understand why some 'professionals' claim they cannot use glossy screens, just light your room properly and its no problem at all. As far as colour reproduction goes, the screens seem amazing to me. I am not a 'true' professional- ie have not worked with correctly color calibrated screens for 25+ years etc as some people bashing these displays seemingly have, but for graphic and web design the display is perfect for me. What I think a lot of people forget when they argue about how important it is for a screen to be colour accurate for design work is that every single screen is different, some completely different to others - so although it is important to be able to view 'true' colours, on the majority of users screens the graphics won't be reproduced how they looked on the designers screen. Thats my experience with web design at least.. Hope this was of some help.

All graphics / vector in Save for Web are getting blurry / unsharp from Illustrator

All graphics / vector in Save for Web are getting blurry / unsharp from Illustrator. Same problem with save for web in Photoshop. Frustrating to be working as a designer and not be able to create sharp logos for mail sign, word templates, PPT templates etc etc. I purchased this Adobe Creative Cloud package in Sept, and are working on my Mac HD, OSX, Vers 10.9.4. I have been using the same programs on a PC for years and never had this same problem. Its frustrating!! What to do??

gif, jpg and png are pixel formats, so please clarify what the problem is supposed to be.
Screenshots or posted files might help.

Adobe media encoder CS4 - alised graphics and small black bars at 480x360 for web---HELP!

I recently installed the CS4 premiere software with Adobe Media encoder. I encode video for the web.
I have been a professional web video producer for over 10 years and have been using adobe products my whole career
My issues are:
1) I can not get clean edges on my graphics when exporting a flash video (.flv or .f4v) using "field order: progressive" as it should be for web output. All my graphics are high quality and I have tryed many formats (.eps, .psd, .gif ,jpg, .pnd) but once I change the field order drop down in the encoder settings to "(none) progressive" the graphics become alised...
2) My videos which are a size of 480x360 now have small black bars at the top and bottom after encoding the original down to 480x360. I have tried to crop the video so the bar go away but the whole video get fuzzy...WTF
I have spent so many hours reading and searching trying to fix these two issued and I am thinking that I am going back to my old software and discrediting the new adobe product every chance i get!!!!!!!!!!
I was previously using premiere pro 1.5, editing video and graphics and then exporting an uncompressed .mov file and then used Flash 8 Video Encoder to render a .flv file. This produced great video with crisp graphics.
PLEASE HELP

Stan,
I was using the on2VP6 codec at data rates from 275k to 400k with good results. -- with the new CS$ endcoder i am used h.264 at 500k to 700k, video quality looks good but the graphic overlays look like alised crap. In the encoder settings the edges of the graphics get jaged when I make the field order progresive...
I am starting with DV NTSC video at 720x480.
I am going to go back to my old work flow and test it. The settings are a bit different from premiere pro 1.5 to CS4 -- in 1.5 i could export out an unconpressed .mov with square px and then bring that large file to flash media encoder to create the .flv

How to use chart engine for web dynpro java(EP) for Graphics generation.

Hi Frndz..
now lookiing out for different types of dynamic graphics generations according to my requirment, n i saw the followiing blog
Testing BusinessGraphics in Web Dynpro for Java
Itz very nice to see that we can generate planty of types, but here our server is EP 7.0(not CE 7.1) and i gone thru these links also
http://help.sap.com/saphelp_nwmobile71/helpdata/en/86/243f403f0a9354e10000000a155106/frameset.htm
http://help.sap.com/saphelp_nwmobile71/helpdata/en/0b/79553b066d9414e10000000a114084/frameset.htm
https://help.sap.com/saphelp_nw04/helpdata/en/0c/95c83956852b51e10000000a114084/frameset.htm
here it seems to be Chart Engine n Chart Designer is mainly for BSP(R3), how best we can use this for web dyn pro java.
Thanks in Advance
Regards
Rajesh

hi
if you want to use BusinessGraphics in WebDynpro java you have to configure IGS.
IGS Configuration
https://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/4846ac90-0201-0010-099d-d3b4e271849c
Business Graphics docs.
https://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/3261cd90-0201-0010-268c-d8d72e358af6
ChartDeigner Usage
http://help.sap.com/saphelp_nw04/helpdata/en/18/d4d43fb9490c65e10000000a114b1d/frameset.htm
Generating Gantt chart using web dynpro business graphics

Flex for Web/Graphics Designers

Similar Messages

Maybe you are looking for