background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

Download "Профессиональный дизайн сайта за 2 часа"

input logo icon
Video tags
|

Video tags

Дизайн
мастер класс
веб дизайн
сайт
фронтенд
web-design
design
site
frontend
WAYUP
WAYUP уроки
онлайн-обучение
уроки дизайна
обучение дизайна
уроки веб-дизайна
фотошоп
фотошоп для начинающих
уроки фотошопа
веб-дизайн для начинающих
онлайн-школа
создание сайтов
разработка сайтов
дизайн сайтов
дизайн интерфейсов
Subtitles
|

Subtitles

subtitles menu arrow
  • ruRussian
Download
00:00:03
friends, good evening to everyone everyone
00:00:06
connects everyone hi guys I'm waiting from
00:00:10
please write your feedback to
00:00:12
chat as soon as you can see me
00:00:15
I hear you put a plus sign let's
00:00:17
greet I'm looking forward to your feedback guys
00:00:21
hi, glad you are today, what are we today
00:00:24
together with you, I see I started broadcasting
00:00:30
guys hello everyone hello everyone
00:00:33
please write chat as heard as
00:00:35
Apparently I'm waiting for feedback from you
00:00:39
fire guys hello everyone
00:00:41
here is the second computer I'm on
00:00:43
I'm monitoring the chat, hello friends, great
00:00:47
I see the broadcast has started, but what are we with?
00:00:50
waiting for you
00:00:51
Wednesday evening already which I follow
00:00:54
in a row I'm going live to you for
00:00:56
to show some things
00:00:58
which will undoubtedly be useful for beginners
00:01:01
and more advanced web designer
00:01:03
layout designers, website developers and
00:01:04
freelancer you about it's all about freelancing about
00:01:07
how to create your own legendary
00:01:10
unique life working for yourself and
00:01:12
make money with the help of your loved one
00:01:14
in this case we are talking today about
00:01:16
favorite thing about web design because
00:01:19
this is one of my favorite things to do
00:01:22
in general I am very interested in everything
00:01:25
related to website development and I hope
00:01:27
what joins us today
00:01:30
I see like-minded people every second
00:01:32
chat write guys let's do it right away
00:01:34
everyone who is not broadcasting now will get used to it
00:01:37
everyone who is online with me please
00:01:39
participate in chat conversations because
00:01:42
your involvement guarantees your
00:01:44
the effectiveness of your stay here
00:01:46
because if everyone were with you
00:01:48
one room
00:01:49
our connect would be closer but since we
00:01:52
we are on the other side of the screen with you
00:01:53
have to use each other
00:01:55
some online and you things for
00:01:57
interactivity so I'll tell you in advance
00:02:00
thank you for your activity in the chat so you
00:02:02
get involved so you become
00:02:04
is it more interesting?
00:02:06
so hi guys great good to see you
00:02:11
please write who from where who
00:02:14
how long have you been studying?
00:02:16
web design I think it will be for me
00:02:18
interesting and to everyone who now you
00:02:20
the surroundings here will also be interesting
00:02:22
please write where you are from and how much
00:02:26
do web design, I'm waiting for yours
00:02:30
feedback like this
00:02:41
Petersburg chatted, we believe someone has experience in
00:02:45
design week is a very good start
00:02:47
personal experience Altai
00:02:50
Odessa hello to everyone from Odessa
00:02:53
fellow countrymen, glad to see you, I really am now
00:02:55
not in Odessa, Thailand
00:02:57
but very soon I’ll be in Odessa already hello
00:03:01
guys so my focus was blurred
00:03:04
disappeared must be restored Moscow 2
00:03:08
bury it for a month and two months is great
00:03:12
Transnistria beginners Dmitry
00:03:15
Kristina from Ivano-Frankovsk two months
00:03:20
great guys great great glad
00:03:24
see you all thank you for nine of
00:03:27
Super Karaganda three months
00:03:32
the point is that there is no focus on the camera
00:03:36
I'm setting up and I just can't figure it out
00:03:38
was
00:03:39
I'll try something to blur it now
00:03:42
turn off and on but
00:03:46
focus
00:03:50
then we are not interested in the hand at 1 focus
00:03:54
focuses she doesn't want me like that Ivan
00:04:00
writes he wants to go to Thailand
00:04:02
great great who wants Thailand for you
00:04:05
special warm greetings, I think we have
00:04:07
there are common themes
00:04:09
great guys that we are with you today
00:04:10
we'll keep doing it until we catch the trick and
00:04:13
I hope what we will be today
00:04:15
I was thinking about how yours would be
00:04:18
interesting site for us today with you
00:04:20
done in a few hours and remembered
00:04:23
that I had excellent clients excellent
00:04:25
idea literally three years ago and we for
00:04:28
this is why clients made a landing page for him
00:04:32
tour search services
00:04:37
to Israel, that is, I had clients in
00:04:39
contract from Israel and I am a lot for them
00:04:42
I also made about 10 landing pages
00:04:45
I looked that now is the landing page
00:04:47
it was made so outdated but
00:04:50
just so outdated that I decided
00:04:52
you and I need to remake it
00:04:54
modern style you at the same time
00:04:55
look at what's going on today
00:04:58
definitely outdated
00:04:59
and what is a trend we are modern we
00:05:02
Let's see how a landing page from one
00:05:04
format will migrate to another more
00:05:06
modern I think it will be interesting
00:05:08
at least I hope so
00:05:11
I just need to focus I can’t
00:05:13
understand why the focus is not caught so hands
00:05:16
there is a focus, we don't have a focus, why is he
00:05:21
can't catch me, I don't understand
00:05:25
So
00:05:28
so guys, one hour until we all connect
00:05:31
together see what story who
00:05:35
watches us on YouTube suddenly you should
00:05:38
Be sure to go to the link which
00:05:41
is in the description of the broadcast for that
00:05:43
to register on the site to
00:05:44
Tomorrow I will receive a recording that we have a recording
00:05:46
is being done but it will only be available
00:05:51
only to those who register on
00:05:53
page in the next week from whom
00:05:56
Today is Pavel's birthday, he writes that
00:05:57
Paul's birthday he's watching Andrey
00:06:01
special respect to those who have a birthday
00:06:09
what do I wear camera 4k and that's very
00:06:12
it's a shame that she blurs me like this
00:06:18
you won't look at me
00:06:25
strange very very strange that we are not
00:06:28
can focus so he himself is not alone
00:06:35
one guess can be made
00:06:38
now oh caught the pole great so what
00:06:46
guys, let's probably dive into
00:06:48
work who will find it useful today will find it useful
00:06:50
for beginners 7 those who wrote what they have
00:06:52
experience or knowledge in design
00:06:55
weeks who wrote that 2 weeks 3 weeks
00:06:57
it will be a month or two anyway
00:07:00
useful because you see that the topic
00:07:01
interesting, burning questions, I suggest
00:07:04
go directly to
00:07:06
broadcasts
00:07:07
please write guys if you can see
00:07:09
now my screen seemed to you
00:07:15
picture I'll wait, I'll wait guys I have to
00:07:22
appear picture layout alpha travel
00:07:25
alpha travel it's called write
00:07:27
please chat if you see her
00:07:29
I'm waiting for this picture
00:07:35
so we see up to the fire super I see yours
00:07:38
pluses excellent in general let's
00:07:40
let's see what kind of layout it was
00:07:42
interesting company called alpha
00:07:43
travel she has different tours she is very
00:07:46
works closely with Israel with Israeli
00:07:47
direction and here we actually have
00:07:50
a landing page that was very fashionable
00:07:52
landing page format that was very fashionable
00:07:54
literally there three years ago maybe
00:07:56
two and a half years ago
00:07:59
standard all the hottest offers
00:08:02
this season you have questions with us
00:08:05
there are answers all that very playful
00:08:07
flat design
00:08:08
why are we the advantage now?
00:08:11
Of course it's a lot of fun to watch
00:08:13
because she really is already very
00:08:15
not very relevant compared to that
00:08:17
what's popular today
00:08:18
but nevertheless it was this story
00:08:21
the history of the internet is like this
00:08:24
I offer you and me today
00:08:26
how much time we have but to redo this
00:08:29
landing page modern format
00:08:30
we will get rid of something because
00:08:32
that elements may be redundant
00:08:34
somewhere we will add something for
00:08:37
in order to fill the space but we will
00:08:40
try to follow modern standards
00:08:41
requirements, I recommend you wait
00:08:44
to the end because, as a rule, it’s visible
00:08:47
the result at the end and when you understand
00:08:49
how it was received is the same
00:08:51
great feeling so let's do it
00:08:53
probably start what we need for this
00:08:55
you and I will migrate smoothly to photoshop
00:08:59
here we will create a new document for you
00:09:01
I'll do it
00:09:02
basically the canvas is the same as today
00:09:06
it's popular to do it like it's done today
00:09:09
most are about 1600 by 900 white
00:09:13
background natural resolution 72 pixels per
00:09:15
inch
00:09:16
why canvas 1600 by 900 well
00:09:19
the height will obviously change
00:09:20
why at 1600 the thing is that I don’t want
00:09:23
today use standard
00:09:25
bootstrap narrow grid 12 columns
00:09:27
because it is very limiting
00:09:29
and today if we want to create some kind of
00:09:31
cool composition for us anyway
00:09:33
have to work with distribution
00:09:36
the space is not so standard
00:09:39
invites us to do 12 environmentally friendly
00:09:41
mesh
00:09:42
built on the bootstrap principle and
00:09:44
I wish there was more creativity today
00:09:46
at the same time layout designers if you me
00:09:48
listen if you guys are making up
00:09:51
get used to what you need to be able to do
00:09:53
responsive websites not only with
00:09:54
using bootstrap or manually
00:09:56
on media queries if suddenly you are you
00:09:59
you don't know how to do it
00:10:00
learn because the web is where
00:10:03
this direction is very difficult to do
00:10:06
beautiful today modern wow site with
00:10:09
using bootstrap and this is possible but
00:10:11
more and more designers
00:10:12
ignores this standard grid and
00:10:15
begins to create there are strings
00:10:17
verticals along which everything is aligned
00:10:20
but nevertheless the basics are the use
00:10:22
free space you need to be able to
00:10:24
we work with a flexible container
00:10:26
By the way, we teach at coaching sessions when guys
00:10:28
they work with the layout, I just tell you
00:10:31
I suggest this is a trend
00:10:33
why not 1900 canvas before 1920 why not
00:10:39
1366 why 1600 cases about what is mine
00:10:42
monitor he's not 1600
00:10:45
well, when I set the scale to 100 I can
00:10:48
like this clicks about see
00:10:50
completely my entire layout and this for me
00:10:52
convenient if I made a 1920 canvas
00:10:55
I wouldn't be interfered with right and left
00:10:57
bit, I don’t like this thing and I’m already here
00:11:00
the length of the canvas is not particularly important, that is
00:11:02
the main thing is that it should be no less than
00:11:04
1600 because the site will eventually be
00:11:08
rubber adaptive and no matter from what
00:11:12
permission to do it must be
00:11:13
more not quite small not 1000
00:11:15
pixels but it doesn’t matter there are already 1600 700 800
00:11:19
or 900 in any case everything will be
00:11:20
adapt so you can about it
00:11:22
don't worry guys I'm watching your chat
00:11:26
if anything, I'll keep an eye on the chat if
00:11:29
there might be some confusion there
00:11:31
I'm going to get glitched or something like that
00:11:33
I hope it won't bug me like that
00:11:39
ok we will start with the first thing
00:11:42
we do I think what I need
00:11:44
love the concept of this background
00:11:46
it's really grainy if you look closely
00:11:49
that is, there is such noise in the background
00:11:51
today they are like that
00:11:52
background and are no longer popular but nevertheless I
00:11:55
I would like to ask some some some
00:11:57
a start for our layout in the form
00:11:59
rectangle which I will open like this
00:12:01
the whole section is naturally not red
00:12:04
I'll put it in white initially and then overlay it
00:12:07
in the blending options there is a gradient by the way
00:12:10
who knows in the last master class we
00:12:13
worked in adobe xd
00:12:14
interface design software
00:12:16
it will be all day
00:12:18
photoshop because we mustn't forget
00:12:20
our grandfather photoshop in which everything
00:12:22
you can do a lot of things now
00:12:24
we need to find the perfect one
00:12:26
in my opinion the background color for our
00:12:30
layout I wouldn't want to use one like this
00:12:33
dirty turquoise overall cheerful
00:12:35
all sorts of yellow and green colors
00:12:37
orange is not suitable for me here
00:12:40
such a topic, it seems to me that blue is rolling
00:12:42
color because blue is the color of freedom
00:12:44
the color of travel the color of the sea sky oh well
00:12:47
israel israel
00:12:49
Israel is just about fashion about fashion
00:12:52
amore about the journey and free some water
00:12:56
that's why we are approximately like this
00:12:59
it turns out the screen I'm a little bit now
00:13:00
I'll expand the frame because, again, not
00:13:02
I want to shackle myself
00:13:05
the space that I have
00:13:07
I want more creativity like this
00:13:10
Let's probably expand our rectangle
00:13:12
approximately
00:13:13
and let's think about the fact that we are here
00:13:16
we can do I only have naked ones
00:13:19
bare layout and desire to do something
00:13:22
modern I think that first of all
00:13:24
you need to start by selecting the image and
00:13:27
it’s somehow interesting to work with him
00:13:28
these are the pictures that we had in
00:13:30
foreground in the foreground in the background
00:13:33
in terms of, or rather in the first screen today it’s like this
00:13:35
it’s still being done today, but it’s already
00:13:37
I'm tired of it, you'll agree
00:13:39
agree that we come to you every time
00:13:41
we go to the site and see these
00:13:42
the image is no longer sitting on our livers
00:13:44
I want something interesting and not today
00:13:47
we will try to do just that
00:13:48
something interesting for this we
00:13:50
let's go to google or I'll just type here
00:13:53
write Israel and turn on the search by
00:13:57
pictures tools size larger
00:14:01
than 1600 by 1200 for a photo
00:14:04
was of good quality and we are here
00:14:06
we will select with you an image of Israel
00:14:08
something suitable for our composition
00:14:11
which is already starting gradually
00:14:13
loom at least I want it
00:14:17
The photos here are a bit dirty
00:14:20
you need to choose a good photo because
00:14:23
everything depends on the perception of the photo
00:14:25
screen this photo is good to me
00:14:28
I like it but it's not too much
00:14:30
how does this tell us about Israel because
00:14:32
What does it feel like to be in Egypt at all?
00:14:34
what kind of pyramid hills
00:14:37
here it’s also not entirely clear what you mean
00:14:39
Israel is dirty here, it's nothing photo
00:14:46
so bright so is this photo too
00:14:52
kind of dirty because again
00:14:54
I repeat, everything depends on the photo for me
00:14:57
when up to 30 percent of the time is spent on
00:15:01
work on the first screen, that is, here
00:15:03
Then
00:15:04
volumes of the entire project because it
00:15:06
very important here, you can see it very clearly
00:15:08
you can see the house on the beach, but still not
00:15:11
I feel like something is Israel again
00:15:13
there’s something missing that’s ethnic or something?
00:15:15
this is the image, it's somewhere here
00:15:18
there is an old city there is a new city there is
00:15:22
the sea from the boat has some brightness
00:15:24
the juiciness of this photo together with
00:15:27
I like them very much, let's go
00:15:28
let's try to download this and
00:15:34
oh wow
00:15:38
So
00:15:42
I'm so worried about this format
00:15:44
incomprehensible we don't need him we need him
00:15:49
normal human format so then
00:15:55
we know what we will do with you, we will open it
00:15:57
this image is probably
00:16:05
we still need to get it anyway
00:16:08
accessible ways like
00:16:17
Now
00:16:26
this is how we open it and save it
00:16:36
this is how I will do it now
00:16:37
just a screenshot because the format
00:16:39
looks like photoshop unfortunately
00:16:42
by the way, a hint for you on how to deal with
00:16:44
situations when you have something wrong
00:16:45
imported photoshop we just do
00:16:48
screenshot and paste it here and here already
00:16:51
Is it possible to work it out somehow?
00:16:54
add some extra lashes from right to left
00:16:56
port
00:16:58
so be sure to guys everyone
00:17:00
connected we are redoing today
00:17:03
old old design format new and for
00:17:06
in order to receive tomorrow's recording and psd
00:17:08
Necessarily
00:17:09
who else is watching us not on the website
00:17:11
follow the link in the description to
00:17:13
broadcasts to the site, register to
00:17:15
tomorrow we will receive a recording so here we have
00:17:17
you have an image, that's half the battle, but
00:17:20
you and I agreed that we don’t want
00:17:22
insert it like this into the background like this
00:17:23
usually yes, and then there’s text on top
00:17:26
I would like to let something interesting happen
00:17:27
let's try to dream up
00:17:29
let's take an eraser and play with the size
00:17:34
set the rigidity to zero
00:17:37
some size 500 and let's try
00:17:41
remove a little extra sky like this
00:17:47
extra water to soften this image
00:17:50
somehow it’s necessary and she’s supposed to be good with us
00:17:53
it will have to be to the right edge, that is, somehow
00:17:55
will complete the composition of the first screen then
00:17:57
we will have one like this on the right
00:17:59
clear end this is the softness
00:18:02
somehow I can’t really take it
00:18:04
magic wand and taste the sky
00:18:06
cut it off I don’t know how it will turn out
00:18:08
that the sky is a capricious thing, by the way it’s not bad
00:18:13
it turns out pretty good
00:18:15
All we have left is a little retouching
00:18:19
deal with and remove these lies
00:18:21
port
00:18:22
the question is what actually if
00:18:26
approach there had to web design and
00:18:28
work out the details then like this
00:18:30
Such pruning should not be allowed because
00:18:33
that it's fast and the clipping is so
00:18:35
with a magic wand she allows us
00:18:37
get results quickly but at the same time
00:18:38
not quite perfect there as you can see but
00:18:40
us for current
00:18:42
this is quite enough for us, but
00:18:44
later this whole thing is needed
00:18:46
it's better to get around with a pen
00:18:48
carefully outline to spend there
00:18:50
30 minutes but it's worth it
00:18:52
hi everyone guys, I'm connected so ok
00:18:56
the image is there, she is already acquiring
00:18:58
some traits, maybe a little bit of him
00:19:00
muffle although she basically does
00:19:02
it’s okay then if we turn it down
00:19:04
a little bit so this bottom part let's
00:19:08
let's try the bottom part too
00:19:10
delete soften eraser like this
00:19:14
degree of hardness
00:19:16
0 he is very capricious or rather the effect
00:19:20
which turns out thanks to him very
00:19:22
capricious need to work very carefully
00:19:25
because in reality they are like this
00:19:27
effects they are not very fashionable now or rather
00:19:31
they are fashionable in their own way
00:19:33
narrow manifestation therefore it is necessary very
00:19:35
try not to mess up
00:19:36
some kind
00:19:37
and look, it would seem that we have already
00:19:40
something has already been created, it looks interesting
00:19:43
in my opinion but who likes guys
00:19:45
put a plus sign this is not the end but
00:19:49
elaboration of this photo but we already have
00:19:51
something more interesting is emerging
00:19:53
what we wanted there yes I have one
00:19:56
such an idea, look, I’ll duplicate it
00:19:58
you have a layer now I know I’m a little bit
00:20:00
covering the layers panel there is nothing there
00:20:02
nothing interesting is happening I just
00:20:03
duplicated the structure layer with the image
00:20:05
and put one above the other and here at
00:20:07
I have two layers one above the other and
00:20:09
this is the bottom layer I'm converting right now
00:20:12
smart object and apply a filter to it
00:20:15
Gaussian blur why I want this
00:20:19
to achieve a slight glow
00:20:23
this turns out to be vanilla sugar
00:20:26
light glow effect we will use it later
00:20:29
we'll extinguish a little we'll extinguish a little but he
00:20:33
we need it to create some effect
00:20:35
toy stesh or heat effect
00:20:38
something from this from this composition well
00:20:40
and it seems to me that it works out, yes that is
00:20:42
it feels warm ok
00:20:46
ok, this left part is a little off
00:20:50
I really like how it ends
00:20:51
maybe I'm a little like this or something
00:20:56
make it and you can make it an eraser
00:21:01
for example 900 points and stronger
00:21:05
mute so that our city seems to be in
00:21:10
perspective, that is, in the right corner
00:21:13
there are more of us then he leaves
00:21:16
even from the picture you can see it in perspective
00:21:18
back and let him disappear somewhere
00:21:21
light fog for this we need an eraser
00:21:23
with a very large radius and we must
00:21:25
just click and somehow it turns out
00:21:30
that the city is hidden by clouds, don’t tell
00:21:35
fog how can I help you went too far with the fog
00:21:38
remove it a little yes just like that ok
00:21:43
super and we get the idea that
00:21:47
there are some clear outlines like this
00:21:50
the city is in the foreground of the game then
00:21:52
there are some glow effects I think
00:21:55
that this topic is worth developing, let us
00:21:57
under cities or
00:21:59
over cities we can even create it simply
00:22:02
empty layer then we'll take the tool
00:22:05
brush
00:22:06
select a round brush with a small one at 0
00:22:09
rigidity and with a radius of tons also in
00:22:11
around 500 maybe even more than 600 and
00:22:15
let's take some kind of light like well
00:22:18
purple, for example, or blue like this
00:22:22
some kind and we’ll just drip and drip
00:22:25
we get as you see so easy
00:22:28
glow effect now I have a little bit of it
00:22:29
otherwise it would drip
00:22:32
so ok let's take a different color
00:22:36
Let's say some violet venka, let's drop this
00:22:41
light somewhere here so I think that
00:22:46
you can substitute this city like this
00:22:48
let's take a layer and some other light
00:22:53
let's popov yellow yellow dirty
00:22:57
I don’t really like it, I need a cool color
00:22:59
cold ones maybe closer to green ok
00:23:06
we'll figure it out now
00:23:12
yes see yes what why am I coming
00:23:16
it turns out to be such light blinking
00:23:18
Naturally we will adjust it a little
00:23:20
because they are not needed so obvious
00:23:22
but light light glow they never
00:23:25
it won't hurt us, they create an effect like this
00:23:28
there is some vanilla Nastya now
00:23:31
elaboration of the background there is already a foreground
00:23:33
kind of interesting but it seems to me that
00:23:37
I think there's something missing here in the background
00:23:40
something else some image
00:23:43
let's run google again and get
00:23:47
some other image in which
00:23:49
there will be something something very light that we
00:23:53
we can substitute a second one for the background
00:23:55
the background layer is these pyramid mountains
00:23:58
you can try to install
00:24:00
can we take this thread?
00:24:04
let's try the pyramid city
00:24:08
download guys, how do you like it now?
00:24:10
what's going on hi everyone
00:24:11
connected we will literally make an announcement we
00:24:14
reworking the old layout that was
00:24:16
created many years ago in modern
00:24:18
stylistically, we take it as a rough prototype
00:24:20
saying and remaking something modern
00:24:21
What do you think about the idea, give me a plus sign and write me
00:24:26
what do you feel and meanwhile we
00:24:30
downloaded images are stretched to full size
00:24:33
don't worry about the width, I won't leave it like that
00:24:36
we put him back and of course we begin
00:24:40
play with its opacity that is
00:24:42
let's reduce this whole thing
00:24:47
too much
00:24:50
looks good in the mountains so super guys
00:24:55
Natalya Li Alena hello everyone thank you for
00:24:59
participate in the discussion what can I say
00:25:02
I will report on the received report
00:25:06
from the layers, basically nothing, let's do more
00:25:08
let's try the second photo more
00:25:11
variegated in terms of deep detail, that is
00:25:14
see there is a city here there is a sky
00:25:16
let's try and use it again and compare
00:25:21
what's better is pyramid mountains now
00:25:23
let's reveal the opacity
00:25:32
you know I like it better here
00:25:34
somehow the city is visible, you can even see it somehow
00:25:36
raising it happens to be more interesting or something
00:25:40
it turns out more interesting
00:25:42
let's rasterize this layer and take it
00:25:45
eraser and let's try to play around with it too
00:25:48
with the bottom that she should also lie down
00:25:50
easy easy to disappear the bottom of this
00:25:52
images and here we have it very
00:25:55
interesting composition in my opinion with
00:25:57
which we can already work here
00:25:59
you can actually play endlessly
00:26:02
with this image because she is very
00:26:04
potentially cool but here you can
00:26:07
add a lot of effects and
00:26:09
be careful here everything is natural
00:26:11
cut because these are all artifacts
00:26:12
one and a half pixels are not cut out
00:26:15
the elements spoil everything very much
00:26:18
but we just don't have time for that
00:26:21
fortunately or unfortunately fortunately to
00:26:24
unfortunately we won't get the perfect one
00:26:26
luckily picture
00:26:28
this is the most necessary thing that can be in work
00:26:31
web designer about herbs and we poison these
00:26:33
that's all the moments that's why I'm happy
00:26:36
we won't do this, so this one
00:26:39
the bottom layer that we have is blurry
00:26:44
now I'll take the big eraser again
00:26:46
here there is a little bit of it in sight
00:26:51
probably so okay okay we have this and
00:26:58
now in order to now not yet
00:27:01
It’s completely clear what’s going on
00:27:03
add text elements to
00:27:04
to see the entire composition above
00:27:08
all these layers that we created
00:27:09
we need to write something not good we need
00:27:12
invent us there are already ready offers
00:27:14
going to Israel alpha travel
00:27:16
help let's write you're going to
00:27:20
israel alfa 3
00:27:25
maybe ok there is a phrase let me go straight away
00:27:29
let's make it white please
00:27:33
accent for all beginners
00:27:35
modern design when you have a dark
00:27:37
the background is dominated by some kind of dark
00:27:40
the color in this case is blue or there
00:27:41
image text on top should be
00:27:44
white, well, very close to white, what if
00:27:47
you will start doing something like this
00:27:48
menthol greens are crap
00:27:51
the effect is obtained
00:27:53
cheap flyers you can
00:27:55
get going there love the reds
00:27:57
letters on a blue background cover it up
00:27:59
web design here has different standards and I have
00:28:02
web design coaching takes a lot of time
00:28:04
people have a lot of time
00:28:05
break the habit of doing something bad
00:28:08
in this regard I would like to use
00:28:11
a font that I recently found but not yet
00:28:13
I've never used it once in my life
00:28:15
he chose it for me especially for the master class
00:28:17
I needed a font from a family with good
00:28:20
a set of scales and here in the google library
00:28:24
fonts I found font X 2 very good for me
00:28:27
I liked it because it has
00:28:28
the style is black and it looks like this
00:28:31
that's interesting
00:28:32
Montserrat font which I used before
00:28:34
I used it a little bit fed up I decided
00:28:37
let's use this one here
00:28:39
let's put 20 between letters
00:28:41
maybe even 40 to not 20 is better with us
00:28:49
there is a ready-made phrase call, but what’s left is
00:28:52
Now it’s time to install it somehow
00:28:54
the right place is Israel naturally with
00:28:56
capital letters
00:28:57
since you and I are making a cool design
00:29:00
let him be cool in terms of
00:29:02
grammar is very important
00:29:05
guys who are now aiming to understand
00:29:09
why not how the nuances affect the overall
00:29:12
see our image perception
00:29:15
two lines
00:29:16
one of them is more important one of them
00:29:18
less important for example with the phrase
00:29:20
going to Israel she is much more
00:29:21
it’s more important for the user to see and so
00:29:23
for example, this is what I show in this
00:29:26
compositions in that the first line is longer
00:29:28
the words Israel are even highlighted here
00:29:30
clumsy at that time fashionable today
00:29:33
Alpha travel is no longer very fashionable here
00:29:35
here there is but the second line is less you
00:29:38
you see, and words will help even the thin ones
00:29:40
done therefore we must also comply
00:29:43
this moment and make the second line
00:29:46
lighter weight such as media and
00:29:49
smaller size, we already have it
00:29:54
text composition that helps
00:29:58
the eye can see the emphasis on what he needs
00:30:00
you need to look first
00:30:02
the designer must take care
00:30:04
users about where he is looking and
00:30:06
what is most important to him in his opinion?
00:30:08
interface designer in this case
00:30:11
we focus the user's attention on
00:30:12
first sentence
00:30:14
it is very important not to introduce the user into
00:30:17
the feeling that he is a fool the feeling that he
00:30:20
he's a fool when he's in a hurry
00:30:22
typed in one font size, one
00:30:25
pin with one weight and he doesn’t have time to do everything
00:30:28
read skips information and then
00:30:30
thinks damn maybe I'm something important
00:30:31
missed it
00:30:32
starts to worry if you give it to him
00:30:35
These are the accents he can understand
00:30:37
visually those phrases that are written
00:30:39
more subtly small he can not them
00:30:42
look and it's potentially
00:30:44
subconsciously knows that he didn’t miss
00:30:46
important information because the most
00:30:48
the main thing is usually done in bold
00:30:50
font
00:30:51
that's why guys need this
00:30:53
think about it this way you and I wrote it
00:30:56
something is already shaping up nicely
00:30:59
what do we have next from the first screen?
00:31:01
organizational tours and tickets and
00:31:02
hotels
00:31:03
I wouldn't like to post this here now
00:31:06
because there will be too much text in
00:31:09
of this composition the task of this screen is 1
00:31:12
this is to create a wow effect wow effect
00:31:15
will be created by an image and a small
00:31:18
overload in terms of text therefore text
00:31:21
I wouldn't post more here
00:31:23
time to make a button I think a button
00:31:26
here you can do whatever you want
00:31:28
in principle, our font is not angular, it is us
00:31:33
rounded for this and the hundred button
00:31:35
percentage should be the radius of curvature
00:31:37
you can try 5 radius of curvature
00:31:40
but for me something is a square button here
00:31:42
somehow it doesn't work I would have done more
00:31:44
strongly rounded for example radius if
00:31:46
put 90 of us and it will be like this
00:31:49
the round button is juicy and now we
00:31:53
when we make this button, naturally we
00:31:54
we can't leave it white we need it
00:31:57
choose some color for her
00:31:58
suitable you need to think about what color it is
00:32:02
there will be us what color is the accent color for this composition?
00:32:05
we will continue to inherit for the whole
00:32:06
we will take the layout of this button now
00:32:10
blending parameters and we will do this
00:32:12
look at the picture as a whole
00:32:14
composition and choose some color
00:32:16
which is ideal for purple wreaths
00:32:20
coral, red looks good
00:32:23
I wouldn't want to do something like this
00:32:24
the composition is exactly like here
00:32:26
very close background color blue
00:32:29
purple is chosen as the accent color here
00:32:31
yellow yellow very playful I would like
00:32:34
more solid create perception
00:32:36
so I think that some kind is needed
00:32:38
the other color green is too playful
00:32:42
same as yellow basically orange
00:32:46
a bit dark
00:32:47
I liked the blue button, it's not
00:32:49
so that it somehow gets out of hand
00:32:51
composition but nevertheless it is noticeable
00:32:53
I like the blue ones I like them
00:32:56
let me leave her
00:32:58
this button will be here with us
00:33:00
old landing pages had the idea that
00:33:03
a person must order a consultation
00:33:05
and here we make a button to select a tour
00:33:12
let's choose one
00:33:15
because we chose that we have everything
00:33:18
bold inscriptions will be made in black weight
00:33:20
I support this paradigm
00:33:22
and here I will have a button with text in it
00:33:25
with black weight
00:33:29
so a little birch turns out what you have
00:33:33
us white text on the background of a blue button but
00:33:35
let's make the text dark
00:33:38
We'll check it out but overall it doesn't look right
00:33:42
I like it a little heavy but I think that
00:33:45
you can leave it you can make it easier
00:33:49
I am generally a bit of a supporter of
00:33:53
make the text white because
00:33:55
he's more
00:33:56
more contrast but against the background of such a button
00:33:59
button color non-standard yellow
00:34:02
red-orange yes what everyone is used to
00:34:04
so we have to but we have to
00:34:07
use the button to play with the background and select a tour
00:34:12
this is how we will do it and-and-and-and
00:34:15
let's make a gradient what time is it
00:34:19
we'll remember the color, we'll make the overlay location
00:34:22
colors gradient overlay
00:34:26
we will also have a gradient naturally
00:34:30
transition to blue but more carefully I
00:34:33
I think you noticed that the gradient is already
00:34:35
It’s somehow embarrassing to even talk about this
00:34:37
already today they are trending again in general
00:34:40
capricious gradient and need with it
00:34:42
be considered
00:34:43
further buttons for greater realism I
00:34:45
I think I need to add color shadow please
00:34:48
forgiveness shadows there may be articles and
00:34:52
blue like this
00:34:54
juicy because we have such glow on
00:34:56
background, yes you can make a button
00:34:58
glowing only neatly without
00:35:01
Naturally there is no overkill, that is, there is no such thing
00:35:05
shadows, but there’s a little bit of it and
00:35:07
it adds some kind of interest
00:35:10
what?
00:35:13
going to Israel alpha travel
00:35:15
will help you choose the tour we offer
00:35:19
so you know what else you can do?
00:35:22
interesting to somehow highlight this
00:35:24
opera design
00:35:25
this is to take a rectangle like this
00:35:28
let's take this size away from him
00:35:31
remove the fill from him, but here he is, as it were
00:35:33
it turns out so non-existent and now
00:35:36
this rectangle can be patterned
00:35:39
the pattern may be different for you
00:35:42
everything is already preinstalled
00:35:44
photoshop
00:35:46
what is the pattern guys there is a stripe here
00:35:50
I have different ones prepared, there are all kinds
00:35:53
such
00:35:54
grainy background and but they don't really
00:35:56
interested, want something more
00:35:58
simple, there are stripes like this
00:36:02
looks but not interesting, you can take it
00:36:04
some peas
00:36:06
black pea black pea good her
00:36:11
I would like to make a white pea here now
00:36:15
I'll choose a good scale
00:36:16
this is a good scale black
00:36:20
pea overall looks interesting I would
00:36:24
made it not black but some kind
00:36:27
bluish to not blacken at all
00:36:29
our composition but the only thing
00:36:33
The color of the pattern cannot be changed, you just need to
00:36:35
create a new pattern so I'll do it
00:36:37
as simple as possible, I’ll convert it now
00:36:40
the resulting layer into a smart object thereby
00:36:43
it will become a whole picture without a pattern
00:36:45
it's as if everything is already gone
00:36:47
she has the ability to edit the pattern and
00:36:49
we click on the color overlay options and
00:36:52
actually we can change it like this
00:36:54
way color now let's think
00:36:56
what color should we apply color can
00:36:59
be different maybe interesting
00:37:01
it works great if you choose dark
00:37:03
the blue color you see here is how it turns out
00:37:06
dots are visible
00:37:07
let's try to apply a gradient
00:37:09
we will definitely apply a gradient to the bottom color
00:37:15
we will have this color
00:37:21
it will be easier for him to be seen so that these
00:37:29
the dots were visible
00:37:30
but at the same time they didn’t distract too much
00:37:33
attention, this is a very big problem
00:37:36
beginners when they do something
00:37:39
beginner shadow stroke like this
00:37:42
dots they think that if I do this
00:37:45
it should be so obvious to everyone
00:37:48
so it usually leaves like this
00:37:49
black dots huge fat shadows
00:37:53
art in detail in little things and here we are
00:37:55
the points also remain, but at the same time they
00:37:57
look how elegant they are here
00:37:59
they are not provocative, they are cute
00:38:03
I like this I really like this
00:38:06
I like it, I just have to fix this issue
00:38:09
you can somehow even nail it to the left
00:38:12
edge
00:38:17
fax button is a little close to me it seems
00:38:25
so now what I need to do is what I think
00:38:28
let's work with the hat because
00:38:30
the main idea of ​​the screen us already somehow
00:38:33
it's formed I like it I need it
00:38:35
work with the cap to recreate it already
00:38:37
final final canon final
00:38:42
screen composition as often I
00:38:48
I use several fonts in one
00:38:49
Evgeny asks about the project
00:38:52
I rarely use multiple fonts
00:38:55
I usually use one family but with
00:38:58
lots of scales like this one
00:39:00
very comfortably
00:39:01
families such as robot open sans
00:39:04
ubuntu robot blind museo sans
00:39:09
Montserrat I really like exo
00:39:12
because they have a lot in them
00:39:14
the potential is so natural this is rotten
00:39:18
I will not use the logo in mine
00:39:20
at work he is very, very different from
00:39:23
it is necessary, but at the same time, and come up with it now
00:39:25
some new logo for this is possible
00:39:27
spend a separate other master class
00:39:29
so I'll just write alpha here
00:39:31
travel is acceptable in some other font
00:39:33
let it be Montserrat Montserrat
00:39:37
black let it be all capital letters
00:39:43
allow more distance between
00:39:46
letter kerning
00:39:50
we can do something here
00:39:53
the first guide along which we have
00:39:55
the content will be aligned something like this
00:40:00
what's next with this alpha 3 shaft probably
00:40:03
you can still create something
00:40:05
trinket little circle I don’t know but to
00:40:08
some symbol was generally an alpha symbol
00:40:15
travel
00:40:21
let us have 2a blue inside
00:40:28
what a monochrome logo it turns out to be
00:40:31
emblem
00:40:37
alpha
00:40:45
Well, you can always insert an icon there
00:40:48
alpha greek some short like
00:40:52
physics to alpha-beta gamma and then
00:40:56
I just don't want to waste time right now
00:40:58
for this we have written further tours here
00:41:00
to israel hotel tickets we can do this
00:41:03
information save tours to israel
00:41:09
air tickets let's write hotels
00:41:14
why is this important because when we
00:41:16
let's go to the site you know what the first
00:41:18
the screen should answer questions
00:41:20
basic what kind of site what do they offer here
00:41:23
from where to where I need to click and so on
00:41:25
further and if the site does not answer these questions
00:41:28
answers the first screen, more precisely it's big
00:41:30
problem for rental designer
00:41:32
interfaces that is for us therefore we
00:41:34
must answer these questions but
00:41:36
this is how we fight what we have
00:41:38
our composition
00:41:39
very light minimalism minimalism and we
00:41:42
we can't load too much here
00:41:44
lyrics we can't do some
00:41:46
huge offer so we have to
00:41:48
be more careful and these phrases
00:41:50
one hundred percent should be left betting
00:41:52
because without them they are nowhere after all
00:41:55
are
00:41:56
important content component further
00:42:00
We have a phone number and a call order button
00:42:04
let's rewrite the phone number plus 7 495 374
00:42:15
79
00:42:17
54 guys who just joined us
00:42:20
you are remaking the old layout which
00:42:23
was created a few years ago in the old
00:42:25
you are not a popular style today
00:42:28
we remake the modern style like this
00:42:31
phone number phone is always done
00:42:33
thicker and larger than the main text
00:42:37
hats
00:42:38
so in this case it looks like this
00:42:40
here's the text
00:42:43
we have the phone, let's run away
00:42:46
probably to the hedge site to the phantasm site
00:42:49
dot com slash chipset to
00:42:52
take the straw icon and because we
00:42:54
We've come to the conclusion that the straw icon is for us
00:42:56
need to
00:43:02
tags
00:43:07
looking for a tube this is background background background
00:43:13
here we have it spawn insert the icon
00:43:18
naturally for the sheriff
00:43:19
earned we must apply the fund to him
00:43:21
and who else in the tank guys missed it?
00:43:24
already the revolution is already the foundation itself of the fifth version
00:43:26
I have a pro version, there is a free version
00:43:29
let's use the pro version
00:43:32
solid, that is, a filled icon like this
00:43:35
here is a beautiful phone and you need a button
00:43:40
order a call I think let's us too
00:43:43
it will be an outline, I will copy it now from
00:43:46
our and from our offer I will bring it here for
00:43:51
interface designers you know
00:43:52
the biggest mistake they made
00:43:55
can allow it do button two
00:43:58
identical buttons on one screen
00:44:00
this is considered to be wildly wrong
00:44:02
really wildly wrong because
00:44:03
that when you give a person a choice, he
00:44:06
I'll turn it inside out and click on any option with
00:44:09
much less likely than before
00:44:11
you just give him one button
00:44:14
and tell him everything, click on this here
00:44:17
there should be one main appeal in the first
00:44:20
screen is to choose a tour and this is to order
00:44:24
call
00:44:25
this is a secondary button that does not have
00:44:28
seems to have such meaning for us
00:44:31
of course, but they are not so important and
00:44:34
it is very important to inherit
00:44:36
one and only idea of ​​yours that you
00:44:38
you basically choose every time
00:44:41
work on every element
00:44:43
my idea is that I have rounded ones
00:44:45
buttons and in them the font X 2 with weight
00:44:49
black means that everyone else
00:44:51
buttons even that look a little
00:44:53
otherwise they should inherit this idea
00:44:55
so I actually have a button like this
00:44:57
and it looks like it could be done more
00:45:00
[music]
00:45:02
let's get more interesting in terms of color
00:45:05
let's think, I'll look like this from afar
00:45:09
I'll think about what color would be suitable for this
00:45:11
button you can do it and here’s what
00:45:13
so purple let's say so
00:45:16
let's take a pipette this color for
00:45:19
in order to also apply it later to
00:45:21
text so order by call great
00:45:27
red
00:45:29
This call order is basically possible
00:45:32
we need to take it away here
00:45:35
I think that there are about 2 guides
00:45:37
the same distance as the left one
00:45:39
guide
00:45:40
so here we are ordering a call to
00:45:46
call, I think the phone can be here
00:45:48
Throw some feathers too and let's do it
00:45:54
let's try to mute all this text
00:45:56
Here
00:45:57
let's try hats like this
00:46:10
or don't even mute me just for
00:46:13
to do it quickly you need it
00:46:15
muted it like this in reality
00:46:17
in fact, you can change the color of course
00:46:19
because I wouldn't want it to be
00:46:22
such emphasis is on these points but
00:46:27
you can leave it white because it is more
00:46:29
che ci sta looks and let's have more
00:46:32
you know what, let's try to create a new layer
00:46:35
empty, take a brush, I won't try it
00:46:38
I know it won’t work, I won’t be able to take the dark ones
00:46:40
colors and let's say there is dark purple
00:46:42
some kind of brush with a large radius, let's say
00:46:45
900 and swipe like this from above you see what
00:46:50
it turns out compare it was like this
00:46:53
a little like this, that is, on top like this
00:46:55
the part that concerns the cap we and
00:46:57
darken it a little so that the hat is more
00:47:00
apparently to emphasize again here
00:47:04
so without takes it I think it's
00:47:08
a necessary measure so that a little
00:47:11
add emphasis
00:47:16
So
00:47:20
tags yes yes yes excellent excellent
00:47:29
also the compositional moments are so very
00:47:34
capricious I would make the phone smaller
00:47:39
and, accordingly, a straw
00:47:47
would reduce accordingly
00:47:49
although the button is too small
00:47:53
it can't be reduced anywhere, so here it is
00:47:58
guys, this is an extremely important thing than everything else
00:48:08
faded I didn't understand
00:48:19
Chelsea has become dull
00:48:24
waist somewhere some channels turned off then
00:48:27
I don't think I turned you off
00:48:43
doc
00:48:47
now guys I will find the reason for this here
00:48:51
this is the image
00:48:54
so this is what we have here this this image is not
00:48:59
lost in anything in my opinion from dimmer
00:49:03
became that
00:49:07
and like this
00:49:15
tags
00:49:18
and listen exactly on the 7th kay for some reason you
00:49:22
forests I don’t understand why in my opinion some
00:49:24
keyboard shortcut new
00:49:31
who the hell knows damn we need this
00:49:38
save layout for now we will save it
00:49:44
like this close this I'm the only one
00:49:48
I know the way and he returns to
00:49:52
normal state I don’t know this
00:49:55
I saw it for the first time yesterday, I think
00:49:57
it happened
00:49:58
who the hell knows why this happens like this
00:50:03
ok we did this in this you and I
00:50:06
incomparable fellows I offer
00:50:10
Move this one a little bit
00:50:12
beauty
00:50:16
so choose that ru you are somewhere with us
00:50:19
you need a little order
00:50:20
hover in layers
00:50:21
he's important he's important I want some
00:50:26
still move all this beauty to the left
00:50:32
because but somehow I'm too close to
00:50:35
the center let down all the content I wouldn’t do this
00:50:39
wanted
00:50:44
so click the button
00:50:48
We also move the phone carefully
00:50:54
so yes there is this we did with you
00:50:59
and I guess I can probably move forward
00:51:03
smoothly to the second screen I'm here now
00:51:05
I will not create a special order for the layers
00:51:07
just everything we have here is cut into
00:51:09
folder first screen and I will be this
00:51:13
be content and this is very important in
00:51:16
given the whole story, it’s wise to move on to
00:51:18
the second screen is in general
00:51:21
fundamental thing because without
00:51:24
her we all our shaft the showiness of the first
00:51:28
let's just erase this screen
00:51:31
titanic task
00:51:33
so where is our rectangle here it is for us
00:51:40
you need to choose the right vertical
00:51:41
the position for this inscription can be
00:51:44
even move it somehow closer to the center
00:51:52
now with this Israel we need
00:51:56
it is possible to conjure with Israel
00:51:59
should be reduced a little to
00:52:09
so it is and so here we have such a spot
00:52:14
beautiful let's try it again
00:52:18
darken take the darkening tool
00:52:23
I want it to be a little different
00:52:26
trigger better with a plastic eraser a little more
00:52:29
tighten this part here
00:52:33
I want to hide it more
00:52:44
there are now we have them on the second screen
00:52:47
the hottest deals this season
00:52:50
let's work on this and
00:52:52
I just don't want a suggestion
00:52:54
again such a standard structure there
00:52:56
We should have 3 or 4 cards to go to
00:52:59
I would like something more interesting
00:53:00
do therefore what I suggest
00:53:04
I suggest creating the first stage
00:53:06
cards we have the first screen let's
00:53:09
let's create a group of hot tours and
00:53:15
let's work with cards
00:53:17
I don’t know what the cards should look like
00:53:20
why do I see them rectangular in shape?
00:53:22
at least you can leave them for now
00:53:24
rectangular and then you will see
00:53:26
let's create some approximate ones
00:53:28
what color is the area of ​​this rectangle?
00:53:31
for him to choose is a good question
00:53:33
because here we stand before
00:53:34
interesting choice whether to continue our
00:53:37
idea for the entire layout with a dark background
00:53:39
or start mixing white backgrounds idea
00:53:43
It's a very subtle question, let's say
00:53:46
do the principle this way and that but I
00:53:48
it seems too white
00:53:50
I stand out in this whole composition
00:53:53
I think it will need to be replaced with something
00:53:54
I don’t know what to replace yet, but let’s do it
00:53:56
let's think we're offering that it's hot
00:53:59
offers
00:54:00
New Year's Eve dinner 8 on the beaches of Eilat
00:54:03
let's find the image too
00:54:06
any newerth pair size
00:54:12
more than 2 megapixels no longer works for me
00:54:14
I'm interested he might be smaller I'm not
00:54:16
I will grieve here image
00:54:19
some ace and let's download it
00:54:25
tags
00:54:30
I first guys who missed it
00:54:32
told me that we are making this layout
00:54:34
without bootstrap but because bootstrap
00:54:36
greatly limits our field for
00:54:39
activities so we work without
00:54:42
bootstrap and I also contacted
00:54:45
to the layout designers and said that the guys are who
00:54:47
typesetting now pay attention
00:54:50
to the fact that now designers are increasingly
00:54:53
more often they make such a free composition
00:54:55
based not on bootstrap grids but
00:54:57
so be careful if you are yet to
00:55:00
you still don’t know how to typesetting on blank
00:55:02
media queries without css
00:55:04
without bootstrap, otherwise it’s time to learn because
00:55:07
that this is a useful skill so far
00:55:12
let's put this image into a mask
00:55:15
We have such a cool New Year's party
00:55:18
girls everything is natural now
00:55:22
such a motley image merges with
00:55:24
background image of the foot we need
00:55:26
we will resolve this issue now
00:55:28
we'll do it but let's do it first
00:55:30
we will select a background for the card because we
00:55:34
we realized that we don’t really care about white now
00:55:36
is needed and what should it be?
00:55:39
let's think about it, it's definitely not purple
00:55:43
should be calmer but calmer well
00:55:48
something like this is possible
00:55:52
yes you can try leaving it like that
00:55:57
and I don't like the rectangle
00:55:59
I want to round its edges so
00:56:01
let's try to do it with rounding
00:56:03
let's say 5 pixels
00:56:05
this rectangle is also 5 pixels
00:56:09
it turns out 5 on top and zeros should
00:56:13
be below to show the image
00:56:15
looked normal and so
00:56:18
somehow separate
00:56:20
background foreground us
00:56:23
I think I need to add something
00:56:24
the shadow element for the card is not yet
00:56:28
I know what kind of shadow there must be, but I think
00:56:30
that dark in a good way should be a shadow
00:56:33
naturally neat and without going overboard
00:56:36
in any case it might not even be black
00:56:41
dark blue I think it matters
00:56:45
what do the colors really look like?
00:56:47
this is of serious importance we need
00:56:54
strong shadow because background color
00:56:57
it’s still dark and there should be a shadow
00:57:00
good visibility
00:57:06
So
00:57:08
while this card is hanging here
00:57:10
space I don’t know yet where she will be
00:57:11
but for now this is what it looks like here
00:57:14
for information new year's dinner name
00:57:16
let's write New Year's dinner too
00:57:20
Let's make the size smaller naturally
00:57:24
large cool composition in plan
00:57:29
minimalism it is often built on
00:57:31
a lot of air and
00:57:33
small font size
00:57:35
so don't overdo it without doing it
00:57:38
make huge headlines and that's it
00:57:40
it will be bad so we propose here
00:57:47
New Year's Eve dinner for people
00:57:49
we also offer it for nine hundred
00:57:52
fifty four dollars and duration
00:57:54
8 days
00:57:55
let's write this information 954
00:57:58
dollar we need to do this information
00:58:02
it's a little different to get up like that
00:58:05
let's try to make it blue
00:58:10
new year's dinner
00:58:12
954 dollars and this whole thing lasts seven
00:58:17
days until we write like this, seven days
00:58:22
we can use some icons
00:58:24
let's say we don't have much racing
00:58:29
beautiful
00:58:30
much inner per dollar price price price
00:58:37
the result can be used like this
00:58:42
icon for money that the interface is on
00:58:47
icon is a useful thing as you know and
00:58:51
for clarity, for convenience, why not
00:58:56
no why not use them
00:59:00
let's do it for 7 days like this for seven days
00:59:10
there is there is a bit thick I'm a bit thick
00:59:14
I would change the weight, let's say medium is possible
00:59:20
try a week until ok
00:59:30
So
00:59:33
and you can reduce the size further
00:59:38
13 do let's do
00:59:44
that is, we have big buttons here
00:59:48
more details with exclamation marks
00:59:49
who shout very loudly at us directly
00:59:52
I wouldn't want this screaming
00:59:55
user therefore we will not have any
00:59:58
huge buttons to do but call
01:00:00
some need you can do you know what
01:00:02
this kind of pot you know in this style
01:00:09
material like this here it is
01:00:11
post
01:00:12
and this circle will be there for some reason
01:00:15
call for more information or what?
01:00:18
let's make this circle more accentuated
01:00:20
color but not blue because blue
01:00:22
it's getting too much but let's say
01:00:25
it will be some kind of purple because
01:00:29
purple is our everything here
01:00:36
OK
01:00:41
you can try playing with the shadow
01:00:48
shadow with shadow
01:00:56
and here we need some kind of button
01:00:59
let there be an asterisk so that
01:01:01
a person could allocate this tour to himself this
01:01:04
proposals for the future about solid
01:01:12
natural icon should be here
01:01:14
white because it should be as white as possible
01:01:16
contrasting with the background a
01:01:19
maybe you can eat it even if it's not white
01:01:22
more subdued more calm
01:01:25
there will be something like this too
01:01:29
it looks ok here
01:01:32
this is such an interesting card
01:01:36
card
01:01:38
how and where should we place it?
01:01:42
First of all let's pack it all into one
01:01:44
group let's call it one sentence it's
01:01:50
we are not hot tours hot offers
01:01:53
the folder should be called guys like you
01:01:59
in general, overall alive and well, I recommend
01:02:01
you have to wait until the end for what's at the end
01:02:03
this will be very interesting as always
01:02:07
some sentences need to be copied
01:02:10
autumn on the beaches of eilat let's write
01:02:14
autumn on the beaches with varnish cost 300,247
01:02:21
days 324
01:02:25
well let there be five days for
01:02:26
variety I think we can do here
01:02:30
large spaces
01:02:34
Eilat beaches, well, let's Google it
01:02:37
and lad beach fire guys fire remember I
01:02:45
I told you at the beginning that we
01:02:46
it is necessary to be on the wave with you therefore
01:02:48
if I ask you something you
01:02:50
be sure to answer please tune in
01:02:53
pick some good photo
01:02:54
the beach is calm and something like that
01:03:00
you and I need to find some beaches
01:03:06
notable nothing interesting at all
01:03:10
no but Eilat should be Eila there
01:03:14
so let's copy it
01:03:16
so here we have ardon
01:03:20
here we have an image we can have it
01:03:23
delete this we downloaded paste on
01:03:29
we adjust the place of the old image
01:03:33
approximately the size of a rectangle
01:03:35
which we create a frame now
01:03:37
hold alt
01:03:38
you can’t see, I can show you who doesn’t know how
01:03:41
make masks we have a picture we have
01:03:43
there is a rectangle under it we have a picture
01:03:45
plant on top of the rectangle and clamp
01:03:48
alt and click between these two layers and
01:03:51
then the layer that is higher becomes in
01:03:53
under the mask of our rectangle and then
01:03:57
very convenient this picture inside this
01:03:59
moving masks can be a useful thing
01:04:02
[music]
01:04:03
useful because masks are essentially
01:04:06
widely used in web design
01:04:07
frame the third sentence we have Jerusalem
01:04:11
city ​​of three religions is too long
01:04:13
name she we shouldn't have things like that
01:04:15
and ru let's salt the city with religion
01:04:22
so simply Jerusalem the city of religions
01:04:24
let's type in google and
01:04:26
Jerusalem and we'll pick some
01:04:31
the image is nice by the colors
01:04:37
flowers, well, here you can choose
01:04:41
Naturally, the guys should understand that
01:04:43
nothing is being done there now
01:04:45
color correction because to create
01:04:47
perfect design there you need to spend
01:04:50
but one working day for cosmetics yes
01:04:52
we don't have that time right now, that's why
01:04:54
some points are not being finalized
01:04:56
necessary
01:04:57
to the right extent you must that moment
01:05:01
consider this image I would now
01:05:04
I adjusted it a little because
01:05:07
she's too gloomy
01:05:08
you can add more contrast
01:05:10
brightness so that it is equal to two
01:05:13
previous ones and yet this New Year's
01:05:15
Damn the New Year's picture is very good
01:05:17
rolls the beach party let's get here like
01:05:28
then instead of this New Year's photo from her
01:05:30
it's too colorful, let's put something on
01:05:32
more or less motley gallery let's say
01:05:37
this image is not bad at all
01:05:39
quality is so
01:05:46
and there's some kind of Christmas tree there, the beach is damn bad
01:05:50
quality is an infection, in principle it is possible
01:05:53
try to take it and reduce it
01:05:55
decrease
01:05:57
Let's see how it goes, we're close
01:06:01
so that this photo suits us too
01:06:08
Let's edit the plan a little
01:06:09
We will make corrections and increase the contrast
01:06:12
brightness then
01:06:16
great great eat three hot
01:06:18
suggestions are great it's me
01:06:22
arranges
01:06:23
now where should we put these hot ones?
01:06:25
offers
01:06:26
what should we do with them on the one hand?
01:06:28
we can arrange them like this
01:06:31
I just don’t want to do them like this, yeah
01:06:34
because it turns out that we see
01:06:36
this clear boundary is not very beautiful
01:06:38
and that I would like a little on her
01:06:39
enjoy it somehow
01:06:41
oh by the way I have an idea guys I
01:06:44
I think now check it out and see as much as possible
01:06:45
make it even cooler
01:06:47
our city in the first screen we take from
01:06:51
we create white over the city
01:06:53
rectangle
01:06:54
white rectangle something like this
01:06:56
size then we turn it there to
01:06:59
45 degrees by 30 we approximately agree
01:07:04
take an eraser
01:07:05
rasterize the layer and like this
01:07:08
we clear him the right side of it
01:07:12
you see a rectangle like this
01:07:14
working with graphics that are not allowed
01:07:16
spend in adobe everywhere so we use it
01:07:18
we carry out photoshop and now it’s a rectangle
01:07:22
I make it more transparent I make it more
01:07:25
transparent bottom of this rectangle we
01:07:29
we also make it soft up
01:07:32
make it soft, you see what the situation is
01:07:36
it turns out that there is some kind of
01:07:38
the glass on the stock looks really good
01:07:40
interesting, we can repeat this story
01:07:44
let's say here
01:07:48
erase a little
01:07:51
so that we don't get in the way like this again
01:07:58
it is permissible to duplicate the rectangle
01:08:01
somewhere up here like this and more
01:08:06
maybe somewhere here
01:08:08
but more also softly and neatly and me
01:08:16
Andrey is often asked how do you know
01:08:18
how to make some kind of effect first
01:08:20
he needs to imagine his head remembering
01:08:22
I saw him somewhere and looked at him and then
01:08:25
no one knows the correct method how
01:08:28
make all rectangles like this
01:08:29
do differently if you feel that
01:08:32
you can do this somehow try
01:08:34
before you do it, I'll do it on my own
01:08:37
I figured out how to create such an effect
01:08:39
no magic buttons
01:08:41
Create rectangles like this in Photoshop
01:08:43
you must understand this
01:08:45
That's why
01:08:46
more creativity and more freedom in
01:08:49
actions, how do you like these stripes guys?
01:08:51
to your liking
01:08:59
tags
01:09:02
Our three proposals in general are
01:09:04
they probably look good here
01:09:07
they look really good like this
01:09:11
somehow
01:09:17
with our suggestions
01:09:20
yes, I would move something between them
01:09:24
the distance may be a little and it is possible
01:09:28
write on the right that these are our most
01:09:31
this season's hot offers let's
01:09:34
let's just write hot suggestions for this
01:09:38
season and make the title white
01:09:43
more space between lowercase
01:09:49
interval too
01:09:52
I just eat like this sometimes
01:09:57
layout designers usually
01:09:58
master class and which every time
01:09:59
how do you make some beauty then
01:10:01
how to type it up later and very often
01:10:05
there was a video of me in which I said
01:10:07
guys, when you make a design, don’t give a damn about it
01:10:09
naturally the layout designer cannot use it
01:10:10
don't care because he has to work later
01:10:12
if you are a layout designer, you understand this, I
01:10:15
said in the sense that if we
01:10:16
listen to us all ourselves and please
01:10:23
for the sake of our layout
01:10:25
done as simply as possible we would have
01:10:27
arial font
01:10:28
white and black colors in the layout and everything
01:10:31
bootstrap grid needs to find a compromise and
01:10:35
if creativity requires that
01:10:37
make a serious composition with
01:10:39
turn off your brain with graphic effects
01:10:42
layout designer and do as you need
01:10:44
layout is then done simply because
01:10:46
that all this image then
01:10:47
all layers are grouped and exported
01:10:50
png format it's not hard to do
01:10:52
layout designer you don't care at all if you
01:10:55
you are doing layout at this moment
01:10:57
so don't you ever think I said
01:11:00
I don’t care about the layout in this regard
01:11:02
so that it doesn’t dictate your creativity
01:11:05
Naturally, you can’t help but spit, but a tampon
01:11:08
such hyip rose from Andrey as after
01:11:10
this phrase you can turn off the video otherwise
01:11:13
that's the context people don't hear it
01:11:15
okay so we'll make a double header
01:11:24
it looks interesting and will suit me
01:11:28
looks like a good solution
01:11:31
such an easy title
01:11:34
bestsellers hot offer of the season
01:11:41
we get a headline that
01:11:43
tells us, well, it’s natural that everything
01:11:45
what we have on the left is hot
01:11:48
proposals and that season and typesetting
01:11:56
this layout has a problem with the layout of this
01:11:59
the layout will be for those who only layout
01:12:03
on boots because if you
01:12:04
Do you understand what media queries are?
01:12:06
such flex is not a problem at all
01:12:11
so now we need to play maybe
01:12:14
somehow with these proposals
01:12:27
excellent hot offer of the season
01:12:30
done, you can move the frame a little
01:12:35
I don't need menthol color in the background
01:12:38
let it be white so eat these somehow
01:12:47
offers shifted not very box
01:12:50
or what if we like this and and and so
01:13:02
great I love this rare moment
01:13:06
where a stupid rubber band can really
01:13:09
ok work fine come in ok
01:13:12
we continue our rectangle
01:13:15
stretch what we have here next is
01:13:20
everything should be a slider let's do it too
01:13:22
I wouldn't like to make a slider here
01:13:24
it is possible in principle it is possible
01:13:25
let's make sliders
01:13:27
icons are just appropriate, let’s say
01:13:30
here is the english elevator and here we do rock slides
01:13:35
under the heading I am now especially in order and
01:13:38
I'm putting layers on, I don't want to spend it on it
01:13:40
time it can be done later but
01:13:42
you just need to do what
01:13:44
I'm not doing this now doesn't mean that
01:13:46
you don't need to do that either
01:13:49
it is necessary to understand this
01:14:00
so will we have such a leaflet?
01:14:04
Are you wearing glasses now and do you need some?
01:14:06
shootouts for unfaithful
01:14:07
Between all this, let's get them
01:14:11
let's try to create
01:14:24
no, too ugly, I wanted some
01:14:26
make a non-standard bullet, but apparently
01:14:29
you'll have to do something more standard
01:14:33
do
01:14:40
How
01:14:43
ok
01:14:50
so this is our navigation or
01:14:55
mentik was flipping through this
01:15:06
ok next you have a question we have
01:15:10
the answers are actually a shameful section like
01:15:13
for modern design I didn't even want
01:15:16
I would like to try to recreate it now
01:15:18
because it doesn't look very nice
01:15:21
and make something more out of it
01:15:23
interesting here just as if
01:15:24
sucked from finger
01:15:27
but in the current composition I would like this section
01:15:30
I missed a lot there, we didn’t lose anything
01:15:33
I mean, so let's skip it
01:15:36
let's go further why we
01:15:38
advantage, well, this is the moment I would
01:15:40
played here let's take the title from here
01:15:45
here it is, two layers that are marked
01:15:49
title I'll copy them and create a new one
01:15:53
I will name the group its advantages and
01:15:56
property and in this group we will already have
01:16:00
you continue to work what we have here for
01:16:05
advantage is possible even in principle
01:16:07
the title may not be done but for now I
01:16:10
So I’m thinking, let’s leave it for now
01:16:13
to keep our composition idea to us
01:16:17
First of all, you need a graphic
01:16:19
content because the first section asked
01:16:22
such a dense tone in terms of graphics but
01:16:24
further we need to support it therefore
01:16:27
there must be a photo in here somewhere
01:16:28
again Israel and most likely
01:16:32
just as beautifully carved in this
01:16:35
complexity but I think that we are with her
01:16:37
we'll handle it, we'll dial again
01:16:39
Israel but let the filter be bigger
01:16:42
than 1024 pixels and what should we do there
01:16:46
find suitable ones
01:16:48
maybe the hills will suit us by the way
01:16:51
maybe there are only tests here, no one is doing
01:16:55
period knows nothing about it
01:16:56
interestingness is the most important thing in my opinion
01:16:59
our hills are big we can afford
01:17:02
yourself to play with them in a big way
01:17:04
permission
01:17:05
rasterize the layer, take the magic wand
01:17:07
poke at the sky and start deleting
01:17:10
unnecessary pieces of the sky very good that
01:17:13
the clouds are good here
01:17:15
the sky stands out well separated from the mountains
01:17:18
so she doesn’t really bother us, but
01:17:20
now you need to work with the eraser
01:17:22
good rigidity with good radius
01:17:25
so that this whole thing can be adjusted here
01:17:31
by the way guys who are watching versus battle
01:17:34
write a plus sign I just recently
01:17:37
met people who don't even know what
01:17:39
this versus battle I'm a little surprised
01:17:42
I think many of you should know
01:17:51
watch now season 4 selection and on fresh
01:17:54
damn who knows what versus is
01:18:02
see I'm using an eraser now like this
01:18:04
lightly our stars a little bit
01:18:07
play to make them look more
01:18:10
Naturally, that’s how I see Seryozha in the middle
01:18:16
Douglas topic yes with the virus again guys
01:18:22
you see a lot of artifacts here
01:18:23
which can and can be avoided
01:18:26
if you and I had used the first one
01:18:28
to send images
01:18:30
we didn't use it like nothing
01:18:32
scary but in the future if you do
01:18:34
real project for you from weed one hundred
01:18:36
percent will be needed
01:18:41
Sasha dosage ealing interior
01:18:44
I'm waiting for you at coaching, I saw you signed up
01:18:47
we have many graduates after
01:18:50
design coaching go to design coaching
01:18:52
layout or convolutions go to the design here
01:18:55
Sasha and Lemken graduated was the best
01:18:57
students in the penultimate streams
01:19:00
layout coaching now signed up for
01:19:03
design with which I will sew congratulations so these
01:19:08
we need to reduce the pyramids too much
01:19:10
large ones can be reflected horizontally
01:19:17
what are we what is a circle
01:19:22
so maybe so now now we need
01:19:28
play with the eraser play with the eraser
01:19:31
rasterize the layer and set the hardness to zero
01:19:34
The plastic is large and we begin to remove it
01:19:37
carefully begin to remove the excess
01:19:43
because this work with an eraser is
01:19:46
very capricious
01:19:47
I'll repeat it again, I'm not working today
01:19:49
xd because well first of all
01:19:51
and where is not a panacea secondly but such
01:19:53
cases, for example, it is impossible to cope with
01:19:56
where because there is no such thing
01:19:57
tool like an eraser therefore should
01:20:01
use photoshop that's how we'll do it
01:20:04
the same manipulation as was done before with
01:20:06
previous image blur
01:20:09
Gaussian blur and do something like this
01:20:11
glow beautiful beautiful glow on
01:20:16
will add richness to our picture
01:20:22
yes but the only thing is that something doesn’t suit me
01:20:29
I really like it, let's reflect back
01:20:35
yeah, would it be better here with this?
01:20:42
Now let's work on the angle
01:20:55
and you need to do it very carefully
01:20:57
because degree is important
01:21:02
the lightness of this corner in the fog
01:21:08
Eva what is it like now under all this
01:21:13
under these images we will open
01:21:16
new layer let's take a brush I think
01:21:19
I need to do something, let's take it
01:21:22
blue is our greenish color, you can
01:21:28
do something like this can be a glow
01:21:31
it’s kind of hard without him
01:21:34
look guys it was like this it became like this
01:21:37
feel like something more is being added
01:21:40
cool these little things they are so important
01:21:43
so often plays a big role
01:21:47
may not be noticed
01:21:48
overlook their importance
01:22:03
so max cheremisov from layout to design
01:22:05
I also signed up, what is versus guys?
01:22:09
but you need to type it into google and versus
01:22:12
battle
01:22:13
look what this thing is
01:22:15
interesting and we need you
01:22:18
write advantage absence
01:22:21
intermediaries are the first advantage
01:22:24
let's take an example from here
01:22:26
never create a header in a heap
01:22:29
new headlines whenever possible
01:22:30
use old ones somewhere
01:22:31
modification may be missing
01:22:35
intermediaries absence of intermediaries
01:22:40
absence of intermediaries is recorded
01:22:45
you can even make the font bigger
01:22:47
probably they get the text as a consequence
01:22:53
cheaper as a full tourist
01:22:55
the package is for each component let's
01:22:57
let's write this text down, it's not easy
01:23:02
as a consequence in short not as a consequence but
01:23:06
lorem ipsum
01:23:07
I won’t write anything here again
01:23:10
time that you don't want to spend on
01:23:12
writing text is not the main thing today
01:23:18
how to delete an extra piece of text?
01:23:23
we don't need it here, we have enough let's say
01:23:27
three lines of text are required on the tab
01:23:31
paragraph remove the hyphen and because in
01:23:36
layout then you won’t be able to transfer it
01:23:38
you will do
01:23:39
Well, make a setup for your layout designer
01:23:41
if you have text hyphenation and
01:23:45
absence of intermediaries excellent
01:23:49
you can try to make an advantage
01:23:51
white, let's make it white though
01:23:57
it would be better to make our text not white
01:24:00
basic
01:24:01
and very close to white but bluish
01:24:13
very fine line so lack
01:24:20
there are intermediaries, let's say our first
01:24:23
advantage and you need to do it somehow
01:24:26
some advantage was secured
01:24:29
I'll give an icon with some kind of trigger
01:24:31
visually this is our first advantage
01:24:34
these will immediately make the second advantage
01:24:38
full transparency transparent and
01:24:39
satisfied relationships transparency
01:24:43
relationships let's call it that here too
01:24:47
lorem ipsum
01:24:49
pum pum pum pum pum we have a little bit here
01:24:52
guides
01:24:53
it's not a big deal though
01:24:55
possible for one pin per point
01:24:57
make the pins smaller yes here we already have
01:25:04
as you can see a string is formed
01:25:06
which we must not violate
01:25:08
and here the layout designers will find
01:25:10
some reason for glad to reflect as if
01:25:13
these strings make layout this is not done
01:25:15
necessarily, that is, the designers of these strings
01:25:17
we need verticals but for us as for there
01:25:20
without fingers it's not but it's not necessary
01:25:22
do
01:25:23
you can make up normal strings without strings
01:25:25
will
01:25:30
so four more advantage
01:25:33
more precisely, two more comprehensive operational
01:25:36
Let the information be prompt
01:25:39
information personal accompanied personal
01:25:47
supra supra
01:25:51
driving and what's cool guys are you
01:25:53
Now you are watching a wave of improvisation
01:25:56
that I absolutely didn’t know what we had
01:25:58
it will work out it turns out in my opinion
01:26:00
very interesting, we can't help but miss it
01:26:05
the vertical distance is a little
01:26:08
horizontal lines more precisely between these points
01:26:10
I would like to expand this a little
01:26:15
we have no intermediaries and
01:26:18
operational information would you like this
01:26:20
push apart we are then violated
01:26:22
our vertical is a little bit this is bad
01:26:27
Badly
01:26:29
immediately spoils, that is, they are straight
01:26:31
asking to be here on this
01:26:34
verticals what can we do
01:26:38
what can we do except maybe
01:26:41
what to go to extremes and cut back
01:26:43
the distance between sentences is this
01:26:46
maybe a little bit then we're on the Dvina
01:26:52
this might somehow save the guide
01:26:54
our situation
01:26:59
so sometimes you need to reduce the distance along
01:27:02
verticals between elements and more or less
01:27:05
everything will be ok just like that yes there is fire fire
01:27:13
and fire
01:27:15
hot offer possible opportunity
01:27:18
move this string here
01:27:22
basically yes why not why not
01:27:31
super, you see ours has already emerged
01:27:33
own new grid
01:27:34
this is absolutely normal practice
01:27:38
we're missing a little bit here
01:27:40
something up to some graphics that we can
01:27:44
I wouldn't want to litter here
01:27:46
somehow current composition I think we need
01:27:49
take the small light icon
01:27:51
let's say something like this for red white and
01:27:54
just paste this here
01:27:56
because there will be too many graphics
01:27:58
too much, we must understand this
01:28:00
so add some more here and there
01:28:02
graphic strong icons it would be nice
01:28:04
irrational
01:28:05
but you can choose a color for them
01:28:14
try let's try
01:28:19
let's make this icon green
01:28:21
easy for this turquoise
01:28:24
for this little yellow lungs these are lungs
01:28:31
subtle accents but they are visible
01:28:33
ok yes it turned out interesting for me
01:28:38
look super further further
01:28:48
more about Israel through the eyes of our clients
01:28:51
An unforgettable holiday is a little bit of a goal here
01:28:54
was this section to tell people in general
01:28:56
why you should go to Israel
01:28:58
let's try to recreate this idea
01:29:04
so Israel through the eyes of our clients here
01:29:11
our hot offers with sales whales
01:29:14
let's copy them again here for us
01:29:16
I need a title for the next section I think
01:29:20
Israel through the eyes
01:29:23
we call the following group of clients
01:29:25
layers
01:29:27
who guys just joined us
01:29:29
redesign old old
01:29:32
landing pages were new, they were already outdated
01:29:34
now we are making a modern [ __ ]
01:29:38
what is this key combination
01:29:42
I clicked it now by accident
01:29:50
balin in short now we'll be back again
01:29:53
save this document there
01:29:55
who can tell me guys yes I will give 5
01:29:58
hryvnia about dropped why this
01:30:02
what's happening I don't understand at all
01:30:05
we go to everyone bye bye
01:30:11
so, by the way, you can draw the second string
01:30:23
Yes, there was a guy we had for training
01:30:26
name is Andrey Gavrilov, also interesting yes
01:30:36
Tax bestsellers are not hits for us
01:30:39
sales and Israel through the eyes of our clients Israel
01:30:43
through the eyes of our clients gallery gallery 2
01:30:52
title
01:30:56
our happy clients we can do this
01:31:01
write so here we have here
01:31:14
firstly we'll play with the canvas a little
01:31:16
with height
01:31:17
it won't be enough
01:31:33
what do we need to pick up here?
01:31:35
the image of Israel will suit us here
01:31:38
our request is more than 1000 24 pixels
01:31:40
let's download some interesting ones
01:31:42
pictures of Israel
01:31:44
like this, for example, it’s not enough and
01:31:48
she's small in my opinion, it's just necessary here
01:31:54
check
01:32:00
xxx
01:32:02
I think I should take this photo no this
01:32:10
Sasha was not a pseudonym, it was real
01:32:12
man this is how it happens now
01:32:16
the question we had was this: collages
01:32:19
the head system is not quite here again
01:32:23
according to the design, this one will suit us now
01:32:25
diagram of what we can do in our
01:32:28
case we can do
01:32:30
we can make us enough of these already
01:32:36
cloudy images
01:32:38
plenty and by the way I think that
01:32:41
you can add three more from these from ours
01:32:44
rectangles that were here
01:32:46
you can copy them and move them over
01:32:52
our advantages over the image
01:32:55
mountains
01:32:56
there are just more hills here
01:33:01
naturally
01:33:02
refreshing them is a little easier to do
01:33:15
make a big eraser as usual and
01:33:18
Let's play around with their opacity first.
01:33:21
it's too high, need less, well
01:33:25
and of course the size
01:33:34
of course the size
01:33:40
yes it turns out that we have this idea again
01:33:42
we inherit our own ideas which
01:33:44
created our main
01:33:48
the pyramids somehow lose contrast
01:33:50
in the background of the first screen so I would
01:33:52
added contrast and I would also add
01:33:56
saturation
01:34:03
like this
01:34:06
then it balances out a little 1
01:34:09
composition
01:34:10
more precisely the color richness of the first screen
01:34:13
with this screen
01:34:14
is balanced a little and under these
01:34:18
images to be completed
01:34:20
confident that we did everything right
01:34:22
something is missing here
01:34:24
you can try to take some brushes
01:34:28
recently downloaded
01:34:35
but somehow we don’t have this ball here
01:34:37
I think a ball like this would be appropriate
01:34:44
can still get away but it must not be
01:34:47
this color or something softer
01:34:58
OK
01:35:07
now it’ll be more interesting and that’s it
01:35:14
I still think another layer is needed
01:35:19
in which we will work with a brush, take
01:35:22
round brush, high hardness, size 0
01:35:27
600 let's take the color
01:35:30
let's say a drop of green here
01:35:38
carefully
01:35:49
but very carefully
01:35:55
yes there is now that from this section we are with
01:35:59
you must decide whether you can create a
01:36:01
such an interesting false gallery is acceptable
01:36:05
now I'll show you an example
01:36:06
let's download different images
01:36:11
there is such a photo there is such a photo
01:36:21
Guys, by the way, I recommend us a lot
01:36:25
get active, ask how your friends are doing
01:36:29
buddy's business because in fact I
01:36:32
I really like live broadcasts because
01:36:34
this is an opportunity for people from many many
01:36:38
many different cities
01:36:40
meet people in one place
01:36:43
passionate about the same ideas and
01:36:47
working on something in common is very
01:36:49
cool I'm that's why everyone is straight
01:36:51
broadcasts I absolutely love what they convey
01:36:53
great value it seems to me tags
01:37:03
Let's work a little with the gallery here
01:37:06
We also need a photo. here's a photo
01:37:19
like this
01:37:23
guys who watch on YouTube who only
01:37:25
connects hello everyone in the description to
01:37:29
broadcast there is a link, click on
01:37:31
this link
01:37:32
register for a master class on what
01:37:34
actually an official place
01:37:35
viewing official chat is at
01:37:37
I'm monitoring the site, so go ahead
01:37:41
you can watch the broadcast there
01:37:43
after registration the most important thing for everyone
01:37:45
register coming tomorrow registration
01:37:47
by mail
01:37:48
this is the only way to get it plus
01:37:51
get this layout so that while they are cooking
01:37:53
work with him
01:37:55
for my own pleasure that's why I don't
01:37:58
ignore this opportunity
01:38:00
because the recording is on YouTube
01:38:03
will not appear on our channel soon and if
01:38:05
in case you haven't subscribed to the channel yet
01:38:07
you will definitely do this regardless
01:38:10
whether you are watching a live broadcast or
01:38:12
recording of this broadcast subscribe to
01:38:15
channel because they have such master classes
01:38:17
we are visited every Wednesday regularly
01:38:20
Podcasts are released on Fridays plus
01:38:22
new different projects are planned therefore
01:38:24
I just recommend keeping your finger on the pulse
01:38:26
if you care about your own
01:38:30
career which you can in which you
01:38:33
you can advance with our help here
01:38:36
and completely free, including
01:38:38
now it is important to create the same size
01:38:41
Gattarov about the veins between ours
01:38:45
images
01:38:49
you need at least two rows of images
01:38:52
probably do that now
01:38:57
debts not interesting download process
01:39:00
photos but we need him anyway
01:39:04
the gallery is very fashionable
01:39:05
layout issues, it is typed up with
01:39:09
conveniently using the jake plugin
01:39:11
faith it's called masonry it allows
01:39:16
In general, it’s very easy to make such tiles
01:39:17
with photographs of different sizes
01:39:21
this is just a question for anyone interested and
01:39:23
layouts of such galleries
01:39:27
yes we will have the next master class
01:39:30
I'll tell you a secret, it will be in
01:39:32
Monday so that's not it
01:39:34
scheduled time on Monday also at
01:39:37
six o'clock in the evening 10 trends
01:39:40
web design
01:39:42
in April 2018 to the latest trends
01:39:46
which today are right above in the top for
01:39:49
which you need to follow and which you need
01:39:51
use your work to get
01:39:53
well, at least these are the effects like
01:39:55
we are succeeding now so no
01:39:59
neglect guys subscribe to
01:40:01
I highly recommend the channel
01:40:04
register on the site link in
01:40:06
description for broadcast from or on YouTube
01:40:09
because you will receive and record
01:40:12
notifications about new master classes to
01:40:14
just don't miss them
01:40:23
by the way, it starts on the 30th
01:40:26
coaching web designer lucky ticket to
01:40:28
Thailand which we will study in
01:40:29
make from scratch and a user-friendly interface and at the same time
01:40:32
same time I don’t have such beautiful graphics
01:40:35
I’ll tell you more about this coaching
01:40:37
a little later today and I’ll tell you about it
01:40:39
what a gift according to this
01:40:41
coaching prepared for you therefore
01:40:43
I definitely recommend waiting until the end
01:40:46
will
01:40:47
there will be something to listen to where are all these
01:40:50
images by created
01:40:52
something is not where it should be, we need to move them
01:40:55
to the higher section and now they are probably
01:41:01
we still need to adjust it according to our
01:41:05
according to our guides or somehow theirs
01:41:08
the edges of the screen were not nailed very nicely
01:41:11
it turned out like this let's do it like this but again
01:41:14
to make it all as beautiful as possible
01:41:16
I'd like to do something here with
01:41:20
do something with the background for
01:41:22
this I open the layer open the layer and
01:41:27
I think it will be useful for us
01:41:30
By the way, you know how to do it
01:41:32
try these images I duplicate
01:41:36
just duplicated it again now everything
01:41:39
I will convert the bottom images to
01:41:41
smart object
01:41:42
I'll apply a filter-blur-blur on them
01:41:44
by Gaussian
01:41:51
we will not have such a light glow
01:41:54
so strong you know such glows
01:41:56
blur in flat design style, well, if
01:41:59
you have windows 10 I think you know what
01:42:02
they are now blurry
01:42:03
graininess on the backgrounds and well, we're somewhere
01:42:08
we are somewhere around this now
01:42:10
such different topics are very cool
01:42:12
looks and I think you will agree with me
01:42:14
Looks like it's given flint, these are blurring the background
01:42:16
very similar and we have it too
01:42:24
gallery
01:42:25
It's a bit empty here
01:42:28
I think this is the part I need to fix
01:42:30
this position also take some kind of brush
01:42:34
let's say
01:42:44
it's a circle but I don't really like it
01:42:46
To be honest, this circle is like this to me
01:42:53
I don’t really like that either
01:42:57
interesting
01:43:00
I think what we need here is just a bow
01:43:02
it's easier to drip
01:43:04
with a regular round brush and everything is light
01:43:12
add glow and but it won’t be too much
01:43:15
intrusive but it will be
01:43:17
you can still be here
01:43:25
to get perverted since we hit so hard
01:43:27
graphic you can take a rectangle here
01:43:30
like this then take the tool
01:43:34
pen add an anchor point and play around
01:43:37
with an outline make it more like this
01:43:43
current
01:43:50
OK
01:43:55
perhaps that's enough for now for this
01:43:59
rectangle apply color similar
01:44:02
background like this
01:44:09
or rather not as lighter as ours
01:44:12
closer to the left edge so make a shadow
01:44:29
so that it can be seen so that there is such a wave
01:44:37
interesting naturally now we and
01:44:39
we will work on this, we will transform
01:44:41
this is the resulting layer in the smart object so that
01:44:43
having the opportunity is now normal
01:44:45
edit the whole thing and let's start
01:44:48
little by little, that's all
01:44:57
little by little CNC training ground
01:45:11
OK
01:45:18
yes yes great I don't like it
01:45:22
it's under the shower
01:45:31
yes fire
01:45:36
super and in the end we already have the principle
01:45:42
the landing page is coming to an end and I just want
01:45:45
it’s somehow logical to complete it already
01:45:49
we need to do this as correctly as possible
01:45:52
We don't have much time left
01:45:54
I still want to not mess with the ending
01:45:58
because Lindos works
01:46:00
really very strong strong lang
01:46:05
It seems to me that it’s better not to ask questions now
01:46:11
ask what I'm natural
01:46:12
let's skip it so let's finish
01:46:14
and then we worked with the questions like this
01:46:18
it turns out to be quite interesting
01:46:20
motley but at the same time moderate
01:46:23
I like the composition but it remains
01:46:26
do
01:46:27
final final the most important thing we need
01:46:32
do for this there was an image here
01:46:36
which I liked, this is what I need
01:46:41
try to get it somehow
01:46:46
I hope I can do this
01:46:54
and it is in high resolution resolution but
01:47:02
that's not very good
01:47:11
so it seems like it could be nice
01:47:15
better, oh well, we just don’t have the resources for this
01:47:17
even the ability to select so okay
01:47:20
what should we do now I think you
01:47:23
are already accustomed to what we use
01:47:24
in this case with a magic wand to
01:47:26
solve the problem with the background here
01:47:35
this needs to be done carefully before
01:47:41
let's use the eraser carefully now
01:47:43
let's align everything like this
01:47:52
here I think you can take an eraser
01:47:54
try with a little hardness
01:48:02
like this
01:48:10
preserved a little glow this way
01:48:19
Max
01:48:23
Now we use this plastic for
01:48:29
bottom
01:48:41
So
01:48:44
now guys I'm just having some moments
01:48:46
responsibly and I cannot comment
01:48:48
And
01:48:49
somewhere perhaps it seems that I
01:48:51
I'm dull, don't just need time
01:48:54
think
01:49:15
yes we did it, this one after all
01:49:19
moment the banner is to be deleted like something
01:49:25
with a magic wand I guess I like it
01:49:28
to me you are the glow here and the image itself is me
01:49:35
would edit would make a correction would make
01:49:39
under more contrast let's draw our
01:49:44
standard manipulation in
01:49:46
Gaussian blur copy
01:49:58
So
01:50:09
there is and this whole thing still needs to happen somehow
01:50:13
give us some kind of final
01:50:16
composition, let's say the final call with
01:50:20
using the button we can copy it from here and
01:50:26
move here
01:50:35
let's ask a question there are questions we are in one
01:50:46
a step away from you this will be the call so I
01:50:56
I think we need some halls canvas
01:50:58
subrace move now we're all about it
01:51:07
let's move it lower, we have someone hiding
01:51:12
a piece no one needs
01:51:21
If you have any questions, we are just one step away, let us know
01:51:25
We’re waiting for questions, by the way, and the mesh too
01:51:30
copy to that as a mesh
01:51:35
the thing is branded and since we
01:51:39
used once can be used
01:51:41
and other times you even need it somewhere
01:51:43
use
01:51:54
There is
01:52:04
super ending I agree that it is
01:52:08
not entirely ideal and because there it is necessary
01:52:10
still need to finalize some things and basically
01:52:12
Is it possible to remove the sea there, plus there is no
01:52:15
elements from the footer but in principle on
01:52:18
this stage can be completed because
01:52:22
why not, you can tease me like this
01:52:36
In general it turns out cool, you can take a look
01:52:38
the city is far away
01:52:41
make it completely foggy
01:52:50
yeah great I probably like it here
01:52:54
I would do something even near the city
01:52:56
something is missing maybe missing
01:53:01
some bright spot
01:53:11
bright spot
01:53:17
yellow looks good
01:53:22
let's fire with an offended look
01:53:26
we get such a story
01:53:31
alpha travel
01:53:32
I think it's remarkable to see that
01:53:34
what was and what became in terms of design from was
01:53:39
that's the idea, I just joined
01:53:41
guys, we remade the old layout
01:53:43
created a couple of years ago in a new way not
01:53:47
completely from a marketing point of view and
01:53:50
psychology was worked on here for a moment
01:53:52
and because well the content is on me part here
01:53:54
was a little different more complete to me
01:53:56
I had to get rid of some things
01:53:58
I can say that this is the right decision
01:53:59
in terms of increasing conversion because
01:54:03
my goal was to do the first one today
01:54:05
queue design preserving the composition
01:54:08
old landing page but still some
01:54:10
moments we some moments we
01:54:12
got rid of it, I don’t regret it
01:54:13
but perhaps this is not entirely correct
01:54:15
from a conversion point of view, this is necessary
01:54:17
look at the first screen in my opinion
01:54:19
causes all the most necessary wow effects
01:54:22
compared to what he was he became
01:54:25
much more solid
01:54:27
attractive further we offer
01:54:31
people immediately hot offers of this
01:54:32
season
01:54:33
here again you can modify the show
01:54:35
how will the card behave when
01:54:37
pointing well again you understand that
01:54:40
you can work on the layout endlessly
01:54:42
two hours for a layout is very little time
01:54:44
and I'm somewhere for many moments
01:54:47
naturally forced something left
01:54:48
unfinished in this section we
01:54:51
we talk about our advantages here
01:54:53
don't even need any headers
01:54:55
because
01:54:57
Well, it’s clear that we have this advantage
01:55:00
Let me remind you that I skipped this section right away
01:55:02
moved on to the advantages, that is, there was
01:55:04
what section became like this
01:55:08
attractive section with pyramids
01:55:10
some with hills with a flying ball and
01:55:14
Israel through the eyes of our happy ones
01:55:16
we were looking for clients like this
01:55:19
no text content has been added but that's already it
01:55:21
As you understand, you can at any time
01:55:23
moment to do with photos we have
01:55:26
slight blur in the background as if in flu
01:55:28
indesign I'm a microsoft fan
01:55:32
that they rolled out their new design
01:55:34
Flynn design system it's for me
01:55:36
I really like it but in the end this is the ending
01:55:40
fabulous under blue washed under blurry
01:55:43
may even be too blurry in
01:55:46
where we invite people
01:55:47
it’s possible to ask final questions
01:55:51
this composition is the finale I really agree
01:55:55
came out a little unclear
01:55:58
maybe I overdid the other side of us
01:56:03
a lot has already been done there since
01:56:05
it's okay, it's no big deal
01:56:09
shortage that's how you work guys I'm waiting for
01:56:15
you feedback on what we are with you and
01:56:17
we did it together, I think it’s something we have in common
01:56:20
merit
01:56:24
So I'm waiting for feedback guys, write
01:56:32
How do you like what we have?
01:56:38
Guys from Israel in the chat I see hello
01:56:47
super super Nika writes what she likes or
01:56:51
I like the earrings too
01:56:54
or I'm happy too great guys
01:56:58
great about this conversion too
01:57:02
moment that now before as they said
01:57:05
to ensure conversion, do the best
01:57:08
such an accent button in the first screen
01:57:09
here there is a yellow one there is a red one
01:57:12
big phone today people are used to
01:57:15
this won't surprise people anymore
01:57:17
design back then it was wow
01:57:19
now it's him you today wow this
01:57:21
it’s hard to say something like that here
01:57:23
what affects the conversion is the color of the button or
01:57:26
the overall feeling from this first screen
01:57:29
which beckons which burns wow look
01:57:32
what juicy ones buy from us because from us
01:57:34
such a cool site, but this is controversial
01:57:37
moment and it seems to me that in 2018
01:57:40
the foreground comes out exactly like this
01:57:42
that's a wow effect from the graphics that affects
01:57:44
for conversion these are the things that
01:57:46
we heard about landing pages 34 years ago they
01:57:51
they don't work anymore, they're not that simple, they're not
01:57:54
so cliche
01:57:55
we need more creativity and here we come
01:57:57
such an interesting solution

