Show & Hide Navbar on Scroll – Webflow interactions and animations tutorial


Here is a persistent navbar. Fixed position. But when you scroll down the page, the navbar
gets out of your way. And when you scroll up? It presents itself smoothly, so you can interact
with it again. And when you scroll down again? It goes away. We’ll cover setting up an interaction with
this navbar which responds to when the page is scrolled. And we’ll do this in two steps: (1) we’ll
set up a trigger and an animation to tell the navbar when to leave, and (2) we’ll set
up another trigger and animation which will tell the navbar to enter again. Let’s start with the first part. We’ll go in and make sure our navbar is selected. And an important note here: even though it’s
going to be leaving and entering based on scrolling, we need to make sure the navbar
is fixed to the viewport. That way it’s still visible when we’re not
at the top of the page. Over in the Interactions panel (where it says
Interactions), let’s set up a trigger for when the page is scrolled. Right now, our goal is to tell the navbar
to leave when we scroll down. So under scroll down, let’s start an animation. We’ll create one, and call it something like
Nav Leave. (You can put anything here.) And essentially, all we have to do is create
a single action. We want the navbar to move (up), and we want
it to move up far enough so it’s outside of the viewport. Let’s hit play. Looks good, but we can make a couple adjustments. We’ll choose a smoother easing curve, and
maybe we want the duration to be slightly less. (We want the navbar to animate more quickly.) Let’s test this out in Preview. If we scroll down, it moves up and out of
the viewport. Just as we want. Unfortunately, it’s gone. And when we scroll up, it’s still gone. Let’s leave Preview. Now remember: we can select and animate other
elements on the canvas as well. (We can add other actions for those, too.) But for now, we’ll make sure our Navbar is
selected (we can always use our bottom navigation for precision). And we’ll go back to our trigger. Let’s go in and create an animation which
will play out when we scroll up. This is a new animation, and we can call this
one Nav Enter. We’ll create an action to move — we’ll simply
adjust the position so we’re back to zero. Go into our easing, we can make a selection
there — go into our duration, change that if we’d like. And when we’re ready, let’s check this out
in Preview. There’s our navbar. You can see that as we scroll up, the navbar
enters. As we scroll down, the navbar leaves. Enter, leave. And that’s it! The navbar leaves when scrolling downward,
and enters again when scrolling upward.

Photoshop: How to Create Graphic Portraits from Photos

Photoshop: How to Create Graphic Portraits from Photos


