In this tutorial, we’re going to learn how to create a neon text effect in Adobe Photoshop.
Download Adobe Photoshop.
Read More at Neon Text Effect Photoshop Tutorial
Source: Web Design Ledger
This bundle contains 9 high-quality design products for your perfect winter time. Simulating photorealistic snow or fog for photography, web or print design has never been that easy. Various snow objects as well as 16 artistic snowflakes with transparent backgrounds will add a special touch to your Christmas and winter designs. The pack of winter photos and a frozen text effect rounds everything up, and is perfect for social media posts, bloggers or web shop owners.
Check all the previews here.
Normally, this mega vector collection sells for $642 but for a limited time only, you can get Mega Snow & Winter Bundle for just $11 – That’s a monstrous savings of 98% off the regular price.Go here to get this awesome deal!
Source: Web Design Ledger
Editor’s Note: New year, new challenges! You might have set up your New Year’s resolutions already, but if not, how about designing something… different for a change? Today, we’re happy to introduce Dorota, an artist who created a fun little project last year that was inspired by Twitter’s new logo based on 13 circles. Below you’ll find the lessons Dorota has learned along the process, so maybe you’d like to embark on a similar journey as well?
If you can make a bird out of circles, then you can probably make all sorts of animals. I wanted to add something more design-based to my portfolio, so I made that my personal challenge. The idea was to draw animals from exactly 13 circles, and I decided to match that number by making 13 animals. This makes for a nicer title for the project, and it helps to get others to share it around the web, too. Knowing what you want to create early on helps, because then all you have to do is figure out ways to make it happen.
The post Illustrating Animals With 13 Circles: A Tutorial And Drawing Challenge appeared first on Smashing Magazine.
Source: Smashing Magazine
In this tutorial, we’re going to learn how to cut out hair in Adobe Photoshop.
1. Open your photo in Photoshop.
2. Right-click the Background layer in the Layers Palette, and select Duplicate. Switch off the Background layer, and keep this hidden in case you need to use or reference it again in future.
3. Select the Background Eraser Tool, and select a circular shaped brush at 100px in size. Set the Hardness to 50%.
4. Along the top of the screen there are several other options for the Background Eraser Tool. Set the Sampling method to Sample Once, and set the Limits to Discontiguous.
5. Setting the Tolerance level will require a bit of trial and error, depending on the complexity of the hair in your photo. If the Tolerance is set too low, not enough of the background will be removed, and if set too high, the Background Eraser Tool will remove other parts of the photo as well as the hair. For this tutorial, the Tolerance was set to 30.
6. Using the Eyedropper Tool, you can also Left-click on part of the hair to sample this colour. Next, with the Background Eraser Tool selected, select Protect Foreground Colour in the box at the top of the screen. This will protect any hair (and similar shades) that matches the foreground colour. This step increases the likelihood that the Background Eraser Tool will only cut out the hair, and not remove other parts of the photo accidentally.
7. Once your settings are correct, Left-click on the background and continue to Drag over the image. If the settings are correct, only the background will be removed, leaving the hair cut out on a transparent background.
8. Any other parts of the photo that may have been accidentally removed, can be reversed by going to Edit > Undo. If the Background Eraser Tool cannot effectively remove the background in certain parts of the photo, simply switch to the normal Eraser Tool, set a suitable Brush Size and Hardness (between 50-100%), and remove the background manually. Take care when cutting out the photo manually, and zoom in/out where necessary using the Zoom Tool.
9. Once you have cut out the hair/photo on to a transparent background, you can also add a New Layer underneath this layer in the Layers Palette. Using the Fill Tool, you can add the selected Foreground Colour (eg. white) to the new layer underneath the photo layer, allowing this to work as a background behind the newly cut out photo.
Read More at How to Cut Out Hair in Photoshop
Source: Web Design Ledger
In recent years, much has changed in the way web users interact with dashboard data and complete simple backend tasks. Layouts are more spacious and mobile-friendly, colors are simpler, typography is highly-readable, interactive charts make data much easier to digest, and advancements in technology have made completing tasks much quicker.
The admin panels of 2016 are setting a high usability standard and raising the bar in creative interaction design.
If you’re looking for HTML and CSS dashboard templates, you might like to take a look at these Bootstrap-powered Dashboard templates. Or, if you’re looking for some admin panel design inspiration, try this post. But if you’re looking for dashboard templates in PSD or Sketch formats, then stick around, this is the collection for you!
All of the below dashboard templates are free to download and use (check the license, though, they do sometimes change), and are available in either Photoshop or Sketch formats. Hopefully, they will give you some fresh ideas for your own designs.
Buvud eCommerce Dashboard UI/UX Kit (PSD) Designed by Anton Kalik.
Flat Course Admin Dashboard (Skectch) Designed by Hoang Nguyen.
Admin Dashboard Free Template (PSD) Designed by Aaron Sananes.
ThemePanda Responsive Dashboard Design (PSD) Designed by Raaz Das.
Smart Admin Dashboard UI (PSD) Designed by Mushfiq.
Dashboard Freebie (Sketch) Designed by Ante Matijaca.
Morph-UI Flat Dashboard UI Kit (PNG & PSD) Designed by Morphosis.
Analytics Dashboard UI Kit (PSD) Designed by Balkan Brothers.
Admin Dashboard UI Freebie (PSD & Sketch) Designed by Sergiu Firez.
Clean Dashboard (Sketch) Designed by Padam Boora.
Data Analytics Dasboard (Sketch) Designed by Tonda Kus.
eCommerce Dashboard Admin (PSD) Designed by Bagus Fikri.
Dribbble Stats Dashboard (PSD) Designed by Dany Rizky.
Merkury Dashboard Template (PSD) Designed by Symu.
FokiraDash Dashboard UI Template (PSD) Designed by Eftakher Alam.
Dashboard UI Elements (PSD) Designed by Craftwork.
Free Dashboard (PSD) Designed by Malte Westedt.