Affinity designer pdf tutorial 自由 -

Looking for:

Affinity Designerの使い方： 複数のアートボードを個別ページとしてPDFにエクスポートする方法 | Rriver - Affinity Designer: The Basics 

Click here to DOWNLOAD

     

Affinity designer pdf tutorial 自由

 

Select If you hold down Alt or Option and Shift, you can duplicate the object, then hold down Alt or Option, and click and drag an object, and move it in line with the original object.

the object to duplicate it. select them. We can click on objects to select them at any time. marquee to select an object. If you want to have selection marquees, but the marquee needs to cover the whole your marquee select everything that it touches, even if it isn't object to select it.

completely covered by the marquee, click off of your objects so nothing is selected. With the Move Tool out, click on Preferences in the Context Toolbar. You can check on Select object when intersects with selection marquee. I won't check that on right now, but you can if you'd like. The Move Tool isn't too difficult to use, and it's very powerful. There is no way to effectively use Affinity Designer without using the Move Tool. This is in contrast to the Move Tool, which has us affect the entire object at the same time.

handles coming off of the nodes. We'll learn more about Bezier curve handles in the Pen Tool chapter, but for now, just know that the Node Tool is how we will affect these handles. between two nodes to move that section of the line. We can click on any node, then press Delete on the keyboard to remove a node. In the Context Toolbar, we can convert this node to a Sharp Zoom into a node, then click on it.

node by clicking on the Sharp node icon. We can see that the node is now a square, signifying a Sharp node. While it looks the same as the Smooth node, we can again. tell it's a Smart node because the node is now a circle with another circle inside of it.

Smart nodes have perfectly equal Bezier handles. the Bezier handles to make them different sizes, making the The first option is Break Curve. If we have a node selected, curve more or less smooth. and then press on the Break Curve icon, the curve will be split into two. Turn the node back into a Smart node. clicking and dragging a selection marquee. While the If we zoom out, we can see that the curve is just a line, not a curves are joined now, we still have both nodes, and can select closed object.

one and press Delete on the keyboard to get rid of it. Another action is Toolbar. Affinity has now taken the ends of our curve, and the Smooth Curve action. Press the Smooth Curve icon. joined them together. We now have added nodes that can be adjusted to make our curve even smoother.

Click to add new points to our curve. We'll learn more about the Pen Tool and Node Tool later, but you can see that the Node Tool gives us powerful options for working with nodes and curves.

If we drag the right of it. the rectangle to the top, it will cover the rest of the layers. Toolbar gives us more options for rearranging the layers. Drag the rectangle layer back to the bottom.

Select the Bookshelf layer. These icons allow us to change the position of a layer. You can move the layer to the bottom or top of the stack kind of layer that is, whether that is a Group, a Curve, or a by using these icons. I don't find these tools very helpful when we only have a few layers, but these options can be very helpful when you have dozens or even hundreds of layers.

If you want to rename a layer, double click on the layer's Inside a Group, we have multiple layers that make up the name, then type in a new name and press Enter on your image. Control, and select multiple layers. All of the layers layer. between the two that you clicked on will be selected as well. select a layer, then lower the Opacity.

If you click the Opacity. Even with the Move Tool selected, you can't move a locked layer. Now it can be freely moved again.

the tools in the Toolbar. You can flip your shape vertically or horizontally by pressing these icons. We've learned all of the basics of the Layers panel in Affinity Designer, but throughout this chapter, we'll learn even more ways to use it. Delete the duplicate. To keep our workspace uncluttered, delete this duplicate layer. Press Command or Control V to paste it. We now have a Select a layer, then press Command or Control C to copy it.

duplicate layer. Press the first icon, then press Command or Control V to Select a layer, then press Command or Control C to copy it. You can see that the new layer is now underneath the original. Now we can use the icons at the top right to determine where our new layers will be pasted. The new layer can be behind, in There are many options for duplicating layers.

You really only front of, or intersecting our original layer. need to know one, so find which one works best for you, and then use that method whenever you need to duplicate a layer. Using Groups, layers are easy to move and adjust at the same time.

that the Group actually has many layers and Groups inside of It can be moved and resized all at once. Groups are so useful because you can combine multiple layers, and it saves you the time of selecting multiple layers over and over to move them.

If you open the Light If you want to make a new Group, you can select one layer, Bulb Group, you can see that many layers make up the Group.

then hold down Shift to click on more layers. Now we have a new Group inside of press the triangle to open the Group, and then look inside the the Light Bulb Group, which is inside of our Computer Group. Group to affect just that layer. If you would like to work more inside of your document rather than the Layers panel, you can double click on a Group to select a layer that is inside of a Group.

Click once on the Bookshelf. Over in the Layers panel, If you zoom into the book, you can double click on one of the you can see that the book is actually a Group.

rectangles to select it. If you ever want to remove an object from a Group, open the You have selected a rectangle that was inside of two Groups, Group, then click and drag the layer outside of the Group. without actually opening a Group and searching for it in the Layers panel. Groups are a great way to organize your layers, and I highly encourage you to use them.

of your Layers panel, all you need to do is select the object inside of the document, and it will automatically be shown If you want a layer to take up your entire screen, you can inside of your Layers panel. double-click on the layer icon. Double click on the pencil. in the Layers panel. Double click on the pencil one more time. Finding individual layers inside of the Layers panel can be quite cumbersome. It is much easier to click on the object inside of the document, and have Affinity do the work to find it inside of the Layers panel for you.

Both allow you to group objects together and keep your document organized. to the trash can. Select the Rectangle Tool. Click and drag to create a few rectangles. In the Layers panel, we can see that each rectangle has become its own layer.

This is fine for now, but if we continue this process, we will have far too many layers to work with. In the Layers panel, we can see that all of the rectangles are beneath the new layer, and are acting like a Group, which can be closed like a Group.

Groups inside of the New Layer. Layers are very similar to Groups. Both allow you to put Select two of the rectangles. multiple objects in the same layer, allowing you to keep your Layers panel clean and organized. the layer has a blue line underneath it. Because of this, each rectangle had a blue outline as we dragged it out.

this new layer. You can see that the rectangle has a pink outline. To see how this works, let's make Layers panel, it is still there. It will only appear where the the turquoise circle a child layer of the text layer.

text layer is because it is now clipped inside of it. The parent and child layers work as a Group. If you select the parent layer the text layer you can move both of the layers at the same time. click and drag the layer above the parent layer again. Press Command or Control X to cut it. We are now going to make the blue circle inside of the Select the turquoise circle. turquoise circle. Select the blue circle. Before pasting the circle, press the Intersect icon at the top right of the screen.

The blue circle is now a child layer to the turquoise circle. Move the blue circle inside the turquoise circle. Press the Intersect icon at the top right of the screen. Move the dark blue circle into the blue circle. Just as with Groups, we can have child layers inside of child layers. At any time, we could change the Opacity of a circle. The different Blend Modes allow you to change the blend of Right now the Blend Mode is Normal.

Normal is what we your layer to change how it interacts with the layer beneath it. have seen throughout this course. It's when one layer stacks Even if you don't know how a Blend Mode works, Affinity on top of another layer to hide what's beneath it.

Designer gives you a live preview as you hover over the options in the Blend Mode list. The main Blend Modes that I use include Darken, Screen, and Overlay. Darken gives a dark blend. Overlay combines the two layers together.

For this layer, select Overlay. In the Layers panel, uncheck the green rectangle. You can see that underneath the rectangle, there are nine circles. As we change the Blend Mode of the rectangle, it will affect the colors of the circles beneath it. As we change the color, it will change how the colors blend together.

Blend Modes are a powerful way to combine colors of multiple layers. Throughout the course, we'll see more practical ways to blend layers together. The Fill color is the object's the Stroke is represented by a circle that has a circle cut out of main color, and it fills the center.

The Stroke is the color that it. You can see that the shape we have selected has a black Fill outlines an object. and no Stroke, because the Stroke has a red line going through it. We'll learn more about Strokes later in the chapter, but for To see the Fill and Stroke of an object, select it.

