-
Notifications
You must be signed in to change notification settings - Fork 0
/
designs.html
136 lines (130 loc) · 8.36 KB
/
designs.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Design is a woderful way to express the inner realm. This is a platform to showcase all designs by Dipan Ghosh">
<meta name="author" content="Dipan Ghosh">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Dipan Ghosh, Dipan, Ghosh">
<link rel="icon" type="image/png" href="../images/favicon.ico">
<!-- Be sure to change this up! -->
<title>Dipan's Web: Designs</title>
<!-- Bootstrap -->
<link href="./css/bootstrap.css" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="./css/custom.css" type="text/css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default " role = "navigation">
<div class="container-fluid container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1"><span id="mobileMenu" class="white"> Menu </span> <span class="glyphicon glyphicon-chevron-down white"></span> </button>
<a class="navbar-brand" href="http://thedesignerd.in"><img src="./images/brand.svg" alt="" id="navbrand"></a></div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="defaultNavbar1">
<ul class="nav navbar-nav">
<li><a href="index.html"><img src="./images/home-icon.svg" alt="">Home</a></li>
<li><a href="work.html"><img src="./images/work-icon.svg" alt="">Work</a></li>
<li><a href="photos.html"><img src="./images/photos-icon.svg" alt="">Photos</a></li>
<li class="active"><a href="#"><img src="./images/designs-icon.svg" alt="">Designs<span class="sr-only">(current)</span></a></li>
<li><a href="meandus.html"><img src="./images/meandus-icon.svg" alt="">Me and Us</a></li>
<li><a href="blog.html"><img src="./images/blog-icon.svg" alt="">Blog</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<section class="container"><figure><img src="images/designs/seamlessTile.png" alt="" style="max-width: 100%"></figure>
<p>The world of graphic design is an wonderland to me. I have explored vector graphics to page layout, to 3D rendering. The most exciting part for me are vector pattern design and 3D rendering of biological complexes. </p>
<p>Below is a library of all my designs, presented in an organised way, with an insider look of how I made them! If you enjoy it, please <a href="#">get in touch</a> with me!</p>
<p>
<mark><b>I am hunting down my designs and adding them in here slowly, please check back sometime!</b></mark>
</p>
</section>
<section class="container">
<figure class="col-lg-3 col-md-4 col-xs-6 thumb">
<a class="thumbnail" href="#">
<h4>Create your own Avatar!</h4>
<img class="img-responsive" src="images/designs/avatar.png" alt="">
</a>
</figure>
<figure class="col-lg-3 col-md-4 col-xs-6 thumb">
<a class="thumbnail" href="#">
<h4>Glorified Immunoglobulin</h4>
<img class="img-responsive" src="images/designs/antbody_transfer_smallThumb.png" alt="">
</a>
</figure>
<figure class="col-lg-3 col-md-4 col-xs-6 thumb">
<a class="thumbnail" href="#">
<h4>Hexagonal tile pattern</h4>
<img class="img-responsive" src="images/designs/Hexpattern_thumb.png" alt="">
</a>
</figure>
</section>
<section class="container">
<h2>Tools I use</h2>
<p>Adobe Photoshop and Adobe Illustrator are my primary tool of choice, Vector grapics with Illustrator and photographic designs with Photoshop. I also use Autodesk Maya for my 3D rendering designs, along with renderman or Vray as my renderer. </p>
<p>These tools take a while to learn an make use of. There are so may functionalities and so many things you can do with them, that the possibilities are endless. I am still continung to learn, as as the software evolves, I also have to keep up with it and change ways of working. </p>
</section>
<section class="container">
<h2>How to learn</h2>
<p>Graphic design is a passion for many of us, but few find the right resources and the right guidance. These days internet is a very good resources, but I often time find that it could be difficult to find the proper resource, as there are so many of them.</p>
<p>I once again would recomend <a href="https://www.lynda.com">Lynda.com</a>, as thats where I have learnt it all from. Initially I was learning from here and there, but a consolidated learning path makes for a much better knowldge. I suggest you take a look at the <a href="https://www.lynda.com/search?q=one+on+one&f=producttypeid%3a2">One-on-one</a> courses by Graphics guru <a href="http://www.deke.com">Deke Mclleland</a>, he is a really good instructor, and the coursea are great.</p>
<p>Learning Maya and 3D design in general is a different story, and there is a very high learning curve, meaning you have a to learn a lot, before you can do anything with Maya. You have to start with Photoshop, to get your basics down, then you can start leaning Maya. There are many good courses in Lynda.com, but here, you have to practice and find your own way in. </p>
</section>
<footer class="row container-fluid">
<div class="container">
<figure class="text-center col-md-offset-0 col-md-3"> <img src="./images/brand-footer.svg" alt="" id="footerbrand"> </figure>
<div class="text-center col-md-offset-0 col-md-3 footercontact col-lg-5">
<div class="text-center row"> <a href="https://www.facebook.com/dipan.ghosh.10" class="sb facebook">Facebook</a> <a href="https://twitter.com/ThisisDipan" class="sb twitter">Twitter</a> <a href="https://plus.google.com/+DipanGhosh" class="sb google">Linkedin</a> <a href="https://www.youtube.com/channel/UCuVznyH32OZUQZnJrYxAwFw" class="sb youtube">Youtube</a> <a href="https://www.linkedin.com/in/dipan-ghosh-17842257/https://www.linkedin.com/in/dipan-ghosh-17842257/" class="sb linkedin">LinkedIn</a> </div>
<a href="contact.php" class="white">
<button class="btn btn-info text-center" id = "contactbtn">
Contact me
</button></a>
</div>
<div class="text-center col-md-offset-0 col-md-3 col-lg-1">
<a href="sitemap.html" ><button class="btn btn-default" id="sitemapbtn">
Sitemap
</button></a>
</div>
<nav class="text-center col-md-offset-0 col-md-3">
<ul class="row" id="footermenulist">
<li class="col-md-3 white footermenu"><a href="index.html">Home</a></li>
<li class="col-md-3 white footermenu"><a href="work.html">Work</a></li>
<li class="col-md-3 white footermenu"><a href="photos.html">Photos</a></li>
<li class="col-md-3 white footermenu">Designs</li>
<li class="col-md-3 white footermenu"><a href="meandus.html">Me and Us</a></li>
<li class="col-md-3 white footermenu"><a href="blog.html">Blog</a></li>
</ul>
</nav>
</div>
<div class="text-center col-md-offset-0 col-md-12 black">
<p class="small grey">© 2017 Dipan Ghosh ALL RIGHTS RESERVED </p>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./js/jquery-1.11.3.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="./js/bootstrap.js"></script>
<!-- SVGeezy fallback for SVGs being used-->
<script src="./js/svgeezy.min.js"></script>
<script>svgeezy.init('nocheck', 'png');</script>
<!-- Google Analyics Tracking code-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-91898116-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>