Using CS6 for web mockup creation? Tips on how-to's

Hi
Pretty new to Photoshop and running CS6.
I'm looking for a workflow to create web mock-ups in the most efficient and easy way.
What Im looking for is to take an existing web frontend page and tweek it with new sections and components like buttons/menus/new text areas,images etc etc....
are there any specific tools or "web galleries" to use for this purpose that I can incorporate into CS6....not really sure how to form this question in the right way but I hope this sort of exaplined my purpose....creation of good-looking web page design (even if it will jsut be in .psd format)
Any help, tips & tricks would be appreciated.
Thanks!
//Helmut

A web gallery is many web pages you need more then a layered template psd. Templates are more suited for Collages rather then web Galleries. In the bridge output module there are some caned web galleries provided by Adobe there just not very good or a not easy to customize.
There are many web gallery creation tools available on the web some free other cost. If you do a search you will find many. Some use Photoshop in the process they are Photoshop Scripts. Most have some options to customize some features. None that I know of give you complete freedom to create whatever you want. They support their web gallery designs where you can customize features within the designs.

Similar Messages

Using Simpleviewer Pro for Web galleries creation

For once, I don't have a problem, I just want to share a wonderful experience with Simpleviewer Pro. Simpleviewer (the free version) comes with LR and is pretty fast and easy to figure out. However, I went and bought the Pro version for $35 and found it much more powerful and faster. It does everything I wanted from a Gallery generation application. I installed it on my desktop but when I tried the same installation on the Laptop, it crashed and told me it cannot install. After emailing techsupport I got an answer virtually in hours. It gave me specific steps to try to resolve the problem and asked to be kept posted on developments. I tried a second time, unsuccessful again and emailed svBuilder-PRO with copies of the error messages I was getting. They got back to me right away : the problem was actually a WINDOWS problem, where an old version of Adobe AIR could not be unistalled to put the new one (Simpleviewer pro uses Adobe AIR). My email had a link to a Microsoft support site which had a Microsoft FIXIT executable. I downloaded and ran the FIXIT, it fixed the problem and svBuilder - Pro installed correctly.
In two words, this software is fast, powerful and elegant, it gives me everything I need for WEB Galleries creation and I would highly recommend it to anybody trying to do (or help doing) a WEB site.

Here's the appropriate language relating to this
d) Soundtrack Pro. You may use the Apple and third party audio ﬁle content (including, but not limited to, the built-in sound ﬁles, samples and impulse responses) (collectively the “Audio Content”), contained in or otherwise included with the Apple Software, on a royalty-free basis, to create your own original soundtracks for your ﬁlm, video and audio projects. You may broadcast and/or distribute your own soundtracks that were created using the Audio Content, however, individual audio ﬁles may not be commercially or otherwise distributed on a standalone basis, nor may they be repackaged in whole or in part as audio samples, sound ﬁles or music beds.
It mentions that you can distribute your audio projects, so that might seem to indicate that the answer is yes. The language is clearer in regard to synchronized music to picture, or audio for broadcast or other distribution.
+Personally I see a gray (grey) area here . . . what about if I took a piece of stock music from the audio content and wrote lyrics to it and called it a song. Can I claim sole authorship of that . . . the agreement seems to indicate yes, but that doesn't scan to me.+
Anyway, i think if you're talking about writing a song using loop content, I'm pretty sure the answer is yes you can sell the resulting creation. _But I'm no lawyer_. It's probably open to debate.

Terrible image quality when using Save for Web in Adobe Illustrator CS6

When saving images of any format and of any ppi using "Save for Web", "round" corners become blurred and pixel , "acute" (vertical and horizontal) angles are clear and of good quality. Reinstalled system with the hope that the cure (Windows 7 64-bit) - has not helped. Up to this point, such a problem did not face, all was well. How can i deal with this?