Description:

Хотите прокачаться в направлении разработки стоящих интерфейсов? СКАЧАТЬ МАТЕРИАЛЫ: https://wayup.in/lm/load/lm72

Preparing download options

popular icon
Popular
hd icon
HD video
audio icon
Only sound
total icon
All
* — If the video is playing in a new tab, go to it, then right-click on the video and select "Save video as..."
** — Link intended for online playback in specialized players

Questions about downloading video

mobile menu iconHow can I download "Профессиональный дизайн сайта за 2 часа" video?mobile menu icon

  • http://unidownloader.com/ website is the best way to download a video or a separate audio track if you want to do without installing programs and extensions.

  • The UDL Helper extension is a convenient button that is seamlessly integrated into YouTube, Instagram and OK.ru sites for fast content download.

  • UDL Client program (for Windows) is the most powerful solution that supports more than 900 websites, social networks and video hosting sites, as well as any video quality that is available in the source.

  • UDL Lite is a really convenient way to access a website from your mobile device. With its help, you can easily download videos directly to your smartphone.

mobile menu iconWhich format of "Профессиональный дизайн сайта за 2 часа" video should I choose?mobile menu icon

  • The best quality formats are FullHD (1080p), 2K (1440p), 4K (2160p) and 8K (4320p). The higher the resolution of your screen, the higher the video quality should be. However, there are other factors to consider: download speed, amount of free space, and device performance during playback.

