Looking for:
Affinity designer manual download free download
– Он над вами издевается. А вы тем временем погибаете. – Он посмотрел на экран. – Осталось девять минут. Сьюзан, не слушая его, повернулась к Соши.
Affinity designer manual download free download.Affinity Designer
replace.me › en-gb › designer. Best in class for creating concept art, print projects, logos, icons, UI designs, mock-ups and more, it’s already the top choice of thousands of professional.
Affinity Designer Workbook – The Official Guide to Affinity Designer.(PDF) Libro Affinity Photo Manual | Ivan Meza – replace.me
Find out how to activate licences and register Affinity apps , install app updates or install content. If you wish to get in touch, just drop us an email. Creativity is king, knowledge is power. Affinity Designer 2 Affinity Designer 2 is packed with loads of new features and enhancements so you can bring your designs and illustrations to life even more effortlessly.
Affinity Photo 2 Affinity Photo set a new standard in the world of photo editing, in terms of quality and value, but Affinity Photo 2 will really blow you away. Affinity Publisher 2 New Books feature. Product support To ask any questions, report bugs or request features, please visit our forums.
Go to Layers Panel in the Studios area of the screen and see how the Rounded Rectangle now has its own layer. Great job! You’ve now taken your first step in the wide world of Affinity Designer. In the next lesson, we’ll go into further detail about how to work with shapes in a document. It’s enough for now that you know that every shape has its own Contextual Toolbar and when you create a shape in a document, it becomes its own layer in the Layers Panel. Let’s now talk about the different Personas you see at the top-left area of the screen.
You can think of the Personas as different workspaces. The three Personas are Draw, Pixel, Export. Currently, we are working in the Draw Persona. As you click on the different Personas, you’ll notice that the Tools on the leftside of the screen change.
For this lesson, we’ll stay within the Draw Persona. We just wanted you to know there are different Personas with different workspaces and tools.
Practice: Go ahead and click on the other two Personas and see what happens. The next area of the screen you need to know about are the Studios, located vertically on the right-hand side of the screen. It’s important to note that their individual menus are located to the right of their respective studios see the green squares. As we work through this book, you’ll gain a lot of experience using these panels and their respective menus.
FYI: We call these menus ‘burgers’ because of how they look. Check out the bottom portion of the above screenshot. These are the all- important icons you’ll use to make improvements to the layers in the Layers Studio see pink rectangle in the above image.
Then, you’ll have to know where these icons are located and know that when you click on the Adjustments icon, for example, its pop-out window will appear with a lot of choices. Practice: Click on all the icons in this icon bar and see what happens. To finish this lesson, let’s delete our Rounded Rectangle layer.
We can do this one of two ways: 1. Right-click on the layer and select Delete. Notice how the layer become ethereal when it’s moved. That’s about all we have to tell you about how the screen is laid out. As we progress through this book we’ll go into deeper detail about the specifics of each of these eight areas of the screen. For now, it’s enough that you know how the screen is organized. Chapter Quiz: 1. What happens to the Contextual Toolbar when you click on a new Tool?
Where is the Layers Studio located? The Colors Studio has its own menu icon. Where is this icon located? What layer is affected when you click on the Adjustments icon? Which Persona is the most-used Persona in Designer?
Answers: 1. The Contextual Toolbar changes its options as you use different Tools. The Layers Studio is located in the middle-right side of the screen under the Colors Studio.
The Colors Studio menu icon is located to the right of the Colors Tab and is represented by four parallel lines. When you click on the Adjustment icon, the layer affected is the active layer or the Layer highlighted in blue. The most-used Persona in Designer is the Draw Persona.
If you are new to Designer and not coming from PS, then we would still recommend you use follow along and add these two Tool columns to your screen. You can always very easily remove them later if you don’t want them.
To do this Go to the Menu bar – View – Customize Tools The Customize Tools option is at the very bottom of the View’s pop-out window. We cheated and shortened the list to make this image. You can also go to the bottom of this window and change the Number of Columns to 2 see the yellow rectangle and this will make it so the Fill and Stroke circles are at the bottom of the Tools.
When done, press Close see the green rectangle. You now know how to do this extra change to your screen. To help you learn how to use these tools, we’ll first make a list of what all shapes have in common and then we’ll walk through each item listed below to show you what we mean. If you hold-down Shift when creating the shapes, they will keep uniform shapes.
Each time you create a shape, it’s placed on its own layer. This is very important to remember! You can alter the appearance of each shape using the options in the Contextual Toolbar. You can use the nodes attached to each shape to create new forms. You can use the Move Tool to move, resize, and turn the shapes. For the first part of this lesson, we’re going to create a new rectangle shape and then change its color to black and work on its stroke.
Remember: All shapes in Designer have a Fill its insides and a Stroke the outline border of the shape. If you look in the Colors Panel, you’ll see two circles in the top left area. These are the Fill and Stroke circles. We’ll call the Stroke circle a doughnut and the Fill circle a circle. Check out this image for reference: Let’s get started: Click on the Rectangle Shape Tool so it’s active. If you hold-down the Shift key as you create the shape, you’ll create a perfect square like we did.
Go to the Contextual Toolbar and click on the Fill field see the yellow rectangle in the below image. When you first do this, it’ll be white not the black you see in the below image. Move the inside color node straight up from white to black see the red arrow inside the Color Wheel for this action. Watch as the square’s color changes from white to black see the white arrow for this action.
Note: When changing the color of objects in Affinity Designer, you can use both the options on the Contextual Toolbar as well as the Color Panel in the Studios area of the screen. Look at the Layers Panel on the right-side of the screen and you’ll see that our newly colored square is now its own layer and it’s black. Note: The black square on the left-side of the layer is called a layer’s preview thumbnail. Don’t forget this, it’s important to know. Now, let’s continue by adding a blue Stroke to the outline of our square.
To do this, we need to click on the button for the Stroke, which is just to the right of the Fill rectangle. Showing you how to do this is easier than writing a whole paragraph trying to explain this. Note: When activating a layer, the item in the document will also be selected. You can tell an object is selected when it’s surrounded by its blue nodes see this image below.
You rotate it by clicking on the top-most white node and turning it left or right. This will make the stroke blue. Click on the Stroke button see the red rectangle in the above image on the Contextual Toolbar. This will open up a pop-out window with all of the Stroke commands. Note: We repositioned the square on the canvas so you can see what happens when we are done creating a stroke for our first shape.
Normally, it wouldn’t be positioned here, but in the middle of the document Practice: Before we finish creating the stroke around our square, try clicking on some of the stroke-specific buttons located in the center of the pop-out window see the green rectangle and see what they do to the stroke.
We find it interesting what you can learn by clicking on something you have no idea what it is or does only to later use that same action for a future project.
We call this fiddling around. There’s no wrong look to our shape, so click away and have fun. When you’re done exploring the possibilities Press the Esc button on your keyboard. This will cause the Stroke’s pop-out window to disappear. Let’s review what we’ve done so far: 1. We clicked on the Rectangle Tool located at the bottom of the Tools column. We clicked on the Fill field on the Contextual Toolbar and changed the interior color from white to black we could have simply used the Color Wheel also since the shape was already 4.
We learned each shape creates its own layer in the Layers Panel. The first of three will be on the lower layer while the newest will be on the top. We learned its very important to make sure the correct layer is activated before working on our project so that the correct layer is affected. We learned we can create a colored outline to a shape using the Stroke buttons located on the Contextual Toolbar. We learned we can make the outline any width we want as well as other options we played around with in the Stroke’s pop-out window.
We’ve learnt quite a bit so far. But we’re not done. For the next part of this lesson, we’re going to create, in addition to our black rectangle, a green Ellipse circle , a blue Rounded Rectangle, and a red Star.
Note: When you create new shapes, their colors will start as the same color as the last shape you created. If you feel confident enough, go ahead and draw these three new shapes in our document, and then go to the Contextual Toolbar and click on the Fill field and select your new shape color.
You can also skip the Fill field and simply rotate the Color Wheel in the Colors Studio to choose your color. Let’s begin: Click on the Ellipse Tool looks like a circle and while holding-down the Shift key drag out a perfect circle.
Click on the Color Wheel in the Colors Studio and select a nice green color. This will change the color of the Ellipse. Note: Look at what’s inside the yellow rectangle in the screenshot above. The green circle represents the shape’s Fill color and the hollow circle behind it represents the Stroke color. Repetition is the best teacher. Now, follow the same steps and create a blue Rounded Rectangle.
Click on the Rounded Rectangle Tool so it’s activated. Change the color to a nice blue by clicking on the outside ring of the Color Wheel where blue is. Notice how each layer is organized in the Layers Panel: The first shape we created, the black square, is located at the bottom of the layers stack. The last shape we are going to create is a red Star.
Click on the small grey triangle in the lower right-hand corner of the Triangle Tool see small yellow square in the image below.
When you click on this, a pop-out window will appear with the rest of the Shape Tools. We placed our in the top-right corner. This numbered value represents Red. If this is confusing, don’t worry, we’ll cover it in more detail in the lesson about Color Theory.
This is a screenshot of all we can see so far of our shapes and the Studios: We’re about to talk about how you can alter the specific points of each shape. Please pay attention to these facts. After we list these, we’ll show you what we mean. Since the red Star is selected, its layer is highlighted in blue as well as its shape is surrounded by blue nodes and one white node perpendicular to its top middle blue node this is the node we use to rotate the shape.
Since the red Star is selected, notice the three red nodes at its tip and inside corners. These allow us to change the shape of the star. Every shape except the Ellipse and Square has these extra red nodes. Notice how the red Star layer is at the top of the Layers Panel since it was the last object we created. Notice the Fill color in the Colors Studio is red, like the color of our selected object. If you understand all that, then you’re ready to move on to the next part.
Designer allows us to alter individual shapes in three ways: 1. Moving the blue nodes and the white rotational node 2.
Adjusting the red nodes 3. Using the options in the Contextual Toolbar Ready to see what happens when we make the second and third alterations? Click on Star layer in the Layers Panel so it’s highlighted in blue if it isn’t already. Note: Remember to always have the correct layer selected and active before starting your edits. Yes, we know this first step is redundant, but it’s always a good habit to make doubly sure the right layer is active.
Adjusting the red nodes to alter a shape’s appearance. When you do this, a red guideline will appear see the black rectangle.
This will be the direction you can change the form of the Star. Note: While using the red nodes to reform your shapes, watch what happens on the Contextual Toolbar to the Inner radius value.
Its value will increase or decrease depending on which way you move the red node. The star is quite skinny now. The star is now larger than when we started. Note: Every shape tool, which has these interior red nodes, behaves pretty much the same. Decrease its value and the shape decreases. Increase its value and the shape will increase in size. Now that you know what how the red nodes can alter the appearance of a shape, let’s talk about the difference between this action and how working with the values in the Contextual Toolbar offer us a more precise way of changing our shapes forms.
Using the options in the Contextual Toolbar We’ll continue working with the Star shape for this exercise. Once the Star shape is back to its original shape, we’re going to have some fun. Please take your time working through these next steps and play around with the different values. Self-exploration is an excellent way to personalize your learning.
Click on the Star layer again so it’s highlighted in blue. This will cause the shape in the document to be surrounded by the blue nodes once again.
Yes, we know this is a redundant step :. Note: To save space in this book, we’ll only show the right side of the Contextual Toolbar. We added colored rectangles around the options we are going to change. We’ll go over each one, so you’ll be able to follow along and learn what they do to our Star shape. Take your time and get a good feel for this action. This is what our Star shape looks like now after we made an adjustment to its Curved edges: Note: Pay attention to the inner red node and the line it can move on.
You should notice that this guideline is positioned differently than the one for the Star’s Inner radius. Uncheck the Curved Edges option so the checkmark disappears see the white rectangle in the image above.
Stop: Don’t forget to uncheck the Curved Edges. If you forget, the rest of this lesson won’t make any sense. Now, let’s go back to the Contextual Toolbar You can also click on the downward-pointing triangle see the small yellow square in the below image and move the slider shown as a blue line with a white node to the right until the value is Practice: Take a minute or two and practice using the Slider.
Move the Points value to 40 and then to 3 and watch how the star changes shape. Also notice how precise you can be and how fast. Adjust the Inner radius red nodes and see how it affects the shape. What happens to the inner circular area?
Does it get smaller or bigger? When you’re ready to continue Set the Points value of the red star to 25 see the yellow rectangle in this image. Double-click on the Outer circle value box see the green rectangle in the below image and either type or use the slider.
Again, get a feel for which method of choosing the value amount is better – typing or using the slider. This is what the Star shape looks like now – kinda like a flower.
This is what the Star shape looks like now. Interesting look, isn’t it? This last edit to our Star shape ends this lesson on using the Shape Tools. Self-Test: Look at this blue object below and write down the steps you think we took to create it. Try not to look at the answers below the image : 1. Hold-down Shift to create a perfect triangle shape.
Move the single red node to the left to match this image. Move the Color Wheel to match the color of the triangle. If you can do this exercise and understand why, then you’re ready to move on to the next lesson. Basics 4: How to Navigate Inside the Document The fourth skill new users need to master is how to navigate inside a document. This is short lesson, but essential to helping you move around inside Designer’s screen with ease. So far, we’ve done enough work that you should start becoming somewhat comfortable with this program.
Knowing how to move the document around and how to select individual, or multiple objects is an important skill. There are several ways to navigate inside a document and we’ll show you these now. Use the document with the shapes from the previous lesson as you practice these different movements. Move the document around the canvas: Click on the Move Tool looks like a hand to move the document, or hold-down the Space bar and when the cursor turns to the same icon as the Move Tool, move the document where you want it.
Go to the Menu bar – View and you’ll see the different ways of zooming in and out of the document. The options in the yellow square see the below image can be much more easily done by holding-down the Shift key as you rotate your shape to the right or to the left.
The other options on the right side of the below screenshot should be committed to memory. But all you need to know, really, are the first three options from the list above this paragraph.
When we work, we have our trackpad located to the left of the keyboard and the mouse to the right. It’s the perfect setup for us. This lesson, while basic, is important to know. Basics 5: How to Use Colors in Designer Using colors in Designer is probably the most important skill you’ll need to know how to do well. Thankfully, the creators of Affinity Designer made using colors simple and intuitive. As we have already seen, when you create a shape, you can go to the Color Panel and give it a new color by clicking on the outer circle of the Color Wheel.
In this lesson, we’ll teach you the basics of adding color as well as a brief introduction to more advanced methods of using colors. Extra: We created a special lesson titled Color Theory, Modes, and Codes to help you more fully understand colors and how to properly use them.
The Fill is the inside color, and the Stroke is the outside border which you have to activate to see. Let’s start this lesson by creating a New Document and adding four shapes to it. This will be a refresher lesson to the one we did before.
The purpose is to get you proficient in using the awesome program. We’ll assume you already know how to do some of the instructions without having to be told how. Consider it progressive learning. Make its color red. Remember to hold-down the Shift key so the circle is symmetrical. Go to the Color Wheel and click on a blue. Hold-down Shift if you want to.
Go to the Color Wheel and click on a green. Go to the Color Wheel and click on a yellow. This is what your document should look like now. Don’t worry if your colors are exactly the same as ours. So far, we’ve only changed the color of each shape’s Fill. Now, we’ll work on each shape’s Stroke.
Since the yellow Star shape is already selected and its layer is highlighted in blue, we’ll start with it. Go to the Color Studio and click on the Stroke Panel see the yellow rectangle in the below image. Does this sound familiar? Adjust the Width slider so its value is 5 pt. This is what the Star shape should look like now. Now that we’ve increased the Width of the Star’s stroke, let’s change its color. Click on the Color Panel see the yellow rectangle in the below image so the Color Wheel is again visible.
Click on the Stroke doughnut see the white semi-square. This will cause it to be in the front position; in front of the yellow Fill circle. Note: You can only change the color of the Fill or Stroke if its corresponding circle is in the front position. Now that the Stroke doughnut is in front of the solid yellow Fill circle, we can click on the Color Wheel and change the Stroke’s color.
Check out this image below to see what we did. Notice how the color on the Color Wheel is the same as the Stroke circle and the same as the Stroke surrounding our Star shape in the document. Note: If you want to use the exact same color as we are using, move the outside color node on the Color Wheel so the H: or Hue value is Click on the no color circle see the white square in the above image to see what happens. Remember this action will only affect the Stroke because its hollow circle is in front of the solid yellow Fill circle.
So you can get some more practice using colors, let’s use another coloring menu instead of the Color Wheel. Click on the Color Studio’s menu icon see the yellow square in the below image and a pop-out window will appear with a few choices: Wheel Sliders Boxes Tint. Click on Sliders. We moved the top slider all the way to the right and the lower two sliders all the way to the left.
The resulting color is Red. Note: In the middle of this book, we created a lesson where we’ll teach you why , 0, 0 is Red. But for now, it’s not important to know. But we hope we’ve piqued your interest. By the time you’ve finished this book, we promise you’ll know exactly why is a full red and many other technical parts of colors. Now you have the basics to know how to change colors of your shapes. Please don’t delete your work, because we’ll continue using these shapes in our next lesson.
Every shape we create has its own layer. In this lesson, we’ll learn how to use the Layers Panel and how to work with individual and grouped layers. Go to the Layers Panel and notice how each one of the shapes we made has become its own layer. If you uncheck a layer, its shape will disappear. Layers stack on top of one another. So, depending on where they are in the Layers Panel they’ll appear differently inside the document. For example, the Star shape is at the top of the Layers Panel and its shape is also on top of the other shapes in the document.
To see what we mean Now, if we wanted to reposition the Star shape below the other three shapes, we’d need to go to the Layers Panel and move the top Star layer to the bottom of the Layers Stack. When you do this action in the Layers Panel, watch how the yellow star shape in the document is now underneath the other shapes.
We’re almost done. But, before we finish, we want to show you one more way you can move layers and make a totally new effect. It’s a bit advanced, but it is a technique we use very often.
So, why not learn it now, right? Before we start something new, let’s re-arrange our document: Click on the Star shape and reposition it below the blue circle and to the right of the green rounded rectangle shape. Go back to the Layers Panel and click on the blue Ellipse layer so it’s highlighted in blue. Now, what we are going to do is kinda tricky for absolutely new users, but we’ll take the stress out of it. What we’re going to do is create what is known as a Child layer.
A child layer is a layer that only affects the layer it’s attached to. Note: For you Adobe Photoshop users, a child layer is what you’re used to calling a clipping mask. We create child layers by moving a layer below-and-to-the-right of another layer. Normal layer movement and placement is moving a layer above or below another layer. Ready to try it? Make sure the left side of the Ellipse layer is in the position you see in the below image.
If the left side of the layer was all the way to the left, this movement wouldn’t create a child layer, but a normal layer. This is what the Layers Panel looks like after you’ve moved the Ellipse layer.
Notice the new position of the blue Ellipse layer. Notice also the circled triangle see the yellow square in the below image. This circled triangle is the icon for grouped layers. When the circled triangle is facing downward seen here , then it is revealing its grouped contents. If the circled triangle is facing to the right see the yellow square in the below image , then the grouped contents will not be visible see this image and notice how the blue Ellipse layer is not seen.
Now that you know how to move a layer and make it a child layer of another, let’s see its effect in the document. Because the blue Ellipse layer is still highlighted in blue even if we can’t see it unless we click on the red Rectangle layer’s group icon , we can still see its silhouette in the document see the circle lines on the right side of the below document. It becomes visible because child layers only affect the layers they are attached to.
Note: We know firsthand that for new users the mechanics of child layers can be a difficult concept to understand, but we promise you that by the end of this book you’ll be a pro. You now know what you need to know about how to move layers around in the Layers Panel and how each shape on the document is affected depending on its layers’ position. We’ll start with a blank document and work on this lesson from scratch.
After this lesson, there will be a bonus lesson that will help you to better understand the Text Tool and how child layers work. When we started using Designer, we didn’t have anyone tell us what child layers were, nor how they worked. Because of this experience, we want to make sure we teach what they are at the start of your learning process. We think they’re that valuable to know. For this lesson, we’ll teach you the basics of using the Text Tool and some extras to enhance your learning.
Pay attention to the change of the new document’s height when you read the intro below. Ready to start? Transparent Background checked. You should now have a document in front of you that is twice as wide as it is high. When we click on the Artistic Text Tool, new options will appear on the Contextual Toolbar where we can do a variety of changes to our initial text. Change its color Change its alignment to the page Left, Center, Right Change its justified position Left, Center, Right, All Change its location on the page using the Alignments icons Now that you know the different options we have when using the Text Tool, let’s see them in action so you’ll have some hands-on experience.
Click on the Artistic Text Tool so it’s active. From here on out, we’ll just call it the Text Tool to keep its name shorter. Try to keep it about one-quarter the height of the document. Type Designer see two images below for reference.
This means the text object in the document is actively selected and we can now make edits to it by using the options in the Contextual Toolbar. Note: Another way to know if an object is actively selected is to see if it is surrounded by blue nodes – as is the case of our word. Go to the Contextual Toolbar and let’s make some changes to our text.
On the far left-side is the Font drop-down list. Click on the Font name in our case it’s Arial and immediately a dropdown window will appear with a lot of choices for different Fonts. Don’t worry if we have more than you. Adding new fonts to Designer is a simple process. Here is what a small portion of our available fonts look like. If you know the name of a favorite font of yours, you can find it by typing its name where “Arial” is. Our favorite font is Impact.
Let’s have you find it and use it, too. Note: If you don’t have the Impact font, please use Arial Black instead. We’ll teach you how you can upload new fonts to Designer in our first lesson after the Basics. Double-click on Arial so its word is highlighted in blue. Type “im” and Designer will find the font that starts with those two letters. Click on the Impact font in the drop-down window and our word on the document will change to Impact.
Note: We love it when our workflow is as fast as possible. So, where we could write out the whole word “Impact,” there’s no real need for it. Impact is already a bold text, so the next option in the Contextual where we could change our text’s characteristics see white rectangle above isn’t an option for us. The next option for us to alter our text is the font size see green rectangle above.
So, let’s make our text larger and make it fit the document as we want it to. This is starting position of our text in our document: For the next two actions, look at the red squares and red arrows: Click on the middle-bottom blue node and drag the text downwards towards the bottom of the document. Click on the middle-right node and drag the text to the right towards the right border.
This is the new position and size of our text in our document: Now that we have our word in its correct font, size, and position, let’s continue moving across the Contextual Toolbar’s options. The next option for us is to change our text’s color. We can do this two ways. We could use the Color Box on the Contextual Toolbar see yellow rectangle around a solid black rectangle or we can go to the Color Wheel and click on any of the colors.
Let’s use the option on the Contextual Toolbar because once we click on the black rectangle a pop-out window will appear with another Color Wheel we’ll use to change our font’s color. It seems redundant to have two Color Wheels on the same screen, but it is what it is. Go to the Contextual Toolbar and click on the text’s Color Box. Choose a nice blue color on the outside ring of the Color Wheel. The arrows represent the three parts that are the same color Color box, Color Wheel, Text.
We placed a yellow rectangle over the HSL values in case you wanted to use the same color as we’ve chosen. Share More sharing options Followers 1. Reply to this topic Start new topic. Recommended Posts. Posted October 6, Link to comment Share on other sites More sharing options James Ritson Posted October 6, Patrick Connor Like Loading Posted March 10, Alfred Posted March 10, Alfred Like Loading Windows PCs.
Photo and Designer, latest non-beta versions. R C-R Posted March 10, Marcux Wuqub Kame Posted October 20,
