Just This Good Photoshop

broken image


Sep 30, 2020 First released roughly three decades ago, Adobe Photoshop is the gold standard preferred by some of the world's top visual artists. Its powerful tools help photographers create almost anything the imagination conjures. Photoshop is now licensed as part of the Adobe Creative Crowd suite of subscription-based software. Nov 15, 2020 - Explore D's board 'Cute young girl' on Pinterest. See more ideas about cute young girl, girl, beautiful little girls. Does She Really Look Like A Manga Character Or Is She Just Good With Photoshop? Xbox one controller iphone app. (10 pics) Posted in PICTURES 28 Apr 2017 8182 1. Vlogger Nozomi, from Tokyo, is called.

  1. Just This Good Photoshop Cs2
  2. Just This Good Photoshop Background

Adobe photoshop cs3 free download for laptop. Hey there, in this video we're going to look at Type in Photoshop. There's just two big, two basic flavors. One is like this text box here, which types on forever, and then there's this one here, the Type Tool which has effects where you can kind of get it to-- Type to kind of be a bit more body copy-ish. We'll learn some tricks about resizing and some other quickie little things as well. So let's get into it.

So we are continuing on with the file from the last project. If you are just jumping into this one you can open it up by going 'File', 'Open'. And in your 'Exercise Files', under '03 Shapes' you can open up this one called 'Coloring Shapes'. Open that up, and you'll get close to where we're at now. We're going to use the Type Tool. It's reasonably simple, there's two kind of main ways of using it.

Now one thing to note is, because we're working with all these shapes-- Photoshop really likes to-- if I've got the 'Type Tool' selected and I'm on a Shape Layer, like this Ellipse, it's going to try and combine the text into this shape here, which is not going to work for us. So if you do run into that problem, go to 'undo', then go to 'Select', and go to 'Deselect Layers', there's nothing selected. So there's two ways of adding text, right? If I click once and I start typing 'All Stars' it will just go on forever, I'm going to select all this text. I'm dragging my mouse across it and I'm going to pick a friendlier font size for you guys to see. So if you click once, it's just going to keep going forever. You can put a 'return' in. So let's say I want All Stars on two lines, I can just click in front of it hit 'return', and I've got a return.

Let's ignore the giant Leading. Actually no, this is just a Leading, so I'm going to select both of these guys. It's because I was playing with this earlier. Leading is the space between the lines, and it is this option here. You can kind of hover above it, it's called Line Spacing here, no Leading. You can set it back to-- often 'Auto' is a happy size.

Now the other way of adding Type is let's go back to our Move Tool, it kind of like connects that text you've done. Grab the 'Type Tool' again, and instead of just clicking once, which types on forever, we're going to click and drag out a box. I'm going to kind of start half way in here. I've got to make sure no Layers are selected, or at least none of these Shape Layers. I'm going to click hold and drag a box like this, and by clicking, holding, and dragging, what it does is it allows you to have what's called a Fixed Width box. Just means when I start typing it's going to break down to the second line so it's really good for body Text.

We're doing this option here where we want the text to kind of snap around. A couple of useful things is, I'm going to select all my text, and delete it all. I'm going to pick an appropriate font size. 20 is too big for in here. A proper Font size is, I can't even remember. Let's go for 16pts in this case. I'm going to pick a Font. I'm using Museo Sans Rounded, I like it, it's pretty. You're probably not going to have it. It's just that font that I've downloaded from something called Typekit. So just have a little look through here, pick a font, pick a weight, this is like bold, light, medium, but especially the Font size, get it to something like 16. It's probably still too big, let's put in 12 for the moment. And I want to show you a couple of other things.

One is, let's say you want to put in some fake text because you don't have it yet, right? I'm going to switch mine off being capitals, delete that. Mine's on capitals, because under Advanced here I clicked on this button earlier when I was working on a side project. That just says, whenever I type, make it all capitals. I've turned that off and I'm going to close that back in Advanced; is not that advanced. Just has some extra stuff that you might need to close it down. Back in there, please. So I've got 12 points, I've picked the font. Instead of just typing in, like mumbo-jumbo, because you don't have the text here, right? You're waiting for the client to have it. There is something in here, it's quite handy, I'm going to delete all that, I'm going to go to 'Type'. So my cursor is flashing inside of here. 'Type Tool', flashing inside of here, 'Type'. There's this one called 'Place Lorem Ipsum'. You probably know what that is already, if you don't, it's just mixed up Latin words, it's like, they're actual Latin words, they're just in a random order so that they're just good to hold the place of text until you get it.

There's lots in there, it just dumps a big lob of text in there. So if you delete a word, it's probably going to replace by another word. It's just, there's so much kind of spilling out of this. What you can do is-- I can click in there. Go to 'Select', and go to 'All', so it's selects all the text, and find a font size that works for me. '10-point', 'Font', 'Weight'. Now we're going to do a couple of things but we're not going to go through every font option, like Centered versus Right Align, you'll be able to work that out.