mobile menu iconWhy does my computer freeze when loading a "Профессиональный дизайн сайта за 2 часа" video?mobile menu icon

  • The browser/computer should not freeze completely! If this happens, please report it with a link to the video. Sometimes videos cannot be downloaded directly in a suitable format, so we have added the ability to convert the file to the desired format. In some cases, this process may actively use computer resources.

mobile menu iconHow can I download "Профессиональный дизайн сайта за 2 часа" video to my phone?mobile menu icon

  • You can download a video to your smartphone using the website or the PWA application UDL Lite. It is also possible to send a download link via QR code using the UDL Helper extension.

mobile menu iconHow can I download an audio track (music) to MP3 "Профессиональный дизайн сайта за 2 часа"?mobile menu icon

  • The most convenient way is to use the UDL Client program, which supports converting video to MP3 format. In some cases, MP3 can also be downloaded through the UDL Helper extension.

mobile menu iconHow can I save a frame from a video "Профессиональный дизайн сайта за 2 часа"?mobile menu icon

  • This feature is available in the UDL Helper extension. Make sure that "Show the video snapshot button" is checked in the settings. A camera icon should appear in the lower right corner of the player to the left of the "Settings" icon. When you click on it, the current frame from the video will be saved to your computer in JPEG format.

mobile menu iconWhat's the price of all this stuff?mobile menu icon

  • It costs nothing. Our services are absolutely free for all users. There are no PRO subscriptions, no restrictions on the number or maximum length of downloaded videos.