Search Chirayu Software Solutions Blog

Wednesday, October 5, 2016

Download FREE Mobile App for Live Rates,Charts,Tips of Index, Commodities,Currencies and Share price.

JRD Shah Marketwatch ( Live Rate, Chart, Tips, News ).
View this email in your browser

JRD Shah Marketwatch

JRD SHAH Marketwatch app provides market rates of different asset class like Shares, Commodities, Bullion and Currency.

Download Link for Android Mobile : https://goo.gl/6vjjuD

Copyright © 2016 Chirayu Software Solutions, All rights reserved.
You are receiving this email becuase you have contacted Chirayu Software Solutions before.

Our mailing address is:
Chirayu Software Solutions
614, Fortune Tower
Sayajigunj
Vadodara 390005
India

Add us to your address book


Want to change how you receive these emails?
You can update your preferences or unsubscribe from this list

Email Marketing Powered by MailChimp

How to Make an Animated GIF in Photoshop [Tutorial]

Step 1: Upload your images to Photoshop.

If you already have images created ...

Gather the images you want in a separate folder. To upload them into Photoshop, click File >Scripts > Load Files Into Stack.
load-file-into-stack.png
Then, select Browse and choose which files you'd like to use in your GIF, then click OK.
load-multiple-images.png
Photoshop will then create a separate layer for each image you've selected. Once you've done that, skip to step two.

If you don't already have the series of images created ...

Create each frame of the animated GIF as a different Photoshop layer. To add a new layer, chose Layer New Layer.
add-new-layer.png
Be sure to name your layers so you can keep track of them easily when you make your GIF. To name a layer, go to the Layer panel on the bottom right of your screen, double-click on the default layer name, and type in the name you want to change it to. Press Enter when you're finished.
name-layers.png
Once you have your layers in there and you've named them all, you're ready for step two.
Pro Tip: If you want to combine layers so they appear in a single frame in your GIF, turn visibility on for the layers you want to merge (by clicking on the "eye" to the left of each layer name so only the eyes for the layers you want to merge are open). Next, press Shift + Command + Option + E (Mac) or Shift + Ctrl + Alt + E (Windows). Photoshop will create a new layer containing the merged content, which you should also rename.

Step 2: Open up the Timeline window.

To open Timeline, go to the top navigation, choose Window > Timeline. The Timeline will let you turn different layers on and off for different periods of time, thereby turning your static image into a GIF.
open-timeline.png
The Timeline window will appear at the bottom of your screen. Here's what it looks like:
timeline-in-photoshop.png

Step 3: In the Timeline window, click "Create Frame Animation."

If it's not automatically selected, choose it from the dropdown menu -- but then be sure to actually click it, otherwise the frame animation options won't show up.
create-frame-animation.png
Now, your Timeline should look something like this:
timeline-with-frame-animation.png

Step 4: Create a new layer for each new frame.

To do this, first select all your layers by going to the top navigation menu and choosing Select > All Layers.
Then, click the menu icon on the right of the Timeline screen.
timeline-icon.png
From the dropdown menu that appears, choose Create new layer for each new frame.
new-layer-for-new-frame.png

Step 5: Open the same menu icon on the right, and choose "Make Frames From Layers."

This will make each layer a frame of your GIF.
make-frames-from-layers.png

Step 6: Under each frame, select how long it should appear for before switching to the next frame.

To do this, click the time below each frame and choose how long you'd like it to appear. In our case, we chose 0.5 seconds per frame.
choose-frame-time.png

Step 7: At the bottom of the toolbar, select how many times you'd like it to loop.

The default will say Once, but you can loop it as many times as you want, including Forever.Click Other if you'd like to specify a custom number of repetitions. 

choose-loop-number.png 

Step 8: Preview your GIF by pressing the play icon.

play-icon.png

Step 9: Save your GIF to use online.

