Discussion Forums  >  Suggestions, Ideas, Wish List

Replies: 23    Views: 127

EdReyes
Lost but trying
Profile
Posts: 574
Reg: Oct 21, 2013
location unknow...
17,640
11/17/13 02:32 PM (11 years ago)

13 Screens Mockup Share : Complete Step by Step

As promised from this thread: https://www.buzztouch.com/forum/thread.php?tid=45B93FD6A0184A18E84713D&currentPage=1 Based on this Mockup: https://www.dropbox.com/s/lvu6qn96eolu5vq/BuzztouchPlugIns.jpg I cleaned it up and organize each layer for customization: https://www.dropbox.com/s/lt0x1ia109pvvz3/13%20SCREENS%20MOCKUP%20wBUBBLES.png ----------------------------------------- Prep 1. Download the main zip file to any location on your computer and decompress. https://www.dropbox.com/s/ov8u4a50yrbq3g6/13%20SCREENS%20MOCKUP%20wBUBBLES.zip Prep 2. (fonts used is Helvetica and Open Sans, feel free to replace) Opening the folder, select between two Photoshop Versions. Photoshop CC : PS CC - 13 SCREENS MOCKUP wBUBBLES.psd Photoshop CS6 : PS CS6 - 13 SCREENS MOCKUP wBUBBLES.psd No need to edit any of the supporting .psb files. Prep 3. Open the STEP by STEP folder to preview the 18 screen shot instructions or follow instructions below with link to dropbox shared. ----------------------------------------- STEP 1. The Main Layout with Color Coded Layers, Orange, Violet, Green, Red, Yellow, Blue https://www.dropbox.com/s/n8x2qkyu5ownynx/01%20-%20Start%20Here%20-%20Main%20Layout.png STEP 2. Editing 02 - Logo and Client Info - Orange Layer https://www.dropbox.com/s/7iqzcpelg3flah7/02%20-%20Logo%20and%20Client%20Info%20-%20Orange%20Layer.png Step 3a. Editing 03a - QR CODE Text - Orange Layer https://www.dropbox.com/s/4h5o8o4iqxwatpa/03a%20-%20QR%20CODE%20Text%20-%20Orange%20Layer.png Step 3b. Editing 03b - QR CODE Image - Orange Layer https://www.dropbox.com/s/st3furpwpxsvl1r/03b%20-%20QR%20CODE%20Image%20-%20Orange%20Layer.png Step 4a. Editing 04a - iPHONE in HAND Mockup - Violet Layer https://www.dropbox.com/s/w9uddjwsuvzpwnw/04a%20-%20iPHONE%20in%20HAND%20Mockup%20-%20Violet%20Layer.png Step 4b. Editing 04b - iPHONE in HAND Replace Screen - Violet Layer https://www.dropbox.com/s/9u6miugel8iwk4z/04b%20-%20iPHONE%20in%20HAND%20Replace%20Screen%20-%20Violet%20Layer.png Step 5a. Editing 05a - App Store Badge - Green Layer https://www.dropbox.com/s/lp73y1rirhnco5p/05a%20-%20App%20Store%20Badge%20-%20Green%20Layer.png Step 5b. Editing 05b - App Store Badge Edit Gradient - Green Layer https://www.dropbox.com/s/b46ipr5boi7p6cz/05b%20-%20App%20Store%20Badge%20Edit%20Gradient%20-%20Green%20Layer.png Step 6a. Editing 06a - Callout Bubble - Red Layer https://www.dropbox.com/s/16nm9tmcpx7tp8v/06a%20-%20Callout%20Bubble%20-%20Red%20Layer.png Step 6b. Editing 06b - Callout Bubble Open Smart Object - Red Layer https://www.dropbox.com/s/88qkblhlaipmr5k/06b%20-%20Callout%20Bubble%20Open%20Smart%20Object%20-%20Red%20Layer.png Step 6c. Editing 06c - Callout Bubble Edit Contents - Red Layer https://www.dropbox.com/s/okwixrnkzwqg83d/06c%20-%20Callout%20Bubble%20Edit%20Contents%20-%20Red%20Layer.png Step 6d. Editing 06d - Callout Bubble Complete Edit - Red Layer https://www.dropbox.com/s/v5fp0vdxwraetwc/06d%20-%20Callout%20Bubble%20Complete%20Edit%20-%20Red%20Layer.png Step 7a. Editing 07a - Screens Layout - Yellow Layer https://www.dropbox.com/s/jhti124elbmu7q1/07a%20-%20Screens%20Layout%20-%20Yellow%20Layer.png Step 7b. Editing 07b - Screens Layout Replace Screen - Yellow Layer https://www.dropbox.com/s/d9tyw2er143h81g/07b%20-%20Screens%20Layout%20Replace%20Screen%20-%20Yellow%20Layer.png Step 8a. Editing 08a - Optional Gradient Layer Background - Blue Layer https://www.dropbox.com/s/wy379deomtfzugd/08a%20-%20Optional%20Gradient%20Layer%20Background%20-%20Blue%20Layer.png Step 8b. Editing 08b - Optional Image Background - Blue Layer https://www.dropbox.com/s/9wnwz8fwensxqa5/08b%20-%20Optional%20Image%20Background%20-%20Blue%20Layer.png Step 8c. Editing 08c - Replace Image Background - Blue Layer https://www.dropbox.com/s/0t0dsc2jd0cjw2j/08c%20-%20Replace%20Image%20Background%20%20-%20Blue%20Layer.png That's it, enjoy. Ed
 
Cakebit
Code is Art
Profile
Posts: 502
Reg: Dec 15, 2010
In your local b...
16,520
like
11/17/13 02:39 PM (11 years ago)
Thanks Ed! It is awesome of you to share!
 
tb
buzztouch Evangelist
Profile
Posts: 2050
Reg: Nov 03, 2011
Oxford
32,300
like
11/17/13 02:47 PM (11 years ago)
AWESOME! You're the man.
 
AppOne
buzztouch Evangelist
Profile
Posts: 348
Reg: Apr 03, 2012
London
13,980
like
11/17/13 02:58 PM (11 years ago)
So many uses for this - great instructions too!
 
0z2000tv
Aspiring developer
Profile
Posts: 315
Reg: Sep 10, 2011
Nashville
11,950
like
11/17/13 04:11 PM (11 years ago)
Your very generous Ed. Thank you for sharing. Mike
 
tb
buzztouch Evangelist
Profile
Posts: 2050
Reg: Nov 03, 2011
Oxford
32,300
like
11/17/13 05:01 PM (11 years ago)
I'm going to recommend to David that we quarter off a section of this website to graphics and images. I've also got a few photoshop files I should share with everyone.
 
Paddy
Lost but trying
Profile
Posts: 240
Reg: Oct 08, 2011
Hands Up !
12,500
like
11/17/13 10:08 PM (11 years ago)
Thanks Ed, This can have a big "wow" factor on potentiel clients, Perfect that you used smart objects.
 
SheriDee
Code is Art
Profile
Posts: 1094
Reg: Sep 23, 2011
location unknow...
22,840
like
11/17/13 10:12 PM (11 years ago)
Incredible! Generous and heart of Buzztouch :) LOVE THIS ((((HUGS))))
 
Arubaman
Aspiring developer
Profile
Posts: 636
Reg: Oct 20, 2011
Akron
16,910
like
11/17/13 11:19 PM (11 years ago)
You do great work, thanks for helping all.
 
ictguy
Aspiring developer
Profile
Posts: 564
Reg: Jun 17, 2011
Mildura, Austra...
15,840
like
11/17/13 11:31 PM (11 years ago)
Thanks for sharing this professional layout - much appreciated!
 
0z2000tv
Aspiring developer
Profile
Posts: 315
Reg: Sep 10, 2011
Nashville
11,950
like
11/17/13 11:32 PM (11 years ago)
Your very generous Ed. Thank you for sharing. Mike
 
LA
Aspiring developer
Profile
Posts: 3280
Reg: Aug 16, 2012
Jerseyville, IL
42,900
like
11/18/13 11:08 AM (11 years ago)
You need Photoshop for this? LA
 
EdReyes
Lost but trying
Profile
Posts: 574
Reg: Oct 21, 2013
location unknow...
17,640
like
11/18/13 11:10 AM (11 years ago)
yes Photoshop CS6 or CC
 
LA
Aspiring developer
Profile
Posts: 3280
Reg: Aug 16, 2012
Jerseyville, IL
42,900
like
11/18/13 11:11 AM (11 years ago)
ok thank you LA
 
shenry
Aspiring developer
Profile
Posts: 469
Reg: Jan 10, 2012
Orange County, ...
13,390
like
12/01/13 03:33 PM (11 years ago)
Awesomeness.
 
KozmoWeb
Aspiring developer
Profile
Posts: 342
Reg: Dec 08, 2012
Sarasota, FL
8,520
like
12/01/13 04:18 PM (11 years ago)
Thank you @EdReyes! -William
 
Silvia SuperStar
Android Fan
Profile
Posts: 54
Reg: Feb 06, 2014
Ibiza
540
like
02/19/14 09:17 PM (11 years ago)
Nice job There is any mockup with android phone instead iPhone? I was trying but i am a little nerd on photoshop design Thanks
 
EdReyes
Lost but trying
Profile
Posts: 574
Reg: Oct 21, 2013
location unknow...
17,640
like
02/21/14 03:08 AM (11 years ago)
@silvia ive since redesigned this ios6 version 2.1.9 bt app using those plugins, because of apples mandate to upgrade apps to ios7 ill see what my new redesign will look the same on the bt v3 package for android. are you just wanting this photoshop template with an android body in the hand on the left corner thanks ed
 
Silvia SuperStar
Android Fan
Profile
Posts: 54
Reg: Feb 06, 2014
Ibiza
540
like
02/21/14 03:12 AM (11 years ago)
Hi Ed, Yes i only want this photoshop template with an android body. Thanks
 
EdReyes
Lost but trying
Profile
Posts: 574
Reg: Oct 21, 2013
location unknow...
17,640
like
02/21/14 09:20 AM (11 years ago)
Ok today's my day off, so sometime today I'll edit the master photoshop file with a new body. Ed
 
Silvia SuperStar
Android Fan
Profile
Posts: 54
Reg: Feb 06, 2014
Ibiza
540
like
02/21/14 09:09 PM (11 years ago)
Thank you, i will appreciate
 
Silvia SuperStar
Android Fan
Profile
Posts: 54
Reg: Feb 06, 2014
Ibiza
540
like
02/24/14 06:55 AM (11 years ago)
Hi Ed, you had time? Thanks
 
EdReyes
Lost but trying
Profile
Posts: 574
Reg: Oct 21, 2013
location unknow...
17,640
like
02/25/14 04:50 AM (11 years ago)
 
Silvia SuperStar
Android Fan
Profile
Posts: 54
Reg: Feb 06, 2014
Ibiza
540
like
02/25/14 05:08 AM (11 years ago)
thank you!
 

Login + Screen Name Required to Post

pointerLogin to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.