+ Reply
Page 1 of 7 123 ... LastLast
Results 1 to 20 of 131

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


Thread: Neurotech User Made Icons

is a discussion within the

iPhone 4|4S New Skins / Themes Launches

forums, a part of the

New Skins / Themes Launches

section;
. 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
...
  1. #1
    Theme Creator Jahooba's Avatar
    Join Date
    Jun 2009
    Posts
    2,880
    Thanks
    1,407
    Thanked 1,679 Times in 830 Posts

    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).

    Neurotech User Made Icons-step-1.png




    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!)


    Neurotech User Made Icons-step-2.png

    • 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!

    Neurotech User Made Icons-step-3.png
    • 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.


    Neurotech User Made Icons-step-4.png
    • 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 Neurotech User Made Icons-step-2.png  
    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)

  3. #2
    iPhone? More like MyPhone
    Join Date
    Jul 2011
    Posts
    249
    Thanks
    37
    Thanked 138 Times in 98 Posts

    Update 8-2-12 Chainguns Ntech icons 2.0Neurotech Custom Icons.zip
    Attached Thumbnails Attached Thumbnails Neurotech User Made Icons-set-4.png   Neurotech User Made Icons-set-3.png   Neurotech User Made Icons-set-2.png   Neurotech User Made Icons-set-1.png  
    Last edited by Chaingun; 02-09-2013 at 08:39 AM.

  4. The Following 6 Users Say Thank You to Chaingun For This Useful Post:

    Jahooba (02-17-2012), jsnx (03-12-2012), KraXik (02-17-2012), Laskmi (06-18-2012), recklesstryg (02-10-2013), samsquanch (03-24-2013)

  5. #3
    Livin the iPhone Life KraXik's Avatar
    Join Date
    Mar 2011
    Location
    Winchester, UK
    Posts
    2,605
    Thanks
    2,654
    Thanked 1,742 Times in 884 Posts

    Quote Originally Posted by Chaingun View Post
    First! i mean reserved for icons
    First the worst. Second the best. Oh and... Er... Reserved!


    Don't really have an icon set but can do requests. Only really on weekends though

    Neurotech User Made Icons-sonic.png Neurotech User Made Icons-fluer-demo.png Neurotech User Made Icons-gtrdemo.png
    Attached Thumbnails Attached Thumbnails Neurotech User Made Icons-fluer-outline.png   Neurotech User Made Icons-sonic-icon.png   Neurotech User Made Icons-gtr.png  
    Last edited by KraXik; 02-17-2012 at 01:19 PM.

  6. The Following 2 Users Say Thank You to KraXik For This Useful Post:

    Jahooba (02-18-2012), samsquanch (03-28-2013)

  7. #4
    iPhoneaholic Megaorange's Avatar
    Join Date
    Nov 2010
    Location
    The Grid
    Posts
    459
    Thanks
    20
    Thanked 113 Times in 97 Posts

    Awesome. Maybe if some people are willing we can request game icons on this thread. You know you like to avoid those J lol.

    Maybe someone could do

    Minecraft PE
    com.mojang.minecraftpe
    Icon
    Icon@ 2x

    Infinity blade 2
    com.chairentertainment.IB2
    Icon
    Icon@ 2x

    Fruit Ninja
    com.Halfbrick.Fruit
    Icon
    Icon@ 2x

  8. #5
    iPhone? More like MyPhone
    Join Date
    Jul 2011
    Posts
    249
    Thanks
    37
    Thanked 138 Times in 98 Posts

    I got these I was gonna do a minecraft one anyways

  9. #6
    iPhoneaholic Megaorange's Avatar
    Join Date
    Nov 2010
    Location
    The Grid
    Posts
    459
    Thanks
    20
    Thanked 113 Times in 97 Posts

    Lol thanks chaingun

  10. #7
    Livin the iPhone Life KraXik's Avatar
    Join Date
    Mar 2011
    Location
    Winchester, UK
    Posts
    2,605
    Thanks
    2,654
    Thanked 1,742 Times in 884 Posts

    This is what I done a few days ago -

    Neurotech User Made Icons-minecraftdemo.png
    Attached Thumbnails Attached Thumbnails Neurotech User Made Icons-minecraft.png  

  11. The Following User Says Thank You to KraXik For This Useful Post:

    samsquanch (03-28-2013)

  12. #8
    iPhone? More like MyPhone
    Join Date
    Dec 2009
    Posts
    190
    Thanks
    22
    Thanked 18 Times in 15 Posts

    May i request:

    WHAT'S ON
    TRANSLOC
    MFPRO
    IMUSCLE
    GARAGEBAND
    GROUPME
    TEXAS POKER
    WORDS WITH FRIENDS
    SCRAMBLE WITH FRIENDS
    AMAZING BREAKER
    TEMPLE RUN
    PANORAMA
    DIPTIC
    FILTERSTORM

  13. #9
    iPhone? More like MyPhone
    Join Date
    Jul 2011
    Posts
    249
    Thanks
    37
    Thanked 138 Times in 98 Posts

    Words with friends already has an icon in neurotech, though that may just be for the paid version not sure. There is one for Temple Run in my post above as well. To ensure we can do them to the standard of quality that we are all working for (and since we can't all buy the apps that everyone needs the icons for) it would be helpful to post the bundle name and the icon name as well with correct capitalization and such. Jahooba detailed how to find that information
    Quote Originally Posted by Jahooba View Post
    Hey guys, make your own Neurotech glowy icons! After comparing the original version to the Photoshop method (which I detail in this tutorial), I think the Photoshop version may be better! Of course, there are still advantages to using 3D so I'll stick with that. Oh, and I've never made a tutorial before - they're really kinda hard to make!

    You can download a PDF version of the tutorial here: Ntech Icon Tutorial v1-1.zip



    How to find Folder and Icon names:

    *I use iFile mostly - you can also use AppInfo on Cydia, but it fails to locate icon names a lot.*


    The icon name: To get the name of the icon you need to find the app folder. Apps from the AppStore are found in /var/mobile/Applications. Apps from Cydia are located in /var/stash/Applications.

    Open the corresponding app folder and find the folder that is a .app folder. For example: AngryBirds.app

    In this folder you can find the icon png. You'll need the name of the icon for the iPhone 4, which usually ends in @2x ([email protected] is the most common - if @2x isn't there, it may just be named icon.png or Icon.png)

    Important: You'll need the name of the icon file EXACTLY as it's spelled, capital letters, dashes, etc., exactly or it won't work.

    ____________________________________


    The BundleIdentifier: This one takes a little more sleuthing. Inside the .app folder, the same place the icons are located, is a file called info.plist.

    In iFile, open this info.plist file and in it you'll find a line that says:

    Code:
    <key>CFBundleIdentifier</key>
    Underneath this line you'll find the information you need. Usually it starts with "com."

    For Angry Birds it's com.clickgamer.AngryBirds

    Like the icon, this must be spelled perfectly, with the capital letters, dots, etc. It may not start with "com.", but it's ALWAYS the string below the CFBundleIdentifier string.

    And lastly, this is the "WinterBoard" way of theming icons, as opposed to the old Summerboard way where you make a folder called icons. The new WinterBoard way is far more efficient, and is the way that it will be done in most themes moving forward.
    personally i like to use ifunbox to pull my information such as bundle name (the icon name is listed as well but it's usually pretty evident which one is which example for iphone 4 is [email protected] usually, sometimes icon-114 or similar
    Last edited by Chaingun; 02-18-2012 at 10:36 PM.

  14. The Following User Says Thank You to Chaingun For This Useful Post:

    Jahooba (02-18-2012)

  15. #10
    iPhone? More like MyPhone
    Join Date
    Jul 2011
    Posts
    249
    Thanks
    37
    Thanked 138 Times in 98 Posts

    I went a slightly different direction with minecraft updating the icons a bit will reupload and start on some more later tonight Neurotech User Made Icons-step.png
    Attached Thumbnails Attached Thumbnails Neurotech User Made Icons-icon-2x.png  

  16. The Following 2 Users Say Thank You to Chaingun For This Useful Post:

    Jahooba (02-19-2012), samsquanch (03-28-2013)

  17. #11
    iPhone? More like MyPhone
    Join Date
    Jul 2011
    Posts
    249
    Thanks
    37
    Thanked 138 Times in 98 Posts

    WHAT'S ON-? not sure what this one is
    TRANSLOC- done need bundle and icon name
    MFPRO- not sure what this one is
    IMUSCLE- done- need bundle and icon name
    GARAGEBAND-done need bundle and icon name
    GROUPME done need bundle and icon name
    TEXAS POKER done need bundle and icon name

    PANORAMA-which panorama? there are like 3 of them
    Last edited by Chaingun; 02-20-2012 at 05:45 PM.

  18. The Following User Says Thank You to Chaingun For This Useful Post:

    Jahooba (02-20-2012)

  19. #12
    Livin the iPhone Life celeron's Avatar
    Join Date
    Dec 2010
    Location
    Puerto Rico
    Posts
    5,831
    Thanks
    51
    Thanked 340 Times in 323 Posts

    Nice job. Hope to see more game icons
    If my post was good, click the button in my post

    New to jailbreaking? Have a look at my Redsn0w Guide

  20. #13
    iPhone? More like MyPhone
    Join Date
    Feb 2012
    Posts
    120
    Thanks
    1
    Thanked 64 Times in 35 Posts

    Default Could i request a few icons
    TD Canada Trust
    NHL Game Center
    Pocket MV
    Gas Buddy
    Bell Mobility Self Serve
    Bell Moblie Tv
    Gas buddy
    Theme Icon Makes
    iSNES
    gpSphone

    I would make them myself but i have absolutely no skill in the matter lol thanks a lot

  21. #14
    iPhone? More like MyPhone
    Join Date
    Jul 2011
    Posts
    249
    Thanks
    37
    Thanked 138 Times in 98 Posts

    I'm always glad to make some icons, however i do request in return that you provide the bundle and icon names so they can be added to the cydia package that Jahooba is wanting to make in the future. I'll go ahead and get started on them but i won't post them until i have that information.

  22. The Following User Says Thank You to Chaingun For This Useful Post:

    Jahooba (02-20-2012)

  23. #15
    iPhone? More like MyPhone
    Join Date
    Feb 2012
    Posts
    120
    Thanks
    1
    Thanked 64 Times in 35 Posts

    Gasbuddy
    Icon name: [email protected]
    Bundle: com.gasbuddymobile.gasbuddy

    Bell Mobile TV
    Icon name: [email protected]
    Bundle: com.quickplay.BellMediaPlayer

    Td Canada Trust
    Icon name: icon_app.png
    Bundle: com.td.tdiphoneapp

    NHL Game center
    Icon name: [email protected]
    Bundle: com.nhl.gc1112.free

    Bell Mobility
    Icon name: icon.png
    Bundle: ca.bell.bellselfserve

    Pocket MV
    Icon name: [email protected]
    Bundle: com.pocketmetaverse.pmv

    iSNES
    Icon name: Icon.png
    Bundle: com.bslapps.iSNES

    gpSphone
    Icon name: [email protected]
    Bundle: com.zodttd.gpSPhone

    Theme Icon Maker
    Icon name: [email protected]
    Bundle: com.philippe.ThemeIconMaker

  24. The Following User Says Thank You to Rodimal For This Useful Post:

    Jahooba (02-20-2012)

  25. #16
    iPhoneaholic Megaorange's Avatar
    Join Date
    Nov 2010
    Location
    The Grid
    Posts
    459
    Thanks
    20
    Thanked 113 Times in 97 Posts

    Ok I think we need to have an official template for requests. What do you guys think of this format

    Name of app
    Bundle name
    Icon name


    EDIT: hey I got some info for those icons someone requested
    SCRAMBLE WITH FRIENDS
    com.zynga.ZScrambleWithFriendsPaid.1
    icon@2x

    AMAZING BREAKER
    com.dekovir.AmazingBreaker
    Icon@2x

    DIPTIC
    com.peaksystems.Diptic
    Icon57@2x

    FILTERSTORM
    com.stormyimaging.Filterstorm
    icon-fs-notpro@2x
    Last edited by Megaorange; 02-20-2012 at 03:07 PM.

  26. The Following User Says Thank You to Megaorange For This Useful Post:

    Chaingun (02-20-2012)

  27. #17
    iPhone? More like MyPhone
    Join Date
    Jul 2011
    Posts
    249
    Thanks
    37
    Thanked 138 Times in 98 Posts

    perfect, also like the new icon megaorange working on a few from the above list now will post them later tonight

  28. #18
    iPhoneaholic Megaorange's Avatar
    Join Date
    Nov 2010
    Location
    The Grid
    Posts
    459
    Thanks
    20
    Thanked 113 Times in 97 Posts

    Awesome good luck. You mean my avatar? Ya it's cool I wonder if anyone knows what it is

  29. #19
    iPhone? More like MyPhone
    Join Date
    Jul 2011
    Posts
    249
    Thanks
    37
    Thanked 138 Times in 98 Posts

    Doc Oc's Claw?
    lolz

  30. #20
    iPhoneaholic Megaorange's Avatar
    Join Date
    Nov 2010
    Location
    The Grid
    Posts
    459
    Thanks
    20
    Thanked 113 Times in 97 Posts

    No lol

+ Reply
Page 1 of 7 123 ... LastLast
Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts