PhotoshopForums.com Home
Navigate Contact FAQ Search Members
How do I make this kind of vector image?
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> General Photoshop and Design Discussion
 See a User Guidelines violation? Please contact us.
Author Message

martynball

Joined: 14 Aug 2015
Posts: 1



PostPosted: Fri Aug 14, 2015 9:15 am    Post subject: How do I make this kind of vector image? Reply with quote

Hey, I want to recreate this vector image in Photoshop, or something similar. What's the best way to do this?

The background I mean, for use on the web.

View user's profile Send private message

d^_^b

Joined: 14 Jan 2015
Posts: 194

PS Version: CC 2014
OS: Win 8 64-bit Home / Win 7 64-bit Work

PostPosted: Sat Aug 15, 2015 9:41 am    Post subject: Reply with quote

In this guide, you'll mostly be using the Square and Line shape tools.



Create a new Photoshop file - I chose 2000 pixel wide 2000 pixels high.

Set a background colour.



Click the Shape icon and select Rectangle Tool. Ensure that Shape is selected and choose a Fill colour.



Hold down Shift and drag out a square to a size of your liking



To centralise your square, click the Select menu > All. Click the Layer menu > Align Layers To Selection > Vertical Centers. Click the Layer menu > Align Layers To Selection > Horizontal Centers

Press D on your keyboard to reset your foreground and background colours to black and white.



Press X to switch your foreground colour to white.



Select the Line tool, hold down Shift and drag from one edge of the page to the other.



Press V on your keyboard and use the cursor keys to move the line to the top edge of the square.

Hold down CTRL and press J to duplicate the line. Press V to move it to the bottom edge of the square.



Follow the previous steps to draw vertical lines. Or duplicate one line, hold down CTRL press T, grab the edge of the line, rotate 90' degrees and press Enter to apply.



Then move it into position. Duplicate the line and move it to the final edge of the square



With your top shape selected, hold down Shift and click your rectangle shape to select all the shapes.



CTRL G to group them together.



Set the Opacity to 50%



CTRL T to transform your Group. Rotate 45 degrees.



Click View > Show > Grid



Press CTRL J to duplicate your group. Press V to move your group left or right.

Repeat the previous step as often as you like.



Click View > Show > Grid to hide the grid.

Select all the Groups and change the opacity if you wish.



Add any vertical lines if you wish.

Final image.



Meow.
View user's profile Send private message

Patrick
Administrator
Administrator

Joined: 14 Feb 2003
Posts: 11945
Location: Harbinger, NC, U.S.A.


PostPosted: Sat Aug 22, 2015 4:51 pm    Post subject: Reply with quote

d^_^b,

This. Is. Killer. Amazing effort. Thanks!

Patrick

_________________
Patrick O'Keefe - PhotoshopForums.com Administrator
Have a suggestion or a bit of feedback relating to PhotoshopForums.com? Please contact me!
User Guidelines
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger MSN Messenger
Display posts from previous:   
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> General Photoshop and Design Discussion All times are GMT - 6 Hours
Page 1 of 1
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum


Contact - User Guidelines >

Copyright © 2003-2016. PhotoshopForums.com, iFroggy Network. All Rights Reserved.
Powered by phpBB © phpBB Group. phpBB SEO. Privacy Policy.
We are in no way affiliated with Adobe. Photoshop, Adobe and related marks are registered trademarks of Adobe.
PhotoshopForums.com