Photoshop with DW design Cool pages Album Effect tutorial

Source: Internet
Author: User
Tags html page

This tutorial applies to the object: have a certain PS foundation, preferably have the basis of web design, so after the PS processing can be done in the DM inside a later CSS and layout aspects of processing, of course, DM&FW can also do pictures batch processing and generate albums, but I personally think ps& DM effect is relatively good.

PS Batch processing function is very powerful, if the use of good can do a lot of work for us. Today, I would like to talk about "PS batch processing design and production of picture display"

Let's go

One, prepare oneself to make the material of the album, product display, the case shows, photos show all can, unify these pictures in a folder, I will this file is called "Res_img", which is placed in the big picture, small picture for a while PS will do for us.

Second, open PS, select the following menu:

Third, this is the main interface of PS production picture display, mainly has the following several:

Styles can be selected to generate different forms of HTML pages, the PS version of the CS provides 8 of formats, are good.

Source Image workspace:

The above "browsing" is the choice you want to do a lot of pictures to show the folder, which is above what I call "res_img".

The following "purpose" is PS after processing the folder, can exist you want to save the location, I have to build a folder called "Pic_ok."

The "Options" inside are some of the specific settings

A total of six items, which must be set is the "banner" "Large Image" "Preview."

"Banner" can be set this first page HTML name, that is, HTML page title, then contact information, time, and so on, if the final will be displayed.

and "large image" can be set to generate "picture display" after the large picture of the long width, and PS can automatically optimize the size of the picture, of course, you can not set.

Thumbnails can set the size of a small picture in a generated HTML page, or you can set a border or something. I use the default "0" directly.

Through the above settings, you can press the "good", and then wait for PS to our pile of pictures into a picture show it.

The above is Photoshop combined with DW design Cool Web Album Effect tutorial, I hope you like!

Category:
    • PS Getting Started Tutorial

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.