The “Kebab” or “Kabob” Mediterranean food display menu template in Photoshop (PSD) by Identity Design is designed in high resolution and ready to use. It’s layered in PSD and available for a free download.

Terms

• All Identity Design Freebies can be used for both personal and commercial use.
• You may not redistribute or resell Identity Design Freebies in any shape or form.

The post Freebies: Kebab Kabob Display Menu Template (PSD) first appeared on identity design.

The post Freebies: Kebab Kabob Display Menu Template (PSD) appeared first on identity design.

The Car Cover Website Design mockup in Photoshop (PSD) by Identity Design is designed in high quality 2400 pixel in width. This clean & sophisticated design is ready to use on your own design before it’s cut up in HTML. It’s layered in PSD and available for a free download.

Terms

• All Identity Design Freebies can be used for both personal and commercial use.
• You may not redistribute or resell Identity Design Freebies in any shape or form.

The post Freebies: Car Cover Website Mock Up Template (PSD) first appeared on identity design.

The post Freebies: Car Cover Website Mock Up Template (PSD) appeared first on identity design.

Artboards are like Canvas in Adobe Photoshop.

The two-digit number starting on the left of each artboard is the order of the content in PDF. To change the order of artboards, open up the Artboard Palette and drag layers as you want.

1 Open -> Window (on top menu bar) -> choose Artboards

2 Change the Order of Artboards by Dragging the Layers

Just need to save your document in PDF.

The post How to Change the Order of Artboards on Adobe Illustrator first appeared on identity design.

The post How to Change the Order of Artboards on Adobe Illustrator appeared first on identity design.

1 Load Photo in Photoshop

Go to File on the top left menu on Photoshop and select Scripts -> Load Files into Stack

Click Browse and select your photos, hit Okay (You might need to sort your files in name so they can be played in order).

2 Make Timeline Frames

Open the Timeline palette from the Window menu.

Select the first layer on the Layers palette, click on the Create Frame Animation button (You might have to use the Dropdown button to do this).

Go to the properties of the Timeline palette (3 lines icons at the top right), select the rest of the layers and select Make Frames from Layers.

You will see all layers have been converted into frames in timeline.

Double check the duration of the animation and leave it to Forever if you want the animation to be repeated and loop forever.

3 Export the file into GIF

Go to File -> Save for web (or Commend + Option + Shift + S) and select the image format into “GIF” and hit Save.

Now your wonderful GIF animation has been created. Enjoy sharing!

The post Make Your Photos into a GIF Animation (Stop Motion) Using Photoshop first appeared on identity design.

The post Make Your Photos into a GIF Animation (Stop Motion) Using Photoshop appeared first on identity design.

Terms

• All iiiji.com freebies can be used for both personal and commercial use.
• You may not redistribute or resell iiiji.com freebies in any shape or form.

The post Freebies: Weight Loss Diet / Health Website Design Mock Up (PSD) first appeared on identity design.

The post Freebies: Weight Loss Diet / Health Website Design Mock Up (PSD) appeared first on identity design.

Terms

• All iiiji.com freebies can be used for both personal and commercial use.
• You may not redistribute or resell iiiji.com freebies in any shape or form.

The post Freebies: New Year New You Infographic Template (PSD) first appeared on identity design.

The post Freebies: New Year New You Infographic Template (PSD) appeared first on identity design.

Terms

• All iiiji.com freebies can be used for both personal and commercial use.
• You may not redistribute or resell iiiji.com freebies in any shape or form.

The post Freebies: Merry Christmas Gif Animation Template (PSD) first appeared on identity design.

The post Freebies: Merry Christmas Gif Animation Template (PSD) appeared first on identity design.

Terms

• All iiiji.com freebies can be used for both personal and commercial use.
• You may not redistribute or resell iiiji.com freebies in any shape or form.

The post Freebies: Foodie Website Mock Up Template (PSD) first appeared on identity design.

The post Freebies: Foodie Website Mock Up Template (PSD) appeared first on identity design.

Terms

• All iiiji.com freebies can be used for both personal and commercial use.
• You may not redistribute or resell iiiji.com freebies in any shape or form.

The post Freebies: The Gloria Revival Grunge Poster Template first appeared on identity design.

The post Freebies: The Gloria Revival Grunge Poster Template appeared first on identity design.

Terms

