Design Tutorials | Bypeople

deals

premiumpacks & design tutorials (24 items)

A huge collection of tutorials and guides to learn about design.

freebies

A Non-Designer's Guide to Creating Visually Captivating Presentations is a book that will raise your awareness on how to prepare and build fantasti...

A Non-Designer's Guide to Creating Visually Captivating Presentations is a book that will raise your awareness on how to prepare and build fantastic and practical presentations. It walks you through a set of visual examples with case studies and cheat sheets for practical design. In general, this book comprehends the means to visually make the audience care for the content of your presentations.

"Design Principles are a set of considerations that form the basis of any good product." They help teams with decision making through a few simple ...

"Design Principles are a set of considerations that form the basis of any good product." They help teams with decision making through a few simple principles or constructive questions to serve as guidelines for teams to work towards making appropriate design-oriented decisions. Principles.design aims to work as an open source resource to find such examples of design principles, maintained by Ben Brignell where anyone can submit useful examples and guidelines through their GitHub repository for consideration.

A great resource for reference and learning, this is useful handbook created to help you learn the broadest classifications of typefaces. These are...

A great resource for reference and learning, this is useful handbook created to help you learn the broadest classifications of typefaces. These are the basic foundations of what you need to learn about typography, essential for any designer or aspiring designer. Includes a brief history as well as the key characteristics of each classification, plus it looks great on print!

3600+ Unique Backgrounds & Textures, Only $29: HD Resolutions, Animal Furs, Bricks, Wooden, Wall, Paper, Grunge Textures & More, 39 Content Categor...

3600+ Unique Backgrounds & Textures, Only $29: HD Resolutions, Animal Furs, Bricks, Wooden, Wall, Paper, Grunge Textures & More, 39 Content Categories, Commercial License

Hackr.io is a huge and comprehensive collection of the best coding tutorials online, with a long list of categories, anything you'd like to study f...

Hackr.io is a huge and comprehensive collection of the best coding tutorials online, with a long list of categories, anything you'd like to study from the simplest aspects of programming to hardcore coding, you're more likely to find -faster and better- results at Hackr.io

A useful article summarizing the best practices when designing cards for showing content information.

A useful article summarizing the best practices when designing cards for showing content information.

A complete and focused guide on how to manipulate SVG accurately. The book can be read online and it teaches about the basic shapes & paths, the us...

A complete and focused guide on how to manipulate SVG accurately. The book can be read online and it teaches about the basic shapes & paths, the use of the workspace, how to apply fills & strokes, the text element, some advanced features and more. You can download the audio version as well.

Get today more than 1000 Packages and Boxes Mockup Files in an extensive bundle for only $29 with a 95% limited discounted price of its normal $550...

Get today more than 1000 Packages and Boxes Mockup Files in an extensive bundle for only $29 with a 95% limited discounted price of its normal $550 USD. Find different materials and presentations (Box, Paper, Metal, Plastic and Bottle) and hundreds of possible matches and finishes for your packages.

A complete guide on how to use color in UI design. It covers the 60–30–10 rule, the meaning of color, the use of gray scale, what to avoid, contras...

A complete guide on how to use color in UI design. It covers the 60–30–10 rule, the meaning of color, the use of gray scale, what to avoid, contrasting and it shows you some examples to get inspired.

A cool guide that will help you handle typography and lettering on email so your audience can read what you've sent them and be more engaged. It sh...

A cool guide that will help you handle typography and lettering on email so your audience can read what you've sent them and be more engaged. It shows some examples, like Uber, and focuses on testing.

A cool tutorial on how to create an animated mockup using previously designed mobile screens and a mockup of a mobile phone. It can be useful if yo...

A cool tutorial on how to create an animated mockup using previously designed mobile screens and a mockup of a mobile phone. It can be useful if you want to give animated tours of a mobile app you just created.

Lifetime Web Development Course Access, Over 19 hours of indepth courses on HTML, CSS, Javascript, jQuery, Bootstrap, PHP, AJAX, XML, and much more...

Lifetime Web Development Course Access, Over 19 hours of indepth courses on HTML, CSS, Javascript, jQuery, Bootstrap, PHP, AJAX, XML, and much more, Includes certificate of completion! Become a Web Development Ninja for Just $17! (94% off)

UX Myths is a collection of the most frequent misconceptions about UX, listed easily for you to explore and base your product development on eviden...

UX Myths is a collection of the most frequent misconceptions about UX, listed easily for you to explore and base your product development on evidence. It has a list of around 34 myths.

An insightful article on why is it important to design keeping in mind those people with visual disabilities. It points out key aspects to consider...

An insightful article on why is it important to design keeping in mind those people with visual disabilities. It points out key aspects to consider while designing like mentioning colors, getting the contrasts right, making it look good in greyscale and more.

A complete article to learn about pattern libraries and how you can improve both its design and implementation. The article covers the nature of pa...

A complete article to learn about pattern libraries and how you can improve both its design and implementation. The article covers the nature of pattern libraries, the common conceptions, its use and how you can improve its design and performance.

High-resolution & easy video exportation, with predefined timelines, in this pack of 100 Animated Photos & Videos, regularly priced $19, only $9 fo...

High-resolution & easy video exportation, with predefined timelines, in this pack of 100 Animated Photos & Videos, regularly priced $19, only $9 for a limited time.

The Design Superpower is a free email course, it teaches design in business. The lessons are daily and from one of the top experts in the field. Th...

The Design Superpower is a free email course, it teaches design in business. The lessons are daily and from one of the top experts in the field. The course is for design beginners who want to learn things quickly.

This article from Smashing Magazine shows how to create mobile content that is always accessible to the customer by identifying the 'Thumb Zone'. I...

This article from Smashing Magazine shows how to create mobile content that is always accessible to the customer by identifying the 'Thumb Zone'. It has key points about navigation, keeping it friendly, and gestures and movement.

An awesome guide to help you achieve the best visual representation of your brand. It provides you with basic principles, types of logos, design pr...

An awesome guide to help you achieve the best visual representation of your brand. It provides you with basic principles, types of logos, design process, tools, and much more.

240+ Vector Patterns & Shapes, Only $14! Seamless Vintage Geometric Styles & Moroccan Tile Patterns, Every Asset In Vector Formats Ai & EPS.

240+ Vector Patterns & Shapes, Only $14! Seamless Vintage Geometric Styles & Moroccan Tile Patterns, Every Asset In Vector Formats Ai & EPS.

An amazing guide that will clarify all of your doubts about DPI and PPI explaining with actual devices as examples, it also tells you how it affect...

An amazing guide that will clarify all of your doubts about DPI and PPI explaining with actual devices as examples, it also tells you how it affects your designing, what is 4K, what Retina display is, and so much more.

Quackit is a portal with free web development/design tutorials; they are descriptive, complete and easy to understand. Includes CSS, Javascript, AJ...

Quackit is a portal with free web development/design tutorials; they are descriptive, complete and easy to understand. Includes CSS, Javascript, AJAX, ColdFusion, and HTML tutorials, code examples, layout help and references.

A curated feed of articles and resources regarding web applications UI design, and front-end, back-end and full-stack development. You'll find tuto...

A curated feed of articles and resources regarding web applications UI design, and front-end, back-end and full-stack development. You'll find tutorials, tools, inspiration, and more.

1500+ Vintage Vector Elements With 100+ Vintage Style Illustrations, 900+ Ornaments, and 450+ Borders, All Professionally Made With a 19th Century ...

1500+ Vintage Vector Elements With 100+ Vintage Style Illustrations, 900+ Ornaments, and 450+ Borders, All Professionally Made With a 19th Century Touch. File Formats Ai and EPS, Get This Pack For Just $29! (58% Off)

Tutset is an online collection of web design and development tutorials sorted out in the categories web fundamentals, frontend development, backend...

