• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Can I Directly Edit My Website in Photoshop

New Here ,
Jan 29, 2025 Jan 29, 2025

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!

Views

212

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 2 Correct answers

Community Expert , Jan 30, 2025 Jan 30, 2025

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">

Votes

Translate

Translate
Community Expert , Feb 02, 2025 Feb 02, 2025
quote

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

...

Votes

Translate

Translate
Community Expert ,
Jan 30, 2025 Jan 30, 2025

Copy link to clipboard

Copied

no.

 

download the images you want to edit > edit them in photoshop > upload them to your server.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 30, 2025 Jan 30, 2025

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">

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 30, 2025 Jan 30, 2025

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?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 31, 2025 Jan 31, 2025

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...

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 02, 2025 Feb 02, 2025

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 02, 2025 Feb 02, 2025

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 02, 2025 Feb 02, 2025

Copy link to clipboard

Copied

LATEST
quote

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. 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines