Home > Design - Imagery, Banners & Landers >

Mobile landers with photoshop (10)

12-04-2014 08:57 PM #1 jordan21d (Member)
Mobile landers with photoshop

Can someone please provide me with any links to threads about creating mobile landers with photoshop.

Just got my hands on it today and looking to get started but not too technical so a bit lost.

Cheers guys

12-09-2014 12:34 AM #2 zeno (Administrator)

I'm not sure we have any threads on that?

Making landers in Photoshop is just like making banners, but you can't simply transfer these to landing pages.

You could make the landers and hand it off to a designer to then manually code it up.

There is no easy way to take PS > live mobile lander. The PS part is good for mocking up but for a good mobile lander... it really needs to be hand-coded or at least done in a reasonably good responsive-design program like Webflow, Macaw, Pinegrow, etc.

12-09-2014 06:01 AM #3 jordan21d (Member)

Where can I find someone who can do this? I'm not very techie and will need to out source any geeky stuff

12-09-2014 07:17 AM #4 imdutch (Member)

Photoshop probably isn't the most obvious for making (mobile) landers, but you have options for sure. You can slice up your images and export to html etc. The topic is covered quite a lot online. Some pointers:

Adobe: http://helpx.adobe.com/photoshop/usi...web-pages.html
YT tuto: https://www.youtube.com/watch?v=N6bPLmjLlDQ

12-09-2014 09:31 AM #5 zeno (Administrator)

Originally Posted by jordan21d

Where can I find someone who can do this? I'm not very techie and will need to out source any geeky stuff

Try Banners&Landers. Or a freelance site like Elance, oDesk, etc.

01-13-2015 11:59 PM #6 steveee1 (AMC Alumnus)

Originally Posted by zeno

Sorry if this is a dumb question but what if I were to make the landing page on PS then export the image to Adobe Muse and resize to mobile? Will this method work by any chance?

01-16-2015 08:34 PM #7 phoking (Member)

Originally Posted by steveee1

Sorry if this is a dumb question but what if I were to make the landing page on PS then export the image to Adobe Muse and resize to mobile? Will this method work by any chance?

That would just be a really big image which with mobile you're trying to make as soon as possible. You're basically making the landing page using html and css whereas photoshop is for pictures. You can have photos in your landing page but your landing page cannot/should not be a picture as it'll make the landing page too slow. Look into codeacademy or treehouse for lessons on coding in html and css.

01-18-2015 04:18 AM #8 zeno (Administrator)

Originally Posted by steveee1

Sorry if this is a dumb question but what if I were to make the landing page on PS then export the image to Adobe Muse and resize to mobile? Will this method work by any chance?

You can use a straight image as a preliminary test of how well some ad copy, an image, style, colour theme etc work for a specific lander but it's a really bad way of doing it.

Photoshop/imagery and web design are fundamentally separate. You can't use PS to make a landing page, just a visual representation of what you want the landing page to look like.

03-26-2016 11:35 AM #9 vishal100london (Member)

Hi Zeno, Apparently there is a photoshop bootcamp video on STM that you did on on tips and tricks ...but I cant find it...would anyone have the link?

03-26-2016 07:59 PM #10 zeno (Administrator)

I did a video on Photoshop in the 6 Week AMC's I think, but it's a bit hard to really explain PS well in a short video - its not really a tool that makes sense to do that for. I don't believe I have ever made one for STM Forum specifically.

Home > Design - Imagery, Banners & Landers >