How To Use the PSDCovers Panel - http://www.psdcovers.com/how-to-use-the-psdcovers-panel/
- Welcome, and thanks for installing the PSDCovers panel! If you haven’t installed the plugin yet you can find a detailed getting started guide here which will walk you through the entire process of installation and signing up to our service to access your first 100 free Actions. This can be considered as a follow-up to the getting started guide which helps you download and install the plugin.
In this tutorial we will desribe the 4 main areas of the panel, the profile page, actions list page, actions details page and bookmarks page.
ContentsIntroductionProfile PageUpdating Your NameUpdating EmailA note about updating your email…Changing Your PasswordNotification Of Password ChangeEmail ConfirmationAction List PageCaching Image PreviewsThe panel feels sluggishFinding ContentBy Search TermBy CategoryFinding FREE ActionsHow To Identify Free ActionsView Desired Mockup DetailsThe Action DetailsAbout viewing the Action Details pageRunning STEP 1STEP 1 TemplateAdding Your Artwork To The TemplateDeleting template layersWhy using the generated template is important…Rendering STEP 2The Final ResultBookmarking FavoritesViewing Your Bookmarked FavoritesSearching within your favoritesOffline ModeHelp And SupportAbout Panel ModalSupport Flyout Menu
The following tutorial walks you through the various features of the PSDCovers panel including your account, product search, mockup rendering and bookmarking favorites.
Whenever you log into the panel it will always place you on your account page, from here you can see the current status of your subscription.
The Profile area allows you to change your name or email address
Your current subscription model, default is FREE with access to 100 Actions
Change your password
Updating Your Name
The Update Profile button remains disabled when it detects that no changes have been made to your name or email address.
To change your name, type the desired name into the Name field
When the Update Profile button becomes active, click it to apply the changes
Congratulations! You just updated your user name.
Updating your email address is a similar process to updating a name, simply replace the email displayed with the desired address.
Change the email address to the desired email
When the Update Profile button becomes active, click it to apply the changes
A note about updating your email…
PSDCovers does not currently send out emails when changes to your email address is made, update with care.
Changing Your Password
Updating your password will require entering the old one first.
Enter your old password
Enter your new password, twice to be certain
Click Update Password to apply the change
Notification Of Password Change
When a password is updated successfully, a modal appears informing you the changes have been applied.
Click Close to continue
When your password is changed, an email confirmation will be sent to you informing you of the change.
Action List Page
To view the Actions we need to switch to the Action List page which can be done by clicking on the Action List icon at the top of the panel.
Click on the Action List icon at the top of the panel
The Actions List
Caching Image Previews
When the PSDCovers panel is installed it does not contain any Actions — Actions are downloaded to your computer as you navigate through the panel viewing each Action list page.
Navigating through the paginated Action List will cache the Action preview thumbnails as will scrolling down the Action List.
The caching is fast and mostly imperceptible, however you may catch glimpses of the caching process as revealed by the loader icon which appears while the thumbnail is being retrieved.
The panel feels sluggish
For those with slower internet connections the panel may feel sluggish initially, this is only temporary. The performance will return once everything is cached locally at which point the panel will only use the locally stored resources.
The Panel has a few options for finding the mockups you are interested in…
By search term
Finding FREE Actions
By Search Term
The Panel allows you to find your content through the use of regular words, keywords and tags which are associated with the mockup. For instance, to search for paint cans simply requires entering the word can into the search field.
Enter the product name, keyword or tag.
Results appear as you type.
Pagination is updated to reflect results.
Mockups can also be filtered by category to narrow down search results quickly.
Select the category menu and select the desired category
Action list is instantly filtered to that category
Pagination is updated to reflect results, in this case there is not enough content to warrant pagination for this category
The category can be further refined by using the search field which will filter the category results even further.
Select the category
Enter the search term to filter down the category results
Finding FREE Actions
Designers who signed up to access the 100 Free Actions can do so simply by typing the word free into the search field.
Type free into the search field to filter for free actions
How To Identify Free Actions
We have included a visual clue that you can use to spot which mockups are FREE for any member.
Chevrons without an external circle are for premium members only.
Chevrons with a circle are FREE for all members.
View Desired Mockup Details
Once you find an Action you would like to run simply select it from the Action list to view the Action Details Page.
Hover over the desired Action and click to view the Details Page
The Action Details
The Action Details page is a condensed version of the same page on our website, using the panel means you never have to visit our site for previews, details or downloads.
Preview of the mockup the Action will render
STEP 1 and STEP 2 rendering buttons
Add to bookmarks and other miscellaneous details
About viewing the Action Details page
Each time you visit a mockup details page the panel will download and cache the Action, for the mockup being viewed, locally to your machine. If any changes are made to the Action by us in the future, the panel will detect the change and copy the latest update locally to your machine.
More about how caching works can be found below under the Offline Mode section.
Running STEP 1
Whether you are new to PSDCovers mockups or are a long-time user of our Actions, running STEP 1 is required to generate the temple which STEP 2 requires to render your mockup.
Click on STEP 1 to generate a new PSD to use as a template
STEP 1 Template
Within a few seconds of running STEP 1 the following template is generated, in this particular case the template is for the GRAPHICNOVEL008 book mockup which comes with 3 specific zones…
The design of the book spine
The book cover design
Adding Your Artwork To The Template
An important point to take note of while placing your artwork onto the template is to ensure that your artwork is placed at the top of the Layers panel ensuring that it will cover any template element below.
Your artwork, shown with a green label, is placed on layers above the template layers
Template layers, shown with a purple lable, reside below your artwork
Deleting template layers
In most cases you can simply delete the template layers, however, some of our earlier Actions need to work with mask layers generated by the template in order to render your mockup properly. If you delete the template layers and an error occurs during STEP 2, simply revert the changes and keep the template layers.
Once your artwork is placed it would look something like this:
Why using the generated template is important…
Using the template generated by STEP 1 is integral to a successfully rendered mockup. When STEP 2 is executed it expects artwork to be an exact pixel dimension at a precise location at an expected resolution. Simply opening your own design with custom layout and resolution and running STEP 2 will result in failure.
However, if you place all your artwork into the provided STEP 1 template then you can save the document for re-use later. That is, if you have previously prepared your designs in a template generated by STEP 1 then you can re-open that design and skip directly to STEP 2.
Rendering STEP 2
When the template has all the artwork required you are ready to render your mockup.
With your template document open as the active document, click STEP 2.
The Final Result
Within seconds STEP 2 will generate a new PSD file with your mockup.
The final result is fully yours to own and sell as you see fit!
The PSDCovers panel supports bookmarking. By cultivating a favorites list you can bypass the Action List and go directly to your own personal list of most often used Actions.
While on the Details Page, click on the Add to bookmarks link
Viewing Your Bookmarked Favorites
To view your bookmarked favorites, simply toggle to the Favorites Page.
Click the Favorites tab
List of bookmarked favorites
Searching within your favorites
Note that using the category menu or search field while inside your Favorites list will limit results to mockups within your bookmarks only.
The PSDCovers panel has an offline mode which is helpful when no internet connection is available. However, only Actions which have been cached locally to your computer will continue to be available to you while offline. For example, in the image below we can see that all the thumbnails were cached when we browsed through the Action lists, but if the Action Detail page itself is not viewed then the action for that mockup is not cached locally.
Cloud with warning icon appears to indicate the action for this mockup was not cached and is therefore unavailable
Actions which are cached will continue to display the chevron at the far right of the item row.
Help And Support
At anytime you may access information about your current panel version or link to the panel installation tutorial.
Click the HaptUX Inc. corporate link at the bottom of the panel.
About Panel Modal
Clicking on the HaptUX Inc. corporate text at the center-bottom of the panel will cause the About modal to slide down from the top with helpful information.
Click Close to close the modal.
Panel release version with links to product information.
Support flyout menu.
Support Flyout Menu
At any point while using the panel you can access the Support flyout menu at the top-right corner of the panel.
Using the Support slyout menu members can ask for support, report bugs, ask general questions, log out of the panel, clear the cache (forces the panel to re-download the actions) and enable logging. The last one is for us if — if you submmit a bug that baffles us we will contact you and ask you to turn on logging and send us the report it generates after you recreate the event that causes the bug.
Thank you for trying our Photoshop panel!