First, let’s start by creating a new view-based application project. For this tutorial, I will name it “Slider.”

In SliderViewController.h

After implementation

Add the following…

IBOutlet UISlider *mainSlider;
IBOutlet UILabel *mainLabel;

…Below brace and before @end, add this…

- (IBAction)labelChanged;

Now that our outlets and actions are complete for the project, let’s go into our SliderViewController.m

Add the following…

- (IBAction)labelChanged {
mainLabel.text = mainSlider.value];
}

Now that our code is finished. (Yay!)

Let’s open our SliderViewController.xib to fix up our view.

When you have the view open, go into the Interface builder library and drag both a UISlider and UIlabel onto the screen. Doesn’t matter where, but visible.

Now go into the inspector/connections when you click file’s owner in the view containing the view, first responder, and file’s owner.

From this point, connect mainSlider outlet to the slider. Then mainLabel outlet to the label.

Lastly, then connect labelChanged action to the slider, and a list of options will come up. Click the option “value changed.”

The value changed option means that action being called will have a value changing return.

Now you can build and run. Our final result should be when you scroll the slider, the label value will change.

-Sebastian Shanus

When your just starting out in photoshop just selecting things in photoshop can be very hard to figure out. But thats what here for so lets just start off small and introduce you to one tool at a time. This time we are going to look at the Quick Selection Tool.

Now that your at this window add in the account name your account name you set up on facebook (found on your settings page) followed by @chat.facebook.com then your password stays the same. So it will be “username@chat.facebook.com” Click the little down arrow that says “server options” and for the server field put “chat.facebook.com” and for the port type “5222″ and SSL off. Click okay and your set!

Finished Product

To make a simple pencil in illustrator one may think to just use different shapes with different colors. While this is effective, without proper use of gradients you may get this “blah” kind of pencil with no real depth.

To start off we’re goin to use some simple shapes but if you don’t want to run into problems with the layering you might want to draw them in a specific order: first draw the tip of the pencil (the bottom two pieces), then the shaft, followed by the eraser, and finally, the metal eraser housing.

Lets work on the simpler gradients first. For the eraser, a light pink to a darker pink linear gradient is used. The led, a dark grey to black linear gradient. And the pencil tip is a light wood color to a darker wood color linear gradient.

Now for the matal eraser housing. For the main gradient go to your swatches libraries menu choose gradients then metals. I find that the silver gradient looks best. If you’d like, tweek this gradient a little to make it your own. Now copy (ctrl [command] + C) and paste-in-front (ctrl [command] + F) this shape and make it shorter; switch out the lighter colors in the gradient with darker ones. Holding alt (option) and draging the shape down will make a copy of it. Now add four, medium-grey ovals to finish off the eraser housing.

The gradient for the shaft of the pencil gets a little more complicated. Choose a linear gradient and make four stops with different shades of the same color. Now drag the top gradient sliders all the way to the right.

Using the warp tool at the bottom of the shaft make a random cutting pattern.

Finally click the pencil tip and go to Effect > Stylize > Inner Glow; select a darker color; make sure the mode is set to multiply, opacity to 75, and blur to 5; check edge and press Ok.

To finish off the pencil group all of the objects together by selecting them all and pressing ctrl (command) + G. Give your pencil a nice drop shadow (Effect > Stylize > Drop Shadow) and your done!

Now you can add some text on the side and a “2″ to really make it look like a pencil. And I’m sorry about the random green, I’m slightly color blind. Lol

Welcome to the beginning C++ programming tutorials. In this series you will learn how to get started programming in C++. C++ is a very large programming language. Many people go crazy thinking they need to know EVERYTHING! Please, do not think you need to know every single line of code in c++. You might go crazy. But learning what you need to know, and what you want to know always turns out much better. All of the good C++ programmers say that they only learned what they needed to know. Well, what do you need to know? It depends, are you going to get into game programming? Visual development? It takes some time knowing what you want to do, but in this series, I will teach you the basics of the ANSI Standard library used in almost all the types of programming.

Enough of the lecture, let’s get started! First off, you need an IDE. I recommend you download either Microsoft Visual C++, Eclipse C++, or Dev C++. They are all free. Once you have those downloaded, create a new project for console.

#include <iostream>

int main()
{
std::cout << “I am a C++ Programmer!”;
return 0;
}

In this block of code, we have our first line which is

#include

this is code to include the standard library. In later tutorials we will go into what the “#” means, but for now it is essential for your program to work.

Next we had…

int main()
{
return 0;
}

All C++ programs have a main function which is, main().
The “int” before main is something to tell the compiler that the function is going to return a value. We will cover this later when we get into functions.

Return 0

This means that the program, when run successfully, will return a value of 0. If not, then return a value of 1.

std::cout << “I am a C++ Programmer!”;

std means that it is referring to the standard library. The two :: shows that a function from the library will come from that library.

Like the one we have here.

cout << “I am a C++ Programmer!”;

cout stands for console-out. Which will output text to the console. It will output what is in quotes. But the two << means that the console text is going out. Later on we will review what >> is used in.

Summary

Today, we learned a little bit about the C++ programming language, and wrote our first small program using standard library.

Write it!
1.) Write a program that will output, “My name is (yourname) and I am officially a c++ programmer!”

-Sebastian Shanus

When I was trying to install ads in to one of my iPhone apps it was pretty hard to try and do, but I finally got it so I thought I would share with you guys how I did it. You can do it two ways; programmatically or through Interface Builder. I did this through Interface builder because that is the much easier way to do this.

In our last objective-c tutorial we tackled the @interface section; this tutorial we are going to tackle the @implementation section. This part of the a program is where you tell the complier what we wrote in the @interface section mean. (To see the whole tutorial on that click here.) For example in our @interface section in our last tutorial we wrote:

@interface Fraction : NSObject

{

int num;

int dem;

}
-(void) print;

-(void) setNum: (int) n;

-(void) setDem: (int) d;

@end

In the @implementation section we are going to actually tell the complier what -(void) print; and the other method (and method arguments) mean. Lets start actually writing the @implementation section. I’m going to show you the whole @implementation section and then I will explain it.

@implementation Fraction: NSObject

-(void) print

{

NSLog(@”%i/%i”, num, dem);

}

-(void) setNum: (int) n

{

num = n;

}

-(void) setDem: (int) d;

{

dem = d;

}

@end

So lets start with the  beginning. You will always start this section off saying “@implementation Class”. For our example we ill say “@implementation Fraction”.  You will always put the class name right after @implementation. If you do not do that the complier will give you an error saying “Hey what class are you talking about?!” After that you can see in our full example above I added NSObject after the class name. You dont have to do this, I did it for good practice and to remind myself what superclass we are working with here. After you declare that we are working in the @implementation section we can actually tell the complier what our methods are going to do. This makes it much easier with things like telling the program to display NSLogs. You can type the method name instead of actually writing out the code in the program section. In the program section you could just type “[myFraction print];” instead of typing out “NSLog(@”Your fraction is:%i/%i, num, dem). More on what that actually means in our third part of our tutorial series. So that is exactly what we type here giving it the print name. Then below that you see

-(void) setNum: (int) d;

{

dem = d;

}

The setNumerator: method stores the integer argument you called n in the instance variable numerator. Similarly, setDenominator: stores the value of its argument d in the instance variable denominator. We are just setting dem equal to d. Similar to setNum. As we did for the last section we are going to end this with the @end. Thats it for this tutorial. Part 3 should be up by monday or tuesday.

As you can see its very simple. You have your Timeline for the people your following, mentions, direct messages, lists, and search. Its a compact view, If you want to look at their profile you can click that  profile picture in the time line and a drawer will open. In the image above you see that I’ve pointed a blue arrow at something in the timeline. Thats the new Twitter Retweet feature. Echofon has  for it and it looks slick! You can still choose to retweet the way old that echofon calls “RT with comment” which follows: RT @thatperson. But the new way just makes it much easier for other people to see the original tweet.

