Results 81 to 100 of 131

Your favorite Apple, iPhone, iPad, iOS, Jailbreak, and Cydia site.


Thread: Neurotech User Made Icons

Threaded View

  1. #1
    Arrow Neurotech User Made Icons
    .




    Neurotech icons are semi-transparent and bright white with a distinctive blue glow. The following is a tutorial on how to run Photoshop actions in order to quickly and easily make icons for Neurotech.


    What you'll need:



    1. Photoshop CS4 or newer
    2. The Ntech Icon action script (Download it here)


    About Photoshop Actions

    Photoshop actions are basically a way for a user to record themselves, then play back that recording in order to automate complex or redundant tasks. If you'd like to know a little more about actions go here: Adobe Photoshop * About actions and the Actions panel

    To install the Neurotech icon actions into Photoshop, download the action script above and place it on your desktop (or some place you won't lose it). Start Photoshop, in the drop-down menu on the Actions tab (Alt+9), select Load Actions and choose the Ntech Icons.atn file. This will load two different actions into the Action menu under Ntech Icons: Icons Load and Icons Glow.

    The quirky thing about actions that takes a little getting used to is that the conditions in which the icons are created need to be exactly the same each time.

    Specifically:

    • The image must be a square (same number of pixels for height and width)
    • The correct colors must be loaded into the foreground and background color picker (see References & Hints below for RGB's)
    • The layers must be named correctly and selected, and
    • There must be a selection highlighted on the image.



    As long as these conditions are met the action will create a perfect icon every time!

    The basic idea is that we'll take a large image of the icon from iTunes (512x512) so when we shrink it down to icon size (120x120) the lines will be smooth and anti-aliased. It is recommended never to use an image smaller than 500x500 pixels, although anything higher is fine, provided the image is square.

    Now on to the fun stuff!




    Step 1: Copy the icon image to the clipboard from iTunes.


    • In iTunes, right-click on the app image and choose Get Info. Under the Artwork tab, right-click the image and choose "Copy"
    • This will copy the image to your computer's clipboard.
    • Alternatively you can copy an image from the internet (right-click an image and choose Copy Image).


    Click image for larger version. 

Name:	Step 1.png 
Views:	89 
Size:	284.9 KB 
ID:	651483




    Step 2: Load the image into Photoshop


    • Start Photoshop and do not create a new document, just leave the Photoshop window blank.
    • Select Icons Load from the Action menu and press Play.
    • Make sure to choose the correct fore and background colors. (See References & Hints below!)



    Click image for larger version. 

Name:	Step-2.png 
Views:	43 
Size:	99.6 KB 
ID:	658821


    • The 500x500 pixel image from iTunes should appear.






    Step 3: Select the area you want for the icon

    • Use the selection tools in Photoshop to select the areas that will show as white on the icon.
    • Use the Magic Wand tool to select areas on the image - adjusting the Tolerance parameter on the tool will control the quality of the selection.
    • There must be a selected area on the image and Layer 1 must be selected in the Layers Panel in order to continue!


    Click image for larger version. 

Name:	Step-3.png 
Views:	74 
Size:	314.6 KB 
ID:	651488

    • Select the Icon Glow action and press play.
    • The action script will run, adding glow layers (set as the foreground and background colors), flatten the image, then resize it to the correct size.



    Click image for larger version. 

Name:	Step-4.png 
Views:	90 
Size:	140.9 KB 
ID:	651489

    • Done! Now save the icon to the proper theme folder.






    References & Hints

    Foreground Color (RGB): 150, 214, 246
    Background Color (RGB): 12, 56, 78



    • Don't worry about centering the selection - The image will be auto-centered when the script is run

    • Whatever area that is selected becomes the white area of the icon. There are some fancy tricks you can use for increasingly complex shapes. You can create multiple layers to the image, highlighting and filling one section at a time, adding or deleting selections to that layer - the only thing that is required is that there only be one layer remaining and named Layer 1 before you run the Icon Glow action.

    • You can even skip the first step and build the icon from scratch if you so choose. For example, create a new 500x500 pixel document with multiple layers, each layer containing a complex series of shapes. You can then add or subtract or duplicate those shapes onto Layer 1 and build very complex imagery very quickly. Or you can create selections from multiple images! However, before you run the Icon Glow action you must 1. have the proper colors selected in fore and background and 2. there must only be a Layer 1, selected with 3. an area selected within the image.

    • Once you run the action it will destroy the canvas and your work so you may need to save it depending on how long it took to make!



    If you have any questions please email me: [email protected].

    Try to avoid the Modmyi messaging if you can - it's a bit more inconvenient.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Step-2.png 
Views:	64 
Size:	91.4 KB 
ID:	651484  
    Last edited by Jahooba; 03-04-2014 at 08:37 AM. Reason: Clarified some words.

  2. The Following 4 Users Say Thank You to Jahooba For This Useful Post:

    jsnx (03-12-2012), KraXik (02-17-2012), Laskmi (06-18-2012), samsquanch (03-28-2013)

Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •