Creating and Applying Textures: Design a Unique Experimental Typeface | Katya Boudjelloud | Skillshare

Creating and Applying Textures: Design a Unique Experimental Typeface

Katya Boudjelloud, Graphic, Web and Motion Design

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Lessons (24m)
    • 1. Part01: Class Overview

      1:46
    • 2. Part 02: Organizing Projects

      0:50
    • 3. Part 03: Creating our Base

      2:57
    • 4. Part 04: Sourcing Images

      1:43
    • 5. Part 05: Selection Techniques in Photoshop

      8:50
    • 6. PART06: Creating & Applying Textures

      5:17
    • 7. Part 07: Saving & Sharing Your Files

      2:42

About This Class

13353bb0

Creating and applying textures is a great way of making something unexpected, mixing different things together and creating experimental typefaces with vibrant personalities.

In this class, I am going to show you how to transform simple stock images into textures with the Liquify filter in Photoshop and apply them to a simple frame to create an amazing type face.

The technique I will demonstrate here is an easy and quick way of making complex and impressive visuals with a sculptural look and feel.

I will take you through the whole process step by step so you can get the exact same finished effect.

I will share with you what type of images to source for the project and will go through my own way of working with the Liquify filter to create textures in a few minutes in Photoshop.

If you want to quickly generate striking visuals and have none to very limited knowledge of Photoshop or if you want to discover how to use the Liquify filter creatively, this project is for you.

Enrol in this class and start making silky, hairy or spooky typefaces for personal use or any professional projects. You can even take a step further and sell your designs as posters, prints on t-shirts or anything else along the lines.

I am looking forward to see what you can do with this technique!

In this class you will learn:

  • What type of images to source; selecting the correct range of shapes and textures
  • What kind of font to use as a frame to apply the textures
  • A comprehensive range of techniques for selecting objects quickly and cutting out backgrounds in Photoshop
  • How to use the Liquify filter tool in Photoshop to create fabulous textures
  • How apply and arrange the textures to reach the desired effect
  • What to know before exporting for print or for web

Software:
This class is suitable for any skill level and covers all Adobe Photoshop techniques needed for this project.

Transcripts