Hi. This is Marty from Blue Lightning TV. I’m going to show you how to create stunning,
graphic portraits from photos. Before we begin, make sure you click the small
“Subscribe” button at the lower, right corner to let you know as soon as I upload new Photoshop
tutorials! Open a photo of a face that you’d like to
use for this project. I downloaded this one from Shutterstock. To ensure that your results will look similar
to mine, check your image’s size and resolution by pressing Alt + Ctrl + I on Windows or Option + Cmd + I on a Mac or by going to Image and Image Size. Make it approximately this size and its resolution:
150 pixels per inch. The first step is to separate our subject from its background by making a selection around our subject. There are many ways to do this and I covered
them all in my prior tutorials. I generally use the Quick Selection Tool,
but since the background in this example is a solid color, I’ll use the Magic Wand Tool. If you’re using this tool, as well, make sure
“Contiguous” is checked. This ensures that the inside of your subject
will not be selected. If you need to add a selection to another
area of the background, click this “Add to” icon, which adds selections as you click on your image. I’ll click the background to make the selection. To check your selection, press “Q” on your
keyboard to see it as a quick mask. Press “Q” again to revert it back into a selection. Invert the selection by pressing Ctrl + Shift
+ I on Windows or Cmd + Shift + I on a Mac. To refine the edge of your selection, go to
Select. If you’re using a version earlier than CC
2015.5, click “Refine Edge. If you’re using CC 2015.5 or later, click
“Select and Mask”. If you prefer to use Refine Edge instead of
Select and Mask, Shift-click “Select and Mask”. I did in-depth tutorials on both filters,
so if you’d like to watch them, I includes their links in my video’s description. I’ll click the “Overlay” view and check “Smart Radius”, which tells Photoshop to detect hard and soft edges. I’ll drag the Radius to 5 and bush over the
edge of the hair. Check, “Decontaminate Colors”, which minimizes
the background color from leaching into the edges of our subject. Output it to a “New Layer with Layer Mask” and click “OK’. We’ll make a new layer below the active layer
by Ctrl-clicking or Cmd-clicking the New Layer icon. We’ll fill the empty layer with white, but
first, check your foreground and background colors. If they’re not black and white respectively,
press “D” on your keyboard. Since white is your background color, press
Ctrl or Cmd + Delete. We’ll convert our visible image into a Smart
Object, so we can modify it non-destructively. To do this, Shift click the top layer to make
it active, as well, and click the icon at the upper, right corner. Click, “Convert to Smart Object”. Go to Filter, Blur and Gaussian Blur. For now, blur it 6 pixels. Go to Image, Adjustments and Threshold. I’ll keep its default Level at 128, however,
you can adjust your portrait’s density by sliding the level to the right or left. You can also adjust it by changing the amount of blur. Double-click Gaussian Blur. If you see this message, it’s just letting
us know that we won’t see the Threshold effect until we’re done with Gaussian Blur. I’ll increase the Blur Radius to 10 and click
OK or press Enter or Return. As you can see, my image filled in more and
became denser. I’ll undo the last step by pressing Ctrl or Cmd + z. Conversely, it we were to decrease the blur
radius, our image would fill in less. I’ll revert it back to the original blur of
6 pixels and the Threshold of 128 levels. As before, convert your image into a Smart Object. Next, we’ll create a gradient background. Click the New Layer icon to make a new layer. Fill it with any color for now, since we’ll
be replacing it with a gradient overlay. I’ll fill it with my foreground color, which is black. Double-click the layer to open its Layer Style window. Click “Gradient Overlay”. The Blend Mode is Normal and the Opacity is 100%. Make sure “Reverse” is unchecked and make
the Style: “Radial”. The Angle is 90 degrees and the Scale is 150%.Click
the gradient bar to open the Gradient Editor. Click the “Black, White” box and the lower,
left Stop. Click the box and pick a light color for the
center of your gradient. Since I already know the color I want, I’ll
type it into the hexadecimal field: D3F3FF. Then, click OK. Click the lower, right Stop and the box. Pick a darker color for the outer areas of
your gradient. I’ll type in: 002871. Once you pick your colors, click OK on the
Color Picker and the Gradient Editor to close them. We can reposition the gradient by dragging it. I’ll drag it up a wee bit from the center. Convert it into a Smart Object. Make a new layer and temporarily hide the gradient. Open your Channels panel. If you don’t see it, go to Window and Channels. Ctrl-click or Cmd-click the RGB thumbnail
to make a selection of channel’s shape. Invert the selection by pressing Ctrl or Cmd + Shift + I. Open back the Layers panel and fill the selection
with black by pressing Alt or Option + Delete. Deselect it by pressing Ctrl or Cmd + D. Make
the Gradient visible again and double-click the top layer to open its Layer Style window. Click “Color Overlay” and the box. In the hexadecimal field, type in 31, three
times to give us a dark grey color. Click OK. Click “Inner Shadow”. The color is black, the Blend Mode is Multiply
and the Opacity is 50%. The Angle is 90 degrees, the Distance is 12
pixels and the Size is 8 pixels. Convert it into a Smart Object and go to Filter
and Filter Gallery. Open the Texture folder and click “Texturizer”. The “Texture” is “Canvas”, the Scaling is 200%, the “Relief” is 3 and the “Light” is from the “Top”. Once again, Ctrl-click or Cmd-click the face
to make a selection of it. We’re going to create an inverted layer mask
of the selection next to the gradient. Make the gradient active. Alt-click or Option-click the Layer Mask icon. Click the “fx” icon and click “Bevel and Emboss”. The Style is “Inner Bevel” and the Technique
is “Chisel Soft”. The Depth is 50%, the Direction is “Up” and
the Size is 5 pixels. The Angle is 90 degrees and the Altitude is
50 degrees. The Highlight blend mode is “Linear Dodge”
and its opacity is 25%. The Shadow blend mode doesn’t matter, since
its opacity is 0%. Next, we’ll add a starburst pattern behind our subject. Make a new layer. Open your Polygon Tool and choose “Pixels”. If you’re using Photoshop version CS5 or earlier,
the Pixel icon is here. Go to View and make sure “Rulers” and “Snap”
are both checked. If they’re not, just click on them to make them active. Go to the ruler at the top and drag down a
guideline to the center. It’ll snap in place because we have Snap checked. If you don’t see the guideline, press Ctrl
or Cmd + H. Go to the ruler on the left and drag across a guideline to the center, as well. Give it 99 sides and click the gear icon. You can ignore the Path options, since we chose “pixels”. Check “Star” and indent the sides by 80%. Go to the center of the guidelines and drag out your tool until the shape goes beyond the corners. Then, release. Reduce the Fill to 0%, which makes the layer
invisible, but it’ll retain the visibility of any effects we add to it. Double-click the star to open its Layer Style window. Click “Bevel and Emboss”. The Style is Inner Bevel, the Technique is
“Chisel Soft” and the Depth is 50%. The Direction is “Down” and the Size is 2
pixels. The Angle is 90 degrees and the Altitude is
50 degrees. Make the Highlight opacity anywhere from 50
to 70% and the Shadow opacity: 100%. We can remove the guidelines now by going
to View and “Clear Guides”. Next, we’ll remove the star pattern inside the face. Click the Layer Mask icon to make a layer
mask next to the star layer. As soon as you made the layer mask, your foreground
and background colors inverted. Invert it back by clicking this icon or by
pressing “x” on your keyboard. Open your Pencil Tool and Pencil Picker. We’ll adjust the size in a moment. Make its Hardness and Opacity both 100%. Then, press Enter or Return. To make your brush bigger or smaller, press
the right or left bracket key on your keyboard. Brush over areas inside of the face to remove
the star pattern. Lastly, we’ll crop off the bevel along the
top edge of our document by first making a composite snapshot of our visible image. To do this, make the top layer active and
make a new layer above it. To make the composite snapshot, press Alt
+ Ctrl + Shift + E on Windows or Option + Cmd + Shift + E on a Mac. Open your Transform Tool by pressing Ctrl or Cmd + T. At the top, next to the Transform’s width and height, make sure the chain-link icon is active. This links them together, so whatever we type
into one will be applied to the other, as well. Type in 102%, which should be enough to crop
off the bevel at the top. Then, press Enter or Return, twice. This is Marty from Blue Lightning TV. Thanks for watching!

4 Things you NEED to know about LOGO🖌- TIPS for Logo Design🔎- REMEMBER this while designing Logo!!

4 Things you NEED to know about LOGO🖌- TIPS for Logo Design🔎- REMEMBER this while designing Logo!!


HELLO everyone Moiz from FoxSquare today we are discussing some tips on how to design a LOGO in today’s video we were talking about four things that I think that you should remember when designing When it comes to logo designing there are a lot of “professionals” doing a lot of things very differently to make awful logos. there are some things to consider when you’re thinking about the logo of your company but non-designers never realized that ended think of company logo of something completely different that it should be. It is the designers job to to give their clients the best Logo possible. Yes! creating the local according to the Client guidelines but also giving him your expert advice how the logo should be after all client is lookign for your design skills not your PEN TOOL skils. So this video is for both the designers and the demand was looking for a logo and who are designing a logo designers to keep in mind when they’re making the videos also for the clients when they are considering to buy a Logo alright let’s get it for the first thing that you should remember while designing a logo is that it should be VECTOR the most important thing about a logo is that is should be VECTOR should be VECTOR. photoshop is not for designing if you use photoshop for local designing *Beep* photoshop is a rester based program the difference between rester and vector is that rester are made up of pixels and vector is made up of shapes. which means that a vector Logo can be scaled to Infinity for a bill board sign. Or descaled to a small favicon to a small satellite but it will lose its quality it’s fine designer chasing you with the photoshop.. RUN! mmm and in case of you run the second thing that you should Second thing consider while making a Logo is that it should be simple. Hmmm what do i mean by “Simple” designing a logo is the hard Job you have to know all about one company and then you have to represented in one simple shape do not think that’s not to put everything that the company does in the Logo just imagine Google or Apple putting up on the tablets and Phones in their logo. it will look awful whether it’s nice swish or mcdonalds M simplicity is the key. the nextt thing that you should remember was designing the local is that it should be sizable. Hmmm what do I mean by it should be resizeable? should be the sizeable ofcourse its vectors that can be resized no it’s not that simple you should be able to recognize the local even if it’s a small as i can for as huge as a billboard if the logo is too busy and has a lot of trips it would be recognizable when you scale it down to keep this in mind while designing a Last but not the least. fourth thing that you should remember when designing a little is that it should look good in black and white. Aswell as colors you’re not thinking you just use your logo only on company door. Do you? that’s the case wrap up your business and go home. you representing your company use the local everything business card and letter heads etc. Everywhere! it’s important that the logo is recognisable when its in black and white as well as colours. There you have remember these four points when you’re designing or demanding for LOGO give this video Superman Thumbs UP if you Like it. have any questions or suggestions leave them in the comment section below and Please SUBSCRIBE to see my videos in your newsfeed and it also motivates me to do More VIDEOS so do it NOW! Till then.. I am Moiz and Design something awesome today.

