طراحی رابط کاربری موبایل 101: Strokes در فتوشاپ

طراحی رابط کاربری موبایل 101: Strokes در فتوشاپ

 

 

پیش از شروع در مورد موضوع strokes در فتوشاپ چند نکته قابل بیان هست

مورد اول این مطلب هم برای کسانی که میخوان طراحی ui انجام بدن و هم کسانی که اصلا کاری به طراحی ui ندارن مفید هست.

سطح این مطالب پایین هست اما شما باید با ابزار ها و در کل یک آشنایی اولیه با فتوشاپ داشته باشید که متوجه کل مطلب باشید. در صورتی که می بینید میخواهید فتوشاپ رو از اول شروع به یادگیری کنید یا اینکه در بعضی موضوعات قوی تر بشید می تونید از آموزش های فتوشاپ من که در اینجا موجود هست استفاده کنید.

بعضی جاها هم واقعا نمیشه کلمات انگلیسی رو به فارسی ترجمه کرد چون بی معنی میشه و مجبورم همون اصطلاح انگلیسی خودش رو بنویسم.

Strokes در فتوشاپ

دو نوع strokes یا حاشیه در فتوشاپ داریم که یک مورد رو میتونید با layer style (از ورژن 6 موجوده نه از CS6) و مورد دیگه از طریق تنظیمات شکل های وکتور هست.

در ابتدا شاید هر دو شبیه همدیگر باشن اما تفاوت های اساسی با هم دارن.

 

کیفیت بهتر

زمانی که از سایز بزرگ stroke استفاده می کنید، stroke موجود در layer style بصورت انحنای لبه دار در میاد (شکل سمت چپ)، در صورتی که حاشیه وکتور بصورت خیلی صاف و تمیز ایجاد میشه (شکل سمت راست).

دلیل این اتفاق اینه که حاشیه وکتور از اطلاعات شکل اصلی وکتور بوجود میاد در صورتی که حاشیه موجود در layer style از روی ماسک bitmap شکل موجود ساخته میشه که به طور کلی دو تکنیک کاملا متفاوت هستن.

کیفیت بهتر در Vector stroke

 

حالا ممکن هست بگید ما یک حاشیه به این بزرگی رو استفاده نمی کنیم، آیا در حاشیه های کوچک هم تاثیری داره؟ جواب خیر هست و تفاوت بسیار اندک هست!

 

تفاوت حاشیه ای با مقدار کم در layer style و vector

 

اما به هر حال، حاشیه های وکتور مقدار های نا صحیح یا اعشاری رو می تونن بگیرن، در نتیجه شما می تونید مقدار 0.5 پیکسل رو هم در صفحات غیر رتینا بهش بدید و برای صفحات رتینا طرح رو کشش یا scale کنیم و حاشیه هم براحتی به 1 پیکسل افزایش پیدا میکنه.

در صورتی که حاشیه layer style فقط می تونه مقادیر صحیح رو بگیره و همین باعث میشه زمانی که یک طرح کشش پیدا کنه باعث خطاهای زیادی در گرد گردن حاشیه ها بشه (منظور اینه که اگر حاشیه ای رو به قسمت های خمیده داده باشید در اون قسمت ها بیشتر ارور (پیکسل پیکسل شدن) می بینید تا قسمت های صاف)

تفاوت حاشیه ها در قسمت های خمیده

 

Mask feathering بهتر Vector Stroke

وقتی که یک Shape رو بوسیله mask feather تار یا blur می کنید، به حاشیه layer style اعمال نمیشه و فقط به خود شکل اصلی اعمال میشه.

البته این ویژگی با توجه به نیاز شما ممکن هست ویژگی ممثبت یا منفی باشه.

Mask feathering بهتر Vector Stroke

 

گوشه های بهتر

با توجه به ساختارشون، حاشیه layer style همیشه گرد هست. در صورتی که حاشیه وکتور میتونه مربعی، گرد و یا شب دار باشه.

گوشه های بهتر

 

حاشیه های بزرگتر

حاشیه layer style حداکثر تا 250 پیکسل افزایش پیدا میکنه. حاشیه وکتور مقداری بزرگتر هست با حداکثر اندازه 288 پیکسل.

نکته ای که وجود داره شما می تونید با یک حقه سایز حاشیه وکتور رو افزایش بدید بدین ترتیب که اول حداکثر سایز حاشیه وکتور رو انتخاب کنید بعد سایز کل داکیومنت رو هم افزایش بدید، در نتیجه من تا 1600 پیکسل هم مقدار حاشیه رو زیاد کردم و دیگه ادامه ندادم. (توجه کنید سایز حاشیه layer style حتی در این حقه هم همون مقدار 250 میمونه)

 

رفتار حاشیه ها در مسیر های باز (Path)

با استفاده از Path cap options، حاشیه وکتور می تونه به مسیر های باز هم اعمال بشه.

حاشیه در layer style این امکان رو ندارد.

 

Vector's Path cap options

Dashing

حاشیه های Vector می تونن حالت dash مانند به خودشن بگیرند. و حتی حاشیه های وکتور میتونن با mask feathering هم ترکیب بشن (شکل Blur dash ).

Vector's dashing stroke

 

شفافیت Stroke

حاشیه های وکتور ویژگی opacity یا شفافیت رو ندارن اما با یک ترفند میشه حدودا شفافیت رو براش  بوجود آورد.

روش کار به اینصورت هست که با استفاده از حالت گرادیانت که یک طرف شفاف داره اما با این تفاوت که هر دو قسمت پایانی گردیانت باید از یک رنگ یکسان برخوردار باشن! ممکن هست اما پیچیده!

 

