REBEL RESOURCES: HOW TO CREATE IMAGES FOR MARKETING USING PHOTOSHOP

THIS GUIDE WILL TAKE YOU THROUGH HOW TO CREATE IMAGES FOR SOCIAL MEDIA MARKETING USING PHOTOSHOP USING AN EXAMPLE 

          Tools we are going to be looking at for this workshop:

          Placing pictures: Drag & Drop pictures on our workplace.

          Resizing pictures: The Image Size command in Photoshop includes a method to preserve details and provide better sharpness while enlarging images.

          Gaussian Blur: This technique results in a smooth blur. It resembles that of viewing the image through a translucent screen.

          Rectangle Tool: It is one of the six Shape tools that are included in Photoshop. It is useful for creating shapes with rectangular dimensions.

          Shadows: Shadows around an object that appear on the floor or on other objects around the object. It is useful if you wanna create some depth.

          Text: You can add text and shapes of different color, styles, and effects to an image. Paint Bucket: It fills an area of an image based on color similarity

1. OPEN PHOTOSHOP.  

Mac: Go to spotlight search in the far right corner of your screen and type Photoshop in the search, then press enter. 

Windows: Go to the start menu and type Photoshop in the search. Then click on the Photoshop application.


2. CREATE A NEW DOCUMENT. 

Select New from the File menu.

Select the Web Most Common Preset from the Web tab.

Click Create. 







3. DROP IN BACKGROUND IMAGE.  

Drag & drop people 2.jpg from the Photoshop folder on your Desktop onto your artboard. Resize the photo, by dragging the little square from the left corner,
to cover the whole artboard and leave the unwanted parts outside. To zoom into your workspace hit ‘cmd’ (or ‘ctrl’) + ‘+’. To zoom out hit ‘cmd’ (or ‘ctrl’)  + ‘-‘.

Double click  or select the move tool on the tool bar (first tool) on the image to apply the change. 

Select the particular layer and go to Filter, Blur, Gaussian Blur
Select the amount of Blur that you want from the cursor for the picture. For this one, we are using 9.0%

4. Select the particular layer and go to Filter, Blur, Gaussian Blur
Select the amount of Blur that you want from the cursor for the picture. For this one, we are using 9.0

5.Create New Layer and Select Rectangle Tool?

(The New Layer button is all the way down, right side, one of the icons at the bottom of the Layers section)

Press "Fill" and set it to none and the "Stroke" to white and set it to 13.00px. 
Drag from the upper left corner until the lower right corner and press the move tool to apply. Move it accordingly to be in the center.


 

6.Drag and drop the Rebel logo on the project and resize it so it can be in the middle at the top like this:


7.Add Shadows
Right click on the rebel-logo-white layer and select Blending Options.
Select Drop Shadow.
Change the opacity to 70%.
Distance to 5px.                                                        
Spread to 20px
Size to 27px     
                                         

8.Create Text 
Select the "Type" tool from the tool bar.
Set the font to Century Gothic Bold (at the top, left side) and the size to 72pt
Click anywhere on the workplace
Type: GET INVOLVED NOW and press the Move Tool Move it until it's centered and looks like this.


9. Drop Shadows
Right click on the "GET INVOLVED NOW" layer and select Blending Options.
Select Drop Shadow.
Change the opacity to 70%.
Distance to 5px.
Spread to 20px
Size to 27px
 

10. Add boxes
Select the Rectangle tool again.
Set black as the fill colour and "none" for the stroke.
Create a box by clicking on the workplace and draging it up or down and try to make it the same Hight and Width
When you create it, select the particular Layer and hit Ctrl(cmd) + C and then Ctrl(cmd) + V to copy and paste it.
Do it for one more time.
Move them around so it looks like this:

6.Add Social Media icons

Get the Instagram icon from the folder and place it on the workplace.
Resize it by dragging it from the corners and move it until it looks like this.

Do the same  for the other icons as well.

7.Add Social Media links.
Select a "Rectangle 2" layer from the layers and copy and paste as we did previously.
Place it next to the first box that we have. Select the Paint Bucket Tool as shown in the picture on the right. 
Select the white colour from the colour board on the right side and click on the black square we just created.
Go to "Edit", "Free Transform" and by holding down Ctrl (cmd) you can drag it from the right side and make it bigger so it will look like this: 

Select the Type tool again and type: @rebelessex.
Move it accordingly so it looks like this: 

Copy the White board from the layers and paste it again.
Move it next to the Facebook icon.
Generate Text again and type: /rebelessexmedia Place it over the white board.
Find the second white board and go to "Free Transform" again.
Resize it so it fits the text. By holding Shift allows you to make it bigger only from one side.
Copy the White board from the layers and paste it again.
Move it next to the Facebook icon.
Generate Text again and type: /rebelessexmedia
Place it over the white board.
Find the second white board and go to "Free Transform" again.
Resize it so it fits the text. By holding Shift allows you to make it bigger only from one side


 

Do the same for the website icon and type: rebelessex.com

ONLINE RESOURCES 

For copyright free images:
www.pixabay.com
www.pexels.com 

For colour palettes:
www.coolors.co