How to Charge for Logo Design

How to Charge for Logo Design


hello people welcome to ProUp Masterclass
my name is Tola Alabi in today’s class we’re gonna be talking about how to
charge for logo design So this is the 20th episode of ProUp Masterclass and I just
want to thank everyone that has been part of the journey so far I want to thank everyone
that has taken their time to subscribe to the channel
everyone that has watched a video and anyone that has dropped a comment from
this 20th episode I will be addressing the most popular questions I get from
designers so I would encourage you to send me your questions if you have any
pressing questions you want us to discuss in this class we’re gonna be
taking the next few episodes to address those questions so your questions are
gonna form our syllabus for the master class so please send your question email
your questions to me at [email protected] so we’ll be starting off this
class of answering questions with our topic for today which is how much should
you charge for a logo if I had hundred naira for every time a designer asked me
that question I probably won’t need to work anymore for the rest of my life I
get asked that question almost every day it’s a really I won’t say it’s a technical
question it’s a really simple question but I think people really expect to have
a one-size-fits-all kind of answer and that’s something you will never get from
from asking this question a lot of people ask how much do you charge and so
that they can adopt your own fees for their for their clients but it can
never work that way because it’s a creative process and each person’s
creative process is pretty different in this class I’m telling you how I come up
with my price and you can use it and can help you to come up with the price of
yours and I said it’s not about the quality of work that you do or how much
experience you’ve had I’ve had people that are less experienced than I
am in the industry and they charge way more than I do I have people that are
more talented more experienced than I am and they charge less than I do so it is
not a one-size-fits-all so I hope by the end of this class you’ll be able to
figure out what your price is for logo design I’m going to start off by telling you
a story an experience I had with a gentleman I met a few weeks ago I met
this guy he told me he was a designer he told me he used to be a designer and he’s
no longer a designer and that caught my attention cause I asked him why
aren’t you practicing design anymore and he told me because he wasn’t getting
paid enough to be a designer and I asked him how long was he a designer for he
told me for about two years and that made me ask him in that
span of two years are you telling me that you never got anyone to pay you a fee
that you were comfortable with and he told me
there was only one client that he enjoyed working with and he felt paid
him what he was comfortable with and made him happy
this client approached him and asked him how much he would do some branding for
him and he told him what his fee was told the client it would take about two weeks
and the client agreed and said that was fine by him he was gonna pay him to do
the job and give him a duration of two weeks but he was going to lodge him in a
hotel and pay for his feeding make sure he had Internet access and steady power
supply he wanted him to concentrate on the project on the branding
project he was doing for him I asked him how did that go and he said that was the
best project he had ever done in his life as a graphic designer
and I said was the client happy with the results he said yes the client was very happy he was
happy with it and it was really creative work he ended up doing for the
client and he said after that he never had any client do that for him and I
can understand I’ve never had a client do that for me ever
and that’s something I don’t think a lot of us we will ever experience that
brings me to my point a lot of times when we try to come up with fees for
design for logo design we tend as creatives to focus on the work itself on
the creative work itself on how much it would cost to do that thing called a logo so
we charge for the graphics we charge for what we do and a lot of times we are
blindsided by the fact that there are a lot of things that need to be put in
place for us to be creative and we do not charge for those things in the
example I gave you this man I met the client basically was paying him not to
think about feeding think about internet access think about power supply the
client wanted him to solely focus on getting the job done so the client was
actually paying him to get all the other things off his mind so we must think
about those things that go into creating that creative environment and we must
factor that into our pricing that’s what I do when when I try to come up with a
price for logo design I think a lot of us try to come up with some arbitrary
figure and just say I think oh I think 50,000 be okay I think hundred thousand will be okay I think two hundred thousand will be okay but you really cannot justify that price
so at the end you’re either charging too much or charging too little and the
problem with charging too little is the fact that when you start the work you
begin to feel like you’ve been given the shorter end of the stick to pick
and if you are charging too much you have this guilt trip that you really do
not deserve what you want because you cannot justify your price so what I’m
talking about right now is how to charge for those things that build up a
creative environment for you because those things are just as important if
not more important than creative work you are doing what
I do is I think about those things what are those things that I need as a
designer that to make my environment creative I think there are some basic
needs I think the first basic need is that I
need to be alive I need to feed so if I’m working on a logo I think of it that
how long is it gonna take I’m given 14 days two weeks a
month and I think I need to feed for these two weeks now I don’t want to be
working on a logo and be thinking of what would I eat how I afford lunch how would I afford breakfast so I need to know what it’s gonna cost for me to feed in that span of two weeks and that’s gonna be factored into my price so if
I’m going to say it’s 1,000 naira to feed for two weeks of doing that project I don’t want
to think of how I’m going to feed I’m going to put that in
the bill so that’s 1,000 naira I’m gonna think of power supply now power
supply is a big issue especially here in Nigeria and I’m going to think of how much it
would take to run my generator and you always have to assume that there isn’t going to be any power so I’m going to
think of how much it’s going to take to run my generator for that span of two weeks let’s assume that there is no power at all
and you might feel like that might be a bit unfair cause there
might be power for the whole two weeks but truth of the matter is what if there
isn’t what if the transformer in your
area blew up and there was no power for two weeks the client will still want his work
at the end of that period you stated to the client so you must plan for the worst case
scenario and put that in how much will it take to fuel my gen to get that done
and I put that that’s another 1,000 naira I put that in there that makes 2,000 naira so
I’m slowly building up my rates I also think I need internet access I need good fast internet access how much is it gonna cost for me to afford
that to do my research and look up things and communicate to the client and
send files and things like that how much is that gonna cost me for that period of
time I put that in there I add that to it if that’s 2000 naira I put that
in there and then I’m already building my cost it’s
already 4,000 naira I think of other things that I might
need rest relaxation how do I relax how do I get inspired I buy books I buy
magazines there was a time I used to buy a particular magazine every week just to
get inspiration and I use that inspiration to better service my client
so if that is something I use for inspiration I put that in there
the cost of the magazine to get that too goes in there if what inspires you is
going to the movies once a week that’s cool you have to be able to put that in
there because it’s all part of creating that creative enabling environment that
allows you to do a good work in the first place so I put that in there also
the bottom line is you need to be able to consider those things that allow you
to be creative you must cater for them you must
consider them those things around you that go into your creative process so if
you have someone that’s working with you you have someone that’s interning with you
a staff that is working with you you must be able to put that how
much do I pay this person per week much would I pay him for this amount of
two weeks or whatever time you’ve stipulated to the client and you must be able to put that in
your bill so you’ve built up what it takes for you to be creative that’s part
of your bill after which you now go and charge for the work itself now this
is where most of us start we charge for the work itself without charging for
what it takes for you to be creative but when you’ve done the billing for what it takes for you to be creative then you can now go on to charge for how much you think it
would take you to do this work how much work goes into it for you what
what is the value of that logo for you for the work itself the hours
you are putting in now you can now charge for that and add that to what you
already have for the fees of creating that creative conducive environment for
you when you’ve now done that you can now go ahead the last
thing you’re gonna add to your fee is your profit because all these
things you’ve laid down are not your profit they just allow you to do the work now you
must think of now what are you going to get
from this work what is your profit and you can think about
your profit this way that is what goes back into your business so you
might think at the end of the year I want to buy two more laptops I want to
rent an office space now you think about it
how much do I need to put aside each month for me to end up with these two
laptops I want to get at the end of the year so if you can
come up with a figure for that and you see if I add this by the end of the month I
should be able to get this then you put that into your billing too what
you are meant to get at the end of the month if you are putting that that
now becomes your your profit at the end of the day so you
must be able to add your profit to what your what goes into your creative work
the creative work you are doing that you must be able to add what it takes for
you those things that help you to be creative that creative environment when
you add these three figures together you should be able to come up with a decent
price for you to charge for a logo and that’s why I do not think you can charge 2,000 naira I don’t just think 2,000 naira can work
if you look at all these things I’ve put in place you can’t charge 2,000 naira
you can’t charge 5000 naira you can’t charge 10,000 naira doing logo design as a job to
maintain a particular lifestyle then you would have to follow this process that
I’ve told you so think about it to come up with your price for a logo you have to think of what
goes into creating a creative environment for yourself what goes into
doing the technical work the grunt work of creating the logo and what’s your
profit and when you add all these things together you should be able to come up with a
decent fee that makes you happy at the end of the day so I do hope you’ve
gotten a lot from this class I hope this class helps you to be able to come
up with your own personalized rate for your business when it comes to logo
design remember nothing I’ve said today is written in stone the circumstances
could change and you could get approached by a real big influential brand and in that kind of circumstance you might not have to use the formula I’ve given you right now
to come up with a rate you might just have to judge by how big you feel an
asset this logo is to that brand but more times more often than not we get
approached by brands we do not know people that just have new ideas good
ideas start-ups that do not even know they are going to be big brands in the
future so how do you now charge these people you have to charge a rate that
makes you happy so even if the brand goes ahead to be a big brand you are
still happy that you’ve got something that makes you happy and was an
investment towards your own business I really hope you’ve enjoyed this class
if you have any questions feel free to leave your comments remember to send
your questions to proupmasterclass if you have a topic you want us to discuss
in our next episode I’ll like to encourage you to subscribe to our channel if you
haven’t and to also share the video I will see you in the next class