لطفا با ذکر منبع کپی کنید!

 

 

طراحی رابط کاربری موبایل 101: Strokes در فتوشاپ طراحی رابط کاربری موبایل 101: Strokes در فتوشاپ طراحی رابط کاربری موبایل 101: Strokes در فتوشاپ طراحی رابط کاربری موبایل 101: Strokes در فتوشاپ طراحی رابط کاربری موبایل 101: Strokes در فتوشاپ

طراحی رابط کاربری موبایل 101: pixels, points و resolutions

طراحی رابط کاربری موبایل 101: pixels, points و resolutions

 

تفاوت بین Pixels, Points و resolutions می تونه حتی برای طراح های با تجربه ای که قصد ورود به طراحی رابط کاربری موبایل رو دارند یا کسانی که با صفحه نمایش و نحوه کارکرد اون آشنا نیستن گیج کننده باشه.

در این مقاله درباره ی موارد بالا و کلماتی که بیشتر در طراحی موبایل به کار میرن بیشتر صحبت میکنیم و به یک سری سوال های مرتبط باهاشون هم جواب میدیم.

چه مواردی رو باید بدونم؟

زمانی که شما در مورد سایز های صفحه نمایش و تصاویر صحبت میکنید 6 مورد رو باید بدونید که عبارت اند از:

• Pixels (یک عنصر تصویر: یک تک نقطه رنگی روی صفحه یا کوچکترین عنصر که ما می تونیم رو یک صفحه نمایش اون رو کنترل کنیم )
• Screen sizes ( به اینچ=Inches هست)
• Resolutions (یک عرض x ارتفاع - مثال: 1920w x 1080h)
• DPI ( Dots per inch or pixels per inch )
• Points (یک کمیت اندازه گیری مستقل از رزولوشن که بیشتر برای iOS در موردش می شنویم)
• Density Independent Pixels ( یک کمیت اندازه گیری مستقل از رزولوشن که بیشتر برای Android در موردش می شنویم)

از موارد بالا Screen size, pixels, resolution و DPI در مورد خاصیت های فیزیکی یک صفحه نمایش صحبت میکنه، در صورتی که points به یک سیستم مختصات مستقل از دیوایسی که داره روی آن اجرا میشه اشاره میکنه.

نگران نباشید همینطور که به ادامه مطلب می پردازیم این مفاهیم بیشتر برای شما روشن میشن.

خوب بریم سراغ خاصیت های فیزیکی! (به قول خارجی ها shall we )

 پیکسل چیه؟

یک پیکسل شامل یک گروه از نقطه های رنگی هست (بصورت نرمال: قرمز، سبز و آبی) رو یک صفحه نمایش. با خاموش و روشن کردن اونا در شدت های مختلف، میشه تعداد زیادی رنگ و روشنایی رو درست کرد.