Satisfied with your GIF? Save it to use online by going to the top navigation bar and clickingFile > Export > Save for Web (Legacy).
save-for-web.png
Next, choose the type of GIF file you'd like to save it as under the Preset dropdown. If you have a GIF with gradients, choose Dithered GIFs to prevent color banding. If your image employs a lot of solid colors, you may opt for no dither. 
The number next to the GIF file determines how large (and how precise) the GIF colors will be compared to the original JPEGs or PNGs. According to Adobea higher dithering percentage translates to the appearance of more colors and detail -- but it increases the file size. 
save-for-web-preset-dropdown.png
Click Save at the bottom to save the file to your computer. Now you're ready to upload this GIF to use in your marketing! 
Upload the GIF file into any place online that you'd put an image, and it should play seamlessly. Here's what the final product might look like:

Reference :

http://blog.hubspot.com/marketing/how-to-create-animated-gif-quick-tip-ht#sm.00016hs17k12qrcvqvba9qyprsyh8

Friday, June 10, 2016

How to add Splash Screen in Website

You can put your splashscreen in a div on top of your website at the first visit and when the user click on it (or on the "Enter" link), fade it with:
 <div id="splashscreen">
    <h2>Welcome !</h2>
    Take a look at our new products, blablabla
    <img src="http://i.telegraph.co.uk/multimedia/archive/02182/kitten_2182000b.jpg" />

    <a href="#" class="enter_link">Enter on the website</a>
</div>
And with just 3 lines of jQuery:
 $('.enter_link').click(function() { 
        $(this).parent().fadeOut(500);
 });
The splashscreen div need to take the whole space available and have a background to hide the actual content. JSFiddle example: http://jsfiddle.net/5zP3Q/

Thursday, June 9, 2016

Port Forwarding in Amazon EC2

1) Log in to the EC2 Management Console

2) Go to EC2 Dashboard

3) In Network and Security --> Select Security Groups.

4) In Security Groups Right Click the Security Group used by your instance.

5) Click on Edit Inbound Rules

6) Click on Add Rule

7) Enter the TCP Port number and Select anywhere as source.

8) Click on Save.

You are done.


Wednesday, May 25, 2016

Push Notification in Phonegap for Android and iPhone App

Install phonegap CLI first to start the process.

http://docs.phonegap.com/getting-started/1-install-phonegap/cli/

$ npm install -g phonegap@latest

Create Basic Push Notification App for Phone Gap using following link

http://docs.phonegap.com/develop/push-notifications/

$ phonegap create myApp --template phonegap-template-push

http://www.tejaprakash.com/2013/05/push-messages-to-gcm-server-using-net.html

http://www.tejaprakash.com/2013/02/google-cloud-messaging-for-android.html

http://dev.tapjoy.com/faq/how-to-find-sender-id-and-api-key-for-gcm/

https://github.com/phonegap/phonegap-plugin-push/blob/master/docs/PHONEGAP_BUILD.md#adding-resources

Topic Subscription

https://developers.google.com/cloud-messaging/topic-messaging#response-format

https://www.pubnub.com/blog/2014-12-22-sending-ios-push-notifications-via-apns-javascript-using-apns-phonegap/


// your RegistrationID paste here which is received from GCM server.
string regId = "";
// applicationID means google Api key
var applicationID = "AIzaSyCqxI79xHHggignZvtqOA0oFnjB7M1gmac";
// SENDER_ID is nothing but your ProjectID (from API Console- google code)//
var SENDER_ID = "637808462189:";

Thursday, April 7, 2016

Publish phonegap app to Play Store for android

Steps to publish phonegap android app to Play Store :

1) open http://build.phonegap.com

2) Create account in this website using adobe id

3) Login to the account

4) Download java from following link and install it.

http://www.java.com/en/download/index.jsp

Run following command, alias is dpspot and filename is dpspot
"C:\Program Files (x86)\Java\jre1.8.0_31\bin\keytool.exe" -genkey -v -keystore dpspot.keystore -alias dpspot -keyalg RSA -keysize 2048 -validity 10000

5) Upload the keystore file in add key option of android menu in phonegap website. Enter alias as given in above command.

6) After uploading is complete click on rebuild. Then you will get apk button in green color.

7) Download the apk and upload it in the developer console of play store.

Note :
Backup the keystore file otherwise it will not be possible to update the app later.

Reference :
https://www.youtube.com/watch?v=VwJ9hTh1n2w&nohtml5=False
https://github.com/amirudin/build/wiki/Android-Signing