How to design a logo fast

How to design a logo fast


Have you ever had to design a logo fast? Not
one of those timeless, soul-searching logos for which you need a creative brief, but something
light — maybe for a project or an organization or just to brand an event. Key is, you need
it fast — like, by lunch. Here’s an idea. Set your words, making sure your most important
word is in the center, and make it big. Place guides, and align your words, top and bottom,
to those guides. Then enclose the words you’ve just made in a shape. Fill that shape, and
if it’s a medium value like we have here, go ahead and color your main word a lighter
color, just to create contrast. Embellish with some lines, and just like that, you have
it. Here’s a variation. Start by setting your
words the same as before, and make the same adjustments as before. This time, however,
instead of enclosing all the words in a shape, enclose only your primary word in a rectangle.
Fill it, and embellish it with an outline. Now, draw a circle around the remaining words.
Send the circle to the back, fill it with color, and embellish it with the same outline.
And just like that, you have a handsome logo that can serve as an emblem for your book
club. A final example. You may need to badge an
event. In this case, Hot Pink is having a 5K walk-run to raise cancer awareness. The
problem is that their focal point, 5K, is very short, and so their shape ends up being
a mere rectangle. Go ahead and draw that rectangle, and fill it. Then, work off the angles of
that K, and give it a little skew. And just like that, you have a handsome badge, simply. That’s your design for today. These and hundreds
of other tips are available in print at the Before & After Web site. This is John McWade
at Before & After magazine.

Using Colour To Become A BETTER DESIGNER

Using Colour To Become A BETTER DESIGNER


today I have some tips on how to become
a better designer that you need to consider before applying any color to
your designs also making today’s video possible is Surf Shack which is a nifty
and a reliable VPN provider as freelance designers or a graphic designers in
general it pays to have all of your files and information safe and secure
wherever you go so stay tuned in to the very end of the video to learn more
about Surf Shack and how to get a massive discount on their VPN service using colors effectively in graphic
design is not about throwing whatever colors match your work it has a lot to
do with balance in other words the more colors you use the more complicated it
gets to balance your design it is important to have a kind of running
theme throughout your design in terms of color so as you can see here I have a
red and a black theme complemented with white across my entire design there are
small areas of red throughout the design which helps to carry the viewers eye
from each design elements and it just ties everything together neatly and
professionally you can also see the dark hues in the photograph itself match up
with a black graphic surrounding area this is just a three color theme and it
works really well there’s no need to able complicate things when using color
if I show you the very same design but with a complicated and messy color theme
you can see how different it looks when it’s side-by-side to the original design
so find a balance and don’t complicate things too much when you use color contrasting colors is also balanced when
it’s used in the right manner establishing the right contrast of
colors can make or break your design you don’t want to use colors that conflict
with each other in such a way that’s confusing or irritating to look at so
take this example on screen now it most likely is gonna start to cause you in I
age and that is never good for any design elements it’s crucial to work
with complementary colors that don’t cause the strain on the eyes you also
don’t want to work with colors that are very similar to each other so like red
and orange for example as these render a designer turn off to the viewer and it’s
just not pleasant to look at when they’re combined together one of the easiest ways to form harmony
when using colors is to use a monochrome design now to create a monochrome color
scheme just pick one spot color and then adjust the saturation values making a
lighter or darker to make different variations it’s really an easy thing to
do and it can make your design look really awesome and if you want to learn
more about the color groups such as monochrome analog etc just let me know
in the comment section below of today’s video but yeah monochrome is a really
easy way to make your design look awesome each color that we see evokes an
emotional reaction to a viewer and these emotions are built into our human nature
and also the societies that we live in each color has an instinctive
psychological response and on-screen now are some of these responses so when you
choose colors for your design be aware of where each color saying to the viewer
on a conscious and subconscious level you don’t want to give off the totally
wrong impression or message via the use of color this is most crucial when
looking at logo and brand designs but the emotional impact of colors should be
taken into account on any graphic designer you make so when creating a graphic design make
sure that you present a contrast between text and a background color this ensures
legibility of the text which is really important to convey your message
effectively and professionally the contrast should be presented between
darkness and lightest of each color having colors that clash and then
contrast well call this text to be jarring on the eyes and even in some
cases can induce literal headaches so make sure that your text is able to do
its job and nice to be read first and foremost now surf shark is available on
Mac iOS Windows and also Android and it’s also available as a firefox and a
Chrome extension too it’s easy to download and for me personally I use my
Mac an awful lot so I simply headed over to the Apple App Store you can choose
from a list of global IP addresses which will ensure that all of your data sent
really Internet is going to be encrypted and that means that no one can see your
passwords your private messages you know take your photos and videos and so forth
this is especially useful for designers like myself who are constantly exporting
and importing files between clients on a regular basis other perks were safe
shark but you can find better prices while shopping online with a different
IP address you can also stream sporting events that you wouldn’t normally see in
your own country and also a blocks track as a malware too you can get 83 percent
off Surf Shack by using the link in the description box below and the coupon
code should automatically be typed in once you use that link but yeah thanks
for tuning in and I hope you learned something today on this video on using
colour as a graphic designer be sure to have a great day and also
like and share my videos on social media and until next time there’s on your
future today peace

