- Affinity ipad manual | Peatix
Looking for:
Affinity designer for ipad manual free - |
Affinity Photo for iPad tutorials - Affinity Designer
Contact us If you wish to get in touch just drop us an email at affinity serif. Installing updates For more information on how to install Affinity updates , visit this page. This browser is no longer supported. Please upgrade your browser to improve your experience. This is what your document should look like after you do this step.
Notice how the blue nodes surround the whiteness of the document. It's good practice to always try to keep the blue nodes as close to the border of the object you are covering. Click on the Color Studio icon see yellow square and when its window opens drag the inner white node towards the red node on the outside ring see white arrow for this action.
The color is set on red, but its color is white because the inner node is on white. Dragging the white node towards red changes its color closer to red. The outside ring are the different Hues. The inner triangle allows you to adjust the Hue's saturation and lightness.
Click on the Layers Studio icon see yellow square and when its pop-out window opens click on the Add button see white square. Click on Fill Layer. This will create a new layer positioned above our current layer in the Layers Panel. It will be the same color as the current layer until we change its color in the next step. This is what our Layers Studio will look like after we've added the Fill Layer. Notice how the names of the two layers are different.
We don't want the new Fill layer to be red, so we need to change its color. Do you know how to do the next step changing the red layer to a yellow? Click on the Color Studio icon now a red circle - see above image to open the window with the HSL color wheel.
Click on the Yellow Hue see black square in the below image. This will change the Color Studio icon to this new color. Click again on the Layers Studio icon the yellow circle on the right side and let's now look at the two layers. This is what the Layers Studio should now look like. For the sake of learning something new and helpful, let's change the names of the two layers to Top and Bottom.
Renaming layers is a great way of maintaining a tidy workspace. This is especially useful when you have multiple layers that you may need to move around. Click on the top layer so it's active we added a white line under the layer name we're going to replace. Click on the Layer Options icon see white square in the below image and this will open the Layer Options window. Click on the button we outlined with a yellow rectangle. This is the name of the active layer see white line in above image.
When you click on the Layer Name button, a small window will appear. Type Top yellow rectangle and then click on OK white rectangle. That's it. It's that simple. Now, let's do the same thing for the red layer and rename it Bottom. Click on the Layer Options button yellow rectangle at the very top of its window. For the sake of brevity, we've only made a screenshot of its top portion.
When you click on this, we'll now be taken back to the Layers Studio. Click on the bottom layer so it's active and highlighted in grey. We've again added a white line under the layer name we're going to replace. Click again on the Layer Options icon white square to open its window. When you click on this layer name button, a pop-out window will appear where we can rename the layer. Type Bottom yellow rectangle and then click on OK white rectangle.
Click on the Layer Options button yellow rectangle to return us to the Layers Studio. This is what our Layers Studio should now look like. See our nicely renamed layers? Look at each layer closely and you'll see that the type of layer is also still present above the new names.
We think this is a very clever tool the software does. Now that we've set up our document exactly the way we want it with its two layers, two colors, and two names, it's time to work with a Mask Layer. Before we start working with a masks, let's review our easy five word summary of using masks: Black reveals and white conceals.
Does that phrase confuse you? We thought it might, so let's discuss what it means. When we apply a mask to the top layer and paint on it in black, the bottom layer will reveal itself. If we want to do the opposite and again conceal what we've revealed, we change the color of the paint to white. It's kinda like a ying-yang thing. Black does this and white does that.
One important thing to point out when using masks is that they are nondestructive. This simply means that any changes we make to the two layers isn't permanently done.
We can either delete these or switch them off or deactivate them and their effects will disappear. We think doing is the better teacher than explaining, so let's create a mask layer and experiment a bit. Click on the Top layer so it's highlighted in grey. This is the most important step when starting a new effect.
Click on the Add button see white square and then click on Mask Layer. When you do this, watch how the Layers Studio changes. The new Mask layer will be positioned below-and-to-the-right of the Top layer. This physical position means it is attached to but subordinate to the Top layer. Technically speaking, this is called a Child Layer. Every time we have two layers acting in unison, they create a group.
The group icon is located on the left-side of the Top layer see white square and when the group is open, and you can see the other layers attached to it or the Mask layer its triangle icon will be pointing downward - as it is now.
Click on the group icon white square so its triangle is pointing to the right and see how the Layers Studio changes again. Note: The three colored squares you see in the above image are called preview thumbnails. As you make changes to their layers, you'll see those changes also inside these squares. Notice how the Mask's preview thumbnail the white square is on the same layer as the Top layer but is smaller than the Top layer's preview thumbnail.
This size difference denotes subordination. Personally, these little attention to details is what makes us appreciate this software over the competitors. Let's now grab the Paint Brush and start painting on the Top layer to reveal the red Bottom layer. Click on the Paint Brush Tool on the left side of the screen where the vertical row of tools is located. Click on the Color Studio icon see the black circle in the white square and when its pop-out window appears, notice how the foreground color is black see red square.
Notice also how even though the Hue is red, the inner node see yellow square is set to black, which makes the Foreground black and not red. Hint: The yellow color behind the Foreground is the Background color.
Before we continue further with the lesson, let's take a closer look at the options we see on the Paint Brush's Contextual Toolbar. We'll list them below this image using bullet points. Width is the size of the brush. Opacity is the see-throughness of the brush. Flow is the wetness of the brush or how much paint is applied for every stroke. Hardness is how soft or defined the edge of the brush stroke is.
More is additional options you can make to the brush. We recommend you click on this and experiment with it. For this lesson, we'll not make any further adjustments to our brush. Protect alpha is a feature that protects the transparency of a layer especially its borders. Color is the current color of the brush. Force pressure is for people who use the Apple Pencil or another stylus and want the added feature of being able to use pressure to add more or less of a paint stroke.
Press harder and more paint will be seen. Press lighter and the opposite happens. Wet edges is just what it seems. Activate this and the edges of each brush stroke will appear wet. Click on the white arrowhead on the right side of the Contextual Toolbar to see the second part of the its options.
Stabilizer is a choice you can click on, and the brush stroke will be preceded by a little rope. This rope acts as a stabilizer. Play around with the Stabilizer to get some experience using it. Symmetry is used when you want to create two or more lines that behave exactly the same as their counterparts. Click on this and play around to gain experience. Mirror is used to flip horizontally. Lines are the number of lines you want to use when using Symmetry.
Locked locks. Now that you've been properly introduced to the Paint Brush's Contextual Toolbar, let's again look at the first part of this toolbar and make these adjustments to the brush. What we're going to do now is to create two brush lines on our yellow document. We want you to see the changes the different options make to the brush stroke. Ask yourself these three questions as you look at each brush stroke: 1. How well can you see through the brush stroke?
This is its Opacity. How dense or vibrant do the colors of the brush stroke appear? This is its Flow. How clear or fuzzy are the borders of the brush strokes?
This is its Hardness. Click on the white arrowhead on the Contextual Toolbar's left side to bring us back to the first set of options. Press OK to finish see the green rectangle.
For us, it's px, but for you it may be different. Remember, we are painting in black on a mask layer and the resulting paint brush strokes are red. This is because what we are doing in revealing the bottom red layer.
The upper brush stroke will be a clearer line while the middle brush stroke will appear hazy. This is due to the settings we made in the Contextual Toolbar.
Take a look at the line we created in the lower third of our document: What can you tell us about this brush stroke? Remember to answer the three questions we raised from above: 1.
If you were to guess, what values would the Opacity, Flow, and Hardness be? Now that you know what happens to a document when a mask layer has been applied to it and you've painted on black to reveal the bottom red layer, let's do the opposite of what we've done and paint in white to remove the paint strokes.
Go to the Contextual Toolbar and click on the black Color circle see the yellow rectangle in the below image. This is how we change the color of the Paint Brush. Click on the inner node and drag it straight down to white see pink arrow for this action. This will change the color of the brush to white. You can look at the Color Studio and see that its circle icon is also white. Tap anywhere on the canvas to make this pop-out window disappear.
This will make concealing the three brush strokes the simplest. Paint over the three brush lines we made when we wanted to reveal the Bottom layer. When we paint over these lines in white, we will conceal the bottom layer so it can't be seen.
You may need to make multiple strokes to cover the lines. Continue until our document does not show any of the red Bottom layer. When you are done, your document should all be the same color without any hint of red. You now know the basics of using a mask layer. Here is what we learned: Paint in black to reveal the layer underneath. Paint in white to conceal the layer underneath. We are now done with the first part of this lesson.
In the next part, we'll use what we've learnt in a real-world example. The work that we'll do together is similar to a job we had for a client of ours. Part Two of Masks In this second part of learning how to use masks, we'll be using two images as our two layers instead of two colored layers. We recommend you have the images for this second part of this lesson ready to go before you start.
Good luck doing the next part of this lesson. It's a bit more challenging than the first part. We will repeat some of the same information we made in part one as a refresher. Pardon us if our repetition is annoying.
Here are the hyperlinks to the images we'll be using in this lesson. The image of the surfboard should be on your screen now.
Go to the Menu bar and click on the Commands icon see white square. Click on Place see yellow rectangle and then click on its submenu Place from Cloud. This will reveal the city image on top of our surfboard image. Don't worry that city image is slimmer than the surfboard image.
The first thing we need to do is do a two-finger pinch on the screen to make our image shrink so it isn't taking up too much screen real estate. Next, we want to change the Opacity or see-throughness of the city image so we can partially see the surfboard image below it. Then, we'll rotate the city image, so its main street is going in the same direction as the surfboard.
Lastly, we'll resize the city image, so it covers the entire surfboard image. Now that we've explained what we'll be doing, let's do it Pinch the screen with two fingers so our image size is about half as high as the Toolbar. Click on the Layers Studio icon see white square and then click on the Layer Options button see yellow square. This will cause the Layer Options window to appear where we can make lots of changes to the active layer.
Look at the image below and you'll see which layer is active. Hint: It's the one that's highlighted. You can also click once on the slider and manually type the percentage you want. Since the city image is active, this change of Opacity will only affect the top layer and not the bottom layer. We need this layer halfway invisible so we can see the layer beneath.
Go back to our image and click on the top rotation node see yellow square and turn it to the right so the middle street is pointed in the same direction as the center of the surfboard. Click on the corner nodes see white squares and resize the city image its image fully covers the surfboard image.
You'll need to re-adjust the rotational node before you're done. Note: The Preview Thumbnail is a helpful tool you can use to see how a specific layer looks in comparison to the other layers. It also shows you what kind of layer it is normal, grouped, mask, child, etc. You can tell the active layer has been repositioned and resized and has had it Opacity changed. Click on the Layer Options button see yellow rectangle in the above image to re-open the Layers Studio panel.
In the iPad version, you want to see a full blue line in the position you want the layer you are moving to be in see the yellow arrow for this action as well as the blue line. We're exactly where we want to be in this lesson: Step 2 of 5.
Sometimes it takes a few steps to align the two images we need. Hopefully you now know how to resize, rotate, and place images. We'll continue to work on these three skills all throughout this book. The second step of using masks is to click on the top layer and then add a Mask layer to it. Since we already have the Layers Studio open, this will be simple. Click on the top layer so it's active. Not having the correct layer selected before adding effects to it is the 1 mistake of all new users.
By making the top layer active, it will be the one receiving the mask layer. If the bottom layer stayed active and we pressed on the Mask Layer button, then the effect we want to make wouldn't work. Question: How can you tell if a layer is active.
Answer: It'll be highlighted. Click on the Add button yellow square and then click on the Mask Layer button. Note: Check out our top layer in the below image and let's talk about what's going on. Now there are two preview thumbnails on the top layer and a funny triangle symbol on its left side see white square. The triangle symbol tells us this layer is a grouped layer meaning it is made up of more than one layer.
If you click on this triangle button, you'll see the Mask Layer preview thumbnail see yellow square will move off this top layer and make its own layer. After we clicked on the triangle button, it'll change its appearance so it's pointing downwards see image below , and this means the grouped layers are now visible.
The mask layer's preview thumbnail is now located on its own layer and this layer is below-and-to-the-right of the surfboard layer see yellow arrow.
Layers that are thusly positioned in the Layers Studio are called child layers because they are a subordinate to their parent layer. This means that when you do an edit on this child layer the effect is only visible on its parent layer. You'll see this in action when we do the next two steps. Remember what we said about the importance of having the correct layer selected before doing an effect?
As we were creating this lesson, for some reason we had the top layer selected and active and not the middle mask layer. When we went to paint in black, the effect didn't work and the layer beneath never revealed itself. So, before we continue, make sure your middle Mask layer is active and highlighted as we have it in the above image.
Click on the Paint Brush Tool so it's active. You know a tool is active when you can see a vertical blue line on its left side see this image. Click on the Color Studio icon see the white circle right side of the below image so its pop-out window appears.
Before we do the next step, let's talk about this window. The other white circle with the star in it we placed it there is called the foreground color. This is the color a Tool will use. The black circle see red square is called the background color. The small white circle inside the color wheel see start of the arrow is also the color of both the Foreground and the Color Studio's icon.
The white circle see yellow square has to do with the Color Picker Tool see the eyedropper to its left. We'll cover this tool in another lesson. To continue, we need to change the foreground color from white to black.
Drag the inner white node straight up see the yellow arrow in the above image. Notice what happens to the foreground circle see the white circle with the star in the above image and the icon for the Color Studio. Both will change to black see the below image.
Go to the Contextual Toolbar at the bottom of the screen and set the values for each other these four options just like we have in this image below. Note: This is not what we want to use for this effect, but now is as good a time as any to learn how Opacity, Flow, and Hardness affects our work.
Here's what each does to our Paint Brush Tool. Opacity is the see-throughness of the paint. Flow is the wetness of the brush. Hardness is how definite or fuzzy the edges of your brush stroke is.
With the values set as they are Looking at this image you can see several things. These are: When you paint in black, you reveal the below image. Like we said, this is not what we want to do to our image. But how can we now go back and fix this mistake? There are two ways: We can tap the screen once with two fingers to undo our last action, or we can go back to the Color Studio and change the foreground color to white and paint over our brush stroke to conceal the lower image from what we just did to it.
Do either of these two methods to get us back to having the surfboard image in front of us on our screen. These lower values allow us more control over our effects. It's important to know that every time we do a new brush stroke the effect will increase. Paint over the four corners to show the city image below. This is what our image looks like after we did this.
We think it looks very cool. We like this look but wonder if we made the city image appear more prominently over the entire image. We can do this by continuing to paint in black over the center of the image, but there's a simpler method. Click on the Layers Studio icon and click on the top layer so it's activated and highlighted. This will make the underlaying city image reveal itself over the entire surfboard image. Looking at our image the effect is looking great.
The only problem with this is that we don't want the city to be visible thru the surfboard or the man. Simply changing the Opacity won't change anything.
We need another solution. Do you know what we need to do to conceal the lower layer from being visible? Click on the Layers Options button see yellow rectangle in above image to return us to the Layers Studio. Click on the middle Mask layer so it's active and then click on the now black Color Studio icon yellow square.
Click on the white background circle to change the foreground color to white. If you guessed that we'll be painting in white to conceal the city image from the man and his surfboard, then you are correct. Make sure your Color Studio looks like this before you continue. Paint in white over the man and his surfboard to conceal the city image from where we don't want it. This is the image our client was after. They wanted to promote their surfboard for city dwellers. The most important vector tool you need to learn is certainly the Pen Tool ….
Check out Charlotte explaining how to use the Paint Brush Tool. The Export Persona section is where you get the lowdown on how to get your work exported for professional end use. Sean took charge of this section, and we think he did a really good job. Holding a tap over the question mark icon in the bottom-right corner of the screen will temporarily place indicator labels over all of the tools.
This can make it easier to locate the tool. The Pen Tool is used for drawing vector shapes. However, unlike other tools that require you to swipe to draw, the Pen Tool works by placing individual coordinate points — known as nodes — across your canvas. A path is generated between all of the nodes to form your shape:. The Pen Tool can draw straight lines as well as curved paths. Once you are finished drawing those shapes you can then edit the nodes individually to fine tune your work into a clean, precise drawing.
The Pen Tool is the quintessential tool for drawing shapes and paths in vector design applications, such as Affinity Designer. The Pen Tool allows you to draw virtually anything, but it comes with a bit of a learning curve. It will take some practice and patience to get a proper feel for how this tool works. To start, tap on your canvas once to place a point.
Then, tap again to place another point.
How To Use The Pen Tool In Affinity Designer for iPad - Viimeisimmät arvostelut
- Learn how to use Affinity Designer for iPad, fast. - Affinity Spotlight
First, we changed the color image to black and white and made colorization changes to the different six color channels. Second, we added the Curves adjustment to our image and increased the shadows a touch and increased the lightness of the Highlights. Both adjustments created a nice contrasty look to our photo. This will add a nice warm look to our photo. This is what our final image looks like. But, before we let you go, let's review the top two aspects of using adjustment layers.
Do you remember what these were? If now, we'll tell you. They are non-destructive. So, now that we're done showing you how to use adjustment layers, let's put these two statements to the test. Go to the Layers Studio and uncheck the three adjustment layers so your Layers Studio looks like this image below.
What do you see in the middle of your screen? You should see your original photograph totally untouched by all the adjustments we just made to it. So, as you can see here, the first aspect of working with layers is true.
Now, let's prove the second aspect of working with layers: That is, they have built-in layer masks. We'll be covering layer masks in depth in the next lesson, but we'll let you know what they are now. A mask layer is a layer that is attached to another layer that when painted on with the Paint Brush Tool will either reveal or conceal the layer beneath it. Don't let these words confuse you.
We'll show you what we mean now. Also, click on its layer so it's active. How do we know it's active? Remember from above? Which is good because we are now going to paint on it with the Paint Brush Tool. If its layer wasn't active, then we couldn't paint on it. Now, please just take our words for it. When we paint in black on an adjustment layer which also acts like a mask layer , the layer beneath it will be revealed.
If after we've revealed the underlaying layer and we don't like what we've revealed, we can change the color of the Paint Brush Tool to white and then conceal the layer beneath - thereby deleting what we just revealed.
Got that? You got this; we know it. Go to the Tools on the left side of the screen and click on the Paint Brush Tool. After you click on it, you'll know it's active if there's a vertical blue line to its left as there is one in the image below.
Now, we need make sure the Paint Brush's color is black. To see if it is or to change it to black Go to the Contextual Toolbar at the bottom of the screen and click on the Color circle see yellow rectangle in the below image. You can see if it's black by looking at the circle in the yellow rectangle. If it's not black, then you'd move the node in the inner triangle of the Color Wheel straight up towards black see white arrow for this action.
The color is already black, so we're ready to paint. Let's do some creative work to finish this lesson by choosing one of the child monks and re-colorizing him. Click on the Width button and increase its px value amount to 40 px. As you do this, you'll be able to see a small white circle appear in the middle of the photo.
This is the Width we are adjusting. Try to make the px value amount a good size that will fit inside the monk's head. That way, it'll be the perfect size to recolor the monk you've chosen.
As you are working on your monk, take these helpful steps to make your recoloring as detailed as possible: Move the image around the Canvas by using two fingers and repositioning the image where you want it. Zoom into the image by using a two-finger outward pinch movement. Zoom out of the image by using a two-finger inward pinch movement. Constantly change the Width of your Paint Brush to make your detailing work as precise as possible. Constantly change the color from black to white using the inner node of the color wheel found in the Contextual Toolbar.
We used this probably 20 times. This is what our image looks like when we are done. Look at the black figure inside the white preview thumbnail. This white preview thumbnail means this layer is acting like a white mask layer. We painted in black to reveal the color image below - hence the black color in the preview thumbnail. So, yes, the second aspect of layers is true. They have built-in mask layers. This ends this lesson. At first, it's confusing and difficult to do, but after some effort you not only learn how to do it, but it becomes second nature.
To make learning about masks as easy as possible, we've broken this lesson into two parts. The first will show you the absolute basics of using masks. The second part will guide you through a cool effect you can create using a mask. Because mask layers are so important to understand how to use, we devoted more to this lesson then the other basic lessons.
We hope that after you've gone thru this unit, you'll have the skills needed to continue to use masks well. Learn these five words and don't forget them: Black reveals, and White conceals. Learn these five steps and don't forget them: 1.
Create two layers. Click on top layer and then click on the mask icon. Click on the Paint Brush Tool and set the Foreground to black. Paint in black to reveal layer beneath. Paint in white to conceal the layer beneath. Let's start with a New Document. Go to the Home Page and click on the New Document button top left of screen. Go to the Dimensions and adjust the DPI to Press OK at the bottom of the screen when you're done.
This is what your document should look like after you do this step. Notice how the blue nodes surround the whiteness of the document. It's good practice to always try to keep the blue nodes as close to the border of the object you are covering.
Click on the Color Studio icon see yellow square and when its window opens drag the inner white node towards the red node on the outside ring see white arrow for this action. The color is set on red, but its color is white because the inner node is on white. Dragging the white node towards red changes its color closer to red.
The outside ring are the different Hues. The inner triangle allows you to adjust the Hue's saturation and lightness. Click on the Layers Studio icon see yellow square and when its pop-out window opens click on the Add button see white square. Click on Fill Layer. This will create a new layer positioned above our current layer in the Layers Panel.
It will be the same color as the current layer until we change its color in the next step. This is what our Layers Studio will look like after we've added the Fill Layer. Notice how the names of the two layers are different. We don't want the new Fill layer to be red, so we need to change its color. Do you know how to do the next step changing the red layer to a yellow? Click on the Color Studio icon now a red circle - see above image to open the window with the HSL color wheel.
Click on the Yellow Hue see black square in the below image. This will change the Color Studio icon to this new color. Click again on the Layers Studio icon the yellow circle on the right side and let's now look at the two layers.
This is what the Layers Studio should now look like. For the sake of learning something new and helpful, let's change the names of the two layers to Top and Bottom.
Renaming layers is a great way of maintaining a tidy workspace. This is especially useful when you have multiple layers that you may need to move around. Click on the top layer so it's active we added a white line under the layer name we're going to replace. Click on the Layer Options icon see white square in the below image and this will open the Layer Options window.
Click on the button we outlined with a yellow rectangle. This is the name of the active layer see white line in above image. When you click on the Layer Name button, a small window will appear. Type Top yellow rectangle and then click on OK white rectangle.
That's it. It's that simple. Now, let's do the same thing for the red layer and rename it Bottom. Click on the Layer Options button yellow rectangle at the very top of its window. For the sake of brevity, we've only made a screenshot of its top portion. When you click on this, we'll now be taken back to the Layers Studio. Click on the bottom layer so it's active and highlighted in grey. We've again added a white line under the layer name we're going to replace. Click again on the Layer Options icon white square to open its window.
When you click on this layer name button, a pop-out window will appear where we can rename the layer. Type Bottom yellow rectangle and then click on OK white rectangle. Click on the Layer Options button yellow rectangle to return us to the Layers Studio. This is what our Layers Studio should now look like.
See our nicely renamed layers? Look at each layer closely and you'll see that the type of layer is also still present above the new names. We think this is a very clever tool the software does. Now that we've set up our document exactly the way we want it with its two layers, two colors, and two names, it's time to work with a Mask Layer. Before we start working with a masks, let's review our easy five word summary of using masks: Black reveals and white conceals.
Does that phrase confuse you? We thought it might, so let's discuss what it means. When we apply a mask to the top layer and paint on it in black, the bottom layer will reveal itself. If we want to do the opposite and again conceal what we've revealed, we change the color of the paint to white. It's kinda like a ying-yang thing. Black does this and white does that. One important thing to point out when using masks is that they are nondestructive.
This simply means that any changes we make to the two layers isn't permanently done. We can either delete these or switch them off or deactivate them and their effects will disappear. We think doing is the better teacher than explaining, so let's create a mask layer and experiment a bit. Click on the Top layer so it's highlighted in grey. This is the most important step when starting a new effect.
Click on the Add button see white square and then click on Mask Layer. When you do this, watch how the Layers Studio changes. The new Mask layer will be positioned below-and-to-the-right of the Top layer.
This physical position means it is attached to but subordinate to the Top layer. Technically speaking, this is called a Child Layer. Every time we have two layers acting in unison, they create a group. The group icon is located on the left-side of the Top layer see white square and when the group is open, and you can see the other layers attached to it or the Mask layer its triangle icon will be pointing downward - as it is now.
Click on the group icon white square so its triangle is pointing to the right and see how the Layers Studio changes again. Note: The three colored squares you see in the above image are called preview thumbnails. As you make changes to their layers, you'll see those changes also inside these squares.
Notice how the Mask's preview thumbnail the white square is on the same layer as the Top layer but is smaller than the Top layer's preview thumbnail. This size difference denotes subordination. Personally, these little attention to details is what makes us appreciate this software over the competitors. Let's now grab the Paint Brush and start painting on the Top layer to reveal the red Bottom layer.
Click on the Paint Brush Tool on the left side of the screen where the vertical row of tools is located. Click on the Color Studio icon see the black circle in the white square and when its pop-out window appears, notice how the foreground color is black see red square.
Notice also how even though the Hue is red, the inner node see yellow square is set to black, which makes the Foreground black and not red. Hint: The yellow color behind the Foreground is the Background color.
Before we continue further with the lesson, let's take a closer look at the options we see on the Paint Brush's Contextual Toolbar. We'll list them below this image using bullet points. Width is the size of the brush. Opacity is the see-throughness of the brush. Flow is the wetness of the brush or how much paint is applied for every stroke. Hardness is how soft or defined the edge of the brush stroke is. More is additional options you can make to the brush.
We recommend you click on this and experiment with it. For this lesson, we'll not make any further adjustments to our brush. Protect alpha is a feature that protects the transparency of a layer especially its borders.
Color is the current color of the brush. Force pressure is for people who use the Apple Pencil or another stylus and want the added feature of being able to use pressure to add more or less of a paint stroke. Press harder and more paint will be seen. Press lighter and the opposite happens. Wet edges is just what it seems. Activate this and the edges of each brush stroke will appear wet. Click on the white arrowhead on the right side of the Contextual Toolbar to see the second part of the its options.
Stabilizer is a choice you can click on, and the brush stroke will be preceded by a little rope. This rope acts as a stabilizer. Play around with the Stabilizer to get some experience using it. Symmetry is used when you want to create two or more lines that behave exactly the same as their counterparts. Click on this and play around to gain experience. Mirror is used to flip horizontally. Lines are the number of lines you want to use when using Symmetry.
Locked locks. Now that you've been properly introduced to the Paint Brush's Contextual Toolbar, let's again look at the first part of this toolbar and make these adjustments to the brush. What we're going to do now is to create two brush lines on our yellow document. We want you to see the changes the different options make to the brush stroke. Ask yourself these three questions as you look at each brush stroke: 1.
How well can you see through the brush stroke? This is its Opacity. How dense or vibrant do the colors of the brush stroke appear? This is its Flow. How clear or fuzzy are the borders of the brush strokes?
This is its Hardness. Click on the white arrowhead on the Contextual Toolbar's left side to bring us back to the first set of options. Press OK to finish see the green rectangle. For us, it's px, but for you it may be different. Remember, we are painting in black on a mask layer and the resulting paint brush strokes are red.
This is because what we are doing in revealing the bottom red layer. The upper brush stroke will be a clearer line while the middle brush stroke will appear hazy. This is due to the settings we made in the Contextual Toolbar. Take a look at the line we created in the lower third of our document: What can you tell us about this brush stroke?
Remember to answer the three questions we raised from above: 1. If you were to guess, what values would the Opacity, Flow, and Hardness be? Now that you know what happens to a document when a mask layer has been applied to it and you've painted on black to reveal the bottom red layer, let's do the opposite of what we've done and paint in white to remove the paint strokes. Go to the Contextual Toolbar and click on the black Color circle see the yellow rectangle in the below image.
This is how we change the color of the Paint Brush. Click on the inner node and drag it straight down to white see pink arrow for this action. This will change the color of the brush to white. You can look at the Color Studio and see that its circle icon is also white.
Tap anywhere on the canvas to make this pop-out window disappear. This will make concealing the three brush strokes the simplest. Paint over the three brush lines we made when we wanted to reveal the Bottom layer. When we paint over these lines in white, we will conceal the bottom layer so it can't be seen.
You may need to make multiple strokes to cover the lines. Continue until our document does not show any of the red Bottom layer. When you are done, your document should all be the same color without any hint of red. You now know the basics of using a mask layer. Here is what we learned: Paint in black to reveal the layer underneath. Paint in white to conceal the layer underneath.
We are now done with the first part of this lesson. In the next part, we'll use what we've learnt in a real-world example. The work that we'll do together is similar to a job we had for a client of ours.
Part Two of Masks In this second part of learning how to use masks, we'll be using two images as our two layers instead of two colored layers. We recommend you have the images for this second part of this lesson ready to go before you start. Good luck doing the next part of this lesson. It's a bit more challenging than the first part.
We will repeat some of the same information we made in part one as a refresher. Pardon us if our repetition is annoying. Here are the hyperlinks to the images we'll be using in this lesson. The image of the surfboard should be on your screen now. Go to the Menu bar and click on the Commands icon see white square.
Click on Place see yellow rectangle and then click on its submenu Place from Cloud. This will reveal the city image on top of our surfboard image.
Don't worry that city image is slimmer than the surfboard image. The first thing we need to do is do a two-finger pinch on the screen to make our image shrink so it isn't taking up too much screen real estate. Next, we want to change the Opacity or see-throughness of the city image so we can partially see the surfboard image below it.
Then, we'll rotate the city image, so its main street is going in the same direction as the surfboard. Lastly, we'll resize the city image, so it covers the entire surfboard image. Now that we've explained what we'll be doing, let's do it Pinch the screen with two fingers so our image size is about half as high as the Toolbar. Click on the Layers Studio icon see white square and then click on the Layer Options button see yellow square. This will cause the Layer Options window to appear where we can make lots of changes to the active layer.
Look at the image below and you'll see which layer is active. Hint: It's the one that's highlighted. You can also click once on the slider and manually type the percentage you want. Since the city image is active, this change of Opacity will only affect the top layer and not the bottom layer. We need this layer halfway invisible so we can see the layer beneath. Go back to our image and click on the top rotation node see yellow square and turn it to the right so the middle street is pointed in the same direction as the center of the surfboard.
Click on the corner nodes see white squares and resize the city image its image fully covers the surfboard image. You'll need to re-adjust the rotational node before you're done. Note: The Preview Thumbnail is a helpful tool you can use to see how a specific layer looks in comparison to the other layers.
It also shows you what kind of layer it is normal, grouped, mask, child, etc. You can tell the active layer has been repositioned and resized and has had it Opacity changed.
Click on the Layer Options button see yellow rectangle in the above image to re-open the Layers Studio panel. In the iPad version, you want to see a full blue line in the position you want the layer you are moving to be in see the yellow arrow for this action as well as the blue line. We're exactly where we want to be in this lesson: Step 2 of 5.
Sometimes it takes a few steps to align the two images we need. If done correctly, a line should be drawn between the two points.
As you continue to add points, the shape will be drawn between them accordingly:. Drawing like this will create straight lines and corner nodes. You can draw curved lines by holding the tap and swiping when adding your points:.
Once you are finished drawing your shape, you can close the path by tapping on the first node that you placed. You will now have a shape that can be filled with color, used as a clipping mask , for Boolean operations, or any other way in which you would use shapes in Affinity Designer:.
Tapping and swiping on a node will allow you to move it around. You can also change the contours of the path by tapping and swiping on one of the lines, or by using the adjustment handles that branch off of each node. Refer to the video tutorial above for an in-depth demonstration. Pen mode is the default setting for the Pen Tool. With this mode enabled the tool will function according to the instructions we previously went over. In Smart mode, the Pen Tool will automatically draw a soft, rounded path with no hard edges or corners:.
James and Andy from our docs team with a some help from Charlotte and Sean have created over 60 video tutorials to help you learn all about Affinity Designer for iPad. Encased in a lovely platform as you would expect from our web devs the video tutorials also showcase the amazing work created by leading creatives in our special beta.
With subtitles available for German, English, Spanish, French, Italian, Portuguese, Russian, Chinese and Japanese, everyone can benefit from this treasure trove of learning. You can also learn about how to use Artboards , Assets , Snapping , Constraints and Symbols in this section. Affinity Designer Video tutorials.
Affinity Photo Video tutorials. Affinity Publisher Video tutorials. Product support For questions, reporting bugs and requesting features please visit our forums.
Comments
Post a Comment