Fit Your PIctures to Various Social Media with Minimum Effort | Aga Kobylinska | Skillshare

Fit Your PIctures to Various Social Media with Minimum Effort

Aga Kobylinska, Surface pattern designer

Fit Your PIctures to Various Social Media with Minimum Effort

Aga Kobylinska, Surface pattern designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
8 Lessons (19m)
    • 1. Demo

      1:36
    • 2. Intro & schedule

      1:31
    • 3. Few words on organizing

      1:29
    • 4. Create your media template (Presets & Artboards)

      5:16
    • 5. Action1: One picture on many artboards

      2:45
    • 6. Action2: Your logo on multiple artboards

      3:49
    • 7. Exporting artboards to files

      2:04
    • 8. Bye

      0:44
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

189

Students

2

Projects

About This Class

Do you often prepare your images for different social media and/or for your blog in Photoshop? Join this short 19-minute class on optimising the process of resizing your images to many formats at once - and make your next watermarked image set in few minutes!

You want your visuals to be consistent but it's so time and energy consuming! Is it your process: each time looking for the proper dimensions in the first place, then copying- pasting your logo or signature from an old design or from somewhere on your drive then checking twice if it’s placed in the same place where the last one was? Here comes a good news: it can be easily fixed!

Automatize your visual content formatting and learn Photoshop Actions by the way!

The class shows the easy way to automatize the whole process of

  • preparing your photoshop workspace to easily work with all graphic dimensions that you need for your online presence
  • placing your logo or signature in right place with one click
  • exporting graphics for all web purposes with a minimum energy

On the occasion you will learn how the Actions in Photoshop work - maybe it will inspire you to automatize the other processes you deal with every day!

68b3df7b

For whom:

The class is designed for all people who need to prepare their graphics for web and like to do it with Photoshop as quickly and easily as possible. Step by step, we will create our action together, and in future you can just use it or modify it by yourself!

This class is for the Photoshop beginners, and will cover only very basic and easy techniques. I use Adobe Photoshop Creative Cloud* for Windows, but it doesn't really make a difference you work on Mac.

* I'm pretty sure that the given processes can't be used for CS versions of Adobe Photoshop though!

Resources:

Social media image sizes:

https://sproutsocial.com/insights/social-media-image-sizes-guide/

https://www.socialmediatoday.com/news/the-ultimate-social-media-image-size-guide-for-2018-infographic/519183/

The links to the photographs under Creative Commons Licence I used for the class tutorial:

Photos used for the presentation purposes: Eli DeFaria's and Chris Child,s - both from Unsplash

Music: https://www.bensound.com

Meet Your Teacher

Teacher Profile Image

Aga Kobylinska

Surface pattern designer

Teacher

Hi! My name is Aga (this is abbreviation from my full name which is Agnieszka, but I suppose it would be hard to pronounce for most of you!). I am a surface pattern designer based in Warsaw, Poland.

My adventure with the pattern design has started a few years ago with Make It in Design courses. I loved designing patterns so much, that I have left my job in advertising to fully concentrate on this new career. Since then, I've been constantly learning new skills, painting and designing patterns for fabrics and other goods. I've beed working with fabric manufacturers and brands owners to bring new, beautiful designs into the world. Nothing feels better than seeing your work serving others everyday! 

I'm truly obsessed with learning. It may sound crazy but I graduate... See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

phone

Transcripts

