April 2, 2020
Design Awesome Facebook cover  image for E-commerce

Design Awesome Facebook cover image for E-commerce


[Music] lets…we open a new file from the file menu and put it 1702 by 630
the resolution would be 144 for the…our retina display this size and lets go to the view menu
from there we choose the new guide umm…lets cancel this one from the view again, new guide layout
from there lets put for the column is the 8, number 8 and for the row 2 and click OK now we will have this 8 column and 2 row now lets select the rectangle tool from the toolbar…toolbox and drag a shape, a rectangle and now lets put the Ctrl+T or Cmd+T
in order to transform this shape and match it with our upper row with the three column and now lets press alt/option key from the keyboard
in order to duplicate this layer so now we have the two rectangle shape lets select again the rectangle toolbox from the…from the too…the toolbar and select a shape in the left bottom row press the Ctrl+T or Cmd+T in order to transform
in order to transform this and lets again select the another rectangle and drag and draw a rectangle shape lets drag and draw another rectangle shape and click OK after we transform this shape lets now select the rectangle tool again and drag and draw another shape in our…
top row press the Ctrl+T or Cmd+T from the toolbar
in order to this shape again click OK lets we make it zoom in in order to close the gap between this two shape we will keep only a few pixel between this two shape
the upper two shape so we will have only a few pixel and click OK now lets…zoom..zoom out again and same for this shape also
in our third shape from the bottom line lets press the Ctrl+T or Cmd+T
in order to transform this shape and click OK lets zoom in a little bit to see the…
this gap and so we can reduce this gap by a few pixel only lets zoom out press Ctrl+0 or Cmd+0 in order to get this actual size of this document and lets…we make sure that in the every
side of this image has same pixel press Ctrl+T or Cmd+T from your keyboard in order to
transform in that particular shape and click OK and now lets select this one
rectangle 2 and lets….we lets…we press the Ctrl+T or Cmd+T
from the keyboard in order to transform this shape and click OK and lets…we pick the rectangle 5 which is the top row in our document and now lets we take some image from our image folder lets we convert this image to the smart object
and drop it to our main document now we have to resize this image and lets bring this layer on top of rectangle 1
and click the right mouse button and select create clipping mask and press Ctrl+T or Cmd+T
in order to transform this image and to put in the exact shape of our top right hand shape lets press OK lets bring the another image from the image folder lets convert it to the smart object
and bring it to our main document and lets bring this layer to top of the rectangle 5 and right button of the mouse and
select the create clipping mask and lets transform this one by Ctrl+T or Cmd+T and we put this three faces of this girl image
in our top row…top left hand shape and click OK and now we bring the another image from our image folder
and lets convert it to…to the smart object and lets drag and drop it to the our main document and again lets drag this layer to the top of the rectangle 1 copy
and click the mouse right button and select the create clipping mask in order to clip this image inside this shape
in the right bottom shape and lets we resize it by Ctrl+T or Cmd+T from our keyboard press OK and we have to resize it again by Ctrl+T or Cmd+T
from the keyboard and press OK now lets we bring the another image from the image folder lets convert it to the…smart object and bring this one to our document
and click the right mouse button and select create clipping mask
and put in it on the top of rectangle 4 and press Ctrl+T or Cmd+T
from the keyboard in order to transform this image and let resize it more
in order to show this our few more product product images uhh…in this shape lets we select the rectangle 3
and lets bring th…this image from the image folder lets convert it to the smart object
and lets bring it to our main document make sure this…this layer
this image is on top of rectangle 3 and click the right mouse button
and select the create clipping mask lets press Ctrl+T or Cmd+T in order to
transform this image and…press OK and now…lets bring our last…last image
from the image folder and lets convert it to the smart object and bring it to our main document and make sure that this layer is the top of the rectangle 2 shape
and make sure that you click the right mouse button and select create clipping mask and then press Ctrl+T or Cmd+T
in order to transform this image to show this three different product in this shape lets resize it again and uhhh…lets select the…ellipse tool from the rectangle shape toolbox and drag and draw a round shape in our top row lets bring this shape layer to the top top side and select the move tool
in order to move this round shape in…in the document and lets put this round shape between this two faces
and we can give it the fill color to dark gray and lets we make a copy of
this round shape by drag to the create new layer so we have the two copy and lets select the last one
the ellipse 1 copy and…and then Ctrl+T or Cmd+T
to make it a little bit smaller and from the border from the border pixel we put it 6
and the line will be the dot line lets select the dash 2
and gap would be 2 make it OK and the border color would be the red and lets we make the fill color to the green lets we select the custom shape
from the toolbar and we bring this ribbon shape we select the ribbon shape and we will drag and draw a ribbon shape and we don’t have the filling color lets we put a filling color
and…and we don’t give a border pixel now we put this ribbon color to red and lets reposition on this one
by selecting move tool or press v, v key from the keyboard and now lets we press T key from the keyboard or select this T from the toolbox
and we write Sales and again lets select move tool
and we resize this text make it center and another text layer we will press again T to get the another layer text layer
and write Point lets we…increase the text size to 61px for the Point lets zoom in lets select both of this text layer and we give the…black color and lets we… press again T or the…
to make a text layer and write save 75% so we have the another text layer and give this size to 45px and make sure this one also black color and lets reposition with the..
by selecting move tool lets select the… smart guide tool from the view menu lets we decrease the size again for the Save 75% to 36px lets again press the T key from the keyboard
or select the T from the toolbox and click on our top right hand shape and write sales and give to the 56px
for this text layer and press again T to get a new text layer
and write Mania lets increase this… text layer size to 70 lets reposition it lets again make a text layer
and write 75% again a new layer and write discount lets increase the size of the Discount to 80px
and lets reposition this 75% lets decrease the size of the Discount again to 40 and press V or move tool in order to reposition this text layer and now lets select the…the our shape one
and select the fx menu from the bottom layer panel and select the bevel and emboss from there select inner bevel smooth
depth is 100% and increase the size to 13 uhhh…lets again increase the depth to 4 and look the how…our ribbon is changing and lets make the size to 6
and click OK and now lets again make..select the ellipse 1 tool
and from there keep select the bevel and emboss lets change the size only make it to 6 and thats it for now
we have an awesome facebook cover for the e-commerce shoper thank you for joining this lecture [Music]

Leave a Reply

Your email address will not be published. Required fields are marked *