Tutset is an online collection of web design and development tutorials sorted out in the categories web fundamentals, frontend development, backend development, mobile development and design.

SVG Hero Slider is a code snippet that allows creating smooth slider transitions layered by vector shapes. It comes along with a short tutorial tha...

SVG Hero Slider is a code snippet that allows creating smooth slider transitions layered by vector shapes. It comes along with a short tutorial that explains how it was created by Claudia Romano.

Spec is a cool gathering of the best podcasts for web designers and developers. The website includes two podcasts: Design Details by Bryn Jackson B...

Spec is a cool gathering of the best podcasts for web designers and developers. The website includes two podcasts: Design Details by Bryn Jackson Brian Lovin, and Developer Tea by Jonathan Cutrell. They have 40+ and 100+ episodes, respectively, and the can be listen to or downloaded.

220+ Professional Seamless Vector Patterns, Including AI, SVG & PDF Vector Files, High-Resolution PNGs, Only $9 USD! (70%OFF)

220+ Professional Seamless Vector Patterns, Including AI, SVG & PDF Vector Files, High-Resolution PNGs, Only $9 USD! (70%OFF)

Ways we work is a website that interviews several experts in website design, UX design, marketing, company founders and more. The team has intervie...

Ways we work is a website that interviews several experts in website design, UX design, marketing, company founders and more. The team has interviewed company executives like Mark Dicristina from Mailchimp and Anthony Thomas, CEO of StickerMule. This resource can be used as inspiration by entrepreneurs and freelancers.

A cool eBook called Designing for the Web available to read online or to download in EPUB, Kindle and PDF format. The book covers research and idea...

A cool eBook called Designing for the Web available to read online or to download in EPUB, Kindle and PDF format. The book covers research and ideas, typography, color use, layout and more. It was written by Mark Boulton.

Welcome to a new tutorial. In this occasion, we will be working on Adobe Illustrator.We are going to make a very realistic camera icon, so fasten y...

Welcome to a new tutorial. In this occasion, we will be working on Adobe Illustrator.We are going to make a very realistic camera icon, so fasten your seatbelts and let’s go. 1. Gather your references Every time we start a project, no matter the topic, the first thing we need to do is start gathering information about the subject we are working on. Because we are going to make a realistic camera icon, the best info sources are photographs and real life objects. 2. Grab the pencil before the mouse As we have said on other articles, we recommend that before start working on the computer, you should grab a pencil and a piece of paper, then draw some sketches to get an idea of how the design should be looking at the end. 3. Create the canvas For this edition, we are making a 256 px X 256 px icon. To start, go to File>New>Width/Height = 256. Resolution 72 DPI and RGB Color mode. We don’t need more than 72 dot per inch because icons are going to be made for screen. 4. Let’s start drawing Until this step the things have been easy, right now we are taking it to the next level. To draw this camera icon, we are coming from back to front, so start with one of the back small pieces. Select the pen tool (p) and start drawing the shape we are showing you next. If you have problems making a straight turn while drawing, click over the anchor point to eliminate the curve controller and keep drawing. OK, now we need to add a fill color to our shape, we know that cameras came usually in black / gray, as we have seen on the references. To add a fill color, select the shape and click on the gradient menu icon on the toolbar, then click inside the shape and you will get and instant gradient fill. We know that cameras are not yellow, unless you’re some Hawaiian dude wanting to bring the sunset on his camera. To change the gradient color, select the shape and on the right side of the screen you will see the gradient menu. If...

Ultimate Tech Training Bundle: Lifetime Subscription for $19! 800+ Courses to learn Programming, Web Development, Software Testing, Mobile Apps, Ne...

Ultimate Tech Training Bundle: Lifetime Subscription for $19! 800+ Courses to learn Programming, Web Development, Software Testing, Mobile Apps, Networking, e-Commerce, Design, Data, IT Certifications, and much more! (98% Off)