You are not really making sense.
a) Viewing images at more than 100% in any viewer will introduce resampling from image to screen space. Different tools use different algorithms, but none of them will ever be perfectly "sharp". Again, simple mathematics.
b) JPEG is a compressed format that will never produce "sharp" lines in areas that don't coincide with the underlying block compression. If you wanted that, you'd use PNG or other formats.
So unless you can provide screenshots that illustrate your issue better at 100% zoom, I see nothing out of the ordinary here. Of course there could be all sorts of issues liek color space conversion or odd pixel sizes causing unfavorable distribution of compression blocks, but we realyl cannot judge any of that based on teh info you provided. Just saying that something doesn't look like you experct it to isn't really helping...
Mylenium

Used CS6 for a year or more, now says it's not registered! I have 1 or 2 unused keys but do not want to use them. Can't get the CS6 applications to open to enter the codes I was given when I first registered them...

Used CS6 for a year or more, now says it's not registered! I have 1 or 2 unused keys but do not want to use them. Can't get the CS6 applications to open to enter the codes I was given when I first registered them...

You'll need to use web chat. This file shows you links to Web Chat:
Adobe ID, sign in, and account help

Getting errors when iam using BAPI_PO_CREATE1 for Purchase Order creation

Hi sap Gurus,
I am getting Errors when iam using BAPI_PO_CREATE1 for Purchase Order creation that Material (144) does not exist but it is alreardy maintained in MM01.
I dont get how it is coming.and what are the mandatory fields in bapi BAPI_PO_CREATE1 in item level .that is too material only.
pls let me know .
thanks in advance.

