Quick links
Latest articles
Internship
Members
New...
Algorithms
Discrete Mathematics
Big data
Languages
C
C++
C++ STL
Java
Data Structure
C#.Net
Android
Kotlin
SQL
Web
PHP
Python
JavaScript
CSS
Ajax
Node.js
Web prog.
Programs
C
C++
DS
Java
C#
Python
Aptitude
C
C++
Java
DBMS
Interview
C
Embedded C
Java
SEO
HR
CS Subjects
CS Basics
O.S.
Networks
DBMS
Embedded Systems
Cloud Computing
Machine learning
CS Organizations
Linux
DOS
More...
Articles
Puzzles
News/Updates

Home » Articles

Adobe Photoshop | Set Images in other image shape



In this graphic design tutorial, we are going to learn how to set different types of images in a particular frame? Like I am using map of India as a frame and putting few images in this map. Here, Adobe Photoshop is used for designing. For better understanding take a look of screenshots.
Submitted by Shamikh Faraz, on July 04, 2018

Step 1: Open Adobe Photoshop and click on new file or just use ctrl+N.

set images in a frame in Photoshop step 1

Step 2: Open your images that you want to set in a frame and check their resolutions. You can set any resolution ‘pixels/inch’ size, but it must be same for all images and new created file.

Step 3: Click on ‘Image’ → Image Size to check resolution of your new file. Here it is 72 pixels here. So your images must be same pixel size e.g. 72 pixel. Otherwise size mismatch problem will occur.

set images in a frame in Photoshop step 2

set images in a frame in Photoshop step 3

Step 4: If resolution is different from your new created file in step 1, then change this image pixel size to same as new created file. Like in the below image resolution size is 300 pixel which will give a size mismatch problem, so you should set it to 72 pixels. Other image measurements e.g. height, width, you can set according to you , but pixels/inch size must be same.

set images in a frame in Photoshop step 4

Step 5: After setting same resolution of all images, simply copy and paste those images on ‘new file’ created in step 1. Adjust them according to requirement. Draw left, right, up, down.

set images in a frame in Photoshop step 5

Step 6: Open that image whose frame you want to use. Like in the image below India map is used. Select ‘Magic Wand Tool’ from tool bar or press ‘W’ key to select ‘Magic Wand’.

set images in a frame in Photoshop step 6

Step 7: After selecting magic wand tool, click on the white space around the image (If there is no white space around the image then use eraser to make while space around the image). Remember don’t click on the image, otherwise no result.

set images in a frame in Photoshop step 7

Step 8: After click on white space, go to select → Inverse or simply use short cut key shift+ctrl+I

set images in a frame in Photoshop step 8

After inverse, image will be with a selection boundary.

set images in a frame in Photoshop step 9

Step 9: select ‘Marquee’ tool from tool bar or just press ‘M’ using keyboard. Drag and drop the selection boundary from this image to the page on which you have set your images in step 5.

set images in a frame in Photoshop step 10

New page will look like this.

set images in a frame in Photoshop step 11

Step 10: Group all the images. Go to Layer → Flatten Image or by pressing Shift+ctrl+E

set images in a frame in Photoshop step 12

Step 11: After grouping copy and paste the grouped layer to a new file. Just use ctrl+C for copying, ctrl+N for creating new file and ctrl+V for pasting final output to new file. Your desired output will be looking like.

set images in a frame in Photoshop step 13






Quick links:
C FAQ(s) C Advance programs C/C++ Tips & Tricks Puzzles JavaScript CSS Python Linux Commands PHP Android Articles More...

Featured post:
Introduction to Linux (Its modes, Safety, Most popular Applications)
Linux Best Distribution Software (Distros) of 2018

Was this page helpful? Please share with your friends...

Are you a blogger? Join our Blogging forum.

Comments and Discussions



Languages: » C » C++ » C++ STL » Java » Data Structure » C#.Net » Android » Kotlin » SQL
Web Technologies: » PHP » Python » JavaScript » CSS » Ajax » Node.js » Web programming/HTML
Solved programs: » C » C++ » DS » Java » C#
Aptitude que. & ans.: » C » C++ » Java » DBMS
Interview que. & ans.: » C » Embedded C » Java » SEO » HR
CS Subjects: » CS Basics » O.S. » Networks » DBMS » Embedded Systems » Cloud Computing » Machine learning » CS Organizations » Linux » DOS
More: » Articles » Puzzles » News/Updates



© https://www.includehelp.com (2015-2018), Some rights reserved.