Draw a summary of the basic Getting Started tutorial 0

Source: Internet
Author: User
Since about two years ago with CSS to sigt design logo, I have always had an idea, I think the use of Verdana fonts and CSS absolute positioning technology can draw more complex patterns, that is, directly with the HTML code to generate embedded vector graphics. I chose to draw the image of Homer in the "Simpsons" as a representative, because his image is very popular, we all know: o o o O (o o o \ o

1. Pure Css+div painted "The Simpsons" in the image of Homer _html/css_web-itnose animation demonstration

Introduction: Pure Css+div painted "The Simpsons" in the image of Homer animated demonstration

2. Create a polygon div

Introduction: The production of polygonal div little brother in the Web page encountered a problem: Want to create a polygon Div, the front of the div protruding a triangle, the back of the div recessed a triangle, so that two div protruding and recessed part just embedded, overlapping, how do you master, how to achieve it? ------Solution--------------------with picture spoofing implementation, with PHP self-painted, with canvas not compatible, or picture good, where you see examples of complex patterns are drawn

3. Photoshop's beautiful Cosmic stars

Introduction: Source: Blue Ideal Author: menocolour The astral effects of the tutorial do not need to be painted by a mouse, but instead use a series of texture footage. Draw the approximate figure of the star first, simply add some color and shading, then apply the texture material in, and then use the mask to adjust the range. The production process is relatively simple. Final effect 1, create a new document of the appropriate size, back

4. A beautiful multi-cloud weather icon Tutorial made by Photoshop

Introduction: Seemingly simple pictures, the production process is not simple. Need a more comprehensive picture production skills. The sun and clouds in the subject need to be hand-painted. You need to be patient when you make a production.

5. Photoshop mouse to draw a very cute 3D Christmas snowman effect

Introduction: Before making a material, need to find relevant material reference, understand the structure and the local light sense composition. This step is very important, it will affect the quality of the work and the sense of truth. With sufficient preparation, the later characterization will be much easier.

6. Photoshop Mouse Draws a realistic-style eye tutorial

Introduction: As the saying goes, the eye is a window of the human mind, the structure of the eye is beautiful, the eyes can convey a wealth of emotion, is the most important part of the performance of Figure painting. If you want to draw good eyes, you must first understand the structure of the eye, so that you can draw vivid eyes.

7. Photoshop Mouse to paint a realistic tomato tutorial

Summary: Photoshop uses a pen and layer style mouse to draw a realistic tomato tutorial.

8. Photoshop Mouse-painted cute cartoon little boy with Sword

Introduction: Haha is actually the first time to draw a picture of the original. (It should be a similar to the original picture of the east, but I still used to call it graffiti ~ after all, I am not the original painting master, even novice are not counted hehe. )

9. PS Mouse to paint a beautiful and realistic wine bottle

Introduction: This tutorial teaches PS learners to use PS mouse to paint a beautiful wine bottle, a favorite friend can come together to learn

"Related question and answer recommendation":

JavaScript-How does Createjs describe the path?

JavaScript-the canvas inserted in the DOM cannot be written to an image

Javascript-echarts Column chart data is not displayed and the reason is not found.

C + +-plot program element redraw acceleration

Android-ask: 2 artboards A and B, how does the action on a draw automatically on B every moment?

Related Article

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.