1. Part01: Class Overview: creating and applying textures is a great way of making something and expected mixing different things together and creating an experimental typeface with a vibrant personality . This is Cata from K Be creative Lab, and in this class I'm going to show you how to transform simple stock images into textures . Using the liquefy filter in photo shop I'll share with you have to apply the textures to basic later shapes and turn their mention amazing and elaborated design that can stand alone or enhanced any message. When she learned the technique, you too will be able to create an infinity of interesting and surprising countries. Stars sometimes savories, sometimes silky or even spooky. The possibilities are unless every piece you craft along the way will be truly unique and noticeable. Be teaching you what type of images to source. For this project. I will be going for my own way of creating experimental typefaces in photo shop, using mainly the liquefied filter properties. These classes easy unsuitable for any scale of a cover whole range of Photoshopped techniques that are useful for any kind of projects if you want to quickly generate striking and sculptural visuals but are complete no basing Photoshopped these classes you or if you know, for the shop I want to learn hatch years and liquefied felt differently and creatively. Thes project is for you to enroll in this glass and start building amazing and complex type pieces for any personal use or professional projects. You can even take a stake fervor and sell your design as fosters. Bring some T shirts or anything else on the line. I'm looking forward to see what you come up with, so join me in this glass and let's feel some fantastic type place together. 2. Part 02: Organizing Projects: when working on any project, it's a good idea to organize your files so you can easily retrieve your work in the future . Knowing exactly where to store project assets simplifies to design workflow and saves your times particularly useful. If you work in a team and several people collaborate on the design but his project, I suggest you create a main folder and give it a name. Divide the main four during two free categories. Original assets cut out and final original assets will contain are sourced images and touched Qatar's. We contain our sourced images with their backgrounds removed. The final folder will keep the PSD files will use for the project. You can also create a work in Progress folder if you want to save multiple versions of your PSD files and keep track of your design development. 3. Part 03: Creating our Base: that's open a new filing photo shop in which we create our design, decide on to document settings yourselves, depending on the size and the use for your design. Don't push the size too much. 300 dp I Resolution is best for print purposes. Leave the Moto RGB for now. You can always change it to see him like a later. Who should decide to take your design to professional printer? That's click OK, give it a name and saving as appears defiled in the Working Progress folder. Make sure you have the layers panel open. If it isn't quarter to top menu window layers and his chute open, let's start creating a typeface. First thing we need to do is to create a basic letter structure for design. This will act as a frame. A guideline would be applying our texture, too. Select the type to in the two panels in photo shop and start typing letters. Double click on the letters to highlight them. You see up and down arrow keys to brush the list of phones included on your computer and pick one that inspires you. You can go for a conventional on modern formed serif or sans serif. It's up to you. Although there is no right or wrong for this step, I recommend using a light to let a type a light letter base will give you more room to play with the textures later on in the process adding heavy texture on the design, we produce a more intricate finish with a wire factor. You can also browse the Internet and find free downloadable phones. Refer to the project section of this class to get their links of a couple of free front websites. If you're more it bones, I want to push the creative process a step further. You're welcome to design your own letter beds. Using the Pento in photo shop. Creating our base was very easy. All we had to do is be conformed that we liked here. I settled for the phone call Devil Breeze. I like it because it's super like and has interesting angles. I'll be providing a link in the class notes for those who want to download it now. Once you found the foot you want to use as a base, type your text onto the canvas, separate each letter and place it on its own layer. This will give us more flexibility when we mold the design later on. Used to move toe to arrange the letters on the campus as you see fit. Select all layers in the latest panel. Press comment T on a Mac control T on the PC to resize the letters if necessary, safe and leave the window aside for a moment will come back to it. 4. Part 04: Sourcing Images: Now it's time to find images. The research process is extremely interesting. Stuck images. We provide raw material to create our textures when sourcing images. For this project, there are five components to keep in mind. Shapes and textures, image size and quality and image background objects with soft organic shapes work best for this project. Modern furniture, sports car or any rounded shape. We work amazingly well, but it could be anything. I don't want this project to be regimented in any shape or form. A. Recommend choosing 6 to 9 images for each project. Make sure your selection contents a goodbye parity of shapes and textures. Don't be afraid to mix rough and sub textures together. Feathers animal for animal skin rocks would off fabric again. All textures are suitable for these projects, depending on the effect you want to achieve. When you download images online, make sure you get the best size and quality available to you. What looks fuzzy onscreen? We look fuzzy on print. Images with a clean background are easier to work with. They allow us to isolate shapes quickly, using the automatic selection tools in Photoshopped. This will save this time and efforts when browsing for images, keeping up in mind and try at random objects because you never know where experimentation would take you. With this technique, experimentation is key to the success of this project. Don't forget to save all your images into the original asset folder we created previously together. 5. Part 05: Selection Techniques in Photoshop: Now it's time to cut out. Are sourced images out cleaning them up by removing their backgrounds For this, we're going to go through all our images one by one and prepare elements for our future experimental typeface. Open the first image you want to cut out and receive it, as appears to document inside the cutout folder we created earlier. Well, our cutouts are going to be in Piers D format in photo shop. It's rather important to keep an eye on the layers panel to make sure everything is working as you wanted to open the first image. You want to get out, go to the layers panel and duplicate the background layer by clicking common J on the Mac Control J on the PC. Always deprecate the background layer for backup. Make the background layer invisible by clicking the icon on the left hand side of the panel . Make sure your duplicated layer is unlocked. This would ensure that once you start cutting something out, everything around the selection will disappear and become transparent instead of solid, create a few new layers and believed the image layer become the create new layer icon. Three times now feel each layer with a solid color, one with black, one we've white and one with a bright color. Select the layer you want to fill and go. Edit Phil and choose a color. Repeat for all three layers are returning these free layers on and off to check the quality of the image I'm catching about them. It's easier to see defects on a range of different color backgrounds rather than a transparent base. This is just my own way of working. I like to be precise when it comes to catching things out, but you can choose to use it or not. But the same reason I would be going through a few techniques for selecting in photo shop so you can choose what works best for you. Photo shop office, a wide range of selection tools, either automatic or manual. They will have something interesting to offer, but I can get through them all here. I'm going to show if you free techniques that were best for this project, and the ones that are like most would be mixing automatic and manual selection tools to get optimized resource, as I mentioned earlier. So seeing images with a clean background allows us to select and cut out shapes quickly, using the automatic selection tools in photo shop, automatic tools and no as precise as manual tools that there were great with settled contrasting backgrounds. Every image is unique, so you might have to play around with the two settings to achieve the expected results. Magic Run is one of the older selection tooling for the shop. It allows you to select an area based on tone and color, and that's why it works best. We've solid color backgrounds, tolerance at the top controls. How wide are now is your range of tone and color you're selecting from you can know done shift click to add to the selected area older and or click to remove from the selected area to clean up my image. Here, I simply click on the background with the magic. Want to make my selection? Then I press delete to remove the background. My image is not kept out. Sitting on a trance pound background and ready to use for our project you're probably gonna lasso is in my mutual with the polygonal lasso. You will need to work in line segments. Think of it as using a scalpel on paper, but only in straight lines and no cards to start using it, zooming quite closely to your image and start placing points during segments around your shape. If you pick in the wrong spot, press, delete or backspace to remove the last point. Go all the way around the object you want to select and join up the first point to close up the selection. In our case, we want to remove the background beyond our object, so we need to invert our selection. Press common I on the Mac or control I on the PC or go select injured and president. The quick masking photo shop is an easy and effective way of selecting objects manually. Quick Mosque was the same one masking tape does when you paint a room once its own. Everything you brush over, we come out reddish and we ask you cover with your reddish masking tape would be protected . The idea is that photo shop was so like everything except what you have painted in red. Click on a quick mask. I couldn't at the bottom of the two pallets. Select the brush toe or presby on your keyboard. You can size the brush up or down, using the bracket keys on the keyboard from the brush palette on the menu at the top. You can also adjust setting, such as a pass ity size and the hardness off the brush. I recommend 50% hardness. For more precision, make sure your foreground color is set on black. Zoom in closely on the image and stop painting on top of your shape. When you're done painting, click back on the quick mask icon to reveal the selection. You can see that everything outside the painted area is now selected. Press delete to remove the background. When working with more complex images, manual selection tools, we give you cleaner and better results. You might find manual selecting toe challenging to use At first. There's definitely a learning curve, but it's worth the effort, and practice makes perfect. After using the selection tool of your choice, you might need to polish your shop in of the ages of your objects. The arrays, a tool on the contract selection feature and photo shop, are too quick and efficient techniques for cleaning up selections to use theory. Razor to selected in the two pallets or press E on your keyboard. Check. The size is appropriate before using for precision and efficiency. You can make the arrays a smaller or bigger by pressing the bracket keys on the keyboard. The razor to deletes permanently. What? Some. The canvas. So be careful and try to be precise. Assuming closely. Go ahead and delete around the area to clean it up. If you make mistakes, press command Z on the Mac and control Z on a PC. We'll go to edit Step backwards, you can know. So use the contract selection feature and photo shopped to quickly clean up the ages of your objects so, like the entire shaped by clicking the icon inside the layers. Panel. Good to select contract on the window menu. Instead of contracting value in the dialogue box, use a little value to start with and click. OK, do commend I twin bed. This election. Now press the delete key to clean up the edges if discrepancies that still showing select contract the subject again. But his particular project selections do not have to be lays a shop, so don't get neurotic and don't waste too much time aiming for perfection. This project is known to be found not frustrating. Now go ahead. Clean up. All your source energy is using the selection technique of your choice. Don't forget to deprecate your layers before removing the backgrounds. And so all images into the Kattegat folder. 6. PART06: Creating & Applying Textures: at this stage, you should have sourced and cleaned up all your images. Here I'm sharing my own selection of objects for these project. You can see that it contains a goodbye authority of organic shapes and textures. You can also see that they all stripped out of the backgrounds and sitting on the transparent base. Now that all our preparation is done, the fun can begin. We're going to place our catch out objects and transform them into textures using the liquid. Five filter. The liquefy filter is one of the most powerful image editing tools in Photoshopped allows you to push and pull pixels anyway you like. It's a common misconception that the liquefy filter is only used for making people Finn in these glass. Our share with you. Another great use for the liquefy to shaping and applying textures liquefy Filter offers all sorts of ways to destroy an image. You can twist and pull specifics sections for the walk to expand them so that they look like they've been inflated using the blow toe all squish up sections using Parker. As with all Photoshopped filters, the liquefy tools are usually best use sparingly. However, for this class. We will push all the settings ire and create disturbing and distorted liquefy filters effects. I encourage you to play around with all the tools available in the palate to get a flavor of what these filter can really offer for. The purpose of this class will be mainly focusing on forward walk toe. We creatively divert from its main function and use it to melt objects down. Now it's time to create our later type. Let's go back to our later base piers. Defile. To create our design, we need to insert our first contact objects into the canvas. Let's click on five place. Pick the first image you want to use from the cutout folder and click OK. You can also open the piers defied off the object. Make sure the move Tory's on click inside the Layers palette to select and drag the object onto their later based canvass. The cutout shape is now inside the window and ready to use. Now. Place it on top of the tight base as you see fit. You might have to resize the object before using the liquefy filter to get better control when melting it down on top. of the type base. Preska Manti on a Mac to activate the transform comment and re size the shape using the handles. Instead of re sizing, you might decides to use a specific part of the object. If so, apply one of the selection technique we've explained earlier in the class. It's important to keep your layers organized, create folder for each letter in the layers palette and drop all the shapes into the appropriate place. Open the liquefy window enable show backdrop. Use all layers, mud in front and a pass ity 50. Once you're happy with the placement, select the boardwalk toe at the top of the palate and start melting and shaping the object above the type days. Take your time and experiment as much as you like, with different settings and brush sizes, the brush and control settings allocated on the right hand side off the window. Try to make sure easy and gestures, otherwise the phone will be distorted too much. It can be hard to reproduce the same hand gesture twice. It does take a bit of practice and persistence. There's a good chance you won't be satisfied on your first attempt, so go backward and we do as much as needed. Start combining some of your liquefy shapes and begin building up a sense of flowing river by are turning their weight, shape and texture. You condemn placates some of the shapes to help achieve a sense of consistency across different elements. The 12 tool can be used lightly to add variation and flowing to your shapes. You don't have to liquefy everything. You can combine your design with row elements as long as they complement your composition. The main purpose of this exercise is to combine juxtapose, repeat and older. Experiment between the different tools, adding various elements until you're happy with the other or look and feel. The vinyl shapes must be eye catching, but your typeface mints remain readable when the shapes are added to the letter forms. Once you've made your typeface, you don't have to stop there. You can make complex illustration by deprecating, transforming and inverting different letters. You can also try more options using different kinds of resources, mixing Freedy shapes and drawn elements or even photoshopped abstract brushes. You can cover the entire type base with texture or leave some bits and pieces apparent. It's up to you. Depending on the final use for your design, you might also want to put texture in the background to complement your experimental typeface. 7. Part 07: Saving & Sharing Your Files: When it comes to saving your find footprint, there are a few options. If you're printing professionally, check out the guidelines of your print shop and prepare your files accordingly. Was likely. You have to change the color more to see um, way kay and changed the color settings to the one your printer is using. Save your work in the required five format. Flatten the image if you're saving as default PSD flattening the image. We combine all the layers together and seal the design, ensuring nothing moves when transferring the fires to the print shop. If you're printing yourself, check the specification of your printer and change the color mode. If necessary, Save your file eyes de peg, high quality. PDF or TIFF without layers to reduce the fire size before printing. If you want to display your design online, make sure your files in RGB mode color. To achieve optimum quality, take the final output size of your fire and double it resize your fire using the new values and save it as J. Peg O. P and G. P and G's will retain the transparency. That type of Photoshopped project is highly artistic and stands well on different kind of surfaces. There's several platforms where you can sell your designs. Marketplaces like society six. Let yourself prints and canvases. He also allows you to sell your art on a bunch of different products. You can set how much you will profit from each item by raising the base price before uploading your work. Refer to their five preparation guidelines. The process of setting up a shop and applauding is pretty straightforward. In most cases, it's just a matter of resizing your fights in a certain way, depending on what product you want to apply your design to. I'll be providing links to additional marketplaces in the project section off this class, that's all. For now, I hope you have enjoyed these glass and look new exciting techniques. If you like this class, please leave a review so new people can benefit from it, too. I can't wait to see what kind of textures you'll be creating out of stock images and what your experimental typeface will look like. Poster work in the project section off this class. And if you're going to share on instagram, please tak k be creative labs, so I can see there too. If you have any questions, leave it there on the community board of this class. I'll be glad to answer and provide feedback. Thank you so much for enrolling, and I'm hoping to see you soon in my other classes.