رنگ سیاه زمانی ساخته میشه که همه نقطه ها خاموش باشن (در اصلاح مقدارشون 0 باشه یا 000# )، و رنگ سفید زمانی ساخته میشه که همزمان هر سه رنگ اصلی یعنی قرمز و سبز و آبی با هم روشن باشن (در اصطلاح مقدارشون 1 باشه یا FFF# ).

به طور خلاصه، همه این نقاط فیزیکی که نور از خودشون تششع میکنن به شما اجازه میدن که  یک تصویر رو رو رو صفحه نمایش ببینید اما اینقدر ریز هستن که با چشم غیر مسلح به سختی دیده میشن (روی گوشی های جدید که البته همونا هم اگر یک قطره آب بندازید روی صفحه موبایل میتونید پیکسل ها رو ببینید!)

 

پیکسل ها و 3 رنگ اصلی قرمز سبز آبی (RGB)

سایز صفحه نمایش (گوشی موبایل) چیه؟

سایز صفحه نمایش عبارت است از طول صفحه از یک گوشه صفحه به سمت گوشه دیگر صفحه بصورت مورب.

 

سایز صفحه نمایش

رزولوشن گوشی چیه؟

تعداد پیکسل ها در طول صفحه (افقی)     X      تعداد پیکسل ها در ارتفاع صفحه (عمودی)

برای مثالی آیفونی که استیو جابز در سال 2007 نسخه یک اون رو معرفی کرد 320 پیکسل در طول و 480 پیکسل در ارتفاع داره که نوشته میشه   320x480.

اما حالا بعضی گوشی ها صفحه نمایش هایی با رزولوشن تلویزیون های HD دارن، 1920x1080 سری از رنگ های اصلی در یک صفحه نمایش به اندازه 5 اینچ!

 

 رزولوشن های معمول در گوشی های موبایل

 

 DPI (نقاط در هر اینچ)

dpi تعداد پیکسل های موجود بصورت عمودی یا افقی در 1 اینچ رو بیان میکنه

DPI همچنین به PPI (pixels per inch) هم اشاره میکنه و بوسیله تقسیم عرض یا ارتفاع صفحه بر تعداد پیکسل های موجود در اون سمت بدست میاد. یک DPI بالا معنیش این میشه که هر پیکسلی باید کوچک و کوچکتر بشه تا در اون فضای موجود جا بشه، معنیش یک صفحه نمایش واضح هست که می تونه جزییات یک محتوای تصویری رو نشون بده.

 

 
(نقاط در هر اینچ)

چطور تصاویر تشکیل می شوند

خوب تا اینجا درر مورد pixels, تراکم، سایز صفحه و رزولوشن صحبت کردیم، حالا میخوایم در مورد points و (Density independent pixels) DPs صحبت کنیم. خوشبختانه اونا خیلی شبیه همدیگه هستن و در نتیجه معنی یکی از ان ها رو که متوجه بشیم براحتی میشه معنی و مفهوم دیگری رو متوجه شد. (shall we)

 

Point - iOS چی هست؟

برای اینکه بدونیم point چی هست باید مقداری در مورد تاریخچه ی آیفون بدونیم!

یک زمانی آیفون 1 که در سال 2007 معرفی شد صفحه نمایشی با رزولوشن 320x480 داشت. بعدها آیفون 4 معرفی شد و شاخص ترین ویژگیش صفحه نمایش رتینا بود. صفحه نمایش رتینا دو برابر dpi داشت در صورتی که سایز صفحه نمایش همون سایز قدیمی بود - معنیش اینه که تعداد پیکسل هایی که در یک فضای مشابه قرار داشتن 4 برابر شده بود (دو برابر در عرض و دو برابر در ارتفاع).

صفحه نمایش اولین آیفون با صفحه نمایش رتینا رزولوشن 640x960 داشت.

اما همه گرافیک ها (منظور المنت های گرافیکی نمایش داده شده روی صفحه نمایش هست) با همون سایز قبلی اما روی صفحه نمایشی با تراکم پیکسل بالا نمایش داده می شدند. اگر گوشی همه المنت های گرافیکی رو با نسبت 1:1 رندر می کرد (مثل ایفون اولیه)، همه عناصر به مقدار یک/چهارم رو صفحه نمایش نشون داده میشدن (و در واقع اپلیکیشن به فنا می رفت!)

برای جلوگیری از به فنا رفتن اَپ ها، اپل روی آورد به استفاده از points که در نتیجه ترسیم گرافیک ها رو از تراکم صفحه جدا میکرد ( در واقع منظورش اینه که با استفاده از این کمیت مستقل دیگه مهم نبود تراکم پیکسل صفحه چقدر باشه و اپلیکیشن بدرستی روی هر تراکم پیکسل نمایش داده می شد)

 Point - iOS چی هست؟

Point به عنوان کمیتی ساخته شده که به گرافیک ها اجازه میده مستقل از زرولوشن صفحه نمایش گوشی بدرستی کشش (scale) پیدا کنن و نمایش داده بشن.

هر point در iOS برابر با 1/163 اینچ هست.

این سایز همیشه همینه و مستقل از رزولوشن هست، و این مقدار از 163dpi آیفون اولیه گرفته شده (1x)

 

تبدیل بین pixels و points

پیکسل و پوینت کمیت های ثابتی هستن و بر اساس فاکتورهای دیگر تغییر نمی کنن

• پیکسل همیشه 1 پیکسل هست و اون کوچکترین قسمت یک صفحه نمایشه که می تونه رنگهای مختلف رو نمایش بده
• پوینت همیشه 1 پوینت هست و یک واحد ثابت و مستقل هست

ponits با pixels متفاوت هستن چون اونا بر اساس dpi تغییر می کنن:

• در آیفون، 1 پوینت = 1 پیکسل اونم زمانی که رزولوشن 163dpi باشه (آیفون 1 رو به عنوان رفرنس بگیرید)
• در 326dpi، مشابه آیفون های 4،5 و 6، 1 پوینت برابر با 2 پیکسل افقی در 2 پیکسل عمودی هست که برابر با 4 پیکسل هست. یعنی یک تصویر 100x100 در دیوایس های با صفحه نمایش رتینا با 1/4 سایزش رندر میشه (اگر بخوایم رندر رو بر اساس شمارش پیکسل بیان کنیم)
• در 401dpi مثل آیفون 6+، 1 پوینت برابر با 3 پیکسل افقی در 3 پیکسل عمودی هست که مجموعا 9 پیکسل رو شامل میشه

 

تبدیل بین pixels و points

Dps چیه؟

اندرویید یک کمیت اندازه گیری دیگه داره که مشابه points در آیفون هست. این واحد تراکم مستقل پیکسل (density independent pixel) نامیده میشه. به این معنی که حدودا 160 پیکسل در 1 اینچ صفحه جا بشه و در مقایسه با 163 پیکسل iOS زیاد تفاوتی نداره.

چه زمانی و چرا باید از این واحد ها استفاده کنیم؟

خوب مشخصه که زمانی که میخواید صفحه آرایی یک اپلیکیشن اندرویید بکنید باید از DP استفاده کنید و برای iOS هم از Point. از هر دو این واحدها  برای تعریف UI باید از اونا استفاده کنید و مثلا برای سایز و مکان Layout با استفاده از فرمول زیر پیکسل ها رو از این واحدهای مستقل بدست بیارید.

فرمول تبدیل DPs , Points به پیکسل

این مطلب اولین بار در وبلاگ من در آدرس blog.iHMahmoodi.ir منتشر شده است.

[

تفاوت pt و px در صفحه نمایش آیفون

 

تفاوت pt و px در طراحی رابط کاربری

در طراحی رابط کاربری ممکن هست این سوال براتون پیش بیاد که اندازه صفحه رو بر اساس چه کمیت طراحی کنیم!؟

و معمولا به دو مورد که بیشترین استفاده رو داره بر میخورید یعنی پیکسل (Pixel = px) و یا (Point = pt)

پیکسل ها به معنای کوچکترین عنصر که ما می تونیم رو یک صفحه نمایش اون رو کنترل کنیم. و هر تعداد پیسکل هایی که درون یک سایز به خصوص صفحه نمایش قرار داشته باشن به معنای مقدار بیشتری از PPI (pixels per inch) هست که باعث میشه محتوا درون صفحه نمایش خیلی تمیز و شفاف رندر بشن.

همونطور که متوجه شدید در واقع پیسکل به رزولوشن وابسته هست.

اما Point یک کمیت اندازه گیری مستقل از رزولوشن هست. با توجه به تراکم پیسکل های صفحه نمایش، یک پوینت می تونه شامل چندتا پیکسل بشه ( به عنوان مثال و با توجه به تصویر بالا 1pt در صفحه نمایش رتینا شامل 2x2 پیکسل میشه!)

زمانی که میخواهید برای صفحه نمایش های مختلف طراحی کنید، باید اندازه رو با Point حساب کنید، اما با pixels طراحی کنید! این به این معنی هست که شما باید همه عناصر را در 3 رزولوشن مختلف خروجی بگیرید و هیچ اهمیتی نداره که در چه رزولوشنی در اپلیکیشن شروع به طراحی میکنید.

تفاوت pt و px در طراحی رابط کاربری تفاوت pt و px در طراحی رابط کاربری تفاوت pt و px در طراحی رابط کاربری تفاوت pt و px در طراحی رابط کاربری تفاوت pt و px در طراحی رابط کاربری

نمونه کار: صفحه آرایی نشریه - شماره 28

#نمونه_کار

نمونه کار: صفحه آرایی نشریه - شماره 28

سایز:A4
نوع: چاپی - دیجیتال
طراح گرافیکی و صفحه آرایی: حسین محمودی (@iHMahmoodi)

برای دیدن نمونه کار های بیشتر به اکانت اینستاگرام AsteriXarts@ مراجعه کنید.

برای سفارش طراحی حرفه ای می توانید به شماره  09387374487  و یا اکانت تلگرام iHMahmoodi@ تماس بگیرید.

 

#طراحی #گرافیک #فتوشاپ#اَستریکس_آرتس #حسین_محمودی AsteriXarts #iHMahmoodi

#Layout #روزنامه #print#چاپ

#شیراز #تهران #newspaper

#shiraz#tehran #esfahan #iran #ایران #love#photooftheday #art

#graphic #ایندیزاین#photoshop #instalike #indesign #hot
#صفحه_آرایی

 

artwork -  AsteriXarts -  Design -  graphic design -  iHMahmoodi -  indesign -  layout -  Photoshop -  portofolio -  ایندیزاین -  صفحه آرایی -  صفحه آرایی بروشور -  صفحه آرایی حرفه ای -  صفحه آرایی دانشجویی -  صفحه آرایی دانشگاه -  صفحه آرایی در اصفهان -  صفحه آرایی در تهران -  صفحه آرایی در شیراز -  صفحه آرایی روزنامه -  صفحه آرایی کتاب -  صفحه آرایی مجله -  صفحه آرایی نشریه -  طراحی -  طراحی گرافیکی -  فتوشاپ -  نمونه کار -  نمونه کار حسین محمودی -  نمونه کار صفحه آرایی -  نمونه کارها -  نمونه کارها -  صفحه آرایی در کرج -  صفحه آرایی در تبریز -  صفحه آرایی در یزد -  صفحه آرایی در مشهد

نمونه کار: صفحه آرایی نشریه - شماره 27

#نمونه_کار

نمونه کار: صفحه آرایی نشریه - شماره 27

سایز:A4
نوع: چاپی - دیجیتال
طراح گرافیکی و صفحه آرایی: حسین محمودی (@iHMahmoodi)

برای دیدن نمونه کار های بیشتر به اکانت اینستاگرام AsteriXarts@ مراجعه کنید.

برای سفارش طراحی حرفه ای می توانید به شماره  09387374487  و یا اکانت تلگرام iHMahmoodi@ تماس بگیرید.

 

#طراحی #گرافیک #فتوشاپ#اَستریکس_آرتس #حسین_محمودی AsteriXarts #iHMahmoodi

#Layout #روزنامه #print#چاپ

#شیراز #تهران #newspaper

#shiraz#tehran #esfahan #iran #ایران #love#photooftheday #art

#graphic #ایندیزاین#photoshop #instalike #indesign #hot
#صفحه_آرایی

 

artwork -  AsteriXarts -  Design -  graphic design -  iHMahmoodi -  indesign -  layout -  Photoshop -  portofolio -  ایندیزاین -  صفحه آرایی -  صفحه آرایی بروشور -  صفحه آرایی حرفه ای -  صفحه آرایی دانشجویی -  صفحه آرایی دانشگاه -  صفحه آرایی در اصفهان -  صفحه آرایی در تهران -  صفحه آرایی در شیراز -  صفحه آرایی روزنامه -  صفحه آرایی کتاب -  صفحه آرایی مجله -  صفحه آرایی نشریه -  طراحی -  طراحی گرافیکی -  فتوشاپ -  نمونه کار -  نمونه کار حسین محمودی -  نمونه کار صفحه آرایی -  نمونه کارها -  نمونه کارها -  صفحه آرایی در کرج -  صفحه آرایی در تبریز -  صفحه آرایی در یزد -  صفحه آرایی در مشهد

نمونه کار: صفحه آرایی نشریه - شماره 26

#نمونه_کار

نمونه کار: صفحه آرایی نشریه - شماره 26

سایز:A4
نوع: چاپی - دیجیتال
طراح گرافیکی و صفحه آراء: حسین محمودی (@iHMahmoodi)

برای دیدن نمونه کار های بیشتر به اکانت اینستاگرام AsteriXarts@ مراجعه کنید.

برای سفارش طراحی حرفه ای می توانید به شماره  09387374487  و یا اکانت تلگرام iHMahmoodi@ تماس بگیرید.

 

#طراحی #گرافیک #فتوشاپ#اَستریکس_آرتس #حسین_محمودی AsteriXarts #iHMahmoodi

#Layout #روزنامه #print#چاپ

#شیراز #تهران #newspaper

#shiraz#tehran #esfahan #iran #ایران #love#photooftheday #art

#graphic #ایندیزاین#photoshop #instalike #indesign #hot
#صفحه_آرایی

 

artwork -  AsteriXarts -  Design -  graphic design -  iHMahmoodi -  indesign -  layout -  Photoshop -  portofolio -  ایندیزاین -  صفحه آرایی -  صفحه آرایی بروشور -  صفحه آرایی حرفه ای -  صفحه آرایی دانشجویی -  صفحه آرایی دانشگاه -  صفحه آرایی در اصفهان -  صفحه آرایی در تهران -  صفحه آرایی در شیراز -  صفحه آرایی روزنامه -  صفحه آرایی کتاب -  صفحه آرایی مجله -  صفحه آرایی نشریه -  طراحی -  طراحی گرافیکی -  فتوشاپ -  نمونه کار -  نمونه کار حسین محمودی -  نمونه کار صفحه آرایی -  نمونه کارها -  نمونه کارها -  صفحه آرایی در کرج -  صفحه آرایی در تبریز -  صفحه آرایی در یزد -  صفحه آرایی در مشهد

نمونه کار: صفحه آرایی نشریه - شماره 25

 

#نمونه_کار

نمونه کار: صفحه آرایی نشریه - شماره 25

سایز:A4
نوع: چاپی - دیجیتال
طراح گرافیکی و صفحه آراء: حسین محمودی (@iHMahmoodi)

برای دیدن نمونه کار های بیشتر به اکانت اینستاگرام AsteriXarts@ مراجعه کنید.

برای سفارش طراحی حرفه ای می توانید به شماره  09387374487  و یا اکانت تلگرام iHMahmoodi@ تماس بگیرید.

 

#طراحی #گرافیک #فتوشاپ#اَستریکس_آرتس #حسین_محمودی AsteriXarts #iHMahmoodi

#Layout #روزنامه #print#چاپ

#شیراز #تهران #newspaper

#shiraz#tehran #esfahan #iran #ایران #love#photooftheday #art

#graphic #ایندیزاین#photoshop #instalike #indesign #hot
#صفحه_آرایی

 

artwork -  AsteriXarts -  Design -  graphic design -  iHMahmoodi -  indesign -  layout -  Photoshop -  portofolio -  ایندیزاین -  صفحه آرایی -  صفحه آرایی بروشور -  صفحه آرایی حرفه ای -  صفحه آرایی دانشجویی -  صفحه آرایی دانشگاه -  صفحه آرایی در اصفهان -  صفحه آرایی در تهران -  صفحه آرایی در شیراز -  صفحه آرایی روزنامه -  صفحه آرایی کتاب -  صفحه آرایی مجله -  صفحه آرایی نشریه -  طراحی -  طراحی گرافیکی -  فتوشاپ -  نمونه کار -  نمونه کار حسین محمودی -  نمونه کار صفحه آرایی -  نمونه کارها -  نمونه کارها -  صفحه آرایی در کرج -  صفحه آرایی در تبریز -  صفحه آرایی در یزد -  صفحه آرایی در مشهد

نمونه کار: صفحه آرایی نشریه - شماره 24

#نمونه_کار

نمونه کار: صفحه آرایی نشریه - شماره 24

سایز:A4
نوع: چاپی - دیجیتال
طراح گرافیکی و صفحه آراء: حسین محمودی (@iHMahmoodi)

برای دیدن نمونه کار های بیشتر به اکانت اینستاگرام AsteriXarts@ مراجعه کنید.

برای سفارش طراحی حرفه ای می توانید به شماره  09387374487  و یا اکانت تلگرام iHMahmoodi@ تماس بگیرید.

 

#طراحی #گرافیک #فتوشاپ#اَستریکس_آرتس #حسین_محمودی AsteriXarts #iHMahmoodi

#Layout #روزنامه #print#چاپ

#شیراز #تهران #newspaper

#shiraz#tehran #esfahan #iran #ایران #love#photooftheday #art

#graphic #ایندیزاین#photoshop #instalike #indesign #hot
#صفحه_آرایی

 

artwork -  AsteriXarts -  Design -  graphic design -  iHMahmoodi -  indesign -  layout -  Photoshop -  portofolio -  ایندیزاین -  صفحه آرایی -  صفحه آرایی بروشور -  صفحه آرایی حرفه ای -  صفحه آرایی دانشجویی -  صفحه آرایی دانشگاه -  صفحه آرایی در اصفهان -  صفحه آرایی در تهران -  صفحه آرایی در شیراز -  صفحه آرایی روزنامه -  صفحه آرایی کتاب -  صفحه آرایی مجله -  صفحه آرایی نشریه -  طراحی -  طراحی گرافیکی -  فتوشاپ -  نمونه کار -  نمونه کار حسین محمودی -  نمونه کار صفحه آرایی -  نمونه کارها -  نمونه کارها -  صفحه آرایی در کرج -  صفحه آرایی در تبریز -  صفحه آرایی در یزد -  صفحه آرایی در مشهد

 

نمونه کار: طراحی رابط کاربری صفحه

 

#نمونه_کار

نمونه کار: طراحی رابط کاربری صفحه Profile

نوع: صفحه پروفایل کاربر
طراح: حسین محمودی (@iHMahmoodi)

نمونه کار: طراحی رابط کاربری صفحه Profile - کیفیت بالا

برای دیدن نمونه کار های بیشتر به اکانت اینستاگرام AsteriXarts@ مراجعه کنید.

برای سفارش طراحی حرفه ای می توانید به شماره  09387374487  و یا اکانت تلگرام iHMahmoodi@ تماس بگیرید.

#طراحی #گرافیک #فتوشاپ #اَستریکس_آرتس #حسین_محمودی #AsteriXarts #iHMahmoodi
#illustrator #designer #graphikart #designed #design #modern #artist

#typography #dribbble #photoshop #graphicdesigner #graphicdesign

#vector #professional #designs #adobe #visualdesign

#interfacedesign #ui #behance #graphic #userinterface

 

 

  نمونه کار: صفحه آرایی نشریه - شماره 20

#نمونه_کار

نمونه کار: صفحه آرایی نشریه - شماره 20

سایز:A4
نوع: چاپی - دیجیتال
طراح گرافیکی و صفحه آراء: حسین محمودی (@iHMahmoodi)

برای دیدن نمونه کار های بیشتر به اکانت اینستاگرام AsteriXarts@ مراجعه کنید.

برای سفارش طراحی حرفه ای می توانید به شماره  09387374487  و یا اکانت تلگرام iHMahmoodi@ تماس بگیرید.

 

#طراحی #گرافیک #فتوشاپ#اَستریکس_آرتس #حسین_محمودی AsteriXarts #iHMahmoodi

#Layout #روزنامه #print#چاپ

#شیراز #تهران #newspaper

#shiraz#tehran #esfahan #iran #ایران #love#photooftheday #art

#graphic #ایندیزاین#photoshop #instalike #indesign #hot
#صفحه_آرایی

نمونه کار: طراحی لیبل به مناسبت روز دانشجو

#نمونه_کار

نمونه کار: طراحی لیبل به مناسبت روز دانشجو

سایز:وکتور
نوع: چاپی - دیجیتال
طراح گرافیکی و صفحه آراء: حسین محمودی (@iHMahmoodi)

برای دیدن نمونه کار های بیشتر به اکانت اینستاگرام AsteriXarts@ مراجعه کنید.

برای سفارش طراحی حرفه ای می توانید به شماره  09387374487  و یا اکانت تلگرام iHMahmoodi@ تماس بگیرید.

 

#طراحی #گرافیک #فتوشاپ#اَستریکس_آرتس #حسین_محمودی AsteriXarts #iHMahmoodi

#Layout #روزنامه #print#چاپ

#شیراز #تهران #newspaper

#shiraz#tehran #esfahan #iran #ایران #love#photooftheday #art

#graphic #ایندیزاین#photoshop #instalike #indesign #hot
#صفحه_آرایی

  نمونه کار: صفحه آرایی کتاب - شماره 02

#نمونه_کار

نمونه کار: صفحه آرایی کتاب - شماره 02

سایز:A4
نوع: چاپی - دیجیتال
طراح گرافیکی و صفحه آراء: حسین محمودی (@iHMahmoodi)

برای دیدن نمونه کار های بیشتر به اکانت اینستاگرام AsteriXarts@ مراجعه کنید.

برای سفارش طراحی حرفه ای می توانید به شماره  09387374487  و یا اکانت تلگرام iHMahmoodi@ تماس بگیرید.

 

#طراحی #گرافیک #فتوشاپ#اَستریکس_آرتس #حسین_محمودی AsteriXarts #iHMahmoodi

#Layout #روزنامه #print#چاپ

#شیراز #تهران #newspaper

#shiraz#tehran #esfahan #iran #ایران #love#photooftheday #art

#graphic #ایندیزاین#photoshop #instalike #indesign #hot
#صفحه_آرایی

نمونه کار: صفحه آرایی کتاب - شماره 01

#نمونه_کار

نمونه کار: صفحه آرایی کتاب - شماره 01

سایز:A4
نوع: چاپی - دیجیتال
طراح گرافیکی و صفحه آراء: حسین محمودی (@iHMahmoodi)

برای دیدن نمونه کار های بیشتر به اکانت اینستاگرام AsteriXarts@ مراجعه کنید.

برای سفارش طراحی حرفه ای می توانید به شماره  09387374487  و یا اکانت تلگرام iHMahmoodi@ تماس بگیرید.

 

#طراحی #گرافیک #فتوشاپ#اَستریکس_آرتس #حسین_محمودی AsteriXarts #iHMahmoodi

#Layout #روزنامه #print#چاپ

#شیراز #تهران #newspaper

#shiraz#tehran #esfahan #iran #ایران #love#photooftheday #art

#graphic #ایندیزاین#photoshop #instalike #indesign #hot
#صفحه_آرایی

نمونه کار: طراحی پوستر سریال شهرزاد - شماره 06

#نمونه_کار

نمونه کار: طراحی پوستر سریال شهرزاد - شماره 06

سایز:A3
نوع: چاپی / دیجیتال
طراح: حسین محمودی (@ihmahmoodi )

برای دیدن نمونه کار های بیشتر به اکانت اینستاگرام AsteriXarts@ مراجعه کنید.

برای سفارش طراحی می توانید به شماره  09387374487  و یا اکانت تلگرام iHMahmoodi@ تماس بگیرید.

 

#طراحی #گرافیک #فتوشاپ#اَستریکس_آرتس

#حسین_محمودی#AsteriXarts #iHMahmoodi #Poster#beautiful #print #چاپ

#شیراز #تهران#اصفهان #shiraz #tehran #esfahan #iran#ایران

#love #photooftheday #art #graphic#design

 #photoshop #instalike #instamood#hot

نمونه کار: طراحی پوستر مناسبتی روز 13 آبان - شماره 05

 

.
#نمونه_کار

نمونه کار: طراحی پوستر مناسبتی روز 13 آبان - شماره 05

سایز:A3
نوع: چاپی / دیجیتال
طراح: حسین محمودی (@ihmahmoodi )

برای دیدن نمونه کار های بیشتر به اکانت اینستاگرام AsteriXarts@ مراجعه کنید.

برای سفارش طراحی می توانید به شماره  09387374487  و یا اکانت تلگرام iHMahmoodi@ تماس بگیرید.

 

#طراحی #گرافیک #فتوشاپ#اَستریکس_آرتس

#حسین_محمودی#AsteriXarts #iHMahmoodi #Poster#beautiful #print #چاپ

#شیراز #تهران#اصفهان #shiraz #tehran #esfahan #iran#ایران

#love #photooftheday #art #graphic#design

 #photoshop #instalike #instamood#hot

دانلود Adobe Photoshop CC 2018 v19.0.0.24821 x86/x64 - نرم افزار ادوبی فتوشاپ سی‌سی 2018

دانلود Adobe Photoshop CC 2018 v19.0.0.24821 x86/x64 - نرم افزار ادوبی فتوشاپ سی‌سی 2018

دانلود Adobe Photoshop CC 2018 v19.0.0.24821 x86/x64

Adobe Photoshop بدون شک قدرتمندترین و محبوب‌ترین نرم افزار حرفه‌ای ویرایش عکس، ساخت مدل‌های سه بعدی، طراحی و نقاشی است که بیش از 25 سال از ارائه اولین نسخه آن می‌گذرد و مرتباً با ویژگی‌های جدید به روز می‌شود. فتوشاپ سی‌سی (CC) یا همان فتوشاپ ابری (Creative Cloud)، ده‌ها تفاوت مهم با نسخه‌های قبلی فتوشاپ دارد و علاوه بر این امکان فراهم سازی امکانات و رفع مشکلات با سرعت خیلی بالا برای برنامه نویس‌های ادوبی وجود دارد. دراین نرم افزار امکانات جدیدی چون بهبود نقاشی سه بعدی، ابزارهای کامل‌تری برای ویرایش تصویر، ابزارهای انتخاب تصویر بهتر، بزرگنمایی عکس با کمترین افت کیفیت، یک ابزار بسیار کاربردی برای کاهش لرزش دوربین و بسیاری ویژگی‌های جدید دیگر قرار داده شده است.

قابلیت‌های کلیدی جدید نرم افزار  Adobe Photoshop CC 2018:

- Adobe Photoshop CC  قسمتی از تکنولوژی Creative Cloud است. قابلیت های انتشار فایل ها در سیستم Cloud می تواند برای مدیریت فایل ها در چندین کامپیوتر استفاده شود. بدین ترتیب شما می توانید پروژه های خود را به صورت مستقیم با دیگر کاربران فتوشاپ به اشتراک بگذرید و نظرات طراحان مختلف را در سراسر دنیا راجع به طرح خود با سرعت بالا دریافت کنید.

- شفاف سازی هوشمند (Smart Sharpen) از امکانات جدید این نسخه از فتوشاپ است. این ابزار جدید دارای تکنولوژی حرفه ای و جدید برای افزایش شفافیت عکس ها می باشد. Smart Sharpen عکس ها را آنالیز می کند و افزایش شفافیت و کاهش نویز و حالت مات شدن را برای شما به ارمغان می آورد تا تصویر واقعی به نظر برسند.

- نمونه گیری افزایشی هوشمند: افزایش مقدار رزولوشن تصاویر برای پرینت در ابعاد بزرگ یا استفاده از آنها در بیلوبردها یا پوسترهای بزرگ از دیگر امکانات توسعه یافته فتوشاپ است که بدون افت کیفیت می تواند با تمام جزئیات عکس شما را بزرگ کند.

- Adobe Photoshop CC که بخشی از Creative Cloud است دارای امکانات کامل ویرایش عکس و ویدئو به همراه ابزارهای حرفه ای ویرایش آبجکت های ۳ بعدی و آنالیز عکس را که تا پیش از آن تنها در نسخه های Extended وجود داشتند را در اختیار کاربر قرار می دهد.

- Camera Raw 8 و پشتیبانی از لایه ها از دیگر امکانات جدید نرم افزار است. بدین ترتیب شما می توانید ویرایش های افزونه Camera Raw 8 را به عنوان فیلتر برای لایه ها انتخاب کنید تا برای ویرایش بعدی کارتان ساده تر باشد.

- گوشه های گرد و مربعی متنوع. این قابلیت یکی از مهم ترین امکانات جدید Adobe Photoshop CC است. حالا شما می توانید سایز شکل را قبل از ساخت آنها انتخاب کنید. حتی می توانید مقدار دایره ای شدن گوشه ها را نیز تعیین کنید. اگر شکل شما قرار است در یک صفحه وب قرار گیرد می توانید اطلاعات را به صورت فایل CSS دریافت کنید.

- قابلیت انتخاب چندین شکل و Contour به صورت همزمان کارآیی نرم افزار را به صورت چشمگیری افزایش می دهد. بدین ترتیب می توانید تنها با چند کلیک ساده روی وکتورها و شکل ها ماسک قرار دهید.

- حذف مشکلات لرزش دست در عکس ها : عکس هایی که در حالت لرزش دست تهیه شده اند معمولا مات و نا واضح می باشند. همچنین عکس هایی که در سرعت کم شاتر دوربین گرفته شده اند یا طول فاصله کانونی زیادی دارند با استفاده از این عمکلرد جدید می توانید انالیز و بهینه سازی شوند.

- پشتیبانی کامل تر از Smart Object ها. انتخاب افکت ها و مات کردن عکس ها یا قابلیت باز گرداندن به حالت قبل و پشتیبانی از Smart Object ها از امکانات توسعه یافته این نسخه از فتوشاپ است. شما می توانید به عکس ها و یا ویدئوها خود افکت های مختلفی اضافه کنید و هر زمان که خواستید به حالت اولیه باز گردید. تغییر یا حذف افکت هایی که ساخته اید بدین ترتیب ساده خواهند بود.

- نقاشی توسعه یافته آبجکت های ۳D و تکسچرها. با استفاده از مکانیزم قدرتمند نقاشی در فتوشاپ می توانید مدل های سه بعدی زیبایی خلق کنید.

- با استفاده از استایل های فوت می توانید افکت های ساخته شده را ذخیره کرده و هر زمان که نیاز بود مجددا با یک کلیک آنها را اعمال کنید.

- Adobe Photoshop CC می تواند به سادگی کدهای CSS برای طراحی عناصر وب را به شما بدهد. بدین ترتیب تنها کافیست که کد را در ویرایشگر وب سایت خود کپی و Paste کنید.

- پنل صحنه سه بعدی جدید و توسعه یافته برای ویرایش ۲ بعدی و ۳ بعدی که شامل پارامترهای محبوب شما مانند Duplicate، Create An Instance ، Group و Delete می باشد.

- امکانات جدید برای صرفه جویی در زمان. کاهش صرف زمان برای کارهای روزمره با استفاده از امکانات کاربرپسند نرم افزار

- افکت های ۳ بعدی زیباتر و بهتر شامل سایه ها و انعکاس های حرفه ای برای آبجکت های ۳ بعدی
- وارد کردن رنگ از فایل های وب مانند فایل های HTML، CSS و SVG به صورت مستقیم

نمونه کار: طراحی پوستر مسابقه اوریگامی - شماره 03

نمونه کار: طراحی پوستر مسابقه اوریگامی - شماره 03

نام پروژه: نمونه کار: طراحی پوستر مسابقه اوریگامی - شماره 03

سایز: B5

نوع:چاپی - دیجیتال
طراح: حسین محمودی (@ihmahmoodi )

برای دیدن نمونه کار های بیشتر به اکانت اینستاگرام AsteriXarts@ مراجعه کنید.

برای سفارش طراحی می توانید به شماره  09387374487  و یا اکانت تلگرام iHMahmoodi@ تماس بگیرید.

#طراحی #گرافیک #فتوشاپ#اَستریکس_آرتس 

#حسین_محمودی#AsteriXarts #iHMahmoodi #Poster#beautiful #print #چاپ 

#شیراز #تهران#اصفهان #shiraz #tehran #esfahan #iran#ایران 

#love #photooftheday #art #graphic#design

 #photoshop #instalike #instamood#hot

نمونه کار: سری بنر استند شهدای صدا و سیمای استان فارس

سری بنر استند شهدای صدا و سیمای استان  فارس

#نمونه_کار 
نام پروژه: سری #بنر #استند شهدای صدا و سیمای استان  فارس
سفارش دهنده: صدا و سیمای مرکز فارس
سایز:90 * 200 سانتی متر
نوع: چاپی - بنر - استند
طراح: حسین محمودی (@iHMahmoodi)
#طراحی #گرافیک #فتوشاپ #اَستریکس_آرتس
#حسین_محمودی#
AsteriXarts #iHMahmoodi #banner #print#
#چاپ #شیراز #تهران #اصفهان #shiraz 
#tehran #esfahan #iran #ایران #love#photooftheday
 #art #design
 #photoshop#instalike #صدا_و_سیما #فارس #شهدا

در ادامه تصاویر دیگر از این سری بنر ها مشاهده می کنید

سری بنر استند شهدای صدا و سیمای استان  فارس - #1

سری بنر استند شهدای صدا و سیمای استان  فارس - #2

سری بنر استند شهدای صدا و سیمای استان  فارس - #3

سری بنر استند شهدای صدا و سیمای استان  فارس - #4

نمونه کار: صفحه آرایی نشریه - #1

نمونه کار: صفحه آرایی نشریه - #1

#نمونه_کار 

نام پروژه: صفحه آرایی نشریه - #1
سایز:A5
نوع: چاپی - دیجیتال
طراح گرافیکی و صفحه آراء: حسین محمودی (@iHMahmoodi)

برای دیدن نمونه کار های بیشتر به اکانت اینستاگرام AsteriXarts@ مراجعه کنید.

برای سفارش طراحی می توانید به شماره  09387374487  و یا اکانت تلگرام iHMahmoodi@ تماس بگیرید.

#طراحی #گرافیک #فتوشاپ #اَستریکس_آرتس#حسین_محمودی 

AsteriXarts #iHMahmoodi#Layout#

 #wallpaper #print #چاپ #شیراز#تهران #اصفهان 

#shiraz #tehran #esfahan#iran #ایران 

#love #photooftheday #art#graphic #ایندیزاین 

#photoshop #instalike#indesign #hot
#صفحه_آرایی

نمونه کار: سری پوستر های «راهی که آمدیم» - #4

سری پوستر های «راهی که آمدیم» - #04

#نمونه_کار 
نام پروژه: سری #پوستر های «راهی که آمدیم» - No.04
سفارش دهنده: ناحیه دانشجویی استان فارس
سایز:A3
نوع: چاپی
طراح: حسین محمودی (@iHMahmoodi)
 #طراحی 

#گرافیک #فتوشاپ #اَستریکس_آرتس#حسین_محمودی #AsteriXarts #iHMahmoodi#Poster #wallpaper #print 
#چاپ #شیراز#تهران #اصفهان #shiraz #tehran #esfahan#iran #ایران #love #photooftheday 
#art#graphic 
#design 
#photoshop #instalike#instamood #hot