From the drawer menu you can see all their tweets, whos following them and who they are following, you can also block, unblock, follow, unfollow, reply, and DM a user. Right below that they have added support for twitter lists, you can see what lists these people are a part of and what lists they made.

Search: The last  I want to talk about is the search, now this is the coolest thing they could do for the search ‘home.’ Echofon automatically pulls all the trending topics from Twitter and puts them as the home for the search menu. You can click any of these and look further into them. It pulls the 10 latest trending topics from twitter.

Conclusion: All in all I think this twitter client has many ways to come, but then again its only in beta. I think once it becomes around 1.5 this twitter client is going to be big, even bigger than tweeite. I think the best part of this twitter client is the developers behind it are avid. They are always fixing bugs and always implementing new twitter features.
Download link
Website

[ad]

Finished Product

When creating that crazy looking vector image of a dog, cat, or even a person you will always need a pair of eyes to make the animal look good. I mean that is where we look first anyways right? So in this tutorial I am going to show you how to make a googly looking pair of eyes. As always start off by creating a new document, you can have it at what ever size you prefer but I would rather you have the units set to pixels.

We are going to start off by grabbing the ellipse tool (circle). Click on the artboard and make a 210 by 210px circle. Color the circle a light blue and set the stroke to none.

Grab the direct selection tool (white cursor) and start altering the points on the circle. Make it look like a weird shaped circle.

After its irregular shaped select the whole circle and copy it (cmd+c) then paste it in front (cmd+f). After its pasted in the front with it still selected hold the option (or alt for windows) key and shift. With those keys still selected drag in, make it roughly half the size of the bigger circle. Now color the smaller one black.

So now that we have something that resembles an eye lets make this thing look “googly” with some shines. Grab the ellipse tool and draw a long circle across the eye. See picture:

Now rotate this circle to above the black and to the right. Like we did with the eye out line get the direct selection tool and distort it.

After you have that made and looking like the picture above copy it and paste it then drag it to the bottom and rotate it. Then if you would like to add another little circle in between the two and distort that. Now select the bottom reflection and set the opacity to 60%. If you made the little circle in between the two larger reflections set that ones opacity to 80%.

We are almost done. Select the blue part of the eye and copy it. Then paste behind it (cmd+B). Now hold Option+shift and drag out like you are resizing it. Once its dragged out fill it with a very light gray.

For the final thing we are going to drag the white of the eye around so the blue and white arnt centered. Nothing in nature is perfectly symmetrical so we are not going to make this symmetrical. You are done! if you would like you can group the eye then copy and paste it so you will have two next to each other.

The blend tool can be used to make some great little effects, you can use it to create shooting stars or just make some abstract line designs with it. Today we are going to keep it simple and make a shooting star, start off by creating a new web document. Make sure the document is in pixels.

Now with the document open grab the star tool and create a small star in the upper left hand corner of the art board. You can color this what ever you would like but we are going to use a yellow. Set the stroke to none.

Now let’s make a much bigger star at the bottom of the art board. Same as the last star but let’s color this one to an orange (or which ever color of your choosing). Once again make sure the stoke is set to none. If the stoke was set it would ruin the effect that we are trying to accomplish.

Select both stars and go object > blend > make. You will see that it looks kind of like a shooting star. It looks pretty rough though, but that’s okay we can fix this. Go back to the blend menu and select the blend options. Remember that the blend menu was object > blend > and instead of selecting make select blend options. Now that we have the options menu open click the drop down and select “specified steps” then put in 700 and click okay. What this does is it takes away the jagged edges you seen when you first made this blend. Now it looks like one smooth gradient from one star to the next.

You’re done! This is just a simple introduction to the blend tool, you can do so much more with this tool but this was just to get you feet wet. Don’t be afraid to play around with this tool, the more you experiment with this tool; or any tool the more you will learn.