Illustrator Logo Design Using Circles Ep1 | Satori Graphics

Illustrator Logo Design Using Circles Ep1 | Satori Graphics


I’m starting in miniseries where we’re
going to make an illustrator logo design using circles as guides because this is
the introduction logo design to this series it is fairly basic and a beginner
style design they will grow in complexity as the series unfolds welcome back to satori
graphics everybody home of graphic design content you may you may not have seen
the method of logo design whereas circles are used as guides but it’s very
precise and visually appealing method for a logo designs it doesn’t work with
all styles of logo of course but in this series we will look at some of the types
of logo designs using circles in Illustrator grab the ellipse tool
because we obviously need to make some circles for this logo design as I said
this is the first episode in the circle logo design mini-series so it’s going to
be super basic all down shift and then click and drag to make a circle making
sure you have only the stroke set to something small like one hold down the
alt/option key to duplicate the circle and then resize it like I’m doing here select both circles and align them by
pressing these two options in the alignment o you can go to window and
then align at the top if you didn’t have it open with the smaller circle selected
grab the scissors tool and make two cuts into the path like I’m doing here then select the cutout section and hit
backspace to delete it then on the bigger circle make two more cuts in the
same location as I’m doing here and play the part we don’t want select both lines
I hit ctrl or command J to join them use the old option key to duplicate a new
line and then rotate a 180 degrees to make sure that the two lines are just
about touching and then use a guide to align the circle bias of the design on
the left hand side you’re now going to increase the stroke
weight something fairly thick like I’m using here open up the stroke window and
make sure these two settings are selected to make the ends of your lines
rounded off I’ve decided to make the tail lines here
a little bit shorter so if you want to do this simply grab the scissors tool
and cut into the lines like I’m doing here then you delete the unwanted section afterwards the last thing you want to do is to
select your logo design illustrator and then outline the stroke like so finally
add some logo type if you one and your illustrator logo design using circles is
complete this was a very very basic design but I think it looks quite cool
as I said the logo designs in this using circle series will increase in
complexity with each upload drop a like and a comment if you enjoyed the video
and subscribe for my five weekly grapa design uploads
pm than already until next time design your future today yes you

