I'm going to see if
I can show you 10 life-changing Design Hacks in less than 10 minutes.
Let's go.
The first hack is a quick and easy method to get a color palette very fast
bring in any raster image like so make sure it is a rastered image.
So press rasterize to make sure it is. Select the image, go to object
and we're going to go down to create object mosaic.
and boom, it will create the shapes as the colors inside
of the image, giving you a really nice color palette.
The second hack is painting it using AI in Photoshop.
If you try to make a picture a painting, you probably press command + A
to select everything and type in oil painting.
You've probably got this result where it just creates this crazy abstract
but cool looking oil painting. It’s got nothing to do with the picture though.
Instead of that,
we're going to go to channels and we're going to create a new channel.
Head over to the color picker here and we're going to select
one of the colors and then bring this brightness value down to, let's say, 30.
The lower the brightness, the more detail that will be.
Press Okay.
And then I'm going to press optional backspace to fill in this Alpha channel.
still in the channel's mode.
We're going to press command or control,
and we're going to select the Alpha one channel that we just made.
And you will get this little notification and it's a warning.
Just press. Okay, select RGB.
Again, go back to Layers and we're going to type in oil
painting again and boom, it is create an oil painting out of the picture.
You don't just have to do oil painting though.
You can do anything.
Here's a watercolor version changing the brightness in the alpha
channel will change the amount of detail the AI puts out.
Look at that.
It's unbelievable.
Your in illustrator
and you want to delete some anchor points, but every time you go to the minus
anchor point and click, it gets rid of the shape as well.
That doesn't help anyone.
Well, James Barnard, go follow him down below.
Unreal guy showed me on Instagram this trick. Instead of
just pressing on it, hold, shift and press, what happens is Illustrator
tries to keep the shape together whilst getting rid of the anchor point.
And you can see the huge difference there is when holding shift.
It will try as best as it can to get rid of the anchor point,
but keep the shape's integrity. Game changer!
The next hack is the boning effect and how to get rid of it.
But, what is it?
The boning effect is where a straight line meets a curved line when it meets it too
fast without a gradient, it kind of makes it look like it's being pushed in convex.
Well, how do we get rid of this?
Well, we simply have to create this. To do this,
we take a line or whatever shape we've got,
and we're going to half it with another shape.
We're going to half it again and get rid of all of them.
One quadrant.
You can simply just drag the anchor point down and move this up
if you want, or you can go to object path, add anchor points.
I need to get rid of this one here.
We don't need it.
Drag this down, bring this handle up, bring this handle out.
And that creates a bit more of a nicer curve on the way down.
Then we press
O. We're going to flip. Press O again.
We're going to flip them. Select them all. Unite
and we have a much nicer looking shape without the boning effect.
This is great for logo design and it's obviously a type term as well.
The next hack is creating mock ups in a flash.
You've got this image and you want to put a logo for your client on that.
It's always best to show them the work with a mock up
bring your image into Adobe Photoshop.
We're going to take this image and we're going to make it black and white.
Press auto.
We're going to create a levels adjustment and we're going to increase the contrast
of the shirt.
What we want to do is make sure that those creases
in that shirt look really natural and really highlighted.
Just increase the contrast there.
But then going to go to the background
image and apply a blur of just one pixel will do. Then
we're going to save it as a displacement anywhere on your computer.
Bring the original image back in and bring your logo into the work.
You can see I'm just going to bring it up,
kind of put it in the center of the t shirt here.
Change the color.
Now what we want to do is go to filter,
distort and displace and you'll get this box pop up.
Just leave it where it is for now. Press Ok.
And you'll get this thing.
Upload your file.
We're going to get our file, which is displacement. Press OK.
and open.
And what will happen
is you'll see a sudden shift and this doesn't look like it right now.
This is actually been sort of mapped to that t-shirt. To see it
even better, though, we're going to double click on this to get a blending mode up
and we're going to go and press option and drag this back ever so slightly.
So allows the white of the t shirt to poke through the back.
That's looking pretty good.
There you can see that the shadows are all in there.
But then I'm going to go onto the layer and linear dodge add
We can still change the color even to a black.
and that is how you really quickly create a mockup for your logo in Photoshop
on any t shirt.
The next hack is for logo designers again,
you have a logo, a black and white logo like this one that you see over here.
But, when that logo is in white on a black background, it actually looks bigger.
That's because it's something known as the Galileo Effect.
Take a look at these lines.
These lines are the same width apart from each other, the white and the dark.
However, the dark lines
look thinner than the white ones because of the Galileo effect, our eyes
perceive the brighter objects to be bigger because it looks like it's glowing.
So how do we mitigate this in logo design?
Simply take your work and we're going to add a stroke value on the inside.
Make sure the stroke is aligned to the inside so it's cutting away from the shape
and don't go too overboard.
It's only minuscule amounts we're dealing with here.
We're going to select the logo. We're going to go to object.
We are going to expand the appearance, press shift, an M to get our shape builder tool,
and we're going to get rid of those lines in the background.
Now, both of these logos
look exactly the same size, no matter what background they're on.
the next hack is all about creating really quick, clear space for your logos.
Take this one here for Klima. Watch the redesign video linked
in the description.
I'm going to take the most prominent shape of this.
I will take the K here and I want it just duplicated by alt dragging up.
going to rotate it as well
actually. I'm going to select that shape bringing down to 20% opacity
and I'm just going to basically frame my work with it.
Then I'm going to bring in some guides.
I'm going to drag the guides down.
So it hits these frames here.
Then I'm going to drag it onto my actual logo.
We can get rid of these placeholders really quickly.
We've created clear space, which is like an invisible box
force field that stops any of the graphics getting inside their really easy
and really balanced, before we go to the next hack,
really quickly, I want to thank Squarespace
for sponsoring this video and making it happen.
If you're a designer or someone who just needs a website,
then Squarespace is the place for you
because they have thousands of fully customizable award-winning
templates that you can customize to make it truly your own.
Not only that, you don't have to worry about a domain.
You can buy a domain straight within there.
You can make your portfolio set up an online store
as well as have a contact form.
Everyone nowadays should have a website and it does wonders for your work,
especially for your portfolio.
Don't just use social media.
Have a website, use Squarespace.
If you click the link down below, you'll get 10% off.
But a little hack that I'll give you is you can actually use it
and design your website for completely free before going live.
When you go in life, you'll page and get 10% off.
You also get a free trial of Squarespace to use down below.
So click the link.
Thank you Squarespace for watching. Everyone perceives the Google logo
to be a perfect circle like this one here,
but it only looks perfect because of something called overshooting.
In fact, when we take this circle and we place it over the Google logo
and try to match it, you'll realize that it does not match.
In fact, it's nowhere near matching.
That's because the way that our brains work is differently.
When we see vertical lines like this, two circles, We need to increase
the size of the circle for it to look like it's perfectly in line.
and the same goes for your circles or even O's.
This is my font-making app.
This is why I create fonts this looks like a pretty decent
O, but when it's small, it doesn't look very good.
It doesn't look kind of like an O that stands by itself.
So instead what we do is in Glyphs, I just use this function up here
called Fit Curve, where I press Fit Curve.
It takes those handles and it moves up a little bit like so
I then make sure that the spacing on the left and the right is different
from the spacing on the top.
We need to actually decrease the spacing on the top ever so slightly.
So now when I move back out,
this looks like a perfect O, it looks geometric, but it actually isn't.
The next hack is to stop using the alignment function.
You see this when we have two shapes like this.
The YouTube play button, We've got a triangle in the middle
and a pretty balanced and symmetrical box on the outside.
When I select both of these
and I try to align that triangle into the middle,
you'll notice that it is certainly not in the middle.
Strange.
However, the YouTube play and it looks like it's in the middle,
that's because the maths doesn't really work out with these shapes.
We need to actually just scoot this guy slightly to the right.
This is called Optical Alignment,
Although mathematically it's nowhere near the center.
To our eyes, it is.
This happens in a lot of shapes
when you're working, especially in logo design,
and it's something you've got to keep an eye out on.
If you enjoyed this video, the presses subscribe button down below.
Leave a like in a comment helps
with the algorithm and also check out this other hacks video right here