photoshop guide
Sunday, January 22, 2017
Friday, January 20, 2017
How to Create Twitter Card for Adobe Muse Site
In this tutorial you will learn how to add twitter card to any page created in Adobe Muse. Twitter cards are an excellent way to drive traffic to your website.
Why and how to use Twitter cards
With few lines of code, you can attach photos, download to a mobile app or video/audio media. Attachments will appear in tweets when your visitors start tweeting your content. There isn't any special requirement beside few lines of code to add to your page(s). The best of all is that you can add twitter cards just by copying/pasting code with few simple modifications: to change the title, description, and URL for image/media.Where to get code for Twitter card
You can see examples and to copy code from Twitter Developer Documentation site:Summary Card is suitable for any kind of content like a blog post, product or image from your shop.
Summary Card with Large Image is very similar to the summary card with a larger image.
App Card is suitable to drive app installs. You can include ratings and price.
Player Card is useful for video and audio clips.
Use links above to open appropriate page then scroll down to Sample Code section, select and copy code.
 |
| On Twitter Developer Documentation page scroll down to Sample Code section. Select code and copy it. |
Where to paste code in Muse
After copying and modifying the code you should paste it into each and every page where you want to add twitter card. It does not have much sense to use the same title, description, and image/media for every page on your site.With code copied to clipboard and tab with the web page in Design mode active in Muse go to Page > Page Properties.
Note: if your site is using alternate layouts and you have versions for Desktop, Tablet and Phone then you must repeat process for each layout of your site. Here is tutorial Migrate existing Adobe Muse websites to responsive layout which may help you. For responsive sites you will paste code only once as explained below.
Click on Metadata to activate that tab and paste code in HTML for <head>: section.
 |
| After modifying code from twitter site you should paste it in Muse. Open page in separate tab (double click on page in Plan view) then go to Page > Page Properties > Metadata tab. Paste code in HTML for <head>: section. |
Here is code that I have copied on Twitter site:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@nytimes">
<meta name="twitter:creator" content="@SarahMaslinNir">
<meta name="twitter:title" content="Parade of Fans for Houston’s Funeral">
<meta name="twitter:description" content="NEWARK - The guest list and parade of limousines with celebrities emerging from them seemed more suited to a red carpet event in Hollywood or New York than than a gritty stretch of Sussex Avenue near the former site of the James M. Baxter Terrace public housing project here.">
<meta name="twitter:image" content="http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg">Here is code with modification which I have pasted in Muse:
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@bojansavke">
<meta name="twitter:title" content="Photoshop Plus | Free and paid extensions" />
<meta name="twitter:description" content="Marketplace with highest quality free and premium Photoshop actions, frames, patterns, textures, PSD templates and layer styles." />
<meta name="twitter:image" content="https://lh3.googleusercontent.com/-9nthrmddzx0/U5qgSrR6UWI/AAAAAAAAACo/990UhyiONdkIbJPXxlbdPDB5ylqDsxCjgCL0B/s1000-fcrop64=1,00700000ff8eefff/cover-page-copy.png">
By the way, I am sourcing image from Photoshop Plus brand profile on Google+.
You should publish or to upload changes using ftp client to finish this process. To publish from Muse go to File > Publish to Business Catalyst.
Validate Twitter card
The last step is to validate your twitter card. Go to Card Validator, type your URL and click Preview card button.
Product used in this tutorial:
Adobe Muse CC 2017
Reference:
How to optimize Adobe Muse sites for Search Engines
Learn about page properties
Tuesday, January 17, 2017
Free Foxxee's Crochet Patterns for Photoshop and Elements
Today I have to share Foxxee's Crochet seamless tiling patterns. Patterns are saved with .pat extension and can be used in Photoshop and Photoshop Elements. Patterns are useful for Web and Print design. The license is free for personal and commercial projects as and everything else listed in freebies section and on my site Photoshop Plus > Free.
Patterns in this package are created using The Best Photoshop Plugin: Filter Forge. There are and so many other cool things that you can do using Filter Forge and Photoshop.
What is included in the package
Package contains set with 5 different seamless tiling patterns with the following dimensions: 512x512px.Preview of all patterns included in the package
 |
| Foxxee's Crochet 1 |
 |
| Foxxee's Crochet 2 |
 |
| Foxxee's Crochet 3 |
 |
| Foxxee's Crochet 4 |
 |
| Foxxee's Crochet 5 |
Saturday, January 14, 2017
How to Scale and Crop Images in Acrobat DC (Video)
There are times when you want to crop or simply to scale images in Adobe Acrobat DC. Fortunately, Acrobat is providing a quick and easy way for this kind of job. You are just a few clicks away.
All you need to do is to select an object (image) using Selection tool for text and images and then to right click > choose Edit Image. Immediately after that, you will see handles around the image and you can scale it. If you want to crop image then activate Crop image or Crop tool in other words.
Video tutorial
Here is my recording with steps that you need to perform in order to scale or crop the image in Adobe Acrobat DC.Product used in this tutorial:
Adobe Acrobat DC
Reference:
Edit images or objects in a PDF
Wednesday, January 11, 2017
Live Font Preview in Illustrator CC 2017
One of the new features in Illustrator CC 2017 is live font preview. Live font preview is already present in other Adobe applications but not in Illustrator. It is the quick and sweet solution for designers to preview in real time any font temporary applied to type inside object with text without any distraction or highlight. In this quick tip, I will explain to you why and how to use it.
Video tutorial
Here is my video recording on how to use live font preview with bonus tip to use Window > Type > Character panel instead of a control panel to cycle through installed font list.Product used in this tutorial:
Adobe Illustrator CC 2017
Reference:
2017 release of Illustrator CC—New features summary
Sunday, January 8, 2017
Free Eggshell & Spots Patterns for Photoshop and Elements
Today I have to share Eggshell & Spots seamless tiling patterns. Patterns are saved with .pat extension and can be used in Photoshop and Photoshop Elements. Patterns are useful for Web and Print design. The license is free for personal and commercial projects as and everything else listed in freebies section and on my site Photoshop Plus > Free.
Patterns in this package are created using The Best Photoshop Plugin: Filter Forge. There are and so many other cool things that you can do using Filter Forge and Photoshop.
What is included in the package
Package contains set with 5 different seamless tiling patterns with the following dimensions: 512x512px.Preview of all patterns included in the package
 |
| Eggshell and Spots 1 |
 |
| Eggshell and Spots 2 |
 |
| Eggshell and Spots 3 |
 |
| Eggshell and Spots 4 |
 |
| Eggshell and Spots 5 |
Thursday, January 5, 2017
How to Import Text Into a Path or Shape in Illustrator CC 2017 (Video)
In this quick tip, I will explain to you how to import text from text files like .txt or .doc into shape/path in Adobe Illustrator CC 2017 . The process is quite simple and easy and it requires only three easy steps.
Steps to import text into path
To follow this tutorial, ensure that you have installed Illustrator CC 2017 with November 2016 update. Here are basic steps to perform in order to import text into prepared shape or path in Illustrator:- Draw basic shape
- Go to File > Place and navigate to .txt or .doc file with and double click on it
- Navigate place gun to the edge of the shape and click once. Wait for feedback: path before clicking on the edge of the shape
After placing or importing text you can work wit it just as with any live text. You can also change and modify shape without any penalty: Illustrator will re-arrange or reflow text automatically. Please watch the video below for more details.
Video tutorial
Here is my video recording with all necessary details and some tips on how to import, stylize and modify text after importing it into the path in Illustrator.Product used in this tutorial:
Adobe Illustrator CC 2017
Reference:
New features summary
Subscribe to:
Posts (Atom)