3 Basic Types of Logos – Tips from PrintPlace.com


Hey, this is Chambley again, from PrintPlace.com, and this week I’m here to talk to you about three types of logos. First up is the typographic logo These logos are text only. They’re sometimes called “logotypes” or “word marks”. Typographic logos can use a handwritten style, or customize existing fonts with color variations and size. FedEx is a great example of this type of logo. Second is the symbolic logo. The symbolic logo is just a symbol with no text. These type of logos usually start out as a combination logo of a symbol and text. The more popular or recognizable the logo becomes the text is dropped, creating a symbolic logo. Popular car brands are known for doing this, like Toyota and Volkswagen. The Nike swoosh is also a perfect example of the Logo. Third is combination logos. This is a logo design with both the text and symbol. The majority of logos around the world fall into this logo type. As mentioned before, some logos may start out as combination, and then transition to symbolic logos as they become more popular. Starbucks is an awesome example of a logo that balances between text and symbol. Remember, it’s important for any logo to be memorable and recognizable, compare your own logo and see what category it falls under. To enhance your business or personal logo ask yourself these three questions: Is my logo easily recognizable? Does my logo carry visual meaning? Is my logo memorable?That’s it for this week. Make sure you come back next week, where I’ll go more into depth with the process of creating logos. Click here to subscribe, and come back every Friday for more tips from Place.com.

3 STEP FORMULA FOR THE PERFECT LOGO DESIGN 2020

3 STEP FORMULA FOR THE PERFECT LOGO DESIGN 2020


Hi guys! Welcome back to my channel!
So today I thought, it would be a great idea to look through this decade and to
talk about the most important thing, that I’ve learned, when it comes to being a
graphic designer! So I have been a logo designer for 8
years now, since 2012 and I have found my own Formula of a perfect logo design and
today I want to share with you this Formula so let’s go ahead and get
started! So the Formula consists of 3 steps –
the so-called “SIS” formula. The simpler the logo, the easier it will
be for people to understand the message behind it and to remember it. Having a
unique logo doesn’t mean it should be visually complex. Complexity is what
needs to be avoided and for that you have to depend on the concept of
simplicity. The more elements you add to your logo, the more complex it becomes. So declutter your ideas and only add design elements, that bring simplicity to your
logo design. When in doubt, remove extra elements
because less is more! What makes a logo powerful is a simple message! Simplicity
can be so deep, where it expresses the whole meaning of the brand, so deep, where
it’s impossible to go even deeper! Simplicity is not an easy way, but it’s
the most productive one! Second letter of this Formula is the
letter “I”, which stands for an image. Image is a character of the brand. Image is
what defines a logo. It is your brand’s mark and it should define you and set
you apart from your competitors. Image is the symbol of your authenticity. The third letter of this formula is the
letter “S”, which stands for secret meaning. Sometimes, when you look at something – you
don’t understand it and you cannot describe it but at the same time it
attracts you, it tempts and that what good design does. Good logo design always
attracts you, it always tempts, it has some magic in it and this magic can be
achieved with the help of 2 ways. The first way to achieve this magic is this
so-called symbolism or hidden message behind it, which can be expressed by
combination of image and monogram. And the second way to achieve this magic is
by combining 2 images together. This is it. This is my formula of a perfect logo
design 2020. Hopefully, you enjoyed watching this video! Thank you so much
for watching. Merry Christmas and Happy New Year ! And I
will talk to you next time. Bye!