• All iiiji.com freebies can be used for both personal and commercial use.
• You may not redistribute or resell iiiji.com freebies in any shape or form.

The post Freebies: The Way to Emmaus High-Res Poster Template first appeared on identity design.

The post Freebies: The Way to Emmaus High-Res Poster Template appeared first on identity design.

Free high resolution poster template for your design

You can easily change color.

Terms

• All iiiji.com freebies can be used for both personal and commercial use.
• You may not redistribute or resell iiiji.com freebies in any shape or form.

The post Freebies: Paint Splatter High-Res Art Poster Template first appeared on identity design.

The post Freebies: Paint Splatter High-Res Art Poster Template appeared first on identity design.

Below is the HOW-TO guide to tweak the current Google Adsense code with the new responsive Google Adsense banners on your site. You don’t need to have a deep understanding of it’s frame work. Here’s an easy way to make it happen.

Our DEMO is here. Just look at the header section of this site. Do you see a wide horizontal banner (728 px x 90 px)? Try resize the browser to make it smaller and reload the page. Try even smaller like you are using a mobile and reload the page. Do you see the size of the ad is changing as it’s responding?

Let’s first take a look at your current Google Adsense Code below. You can get this code from Google Adsense Site → My ads (top menu) → “Get Code” from one of your ad unit.

Make sure you select “asynchronous” code type from the drop down menu.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- NAME OF YOUR AD -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-8255226778912403"
     data-ad-slot="1054112722"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

1. You simply add a <div> around it.
2. Named the class to responsive-ad on the <div>
3. Added the class responsive-ad to <ins>. So it’s now adsbygoogle responsive-ad.
4. Changed the style to display:block
5. You must replace data-ad-client numbers and data-ad-slot numbers with yours..
6. Added data-format="auto" before closing </ins> tag.
7. Add <style> tags. You can tweak it whatever you want.

<div class="responsive-ad">	
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- NAME OF YOUR AD -->
<ins class="adsbygoogle responsive-ad"
     style="display:block"
     data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"
     data-ad-slot="XXXXXXXXXX"
     data-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

<style type="text/css">
.responsive-ad { width: 320px; height: 50px; margin: 0 auto; }
@media (min-width:480px) { .responsive-ad { width: 468px; height: 60px; } }
@media (min-width:768px) { .responsive-ad { width: 728px; height: 90px; } }
</style>

The <style> above has set a minimum of 768px (and up) for desktops, a minimum of 480px (and up but below 768px) for tablet, and 320px (and up but below 480px) for mobile. You may feel free to change the numbers of min-width: as your site structure.

Enjoy your blogging and monetizing with the new Responsive Google Adsense!

The post Responsive Google Adsense is Easy! first appeared on identity design.

The post Responsive Google Adsense is Easy! appeared first on identity design.

The post TextureLovers.com first appeared on identity design.

The post TextureLovers.com appeared first on identity design.

1. Create a “New” canvas (go to “File” -> “New”). Set 6 pixels on both “Width” and “Height”.
2. Open “Layer” palette (go to “Window” -> “Layer”). Delete existing background layer so it’s now “Transparency”.
3. Blow the view all the way up to 3200% by select Magnifying Glass Icon from the “Tools”. Draw a line diagonally with “Pencil” tool (Like below).

Feel free to customize yourself with making different colors, directions, and even different sizes like 3 x 3 pixel or 2 x 2 pixel. You can also download PSD here:

Download PSD

Application

4. Lets continue with what we have, or simply open the PSD above.
5. Go to “Edit” -> “Define Pattern” to and name your pattern as you like. Now, we are done with defining the pattern. Let’s apply the pattern to the image.
6. Place a background less image by “File” -> “Place” and select your image. I’ve placed a chocolate donut png image.

7. Create a new layer (green arrow on right), fill a color as you like (I chose WHITE), and drag to place the layer below the “donut” layer.

8. Let’s add a layer style to the background layer (Mine is “white bg”) by click on the “fx” button (the yellow arrow) shown above. Then, on the “Layer Style” window, click “Pattern” button (the red arrow) and choose your Hatched / Slash / Diagonal Pattern you made.

FINAL WORK:

The post Download PSD: Photoshop Hatched Slash Diagonal Pattern first appeared on identity design.

The post Download PSD: Photoshop Hatched Slash Diagonal Pattern appeared first on identity design.