If you have the now, let's change the color of the Fill. Move Tool out, up in the Context Toolbar, you can see the Fill and Stroke.

Regardless of what tool you have selected, you First, make sure that you are working with the Fill. To do this, can always see the Fill and Stroke in the Color panel. click on the Fill circle. You'll know that you are working with the Stroke now Wheel. because the Stroke circle is on top of the Fill circle.

change this option by clicking the icon at the top right of the Color panel. Let's try working with Sliders. I'm going to change back to that, but feel free to use whichever option works better for you. have a specific one in mind, or change your color to a new one. add Noise to your color. You now know the foundational skills for changing colors in Affinity Designer. We can Let's learn about the Color Picker in the Color panel.

find it in the Tools panel on the left side of our screen, or we can find it in the Color panel. To use this Color Picker, just click and drag on the icon, then move your cursor over a color that you would like to These two Color Pickers are very similar, but have slightly sample. I'm going to click and drag on it to select the white different capabilities. color that's in the background. Even if we have a layer selected before sampling a color circle next to it.

color, we always need to click on the sample color circle to apply it to the object. To apply that color to an object, first select the object. not be applied until the sample color circle is pressed. limited to working inside of Affinity Designer.

If I move the program window a bit on the right side, I can see my Desktop background. In the Context Toolbar, we triangle by pressing on the sample color circle. have a feature that says Apply to Selection. With this checked on, when we sample a color, it will automatically be This is a fairly unique and powerful feature of Affinity applied to whatever we have selected.

color, and it will automatically be applied to the triangle. Without it checked, when you sample a color, it won't immediately be applied to your layer, but will be stored in the sample color circle. anywhere on our screen. It only allows us to select colors from inside our document. However, the great thing about this Color Picker is that it allows us to change the Radius.

Right now, we are selecting a color from a Radius of Point 1 X 1 , but we can change this to Average X Now when you press anywhere inside of your document, your rounded rectangle will receive an averaged color from anywhere you click. If you click just outside the star, Designer will average the black and white colors, and will apply a grey to your rounded rectangle. Both of the Color Pickers have their strengths and weaknesses, but by combining both of them, you should be able to easily select any color that you desire.

To apply a swatch to an object, select the object or layer. Inside the Swatches panel, you can see that it has automatically made the last colors that we used into swatches. Designer will remember the last 10 colors that were used, and put them in the Recent swatch category.

Designer comes with some default swatch palettes. Right now, we are in the Greys, but we could use any of these categories. Designer gives many other color palettes to work with, Then choose a red color to apply it. including Pantone color palettes. that you can always scroll down to see more colors in the Application Palette means that you can find the palette palette. anytime you open Affinity Designer. Document Palette means that the palette can be shared with others who have Affinity Designer.

System Palette means you'll be able to find this palette in other Affinity programs, such as Affinity Photo. Select Add Document Palette. this by pressing the icon in the top right corner again. To add a new swatch, have the object selected that has the color we want, then press on the first painter palette. We can apply these exact colors to any future objects in our document. When you are adding colors, make sure that you have the proper color circle selected, rather that be the Fill or Stroke color.

If you have the Stroke color circle selected, and then press the first painter palette, you have added a no color swatch. multiple objects, and then if you change the color of the swatch, all of the objects with the swatch applied to them will have their color changed, too. To make a Global swatch, have an object with a color selected, and then press the second painter palette.

then pressing the swatch. To alter the color of the swatch, double-click on the swatch. In this case, the heart and star document. Go to the menu in the top right corner of the Color change colors. You can edit the color of regular swatches as well, but it won't Scroll to Create Palette From Document, then press As change the objects that have the swatch applied unless a Document Palette. Global swatch is applied to the object. colors that we used in this document.

Go to the menu at the top right corner, then scroll down to Create Palette From Image. Select the Spring Flowers image, then press Open. will make, we can change the number, then press Preview. import palettes from other people. You can change the location if you want, but I will keep mine Go to the menu at the top right corner, then select Import as a Document palette, and then press Create.

