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!

130+ Vector Halftones & Distortion Shapes Bundle, Only $14: Ai & EPS Vector Files, Separated Transparent PNG Files 5000x5000, 300 dpi, Commercial U...

130+ Vector Halftones & Distortion Shapes Bundle, Only $14: Ai & EPS Vector Files, Separated Transparent PNG Files 5000x5000, 300 dpi, Commercial Use 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.

1000+ Photo Overlays, Only $14! 5k Resolution, 300 DPI, 13 Categories From Bubbles To Leaves & Natural Sunlight (87% Off)

1000+ Photo Overlays, Only $14! 5k Resolution, 300 DPI, 13 Categories From Bubbles To Leaves & Natural Sunlight (87% Off)

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.

Draft Font Family: 144 Fonts For Desktop & Web, Only $15! Type Suite With 9 Weights & 8 Widths, 600 Glyphs, Extensive Language Support, Tons Of Ope...

Draft Font Family: 144 Fonts For Desktop & Web, Only $15! Type Suite With 9 Weights & 8 Widths, 600 Glyphs, Extensive Language Support, Tons Of OpenType Features, Desktop & Web Use License Included

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.

200 Vector T-Shirt & Merchandise Designs, Only $24: Commercial License, Ai, EPS & SVG Vectors Files, 14 Concept Categories Like Retro 8Bit Illustra...

200 Vector T-Shirt & Merchandise Designs, Only $24: Commercial License, Ai, EPS & SVG Vectors Files, 14 Concept Categories Like Retro 8Bit Illustrations, Characters, Cartoons & More

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.

1500+ Infographic Templates, PPT, PPTX, KEY, PSD, EPS & Ai Files, 25k+ Individual Elements, Perfect For Any Industry, From Social Media & Marketing...

1500+ Infographic Templates, PPT, PPTX, KEY, PSD, EPS & Ai Files, 25k+ Individual Elements, Perfect For Any Industry, From Social Media & Marketing to Medical & Education, Only $29!

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.

Ornate Vector Animal Illustrations Pack, Only $17: Tribal/Ethnic Designs, Layered EPS Vector Files, 4 Color Variants Per Design, Unique & Colorful ...

Ornate Vector Animal Illustrations Pack, Only $17: Tribal/Ethnic Designs, Layered EPS Vector Files, 4 Color Variants Per Design, Unique & Colorful Illustrations

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.

Android UI Kit, 1100+ Elements & 120+ Premium Templates, Only $19: For Adobe XD, Sketch & Figma, 520+ Vector Icons, 10 Popular Categories, 100% Vec...

Android UI Kit, 1100+ Elements & 120+ Premium Templates, Only $19: For Adobe XD, Sketch & Figma, 520+ Vector Icons, 10 Popular Categories, 100% Vector Shapes, 8px Pixel Perfect Grid, Commercial Use

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

100+ T-Shirt Designs, Only $9: High Quality EPS Files. Unique Illustrations For Print Products. Commercial Use

100+ T-Shirt Designs, Only $9: High Quality EPS Files. Unique Illustrations For Print Products. Commercial Use