||In this exercise we will be using very basic inkscape techniques to start drawing a sunset. Follow the step-by-step instructions to create the sea, sky and sunset.
- Change the layout of the page to landscape
- Draw the sky background (rectangle)
- Draw the ocean (rectangle)
- Draw the sun (ellipse - use control button the make sure the ellipse is a circle)
- Fill the shapes with the right color
- Lower the sun (behind the ocean)
|In this excercise we will be improving the sunset drawing by adding a gradient and some blur.
- Change the color of the sun using the Fill and Stroke dialog
- Add some blur to the sun
- Remove the stroke from the ocean object
- Add and edit a radial gradient to the sky
||In this exercise we will edit the shape of the sun using a boolean function and add a reflection to the surface of the sea.
- Duplicate the circle with control+D
- Duplicate the ocean with control+D
- Cut the lower part out of the sun using boolean function "difference"
- Move, mirror and stretch the duplicated sun object to form the reflection on the water
- Change the shape of the reflection using the node editor
- Convert the sun from a circle object to a path
- Change the shape of the sun using the node editor
- Make the reflection transparent and change the color just a little
|Here we use the Bezier Tool and the Node Editor to add some simple clouds to our drawing.
- Rename the layer to "Background"
- Add a layer named "Clouds"
- Use a Bezier curve to draw a cloud outline
- Set the fill to white
- Edit the shape using the node editor.
- Remove the stroke
- Add blur and transparency to the cloud
- Copy the cloud, move it, and flip it
||In this exercise we will start creating a filter for the sun.
- Select the sun and open the filter editor
- Remove the blur and create a new filter named sun
- Add a turbulence effect
- Set frequency to about 0,006 in the x direction and 0,07 in the y direction
- Add a blend effect
- The second input is the source graphic. In this way we combine the turbulence with the original shape
- Add a composite effect to keep the original sun shape. (Use the In operator)
|In this exercise we complete the sun filter and add a filter for the clouds.
- Use a Color Matrix to make the sun turbulence more orange
- To do this we convert the red, green and blue values to a combination of red and green
- Use a displacement map to distort the edges of the sun
- Add a Gaussian blur
- Create a new filter for the clouds
- Add a Turbulence with a frequency of about 0,04
- Add a Displacement map with a Scale of 70
- Adjust the Filter General Settings
- Set Octaves to 4
- Apply Bevel -- Smart jelly in addition
||Here we are going to use diffuse and specular filter primitives to draw waves on the surface of the ocean water.
- Add a new filter named waves
- Add a turbulence effect
- Set the base frequency in the x direction to 0,015
- Set the base frequency in the y direction to 0,06
- Set the octaves to 10
- Add the diffuse lighting effect
- Set the color of the light to the same orange as the sun (use
- eyedropper tool)
- Set the light source to distant light
- Set Azimuth to 270 degrees
- Modify the Filter General Settings
- Use blend to combine the diffuse lighting with the source graphic
- Add the tag enable-background="new" to the file
- Add a new filter named SpecularRelfection
- We want to convert all non-blue parts in the background to transparent so add a color matrix and set the input to Background Image
- Set the first two rows to all zero's
- Leave the third row as if
- The fourth row should be set to -0.5, -0.5, 0, 1, 0
- Add a specular lighting effect
- Use the eyedropper to select an orange color
- Set Surface scale to maximum
- Set the Constant to 2
- Set Exponent to 10
- Set the Azimuth angle to 270 degrees
- Use a composite effect to cut out the proper shape
- Apply a small blur
|This is a short instruction on how to enable the background image and background alpha as inputs in the filter editor in Inkscape.
- Save and close your inkscape file
- Open the file with a simple text editor
- Add the following line within the first tag ＜svg ....＞: enable-background="new"
- Save and close the file
- Reopen the file with inkscape