Palette, then As Application Palette. We now have a beautiful palette of flat design colors that we can use on future Affinity Designer projects. throughout your designs. first need to select the object that we would like to change, and then select the Stroke circle. a 1 point size Stroke. We can see this by looking in the Context Toolbar. the circle, select the Fill circle, and then change the color. A good shortcut to know to switch between your Fill and Stroke color circles is to press X.

changing the color. You'll notice that nothing happens. This is just a simple line, and does not have a Fill color. Select the line at the bottom. You'll notice that the line has no Fill and a black Stroke. Almost all objects have a Stroke and Fill applied to them, but some simple objects in Affinity Designer just have a Stroke.

over each of these one by one in this section. The options include No Line, Solid Line, Dash Line, or Textured Line. We have the Solid Line stroke selected now. We can change the Width by dragging the slider. This feature is only relevant if Zoom into the end of the line. the object is not a closed shape. Because this line is not closed, Change the Cap style to see the differences. we can change the Cap option to determine how the ends of the line will look.

which is only relevant to closed objects, not straight lines. With these The Align option changes where the stroke is placed relative options, we could have a round or sharp join when our object to the blue outline. changes directions. Change the Align options to see the differences. Right now the stroke When Draw behind fill is checked on, the Fill will remain is encroaching on the Fill.

This is particularly evident if the intact no matter the size of the Stroke. Width is increased. becomes smaller. Typically, this is Select the circle shape, then change the Style to Dash Line. a good option to have checked on. to round edges. The first number determines how big the dash is. The second number determines how big the gap is in between the dashes.

As the numbers are increased, the sizes and gaps are increased. The fourth number determines shape, and apply a stroke by selecting it, and then increasing how big the alternating gaps are. the Width. Go to the Brushes panel. Press on Basic to see more brush options. Select any brush to see it applied as a stroke. Using the Textured Line gives more variety to your designs. While this section was long, hopefully you learned some useful tips to improving the Stroke in your designs.

Serif also has a more extensive collection of tutorials that cover specific tools and features. There is an excellent series of tutorials from the YouTube channel Detour Shirts.

These videos were created specifically for anyone who is new to Affinity Designer. Each one is between 15 — 25 minutes long. There are a lot of ways you could use the techniques covered in this video.

This video covers the process of creating an awesome vector illustration from scratch. This is a long almost two hours in-depth tutorial that walks through the entire process of creating this character rendering. If you really want to learn and master the techniques, the tutorial is worth the time. Learn how to create this awesome wallpaper illustration.

Here is a great wallpaper design tutorial that features nature and silhouettes. You can use the same techniques to create a variety of different nature-inspired scenes and designs. This minute character design tutorial is ideal for someone who has a little bit of experience with the software. This text-based tutorial shows how to create a simple and fun character illustration. You can apply these techniques to your own designs by getting creative. First, I recommend figuring out exactly what you want to do.

Are you more of a print designer? Logo designer? Pick one area and then follow a couple of tutorials on that subject. Each tutorial is completely free and easy to follow. Where should you go for support? Where can to find answers to your questions and help you solve problems along the way? My first and biggest recommendation is the Affinity support forum. There are already thousands of threads solving many common problems with new questions posted every day.

You may consider collaborating with other graphic designers who are using this software as well. But there are two other communities you can try for Affinity help. The first is Graphic Design Exchange powered by the Stack Exchange network. But the GD Exchange community is large enough to help if you post very specific questions.

You should take as many screenshots as possible and provide lots of detail to make your questions easy to answer. Help others help you! If you need a cheaper and simpler Photoshop replacement, Affinity Designer might be the perfect solution. More resources Affinity Publisher Start Guide English only - PDF Affinity Publisher macOS keyboard shortcuts PDF Affinity Publisher Windows keyboard shortcuts PDF.

Product support For questions, reporting bugs and requesting features please visit our forums. Account help Get billing, refunds, downloads and product key help and support. 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.