Home > Article > Web Front-end > Summary of introductory tutorials on drawing with zero basics
Since using CSS to design the logo for SIGT about two years ago, I have always had an idea in my mind. I think that using the Verdana font and the absolute positioning technology in CSS can draw more complex patterns. In other words, directly use HTML code generates embedded vector graphics. I chose to draw the image of Homer from the cartoon show "The Simpsons" as a representative because his image is very popular and everyone knows it: 1.
Pure CSS+DIV to draw the Homer image animation demonstration in "The Simpsons"_html/css_WEB-ITnoseIntroduction: Pure CSS+DIV to draw Animation demonstration of Homer's image in "The Simpsons"
2.
Creating a polygonal divIntroduction: Making a polygonal div I encountered a problem when I was making a web page: I wanted to create a polygonal div. The front div protruded with a triangle, and the back div was recessed with a triangle. The protruding and recessed parts of the two divs were exactly embedded and overlapped. Please tell me. Dear heroes, how to achieve it? ------Solution-------------------- Use picture deception to achieve it, use PHP to draw it yourself and it is not beautiful, use canvas. Drawing is not compatible, but pictures are better. Where have you seen examples of complex graphics drawn
3.
Photoshop Beautiful Universe StarsIntroduction: Source: Blue Ideal Author: Menocolour The star effect of the tutorial does not require mouse drawing, but uses a series of textures Material to complete. First draw a rough shape of the star, simply add some color and brightness, then apply the texture material, and then use the mask to adjust the range. The final effect is relatively simple. 1. Create a new one. A document of appropriate size, back
4.
A beautiful cloudy weather icon tutorial made in Photoshop##Introduction: Although the picture looks simple, the production process is not simple. It requires comprehensive picture production skills. For example, the sunshine and clouds in the icon need to be drawn by yourself. You need to be patient when making
##5. Photoshop mouse draws a very cute 3D Christmas snowman effect
Introduction: Before making the actual object, you need to find relevant materials for reference to understand the structure and local light composition. This step is very important and will affect the quality and realism of the work. With sufficient preparation, the subsequent characterization will be much easier.
6. PhotoShop tutorial to draw a realistic eye of a mouse
##Introduction: As the saying goes, the eyes are a window to the human soul. The structure of the eyes is beautiful. The eyes can convey rich emotions and are the most critical part of expression in figure painting. If you want to draw eyes well, you must first understand the structure of eyes, so that you can draw expressive eyes.
7.PHOTOSHOP mouse drawing realistic tomato tutorial
Introduction: PHOTOSHOP tutorial on using pens and layer styles to draw realistic tomatoes.
##8 . photoshop draws a cute cartoon little boy holding a sword
##Introduction: Haha Actually This is the first time I have drawn an original painting. (It should be regarded as something similar to the original painting, but I am still used to calling it graffiti~ After all, I am not a master of original painting, and I am not even a novice.)
##9.
PS mouse draws a beautiful and realistic red wine bottle##Introduction: This tutorial teaches PS learners Use PS mouse to draw beautiful red wine bottles. Friends who like it can learn together
[Related Q&A recommendations]:
javascript - Please ask How does createjs draw paths?
javascript - The canvas inserted in the DOM cannot write the image
javascript - echarts histogram data is not displayed, the reason cannot be found.
c++ - Acceleration of redrawing of drawing program elements
The above is the detailed content of Summary of introductory tutorials on drawing with zero basics. For more information, please follow other related articles on the PHP Chinese website!