Design Travel Single Page Website Using Photoshop

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ก.ค. 2016
  • In this tutorial I'll show you how to create a single page website design themed travel in Photoshop. We'll learn to create cool header against the background photo clipping mask technique, create a custom grid with guidelines, typography styling and footer. Enjoy and thanks for watching!
    Tutorial Resources:
    Grid Template : 960.gs/
    Image1 : goo.gl/CEqXfV
    Image2 : goo.gl/HX3DfB
    Travel : goo.gl/fMb8H6
    Brushes :
    Smoke explosion BRUSH PS by FrostBo : goo.gl/VAs9qc
    Follow Us :
    Google+ : goo.gl/PMkAPN
    Web : goo.gl/qeMY3u
    Twitter : bit.ly/1RlY5Qn
    Facebook : goo.gl/H5m598
    Web Design Tutorials : goo.gl/VUJR9B

ความคิดเห็น • 88

  • @footballmylife9282
    @footballmylife9282 8 ปีที่แล้ว

    Are you the best designer I've ever seen, a huge thank you for the lessons!

  • @julirahman1772
    @julirahman1772 5 ปีที่แล้ว

    Tysm for giving us your special design videos ❤️. I'm gonna make this one tomorrow

  • @rahulkale0918
    @rahulkale0918 6 ปีที่แล้ว

    Thanks a lot for this Tutorial !!! Learnt a lot from it :)

  • @btbooker6362
    @btbooker6362 8 ปีที่แล้ว

    Yo Mir Rom Great one once again my dude!!

  • @ngohung1910
    @ngohung1910 8 ปีที่แล้ว +1

    thanks a lot for uploaded. U are incredible :D

  • @albertoguinart4927
    @albertoguinart4927 8 ปีที่แล้ว

    You are the best!!!!! very very very nice!!!

  • @RahmadRamadlan
    @RahmadRamadlan 8 ปีที่แล้ว

    Thank you for this Tutorial

  • @IdontWatchIsee
    @IdontWatchIsee 6 ปีที่แล้ว

    you make webdesign very pleasurable :)

  • @mehrumarahman6065
    @mehrumarahman6065 3 ปีที่แล้ว

    love this

  • @alechevez9829
    @alechevez9829 4 ปีที่แล้ว

    This is amazing.

    I admire you friend

  • @codesnack2612
    @codesnack2612 8 ปีที่แล้ว

    simple but very great thanks.

  • @toncho1986
    @toncho1986 8 ปีที่แล้ว +8

    Thank you very much!, i really like your videos :D. Just a little thing: can you do a complete video designing a dynamic website with drop menu, buttons, some styles and others things? using photoshop or not. It would be amazing! Thanks again ! :)

  • @edwinaboratetitus4288
    @edwinaboratetitus4288 8 ปีที่แล้ว

    you are the best, i appreciate a lot

  • @pyaesone5241
    @pyaesone5241 7 ปีที่แล้ว +1

    good job bro :D U always great^^

  • @Azmarin100
    @Azmarin100 8 ปีที่แล้ว +1

    Nice Design.... Hope you make more video....
    I want to watch more....☺😊😊😀

  • @bishalsenhdri7655
    @bishalsenhdri7655 8 ปีที่แล้ว

    You're THE BEST Sir!
    Keep it up!

    • @MirRom14
      @MirRom14  8 ปีที่แล้ว

      ok bro, thanks

  • @AlexSandrodeAlmeida
    @AlexSandrodeAlmeida 8 ปีที่แล้ว

    Every job you excels thanks for that gift more

  • @souravsadhukhan7771
    @souravsadhukhan7771 7 ปีที่แล้ว +1

    Good Link Find all of those. Thanks Mir

  • @maynuddin382
    @maynuddin382 7 ปีที่แล้ว

    Assalamu alikum. Thats nice Mir Rom Brother, Never i seen before , 100% professional Free your vedio. You are so kind.

  • @michaelrusin8483
    @michaelrusin8483 8 ปีที่แล้ว +4

    Thank you man !!!) very best

    • @MirRom14
      @MirRom14  8 ปีที่แล้ว +1

      U're welcome, thanks

  • @subhammaity6455
    @subhammaity6455 5 ปีที่แล้ว

    Extremely thanks

  • @mauriciodesign7538
    @mauriciodesign7538 8 ปีที่แล้ว

    eres el mejor ...gracias

  • @JawadSoomro
    @JawadSoomro 4 ปีที่แล้ว

    Amazing

  • @MichaelCobbs
    @MichaelCobbs 8 ปีที่แล้ว

    Great tutorial video. Nice layout.

  • @hanoimuaxuan
    @hanoimuaxuan 6 ปีที่แล้ว

    Mir
    Rom , you are awesome

  • @itisamhazzaa7254
    @itisamhazzaa7254 7 ปีที่แล้ว +2

    "Who Doesn't thank people, who doesn't thank God". Thank you for your channel, for your designs and for your time. Although I'm not a designer but a programmer. So I get your hard work, and your time spent learning and being professional. You ARE !

  • @galihtimbul1080
    @galihtimbul1080 7 ปีที่แล้ว

    thank you very much for your tutorial, not easy for make finger dancing in the keyboard, because you already remember all the shortcut, its like me when still playing with coreldraw, but thank you very much this video, you're amazing....!

  • @user-ic6xe4ou9c
    @user-ic6xe4ou9c 8 ปีที่แล้ว

    thanx a lot, you are the best!

    • @MirRom14
      @MirRom14  8 ปีที่แล้ว

      U're welcome, thanks

  • @yasseromar2011
    @yasseromar2011 8 ปีที่แล้ว +2

    very very very nice

  • @secrmin8052
    @secrmin8052 6 ปีที่แล้ว

    thanks a million .

  • @christianmohindo9852
    @christianmohindo9852 8 ปีที่แล้ว

    some day i'll be juste like you!

  • @cognitivecondition171
    @cognitivecondition171 8 ปีที่แล้ว

    Amazing!!

  • @HARIsubha1
    @HARIsubha1 7 ปีที่แล้ว

    grt works. pls do some video how to use this psd as website and online shopping website also thanks

  • @prasanna99VFX
    @prasanna99VFX 8 ปีที่แล้ว

    Hello Sir, Thanks For Such a Great Tuts I Have 1 Requst Please Upload Tutorial For PSD file Format & settings For Print

  • @harshshukla8180
    @harshshukla8180 7 ปีที่แล้ว

    You are very creative :) Great Job!
    Any way to convert this template to html, css and bootstrap?

  • @nelsonvallarta9611
    @nelsonvallarta9611 7 ปีที่แล้ว

    Thank You Sir... Can you have a tutorial on how to sliced a design for website?

  • @naajoo7
    @naajoo7 8 ปีที่แล้ว

    you are the best...

    • @MirRom14
      @MirRom14  8 ปีที่แล้ว

      thank you sir

  • @mouloudboulazazen3308
    @mouloudboulazazen3308 8 ปีที่แล้ว

    great

  • @btbooker6362
    @btbooker6362 8 ปีที่แล้ว

    Where did you get the trees that's at the bottom of the page from?

  • @souravsadhukhan7771
    @souravsadhukhan7771 7 ปีที่แล้ว

    Very amazing but during assemble into dreamweaver how to works button in "Hover" Effect or "Transition", they are very important in modern CS5 Webpages.
    Pls Show that in next tutorial.

  • @webdesign6529
    @webdesign6529 6 ปีที่แล้ว +1

    How to know what to to size in width and height? Does it always 1366x...? Thansk for answer

  • @freak77007
    @freak77007 7 ปีที่แล้ว

    how would you code this? Do you have tips on that subject?

  • @taoufiqmohamed550
    @taoufiqmohamed550 8 ปีที่แล้ว

    nice ddeesgin go on plasee can u give link of brush usd in thsi tuto thank

  • @josuebarros-desenvolvedorw2490
    @josuebarros-desenvolvedorw2490 3 ปีที่แล้ว

    Is it possible with Adobe Photoshop CS6?

  • @Robin-ih7so
    @Robin-ih7so 7 ปีที่แล้ว

    What size to I make the image that I am creating to a web design? Can I use 1920x1080p?

  • @minlwinkyaw76
    @minlwinkyaw76 7 ปีที่แล้ว

    how can i change this photoshop file into html file
    btw this video is really awesome
    thx for showing us

  • @pheaktrasok1555
    @pheaktrasok1555 8 ปีที่แล้ว

    Can you pls teach us about how to design a tour promotion poster??

  • @edwinaboratetitus4288
    @edwinaboratetitus4288 8 ปีที่แล้ว

    awesome design,,, can you please make one on glowy night scene party poster?? thanks

    • @MirRom14
      @MirRom14  8 ปีที่แล้ว +1

      thanks. A good idea would be considered

  • @kevinsingh8294
    @kevinsingh8294 7 ปีที่แล้ว

    AT 3:00 I tried using gradient tool and it showed an error
    could not use the gradient tool because the smart object is not directly editable.
    Please help
    Thank you

  • @mubarakuk
    @mubarakuk 5 ปีที่แล้ว +1

    How can I get. ,this psd file and code

  • @rendysetiadi7656
    @rendysetiadi7656 8 ปีที่แล้ว

    Mr Rom You use Photoshop Cs how?

  • @HiepNguyen-bi7iv
    @HiepNguyen-bi7iv 8 ปีที่แล้ว

    simple but pretty

    • @MirRom14
      @MirRom14  8 ปีที่แล้ว

      thank you

  • @samidebayroune3478
    @samidebayroune3478 7 ปีที่แล้ว

    where can i get the little icons please

  • @kelvintsangxxx7581
    @kelvintsangxxx7581 7 ปีที่แล้ว

    wow

  • @chocolatecheese4729
    @chocolatecheese4729 8 ปีที่แล้ว

    I am a web designer but new to the job. I face lot troubles when choosing colors for the designs and your color themes help me a lot. Thank you very much for sharing your valuable ideas with us.

    • @MirRom14
      @MirRom14  8 ปีที่แล้ว

      U're welcome my friend thank you for taking the time here. I'm glad my tutorials helpful, keep designing.
      Thanks

  • @Indranilgslv
    @Indranilgslv 7 ปีที่แล้ว

    sir i dnt find shape of cloud in my photoshop cc 2015..i checked to click top left icon bar but that not found in menu

  • @whitemugcollectives641
    @whitemugcollectives641 7 ปีที่แล้ว

    Thank you so much sir for your inspiration, kindly post your social media account so that I can add or follow you.

  • @anik4339
    @anik4339 7 ปีที่แล้ว

    sir i have some prob ,can you pls help me

  • @Aziz_Cinematographer
    @Aziz_Cinematographer 8 ปีที่แล้ว

    God of Photoshop

  • @GurmeetSingh-je3sq
    @GurmeetSingh-je3sq 2 ปีที่แล้ว

    sir how to edit your video plss explan it

  • @whitemugcollectives641
    @whitemugcollectives641 7 ปีที่แล้ว

    Sir, how did you make the grid lines? Please help :)

    • @MirRom14
      @MirRom14  7 ปีที่แล้ว +1

      Grid. I've included a link in the description, thanks

  • @aimlessvlog2430
    @aimlessvlog2430 8 ปีที่แล้ว

    dude....
    i need your help....

  • @RETRO386
    @RETRO386 7 ปีที่แล้ว +1

    I'm new to web design and was wondering after creating this in photoshop, what web develop website will work with this; how would I get it to be come live? Wordpress, square space , wix?

    • @cosmo1340
      @cosmo1340 7 ปีที่แล้ว +1

      html and css mate :)

    • @Oljyttybasisti
      @Oljyttybasisti 6 ปีที่แล้ว

      Wordpress could easily accommodate a site like this. The only limitation to wordpress is if site has a LOT of visitors it will slow down.

  • @gauraphypokerboy
    @gauraphypokerboy 4 ปีที่แล้ว

    Psd file plz...

  • @ansarifaiyaz1025
    @ansarifaiyaz1025 6 ปีที่แล้ว

    please design emailer

  • @Indranilgslv
    @Indranilgslv 7 ปีที่แล้ว

    awsome work but very bad tutorial understanding problem a lot... how an which controls u use dont recognise

  • @kobinawilliams6077
    @kobinawilliams6077 6 ปีที่แล้ว

    Please can you kindly add detailed text to explain the videos. Sometimes I can miss the rest of the video when I don't understand just one thing. I also don't know how to ask you questions frequently when I ask due to this cause I know you're not always free.
    Kobina Williams
    Thank You

  • @peaceandlove86
    @peaceandlove86 5 ปีที่แล้ว

    Give an approximate cost of such design.

  • @WeltonLSantos
    @WeltonLSantos 8 ปีที่แล้ว

    link brush?

    • @MirRom14
      @MirRom14  8 ปีที่แล้ว +2

      I've added in the video description, thanks

    • @WeltonLSantos
      @WeltonLSantos 8 ปีที่แล้ว

      Ty

  • @raheem109
    @raheem109 8 ปีที่แล้ว

    she what is Loren ipsum??

  • @frank_m4365
    @frank_m4365 8 ปีที่แล้ว +3

    Is incredible. Very good, but then does explain how to build and edit buttons, links, etc? A website is dynamic and the tutorial is all static. So the user can not interact. No buttons, no links, no images in motion. Something that you pass the cursor changes appearance. As you would. Very cool looking but activity is a zero

    • @mattw5746
      @mattw5746 8 ปีที่แล้ว +2

      yeah, these designs are awesome but Im also curious about the next step and how to prepare it for coding.

    • @mijoarguello
      @mijoarguello 7 ปีที่แล้ว

      +Matt W You can search a PSD to HTML conversion tutorials :)

    • @BiggestTwoNoobs
      @BiggestTwoNoobs 6 ปีที่แล้ว

      How about learning HTML and CSS? ;)