Hi,
Check the sample code..
report zpo_test             .
*DATA DECLARATION
constants : c_x value 'X'.
*Structures to hold PO header data
data : header like bapimepoheader ,
headerx like bapimepoheaderx .
*Structures to hold PO account data
data : account like bapimepoaccount occurs 0 with header line ,
accountx like bapimepoaccountx occurs 0 with header line .
*Internal Tables to hold PO ITEM DATA
data : item like bapimepoitem occurs 0 with header line,
itemx like bapimepoitemx occurs 0 with header line,
*Internal table to hold messages from BAPI call
return like bapiret2 occurs 0 with header line,
*Internal table to hold messages from BAPI call
pocontractlimits like bapiesucc occurs 0 with header line.
data : w_header(40) value 'PO Header',
purchaseorder like bapimepoheader-po_number,
delivery_date like bapimeposchedule-delivery_date.
data : ws_langu like sy-langu.
*text-001 = 'PO Header' - define as text element
selection-screen begin of block b1 with frame title text-001.
parameters : company like header-comp_code default '122' ,
doctyp like header-doc_type default 'NB' ,
cdate like header-creat_date default sy-datum ,
vendor like header-vendor default '2000000012' ,
pur_org like header-purch_org default 'PU01' ,
pur_grp like header-pur_group default '005' .
*sociedad like HEADER-COMP_CODE default '122' ,
*vendedor like HEADER-SALES_PERS default 'sale person'.
selection-screen end of block b1.
selection-screen begin of block b2 with frame title text-002.
parameters : item_num like item-po_item default '00010',
material like item-material default '12000000' ,
tipo_imp like item-acctasscat default 'K' ,
*pos_doc like ITEM-ITEM_CAT default 'F' ,
shorttxt like item-short_text default 'PRUEBA BAPI' ,
grup_art like item-matl_group default '817230000' ,
plant like item-plant default '3001' ,
mpe like item-trackingno default '9999' ,
*contrato like ITEM-AGREEMENT default '4904000003' ,
*quantity like ITEM-QUANTITY default 1 .
po_unit like item-po_unit default 'EA'.
selection-screen end of block b2.
Par?mnetros de imputaci?n
selection-screen begin of block b3 with frame title text-004.
parameters : centro like account-costcenter default '1220813150',
cuenta like account-gl_account default '6631400' ,
num_pos like account-po_item default '10' ,
serial like account-serial_no default '01' ,
ind_imp like account-tax_code default 'I2' .
selection-screen end of block b3.
start-of-selection.
*DATA POPULATION
ws_langu = sy-langu. "Language variable
*POPULATE HEADER DATA FOR PO
*HEADER-COMP_CODE = sociedad .
header-doc_type = doctyp .
header-vendor = vendor .
header-creat_date = cdate .
header-created_by = 'TD17191' .
header-purch_org = pur_org .
header-pur_group = pur_grp .
header-comp_code = company .
header-langu = ws_langu .
*HEADER-SALES_PERS = vendedor .
*HEADER-CURRENCY = 'DOP' .
*HEADER-ITEM_INTVL = 10 .
*HEADER-PMNTTRMS = 'N30' .
*HEADER-EXCH_RATE = 1 .
*POPULATE HEADER FLAG.
headerx-comp_code = c_x.
headerx-doc_type = c_x.
headerx-vendor = c_x.
headerx-creat_date = c_x.
headerx-created_by = c_x.
headerx-purch_org = c_x.
headerx-pur_group = c_x.
headerx-langu = c_x.
*HEADERX-sales_pers = c_x.
*HEADERX-CURRENCY = c_x.
*HEADER-ITEM_INTVL = c_x.
*HEADER-PMNTTRMS = c_x.
*HEADER-EXCH_RATE = c_x.
*HEADER-EXCH_RATE = c_x.
*POPULATE ITEM DATA.
item-po_item = item_num.
item-quantity = '1'.
*ITEM-MATERIAL = material .
item-short_text = 'prueba bapi_po_create1'.
*ITEM-TAX_CODE = ''.
item-acctasscat = 'K' .
*ITEM-ITEM_CAT = 'D' .
item-matl_group = '817230000' .
item-plant = '3001' .
item-trackingno = '99999'.
item-preq_name = 'test'.
*ITEM-AGREEMENT = '' .
*ITEM-AGMT_ITEM = ''.
item-quantity = '1' .
item-po_unit = 'EA'.
*ITEM-ORDERPR_UN = 'EA'.
item-conv_num1 = '1'.
item-conv_den1 = '1'.
item-net_price = '1000000' .
item-price_unit = '1'.
item-gr_pr_time = '0'.
item-prnt_price = 'X'.
item-unlimited_dlv = 'X'.
item-gr_ind = 'X' .
item-ir_ind = 'X' .
item-gr_basediv = 'X'.
*ITEM-PCKG_NO = '' .
append item. clear item.
*POPULATE ITEM FLAG TABLE
itemx-po_item = item_num.
itemx-po_itemx = c_x.
*ITEMX-MATERIAL = C_X.
itemx-short_text = c_x.
itemx-quantity = c_x.
*ITEMX-TAX_CODE = C_X.
itemx-acctasscat = c_x.
*ITEMX-ITEM_CAT = c_x.
itemx-matl_group = c_x.
itemx-plant = c_x.
itemx-trackingno = c_x.
itemx-preq_name = c_x.
*ITEMX-AGREEMENT = C_X.
*ITEMX-AGMT_ITEM = c_x.
itemx-stge_loc = c_x.
itemx-quantity = c_x.
itemx-po_unit = c_x.
*ITEMX-ORDERPR_UN = C_X.
itemx-conv_num1 = c_x.
itemx-conv_den1 = c_x.
itemx-net_price = c_x.
itemx-price_unit = c_x.
itemx-gr_pr_time = c_x.
itemx-prnt_price = c_x.
itemx-unlimited_dlv = c_x.
itemx-gr_ind = c_x .
itemx-ir_ind = c_x .
itemx-gr_basediv = c_x .
append itemx. clear itemx.
*POPULATE ACCOUNT DATA.
account-po_item = item_num.
account-serial_no = serial .
account-creat_date = sy-datum .
account-costcenter = centro .
account-gl_account = cuenta .
account-gr_rcpt = 'tester'.
append account. clear account.
*POPULATE ACCOUNT FLAG TABLE.
accountx-po_item = item_num .
accountx-po_itemx = c_x .
accountx-serial_no = serial .
accountx-serial_nox = c_x .
accountx-creat_date = c_x .
accountx-costcenter = c_x .
accountx-gl_account = c_x .
account-gr_rcpt = c_x.
append accountx. clear accountx.
*BAPI CALL
call function 'DIALOG_SET_NO_DIALOG'.
call function 'BAPI_PO_CREATE1'
    exporting
      poheader         = header
      poheaderx        = headerx
    importing
      exppurchaseorder = purchaseorder
    tables
      return           = return
      poitem           = item
      poitemx          = itemx
      poaccount        = account
      poaccountx       = accountx.