1. Demo: hi guys. Second brings a self respecting designed there from Poland. In this class, I would like to share with you my latest trick, which helps to optimize the process of preparing images to a difference. Internet media. Perfect solution for all of you who often share your photographs, weapons, graphics and other artworks on different social media platforms. We all know that several Facebook impressed your block. All of them require different image dimensions on the purpose of this class is to make this process really easy and quick. This class is designed for the beginning of the ship users, so we will work with very basic features. Are parts and actions step by step? I will guide you through the process off preparing your media template and recording action that was putting our logo on. Many are the bars with just one click. Sounds great. Let's get started 2. Intro & schedule: Hi, guys. Welcome to because I'm really happy you have decided to join it. As I'm sure it will be very, very useful for you. We all know how it's important to keep your social media presence to be to share your working practice progress to share your work. Um, but we also know how it can be time consuming. Remember all these needed dimensions to your logo in the right place to keep consistency. And that's why I invented this process to make all this process influential. Busy? Yeah. So before we dive into the class, I just want to show you a brief class schedule. So you exactly know what to expect. Eso. First of all, I will give you some tips on preparing all the needed materials in the right place. Then I will show you how the airports in focus a pork and how they can be used for our purpose. Then we will record to actions that will make your life easier. One, the action that makes your image or pattern appear on all the art boards at once. And the second action that places your logo on all the art bores in the position you want? I would also show how to export all the art birds as images. Ready toe put on the weapon. Looks great. Let's start. 3. Few words on organizing: okay. As promised few words about preparing and organizing files for this class, I recommend that you create a special folder in the place that is intuitive for you. There you will keep all your templates, information about media sizes and other useful elements such a seer logo in one place. It's important that you don't change the name and location of this world later, especially after recording actions, so make sure it's where it should be. If you use some cloud solutions to store your files such a Sutherby cloud or Dropbox, we might want to put your folder there. This way, you can have access to your media template and longer types on any device. For the purpose of this class, I created the folder in their Skill share class folder. Ensure that you put their geographic fires that you want to use to what their mark. Your pictures use my signature on the transparent background, but you may use a lago. What page are in my address, whatever information you want to put on your graphics. Then write down the media dimensions that used more often. We will prepare a media templates for them. I've chosen Instagram square. If I spoke crossed and image size is needed for my block, lactose heather and block image, you might want to use more or different media dimensions. It's after you just have been prepared for the next class chapters. 4. Create your media template (Presets & Artboards): Okay, Once we have our folder longer and media dimensions prepared, we are ready to work with other because her shop we were working multiple are birds which is a great feature in creative Cloud version of social. Before we go inside, let's save all our needed dimensions s preset. It takes a few minutes longer now, but it's safe suit time in future. Today I create for percents to for the social media years Instagram and Facebook posts and still for the picture formats needed for my block. Let's start with Instagram. The recommended image size for the square format is 1080 per once I was in a teepee Excel. So put these values in the right boxes and track their multiple art bird books. Click this icon right down the precip name and press safe percent A. So you can see it automatically lands in a bundle here under the Safed label. So you have easy access to your preferred media sizes. Anytime you create a new for the shop document. Um, repeat this process for all your needed picture dimensions. Once we have it all done, let's create a new document. I use instagram posts as a starting point. It will be my first Arab art. I called the document Social Media. 10 flights. Ah, you can name your file as he wants. Make sure you have our boards, books selected and press create. We finally see our new documents, so it's time to play a little bit with adverts. All your are birds can be found in the layers panel. Right now we have only one. I changed its name into Instagram here. Under the move to you will find the art or two. It can be also activated by selected any art birth title placed above it When the stool is in used a little plus signs show up around the art, Bert. By pressing one of them, you create a new art board off the same size as the original one. If you want to change its dimensions, just goto the size panel here and just one of your presets. I'm selecting block Heather. You can see the selected art or changes its size automatically. Every beat this for block and, uh, Facebook Boss. Oh, I forgotten to rename the arbor systematically, so let me do this now. Okay? Now I can see all different sizes in one workspace and work with them all together. So convenient, isn't it? Before we go toe the next model, let's stop for a moment at our ports. Feature. You already know how to create, nuanced by using the plaice, science and presets, but you have much more freedom with them. Actually, they are really intuitive and works in our two layers. You can move the chosen are birds, using its title as a handle around the workspace. Copy, together with its content by simply dragging, can't holding out basically delight. And 39 with the dartboard toe selected, you can draw a rectangle anywhere on your workspace, and it automatically becomes any art birds. You can change the dimensions of the selected art birth anytime by stretching corners are by putting their custom dimensions in the box. Here, you can even easily change the position from horizontal towards right and back just by clicking on one of thes Aiken's taken venous. To explore and get us to this feature is really or if it everything is clear, perfect Now leave only the art birds that you needs A for your media Tim flight and be sure they're rightly named. It's very important for the next model. There will record our actions. And if you change the arts board names after creating actions, they will not work. I will explain it later. But now just insurance names are Justus. You want him was we have are simply ready. Let's save it in our special folder so we can use it any time. Um, we will work with some graphics now. So I will create the copy of the template to work on, um and changed its name. Uh, I recommend to keep the template king. 5. Action1: One picture on many artboards: Now it's time to start playing with actions. This is official Peter and I think you to record a sequence off your photo shop activities and then realize them all with one click. They can be used for many purposes, but now we will use them to copy one image from multiple art parts. This way. Your only job later will be to adjust it to your ideas and meats. Open directions. Final. You will find it here under the window. Um, let's start with creating a new action sets that can be easily findable for you. I will call mine the social media Workflow Actions Now place your chosen picture here. I used a beautiful picture by led Faria from an splash, so it's time to record our first Action Creek new action in the action panel. It's this icon here. Call your action the way it's understandable for you. I call mine one picture, multiple art birds and press records. Most off the operations happen in the layers panel, so select the picture layer. Copy it with control, see then selected next Art Bart a block header in my case and face the image with control V shortcut a zoo. See, the picture is automatically clipped to the cardboard size. Repeat this process forward. The other art birds Remember to always select our Dorthe name before based in care. Picture inside. Stop recording by pressing the proper icon. That's all. Our action is ready now. When your picture is placed on every art barked, you can adjust its size and position as you like. Okay, Eso Let's check how the action work. Using another picture this time I used the lovely photo by Chris Child. I place it on my first art boat. Look for the action induction panel and press play. Well, our picture is placed everywhere. Okay, let's delay this image and check if the same trick will work with a pattern. This is something for my fellow surface pattern. Designers creates a new layer with pattern trust the action and press play, but them my because just happens 6. Action2: Your logo on multiple artboards: um, we have our first action recorded, so now it's time to add watermark or a logo on every airport. So let's create a new action. I would call mine Weather Market all and press record in the Layers panel Selected first art boards, In my case in is the Instagram one I go to file place, place embedded or linked. It doesn't really matter. And look for the special folder we had created at the beginning of the glass. Find your logo. In my case, it's my signature and click place except placing the file and only now started. Start to rece ice or move um, the your lager to place you wanted to be. Once you're happy with the results, repeat the same steps. We've the next art birds. Eso a Select our doors, Place your logo precise, eat or move. Uh, when everything is done, click stuff to stop the recording. Let's check if the Sequent sequence work for this purpose, I will use the empty template. So truth the action press play and it should France movie. But oops! A little window appears with their information that they command Select is not currently available breast continue and we will check. Check in a minute. What's the problem in action? Run smoothly. Our signature appears everywhere. That's cool. But I will check what has gone wrong to do this. I opened my action for their and look insight. Oh, you see, we're recording my action. I selected by accident the layer that doesn't exist in this blank document. I just delight this element and it will not bother us anymore. Uh, the actual disqualified everywhere so I can play it on any document created on the basis of our template. So let's take the magic. Um, so Hubei Pattern did you liar and play both our actions one to Yeah, and we have the picture of the same one to, but, um, you see how quickly you can prepare your pictures or product photos or more cups, but maybe patterns for we are Web purposes Before we go further. Uh, two things to remember. If you want to enjoy your first recorded action, remember, never change your logo file, name and location on Dr You do for the shop will lose it. And never trying to the Yardbirds name in your template are its copy. Before playing actions is the same. If you remember this, too, thinks everything should be great. So let's go to exporting our airports or Web. 7. Exporting artboards to files: um, we have our graphics beautifully adjusted to the needed sizes and signed with our logo. It's time to export our graphic so they can be used online. When you go to file export, you have several options to just from for our purposes. Today. To that work, the best are quick export. Spn G R R. Boards to files Let me show What's the difference between the distal when you're just the option? Quick export SPD You just choose the folder where the pictures should be exported and they land there. Let's do this and check if it happened. Yeah, in my folder there for PNG's named Justice, the art birds were before perfect, So this is the fastest option. When you choose the option, aren't birds to files? You firstly need to choose the place where the pictures should be exported and then you have a really nice additional feature, which is finite and graphics. It's just great, because this way you can ensure that your fights are described property. I used to perfect, featuring my name a company, Scott, the design name, which is branches and at a dash at the end to separate the perfects from the art Bart name . Click Run and let's check what happens when you go to your folder, and the result is quite rewarding. All your graphics contain both my name and the the graphic purpose You can use them right away. I think this option this really convenient, and I would rather use this one. So yeah, that's all. If for any reasons, you want to have a pee anti with all your graphics in one place, like just like on your work space, you can use safe for Web feature here. You can choose if you want your graphics on white or transparent background. Once exported, the graphics will look like this. You can use it, for example, in order to upload it in the project section for other students to see. 8. Bye: Okay, that's all. Thank you for watching. I hope you have been dragged the class and that the things you have learned will be useful for you in future. I would like to see what what you have. Prepare it. So please share your your set your image set in the class project section. If my class inspired you to look for your own actions, I would be really, really happy toe know it. So So please share it. Also in the class discussion are in the class project section. I would just like Teoh encourage she'll tow experiment. Teoh, look for your own solutions and yeah, have fun. So good luck. Bye.