How to create a bootstrap psd grid in photoshop cc 2015. Photoshop web design tutorial 2017. Checkout Full course http://bit.ly/1Mp9blr
---------------------------------------------------------------------------------------------------------------------------
0:00 Hi you my name is Dan and by the end of
0:05 This video you all know what a grid
0:16 using Photoshop if you're serious about
0:18 making money as a web designer there's a
0:20 discount code for you in the description
0:21 anyway sales pitch over let's learn
0:24 about good-looking grits now the most
0:26 popular solution to handle different
0:27 browser sizes at the moment is the grid
0:30 system and of the grid systems something
0:33 called bootstrap is by far the most
0:35 common now whether you are using
0:37 bootstrap or any other way to build your
0:39 website you're probably going to be
0:41 using the grid system and that's what
0:44 we'll use in our Photoshop document the
0:45 grid system allows designers to work
0:47 from a base 12 column grid designers can
0:50 span any amount of those columns to suit
2:09 these are feature boxes all carved into
2:11 thirds the case of four columns for
2:13 columns four columns and then my photo
2:15 would be spanning all three you can see
2:17 here's a couple of different examples of
2:18 ways of cutting out websites so I've
2:21 switched here to the photoshop file that
2:23 you can download as part of the exercise
3:42 looking for exact dimensions to get
3:44 started with then you can download the
3:46 photoshop template that i've gotten the
3:48 resources or if you're using say
3:50 bootstrap you can go and check bootstrap
No comments:
Post a Comment