*Confirm the document creation by calling database COMMIT
call function 'BAPI_TRANSACTION_COMMIT'
exporting
wait = 'X'
IMPORTING
RETURN =
end-of-selection.
*Output the messages returned from BAPI call
loop at return.
    write / return-message.
endloop.
Regards
Sudheer

Using "Save for Web & Devices" for a Organization Chart with Text

I created a document in CS3 Illustrator that is an Organization Chart. It contains rectangles, lines, and text. It looks great in Illustrator.
I have tried to save it using "Save for Web & Devices" to create a JPEG and a GIF so that I can pop it into a Dreamweaver document as an image and it keeps coming out blurry.
I have tried changing its size and resolution. I have tried opening and exporting it into Photoshop to try to "clean" it up. Nothing seems to be working.
I'm obviously unlettered in this modus operandi!
meem

Thanks for the response.
The background is transparent and will end up on a white background eventually.
I tried to make it clear in Dreamweaver by scaling it and it did seem to improve it somewhat. But it still doesn't look like the clear copy in Illustrator that I started with...
I also need to be able to embed this in a Word document to print for a hardcopy manual.
I had this same problem with Freehand a few years ago.

Mac user, PS CC 2014 latest version. When using "Save for Web" I bring my 900 x600px @72 ppi in to SFW and the output becomes 300ppi. The only way it stays at 72ppi is if I check "none" for metadata. I know to should not matter much, but I would prefer to

Mac user, PS CC 2014 latest version. When using "Save for Web" I bring my 900 x600px @72 ppi in to SFW and the output becomes 300ppi. The only way it stays at 72ppi is if I check "none" for metadata. I know to should not matter much, but I would prefer to keep all my web jpgs @ 72ppi. Any solutions?

It opens up as 900x600 @300ppi
Here's a screenshot-

PNG changing colors using save for web (CS2)