This one is the space between lines. What I like to do as well, you can type it in here. You can go, 'I want it to be 24.' On these icons, we've looked at it before, you can click, hold, and drag on these icons, right? Just kind of drag them up and down. If your computer is old and slow, dragging that thing just is painful, you have to type it in, sorry about that. To move your Type, grab the 'Move 'Tool', make sure you're on that layer, and I'm going to move them around. It's going to work for me. What else am I going to do? I'm just going to add some Type now. I'm just going to basically add this stuff in here. You can totally leave now, there's no super awesome--

All right, one super awesome trick. See this All Stars thing here, so I've got the layer selected. Instead of going and playing with the font size, which is fine, you can drag it up, drag it up. I'm going to undo and put it back. What I like to do is, that same trick we use to scale up these circles, works for fonts. So 'Command T' on Mac, or 'Control T' on a PC. Long way, remember, is under 'Edit', 'Transform' and there's one in there called 'Scale'. I find this is easy, holding 'Shift', I find I can get the Font size that I want. Roughly there, hit 'return' when you're finished. You can see, it's bumped it up to a weird 44.44.

In terms of the Leading, I'll probably drag it down a little bit. I'm probably going to make this bigger now. Now you can go, there's no super extra tricks. I'm going to grab my Lorem Ipsum. I'm going to drag it so it lines up, grab this rectangle. I grab this, I'm going to move it up and I'm going to grab my Type Tool, I'm going to put in that 'C. Taylor'. Let me check, you made some Suede shoes. If you're not huge on fonts, often it's nice to see use the same font but different weights, so this one's the really thick, 1000, or if it was another font it might be called Extra Black or Bold. I'm going to turn it down to like 300. Yes, 300, I'm going to go for 100.

Font size again, instead of using Font size I'm just using the 'Command T'. There's a little bit of dragging this thing around, moving it around. Getting it how I want. You can keep typing it out, often a nice little trick is this All Stars layer here, I'm going to right-click it, and duplicate it. I should give it a name, I'm not going to, just going to drag it down because what I want to do is grab my Type Tool. I'm going to put in a web address, so this one's going to be www.scottshoes.com

Font size too small. 'Transform'. scottshoes doesn't exist, so I made that up because it's my last name. When you're doing it, give it your own name. It could be, smithshoes. I think that's an actual thing there. Look, I've spelt shoes wrong. I kind of like it, it's kind of like, I don't know, feel like it's foreign, maybe a little too foreign, nobody's going to find my website.

Awesome! So that's going to be it for the basics for fonts. We are going to look at doing type around a line in the next video. So let's go and do that there. All right, see you there.

The web is a highly visual place, and in the age of social media, a scroll through one of your feeds can be a feast for the eyes. For designers looking to make an extra impact on a world of short attention spans, a little animation goes a very long way. It's a love of animation that has led to the popularity of GIFs – by far the easiest way to make a short, effective animation that most people will be able to view on their devices.

But simplicity isn't always simple. Tools like Adobe Photoshop may make it easy to create GIFs, but there are many design principles that go into making one that is successful.

Adobe Photoshop

Make. Believe. Photoshop.

'My biggest piece of advice on creating GIFs is ‘keep it simple,' said Amy Hood, co-founder and principal designer at Hoodzpah, who recently shared her best piece of advice on how she creates her GIFs. 'I am a ‘more is more' person, so this is something I often forget and end up wasting tons of time on silly details that distract more than they add to the concept. Pick one movement, motion, or idea to convey, and focus on making it clear, emotive, and as short and punchy as possible.'

Dennis Rodman in GIF form, created by Amy Hood, showcases her approach: 'Pick one movement, motion, or idea to convey, and focus on making it clear, emotive, and as short and punchy as possible.'

There are many other tips, tricks, and guiding principles to keep in mind when creating GIFs and ways to use Photoshop to pull off whatever your vision is. Read on for more advice from top designers on how they make fun and functional GIFs.

Keep it simple, keep it short

The beauty of GIFs is that they make a quick impact on viewers. They grab your attention, without requiring it for too long. Deciding how long to make your GIF is a key consideration.

'I think three to six seconds is the sweet spot,' Hood said. 'Having it that short keeps you honest about sticking to a simple concept. Also, you always need way fewer frames than you think you do.'

Keeping GIFs short is a good idea for technical reasons, as well. The medium is known for being easy to display and view on the web and in social media feeds.

'You want to make sure that your files aren't too big that it takes a while to load. You want to be able to have it pop up and grab your viewer's attention as soon as they see it,' added designer and letterer Kim Vu.

In order to do this and make sure she conveys her message, Vu said she carefully considers which part of her particular design most needs emphasis. With this in mind, she thinks about which motion would best serve that design, such a color flash or change in size, and her advice is to do this as early in the design process as possible.

