Copy link to clipboard
Copied
Hi everyone,
I’ve been working on my website and was wondering if it’s possible to directly edit the website design in Photoshop. I primarily use Photoshop for creating visual assets, but can it be integrated in a way to make direct changes to my site’s layout or design?
If not, what’s the best workflow to transition between Photoshop designs and actual website implementation?
Looking forward to your insights and suggestions!
2 Correct answers
in the future, to find the best place to post your message, use the list here, https://community.adobe.com/
p.s. i don't think the adobe website, and forums in particular, are easy to navigate, so don't spend a lot of time searching that forum list. do your best and we'll move the post (like this one has already been moved) if it helps you get responses.
<"moved from download & install">
If not, what’s the best workflow to transition between Photoshop designs and actual website implementation?
By chmianshahzaib_shouka6510
Photoshop has ways to let you design web pages and then export their assets
In brief:
The main thing is to take full advantage of layers and artboards. Design in terms of CSS layers, and implement those as Photoshop layers. For example, a rectangle of color would be its own CSS layer, so make it an independent shape layer in Photoshop. Use separate artbo
...Explore related tutorials & articles
Copy link to clipboard
Copied
no.
download the images you want to edit > edit them in photoshop > upload them to your server.
Copy link to clipboard
Copied
in the future, to find the best place to post your message, use the list here, https://community.adobe.com/
p.s. i don't think the adobe website, and forums in particular, are easy to navigate, so don't spend a lot of time searching that forum list. do your best and we'll move the post (like this one has already been moved) if it helps you get responses.
<"moved from download & install">
Copy link to clipboard
Copied
In the context of optimizing the placement of my posts within the Adobe Community forums, as outlined in their comprehensive list https://community.adobe.com, should I endeavor to meticulously identify the most appropriate section, notwithstanding the navigational challenges of the site, or rely on moderators to reallocate my post for enhanced engagement? Furthermore, could external resources such as relevant guides serve as supplementary tools in streamlining such processes or resolving related ambiguities?
Copy link to clipboard
Copied
this is pretty clear : p.s. i don't think the adobe website, and forums in particular, are easy to navigate, so don't spend a lot of time searching that forum list. do your best and we'll move the post (like this one has already been moved) if it helps you get responses
so, after reading your reply, you would appear to also benefit from reading: https://community.adobe.com/t5/using-the-community-discussions/adobe-community-guidelines/td-p/47881...
Copy link to clipboard
Copied
Thanks for the clarification! I appreciate the help in navigating the forums, as it can sometimes be a bit tricky. I'll make sure to go through the Adobe Communit Guidelines to stay aligned with the forum rules.
Copy link to clipboard
Copied
"I’ve been working on my website and was wondering if it’s possible to directly edit the website design in Photoshop"
If you are using Dreamweaver, you will have the closest possible integration.
Copy link to clipboard
Copied
If not, what’s the best workflow to transition between Photoshop designs and actual website implementation?
By chmianshahzaib_shouka6510
Photoshop has ways to let you design web pages and then export their assets
In brief:
The main thing is to take full advantage of layers and artboards. Design in terms of CSS layers, and implement those as Photoshop layers. For example, a rectangle of color would be its own CSS layer, so make it an independent shape layer in Photoshop. Use separate artboards for design variations, such as how you are designing versions for desktop, tablet, and mobile screen sizes.
When you’re done designing, Photoshop offers two different ways to export the design.
If you choose the command File > Export > Export As, you can export each artboard as its own document. This is useful for reviewing your website design to your client, but is not useful for coding the web site, and is not interactive in any way.
If you choose the command Layer > Export As, you can export each layer as its own separate web asset, such as JPEG and PNG files. If you designed each of them at the correct dimensions, you should be able to use those assets on the web site, referenced by the code you provide separately.
Neither method exports any code, they only export images. You must still create the website code that references those images. That code will be written in a different application, such as Dreamweaver.
Also, this is a one-way trip. Photoshop can only export images.* Photoshop has no way to read in a website and update it for you.
*Actually, the Slice feature and Save for Web (Legacy) can export code, but the feature is so old that the code may not be very useful for the way current web sites are coded. So I don’t think this counts.