Im having a problem with making PNG pictures when using the "save for web" function (this also happens in Image ready)
I make an image in sRGB color space and chose "save for web" and set the settings, all looks fine and i save it as png8 or png24.
Then when i view it in a browser the colors af "off" (desaturated) ??
But if i chose "Save as" in Photoshop, and chose png, and save it that way, the color macth up and looks allright.
What im a doing wrong ??
I have made a test with to sets of colors / picture one with "websave" color and one without then save them "using save for web" in gif, jpg with profile, png8 and png24
The gif and jpg goes well but the png's colors goes "off"
I also saved the to files using "save as" and here the png's colors looks fine
(Ther are also some screendums of my color setting, "save for web" setting and my screen profile if that can be of anny help
http://home19.inet.tele.dk/jgom/pngtest/
Also! can anybody tell me this ?
When using "save as" i cant chose what png im saving as ? (8 or 24) What type of png dos PS use when you save it like that ???

Now I've read up on it, it seems the issue is indeed gamma.
(I really appreciate the "that's impossible, you must be doing something wrong" comments, by the way. Not "hmm, I don't know," but actually "what you've described in detail isn't happening; you're imagining things." Super helpful.)
Anyway the real question is: is there a way to stop Photoshop from including gamma data? It's apparently an optional portion of the PNG spec.
The whole gamma thing is unfortunate, but the *really* unfortunate bit is that Photoshop includes this information at all, particularly in a Save for Web context.
Most importantly, it seems this has been an issue for some time (Google "PNG Photoshop gamma"), and PNG is usually used for web, so why on Earth hasn't Adobe addressed this? Let's not forget that Photoshop is the industry-leading tool, and the Extended version costs $1000 by itself. The only options I've seen for saving as PNG in PS so far is sRGB conversion, bit depth, transparency, and interlacing. This whole gamma thing seems pretty unacceptable behavior, even by default.
I'm looking into pngcrush; does anyone have a simpler solution to strip the gamma information? Of course, if there's a way to do this in Photoshop itself, please please let me know.
Thanks.

Removing Exif Data with out using "Save for Web"

I have very large files. I need to remove thw EXIF data. I do not want to use "save for web" because it impacts the quality and size (recompresses) of the files. I need the files to remain un changed except for the removal of the EXIF data.
I have a large number of files to do this to.
Can anyone help?
Thanks

Thanks Tai Lao for the shortcuts.
I have RAW files to start. I "process" them and convert to jpg. Then send them to the client. But there are times the client doesn't need to be able to view the EXIF data, soooo....
1. I'm working on seting up an action to convert the processed RAW files to TIFF first,
2. then, using the shortcuts you listed, set up an action to take the tiff files through the process to strip them of the EXIF data and,
3. then convert the resulting "EXIF-less" TIFF files to jpg - also using an action. I'm going to try to build one action to do the whole thing but so far I'm still experimenting... I have to keep the file names...
Anyway, I'll post my findings.
Thanks
To whomever left the info about Exiftool - Thanks for that info as well. I'll check it out but is seems a bit too complicated for large numbers of files.

Using CSS for Web dynpro application in EP

Hi,
I have some CSS (Style sheets) which I need to apply to the portal, so that all the web dynpro applications can have the same look and feel.
I read something about Theme Editor in EP. Can I somehow use that to import the CSS contents into the EP theme?
Any pointer to using CSS for Web Dynpro applications will be appreciated.
Thanks.
Puneet

Hi,
Go thorugh the follwing Web Dynpro Java
https://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/com.sap.km.cm.docs/business_packages/a1-8-4/nw04stack09themes.zip
To know how to use it and for the steps to be followed please follow the tutorial here
https://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/com.sap.km.cm.docs/documents/a1-8-4/how to edit web dynpro themes.pdf
the last url gives you a step by step procedure with wizards..
Regards,
RK

Is it possible to preset to JPEG High when using 'Save for Web...'?

Hi,
I am using photoshop elements 10. When I am ready to save an image under 'SAVE FOR WEB..' can I preset it to 'JPEG HIGH' cos right now it will pop up 'GIF'.
When I am using PSE2, I am able to launch it as JPEG HIGH. Now, I have to click on the popdown menu to select 'JPEG High'.

You need to right-click on the PSE desktop icon and choose "Run as Administrator".
Then, open a file in PSE, use Save for Web and change all the settings to what you prefer. Hold down the Alt key and the "Done" button will change to a "Remember" button. Click it and then save your image. The settings will be saved and you do not have to run PSE as an administrator again.
Ken

I have been using CS6 for two years without incident. Suddenly the Media Encoder stops working, showing APPCRASH and displaying error message about WatchFolder.dll - I tried uninstalling and re-installing to no avail - can anyone help

I have been using CS6 for two years without incident. Suddenly the Media Encoder stops working, showing APPCRASH and displaying error message about WatchFolder.dll - I tried uninstalling and re-installing to no avail - can anyone help?

Hi Mylenium,
Thanks for your response.
Here is the error information showing up:
Problem signature:
Problem Event Name: APPCRASH
Application Name: Adobe Media Encoder.exe
Application Version: 6.0.0.382
Application Timestamp: 4f62fcf1
Fault Module Name: WatchFolder.dll
Fault Module Version: 6.0.0.382
Fault Module Timestamp: 4f62f37f
Exception Code: c0000005
Exception Offset: 0000000000007899
OS Version: 6.1.7601.2.1.0.768.3
Locale ID: 4105
Additional Information 1: 9a62
Additional Information 2: 9a620826d8ae4a2fa8b984b39290a503
Additional Information 3: 1fb3
Additional Information 4: 1fb304eee594288faeefbf1271b70d37
I am using a PC Windows 7

Question about file size when using "Export for Web"

Hi!
I created a .mov file and worked to get a great balance between file size and quality so that I could deliver it via the web and make it easier for end users to see the video on a slower connection.
My question: When I use "Export for Web," my .mov file is converted into a very large .m4v file--more than double the size of the original file. I know that this export option is to optimize the file for a wide variety of users/internet speeds. Am I correct in guessing that the end size is not an issue? I would post the .mov file instead, but I really like the option of embedding into a html page along with the "click to play" option.
Bottom line--is it better to post the smaller .mov file that i originally started with or to go ahead and link to the bigger .m4v file that was created with the "Export for Web" option?

"Export for Web" is a feature of QuickTime Pro and it makes 4 files and the html page code for easy copy/paste Web page editing.
The very first file is called a "reference movie" and it links to the other 3 files (56kbps, 900kbps and 1.5Mbps). It, and the page code, "read" the connection speed of the viewing hardware and "serve up" the correct file based on that connection speed.
In nearly all cases the "Desktop" version would still be smaller in file size than the original source. The times the file would "increase" in file size would be when an already compressed was used as the source file. You can find out more about your source file by opening it in QuickTime Player and viewing the Movie Inspector window information.
There are dozens of other html "tricks" that could be used if your source file is already compressed but you want a different display size:
Page code to show "aspect" or scale="tofit". This code allows values "outside" of those found in the actual QuickTime file be used for the Web page display. A 320X240 QuickTime .mov file looks pretty good at double size (640X480) but the file size would still be that of the source file.
"Poster Movie" is another html trick that loads the Web based file directly in the QuickTime Player application (bypassing Web page layout restrictions). These files are also known as "Presentation Movies".
Another method is the QuickTime Media Link file (.qtl). These are simple text based files that are used as a "direct link". These use simple XML (Extensible Markup Language) and are easily created in any text editing application. The simple syntax has amazing control over a simple QuickTime .mov file. You can launch (and quit) the QuickTime Player, display at other dimensions and even embed "links" inside the display.
Some of my files as examples:
http://homepage.mac.com/kkirkster/Lemon_Trees/ a "Poster Movie" style.
http://homepage.mac.com/kkirkster/.Public/RedneckTexasChristmas.qtl
A QuickTime Media Link file. A tiny file should download to the viewing machine, launch QuickTime Player, present the movie and it even includes a "link" to my Web page.
Edit: It appears you must now double click the .qtl download to launch QuickTime.

Why do my images appear washed out when I use Save for Web?

Q: The color/brightness/tone of my image changes when I use
Save for Web. Why?
A: Photoshop is a color-managed application. The Web is not. Normally, when you view an image in
Save for Web or
ImageReady you are viewing it without color management and see it how it will appear when uploaded to the Web.
To minimize changes, Convert your image to sRGB (i.e from
Edit menu choose
Convert to Profile )before using
Save for Web. You should also make sure that
Save for Web has been configured so that images are displayed using the document color profile (see attached screenshot for guidance).
You should also ensure that your monitor properly calibrated and the gamma is set to 2.2.

Same here. Didn't get any good New Years Eve photos indoors.

I'm using CS6 Design Web & Prem. When I use Media Encoder to convert WMV file to FLV the top portio

Hi,
I'm using CS6 Design Web & Prem. When I use Media Encoder to convert WMV file to FLV the top portion of the video is not visible. How can I fix the issue?
Thanks!

It's a Windows Update bug:
WMV files corrupted on import or export
Mylenium

Using CS6 for web mockup creation? Tips on how-to's

Similar Messages

Maybe you are looking for