'How you go about designing a static illustration versus an animated one is very different. When you're beginning your design process, I think it's helpful to consider if your artwork will be a GIF or not,' Vu said. 'When you're making something move, there are parts that need to be separated and different pieces that need to be created in order to make those sequences into GIFs. This initial foresight can save a lot of time and headaches down the road.'

A GIF by Kim Vu. A simple object and a short animation that suits it often equal an impactful GIF that easily loads on most devices and in most contexts.

Ethan Silva, owner and designer of Bad Lucky Studio, is very much of the same mind as Vu. For him, simplicity is key for both creative and technical reasons.

'The fewer moving parts you use, the more animated and fun you can make your GIF while still keeping the file size down,' he said. 'It comes down to considering the message you are trying to communicate. Finding a balance between eye-catching motion and keeping the integrity of your message is key. Sometimes, we get to make a GIF just for the sake of creating something fun. In this case, go nuts!'

Donut Time by Ethan Silva. 'Sometimes, we get to make a GIF just for the sake of creating something fun. In this case, go nuts!'

Looping, timing, and the limited use of color in GIFs

For Silva, it's very important to 'limit your colors' to keep file sizes down. For him, two or three colors in a GIF is the sweet spot. For Vu, 'the fewer colors the better.' She recommended experimenting with how low you can go. While the default number of colors when exporting your GIF from Photoshop is 256, you can usually get away with much less.

'Colors make a big difference in trimming down your file size,' she said. 'I usually go by the rule of keeping it under 1MB.'

For Cymone Wilder, designer and founder of Simon and Moose, color and animation are best used sparingly. Working primarily as a letterer, she tries to keep her GIFs as minimal as possible for maximum effect.

'I like my work to feel very raw and analog. I always want to make sure turning it into a GIF does not take away from that feeling,' she said. 'I'm not typically looking for the smoothest or cleanest look, but instead something that feels like a crunchy frame-by-frame.'

Chicago, by Cymone Wilder. A simple animation that brings her lettering to life.

To ensure she achieves her desired analog look, Wilder said she starts designing her GIFs with pen and paper. For her lettering, she uses the onion skin process with tracing paper to make sure that everything looks correct with her GIF concept. She then takes photos or scans it to bring it into Photoshop.

'My GIFs do not often live within the context of other work and are really just adding a little chef's kiss to my lettering,' she said. 'Just a little wiggle, instead of path trace animation, really does the trick for me.'

The great thing about GIFs is that even if your design is fairly simple and animation is fairly short, it can be looped. It's an attention-grabbing technique that will still ensure file sizes stay low.

'Make it loop and make it seamless. Don't just think of the beginning and end of a GIF, but how the ending is going to transition back to the beginning,' Vu advised. 'You can control the numbers of loops, but it just makes more sense to make it loop forever. You can't really control when it's going to start and stop once it's out there on the interwebs.'

Kim Vu's endless cocktail. A very simple, short animation that's delicious to watch on loop.

Top tips for designing GIFs in Photoshop

Photoshop is the go-to tool all of our designers mentioned when creating their GIFs. While GIFs are inherently simple, there are some techniques and tricks to making sure the design process goes smoothly. Their top tips are:

Just This Good Photoshop Cs2

  • Label your layers! The differences look very minute in your timeline, and you'll have a lot of frames to work with, so labeling will keep you organized (e.g. Running_001, Running_002, Running_003, or Eye_Open, Eye_Blink). 'Whether it's animating in sequence or by parts, this is just good practice,' Vu said.
  • If you're importing video into Photoshop to create your GIFs, make sure to limit your frames. You can easily do this by limiting your import to every two frames. 'You may still have to go in and delete some duplicate frames, but this will get you most of the way there,' Silva said.
  • Dithering is your friend, especially for gradients, blurs, and making sure your GIF doesn't have strange color bands. 'I usually try to keep it at 100%, but play around with this and see how low you can go without compromising the quality,' Vu said.

Kim Vu's GIF production workflow in Adobe Photoshop: forever looping, controlling of GIF size with few colors, and dithering.

Just

GIFs are a highly versatile medium and make an excellent asset for any project. Vu said they address a very specific but important need for designers that you can't meet with images or videos.

Just This Good Photoshop Background

'Still images are designed with a single focal point in mind, while videos allow you to take your user on a journey with many focal points. But how can you be certain of the length and attention of the viewer?' she said. 'That's where GIFs come in. They're great for emphasizing an idea, a key feature, or grabbing attention and maintaining interest. With GIFs, you can really control where you want the viewer to look and what you'd like them to take away from it.'

Adobe MAX – The Creativity Conference

Luminary speakers, celebrity appearances, musical performances, global collaborative art projects, and 350+ sessions — all at no cost. Android app player for windows 7 32 bit.





broken image