Для решения этой проблемы описано очень много способов, но как правило они не работают. Причина этой проблемы часто возникает в неправильной настройке Свойств формы.

Правильно должно быть как на картинке, выбрана кодировка UTF-8. 
Так же проверьте, что бы Свойства страницы, Язык и Набор символов соответствовал UTF-8 как на картинке.

 В Notepad проверьте кодировку файла с формой, должно быть как на рисунке.
Теперь все работает и на почту приходят без крякозябов, читаемые письма.

Добраться до этой строки можно с помощью стандартных средств Joomla из панели управления, выбираем из меню -Расширения-Менеджер шаблонов-Выбираем шаблон-Находим файл с название  template.css, на картинке это хорошо видно.

Открываем файл template.css, и находим 63 строку

.jshop.cart {

width: 700;

}

и меняем параметр 700 на ваш.

Сохраняем изменения сделанные в файле template.css, перегружаем страницу и радуемся сделанному!!!

А продающий сайт (лендинг пейдж) приведет к вам покупателей.
Все эти сайты в основном одностраничники, и на занимают много времени для их разработки
от 3 до 7 дней. Все, что от вас понадобиться, так это описание вашей деятельности и ассортимент товара.

Примеры – продающего сайта (лендинг пейдж), БелостойДом, Домокупол.ру

Если я вас заинтересовал пишите, быстро и качественно создам сайт-визитку или продающий сайт (лендинг пейдж).

И самое важное, при разработке сайт-визитка и продающий сайт я использую адаптивную верстку под мобильные устройства (планшеты, смартфоны…), в чем вы можете убедится просмотрев пример сайт, изменив масштаб просмотра в браузере с помощью удерживания кнопки CTRL и быстрым нажатием кнопки  ++++++, или просмотрите пример сайта на планшете.

Если понравилось пишите.

ОБРАТНАЯ СВЯЗЬ

Ваше имя

Обратный e-mail

Сообщение

Число на картинке

 

Магазин украшений Longle.ru представляет Вам серебряные изделия и бижутерию по доступной цене.
Украшения. Авторские работы Российских и Итальянских мастеров подарят Вам новые эмоции и идеи для воплощения индивидуального образа. Коллекции серебра и бижутерии распределены по стилям.

Язык интерфейса можно выбрать при установке. Установленный пакет выводится на стандартную панель Microsoft Word кнопку Верстка текста книжкой.

Процесс установки и работа с пакетом описана в файле readme.doc.

Для решения возникающих проблем выполните указанные в данном разделе действия по устранению неполадок.

1. Снимите флажок “Включить отрисовку OpenGL”.

При возникновении проблем, перечисленных в разделе Выявленные неполадки ниже, или других проблем, связанных с драйвером видеокарты, снимите флажок “Включить отрисовку OpenGL” в меню Photoshop > “Установки” > “Производительность” (Mac OS) или “Редактирование” > “Установки” > “Производительность” (Windows), затем выполните ту же функцию. Если проблема больше не возникает, обновите драйвер видеокарты и см. дополнительные сведения в описании конкретной проблемы. Если проблема остается, возможно, ее причиной не является драйвер видеокарты.

2. Сбросьте установки Photoshop.

Следующим шагом по устранению неполадок является сброс установок путем нажатия сочетания клавиш Shift + Option + Command (Mac OS) или Shift + Ctrl + Alt (Windows) сразу после перезапуска Photoshop. Нажмите “Да” при запросе на удаление файла настроек Adobe Photoshop и повторно выполните функцию, которая привела к проблеме. Дополнительную информацию об удалении файла установок Photoshop см. в “functions, names, and locations of preferences files in Photoshop CS4″ (Техническая записка kb405012*).

3. Обновите драйверы ГП и установите флажок “Включить отрисовку OpenGL”.

Если программа Photoshop завершает работу в аварийном режиме или исчезает из-за проблемы с ГП, она снимает флажок “Включить отрисовку OpenGL” и создает флаговый файл с именем GPUinitcrashed в папке установок. При следующем открытии программы Photoshop отображается предупреждение “Photoshop обнаружил проблему с драйвером дисплея и временно отключил расширения графического процессора (ГП). Попробуйте загрузить последнюю версию ПО видеокарты с веб-сайта производителя. Расширения ГП могут быть включены с панели “Производительность” в окне установок”.

Загрузите последнюю версию драйвера дисплея с сайта производителя видеокарты (Windows) или проверьте наличие обновлений операционной системы (Mac OS).

Внимание! Если установить флажок “Включить отрисовку OpenGL” до обновления драйвера, Photoshop будет снова использовать старую версию. Если не обновить драйвер, в работе Photoshop снова произойдет сбой. Если не установить флажок “Включить отрисовку OpenGL”, то доступ к ГП не осуществляется и Photoshop будет работать без сбоев.

4. Если для уровня кэш-памяти установлено значение меньшее, чем значение по умолчанию, выполните его сброс до уровня 4, являющегося уровнем по умолчанию.

Уровни кэша ниже 4-го могут повлиять на производительность ГП.

5. Снимите флажки со всех дополнительных параметров и перезагрузите Photoshop.

Включение каких-либо дополнительных параметров, которые были отключены при запуске Photoshop, может привести к замедлению работы программы вследствие отсутствия поддержки соответствующих функций в видеокарте вашего компьютера. Если включение каких-либо дополнительных параметров приводит к проблемам ГП, отключите их. Пользователь может протестировать дополнительные параметры, вызывающие замедление работы программы, включив только один дополнительный параметр, перезапустив Photoshop и проверив производительность программы.

6. При наличии основного монитора переместите на него все окна изображений (только для Windows XP).

Работа в Windows XP с двумя мониторами может привести к возникновению известных проблем при использовании некоторых драйверов дисплеев.

7. Устраните выявленные неполадки ГП.

См. раздел Выявленные неполадки данного документа для получения сведений о проблемах, относящихся к конкретной операционной системе и конкретному ГП.

8. Отключите Windows Aero (только для Windows Vista).

См. “Disable Windows Aero (Windows Vista)” (техническая записка kb404886*).

9. Выполните дополнительные действия по устранению неполадок.

Существует два дополнительных внешних модуля ГП, которые могут помочь в случае, если ваш ГП устарел, если при запуске Photoshop возникают проблемы или вы не можете использовать функции OpenGL. Описание этих внешних модулей приводится в “Crashes occur, Photoshop CS4 won’t open, or some features are slow and OpenGL is unavailable” (Техническая записка kb405064*).

Отказ от обязательств. Adobe не поддерживает данные внешние модули ГП для Photoshop CS4 и предоставляет информацию по их использованию в порядке любезности.

Если информация, представленная в данном документе, оказалась недостаточной для разрешения проблемы, то эта проблема может иметь другие причины. Дополнительную информацию по устранению неполадок Photoshop см. в следующей технической документации по устранению неполадок:

• Устранение системных ошибок или “зависаний” Photoshop CS4 в Mac OS (Техническая записка kb404895*)
• Устранение системных ошибок или “зависаний” Photoshop CS4 в Windows XP (Техническая записка kb404896*)
• Устранение системных ошибок или “зависаний” Photoshop CS4 в Windows Vista (Техническая записка kb404897*)

Выявленные неполадки

Photoshop CS4 11.0.1

После выпуска Photoshop CS4 была выявлена проблема замедления работы программы, связанная с функциональностью ГП, в Windows XP и Vista. Эта проблема исправлена в Photoshop CS4 11.0.1.

Если наблюдается замедление работы кистей, возможно, имеет место проблема, не исправленная в Photoshop 11.0.1.

При наличии одной из этих проблем обновите программу до версии 11.0.1, которую можно найти на веб-сайте ресурсов загрузки.

Общие вопросы, связанные с операционной системой

Проблема. У вас имеется видеокарта с графическим процессором, но параметр “Дополнительная отрисовка” недоступен.
Решение. Проверьте наличие обновлений для драйвера дисплея, а объем видео ОЗУ карты должен быть достаточным для поддержки дополнительных функций рисования. Чтобы параметр “Дополнительная отрисовка” был доступен, требуется 512 МБ ОЗУ.

Проблема. При выборе инструмента “Поворот вида” возникает ошибка: “Невозможно выполнить запрос. Он действует только для окон документов OpenGL”.
Решение. Выполните одно из следующих действий:

• Обновите драйвер дисплея, затем установите флажок “Включить отрисовку OpenGL” в меню Photoshop > “Установки” > “Производительность” (Mac OS) или “Редактирование” > “Установки” > “Производительность” (Windows).

Проблема. При перерисовке экрана некоторые области изображения отрисовываются сначала с низким, потом с высоким разрешением.
Причина. Как правило, перерисовка экрана происходит в Photoshop так быстро, что ее трудно увидеть.
Решение. Более мощная видеокарта не вызывает таких проблем.

Проблема. Ограничительная рамка трансформирования трудно различима.
Решение. Щелкните мышью в углу ограничительной рамки. Она должна стать более различимой.

Windows XP

Видеокарта:Все
Проблема: Размер больших курсоров отображается неправильно.
Решение 1: Если вы используете видеокарту NVIDIA, обновите драйвер до версии 181.20. Для основного монитора эта проблема исправлена в данном драйвере. Для вспомогательного монитора (при его наличии) проблема пока не решена.
Решение 2: Выполняйте работу на основном мониторе, а на вспомогательном мониторе размещайте палитры.
Решение 3: Отключите параметр “Включить отрисовку OpenGL”.
Решение 4: Используйте один монитор.

Видеокарта: Все
Проблема: При использовании двух мониторов в среде Windows XP работа Photoshop замедляется.
Решение 1: При использовании видеокарты NVIDIA проблему можно обойти, выбрав режим совместимости на панели управления NVIDIA “Дополнительно” (Advanced).
Решение 2: Используйте один монитор.
Решение 3: Отключите параметр “Включить отрисовку OpenGL”.

Видеокарта: NVIDIA GeForce 9800 GTX
Проблема. При открытии многочисленных изображений (около 30) и использовании двойных мониторов Photoshop прекращает использование ГП и может завершить работу.
Решение. Выполните перечисленные ниже действия в указанном порядке.

Решение 1. Отключите параметр “Дополнительная отрисовка”.

1. Выберите меню Photoshop > “Установки” > “Производительность” (Mac OS) или “Редактирование” > “Установки” > “Производительность” (Windows).
2. Выберите “Дополнительные параметры”.
3. Снимите флажок “Дополнительная отрисовка”.

Решение 2 (только для Mac OS). В Photoshop выберите “Окно” и снимите флажок “Рамка приложения”.

Решение 3. Используйте только один монитор.

Проблема. При перерисовке экрана Photoshop рисует мозаику из черных квадратов.
Причина. Возможно, на видеокарте недостаточно памяти для ГП. Windows XP не может виртуализировать видео ОЗУ, поэтому, когда объем видео ОЗУ исчерпан, Photoshop больше не может рисовать изображение и заменяет его черной мозаикой. Чем больше объем ОЗУ на видеокарте, тем реже будут возникать подобные проблемы.
Решение. Закройте все другие приложения, использующие ГП, на время работы в Photoshop CS4 или работайте с меньшим количеством открытых окон изображений в Photoshop.

Видеокарты: все
Проблема. Меню мерцают при выборе, когда открыта панель “Слои”.
Решение. Игнорируйте мерцание или снимите флажок “Включить отрисовку OpenGL”.

Видеокарта: все карты ATI
Проблема. При перетаскивании изображения на второй монитор фон просвечивает через окно изображения.
Решение. Обновите драйвер дисплея.

Видеокарта: разные
Проблема. Окно второго изображения на вторичном мониторе отображается неправильно.
В случае с картами ATI через второе изображение просвечивает рабочий стол, но после перетаскивания оно отображается без проблем.
В случае с картами NVIDIA изображение на втором мониторе содержит артефакты. После завершения перетаскивания второго изображения поверх первого артефакты продолжают отображаться.
Решение. Обновите драйвер дисплея или отключите параметр “Включить отрисовку OpenGL”.

Проблема. Изображения мерцают при перетаскивании.
Решение. Отключите параметр “Включить отрисовку OpenGL”.

Видеокарта: NVIDIA
Проблема. Кнопки Диспетчера рабочего стола NVIDIA и другие экранные объекты отрисовываются неправильно.
Решение. Обновите драйвер дисплея или отключите параметр “Включить отрисовку OpenGL”.
Дополнительная информация: это конфликт между драйвером дисплея NVIDIA и способом отрисовки меню программой Photoshop CS4.

Видеокарта: NVIDIA GeForce 6800
Проблема. Изображения двоятся при перетаскивании. По завершении перерисовки изображение-дубликат не отображается.
Решение. Отключите параметр “Включить отрисовку OpenGL” или обновите драйвер дисплея.

Видеокарта: разные
Проблема: При перетаскивании в Photoshop второго окна на второй монитор, изображение отображается черным цветом/с искажением (карты NVIDIA) или с прозрачным фоном (карты ATI).
Решение. Отключите параметр “Включить отрисовку OpenGL”.
Обходной путь: (только для NVIDIA)

Примечание. Этот обходной путь позволит использовать ГП, но скажется на производительности.

1. Выберите “Пуск” > “Панель управления” > NVIDIA > “Дополнительно”.
2. Выберите вкладку GeForce или Quadro и нажмите “Запустить панель управления NVIDIA”.
3. Выберите Advanced Settings (Дополнительные параметры) > Manage 3D Settings (Управление параметрами 3D) > Multi-display (GeForce) or Mixed-GPU(Quadro) acceleration (Ускорение нескольких экранов (GeForce) или Ускорение смешанных ГП (Quadro)).
4. Выберите значение Compatibility Performance mode (Режим совместимости).

Windows Vista 64-разрядная

Проблема. Ошибка “Несоответствие компонентов драйвера. Возможно только завершение работы приложения.” возникает при открытии Photoshop CS4.
Уточнение. При проверке данных о видеокарте ее название включает в себя фразу “Microsoft Corporation — WDDM).
Решение. Установите последнюю версию драйвера дисплея, предоставленную производителем видеокарты. Фраза “Microsoft Corporation — WDDM” означает, что используется версия драйвера дисплея от компании Microsoft, а не обновленная версия драйвера от производителя.

Видеокарты: различные карты и драйверы ATI
Проблема. При применении инструмента “Выделение” к изображению оно становится черным при нажатии кнопки мыши.
Решение. Проверьте наличие обновлений драйвера.

Видеокарта: ATI Radeon HD 2600 XT
Проблема. Изображения отображаются частями и с линиями.
Решение. Отключите параметр “Включить отрисовку OpenGL”.

Windows Vista 32-разрядная

Видеокарта: NVIDIA GeForce 8800 GTX
Проблема. При многократном увеличении и уменьшении масштаба большого изображения Photoshop перестает обращаться к ГП.
Решение. Уменьшите размер окна приложения Photoshop.

Видеокарта: ATI Radeon XRad1600
Проблема. Изображение отображается с многочисленными артефактами и имеет неправильный цвет.
Уточнение. Вы работаете с Bootcamp.
Решение. Обновите драйвер дисплея.

Проблема. Во время перемещения повернутого изображения оно возвращается к исходной ориентации, но по завершении перетаскивания снова поворачивается, как нужно.
Решение. Так и должно быть.

Mac OS — Intel

Проблема. При максимальном масштабе сетка пикселов и направляющие слегка смещены относительно меток линейки.
Уточнение. Такая проблема возникает только при использовании системы Mac на базе процессора Intel с европейскими языковыми версиями Mac OS и Photoshop.
Решение. Отключите параметр “Включить отрисовку OpenGL” на время работы с сетками и направляющими.

Проблема. При открытии файлов объемом примерно 500 МБ возникает ошибка “Невозможно выполнить команду “Открыть”. Недостаточно памяти (ОЗУ)”.
Решение 1. Выберите “Окно” и снимите флажок “Рамка приложения”.
Решение 2. Откройте меньшее количество окон изображений.
Дополнительная информация. Эта ошибка может возникнуть, если флажок “Включить отрисовку OpenGL” также не установлен.

Видеокарта: ATI 3870 для Mac Pro
Проблема. Область под курсором не перерисовывается. Область под курсором может иметь вид прозрачной шахматной доски и не перерисовывается с данными изображения.
Решение. Обновите экран вручную. Один из способов сделать это — увеличить или уменьшить масштаб.

Видеокарта: NVIDIA GeForce 7300GT
Проблема. При использовании большого аэрографа с пером отображение всего штриха кисти занимает много времени, штрих отображается частями.
Решение. Проверьте наличие обновлений драйвера дисплея, используйте мышь или отключите параметр “Включить отрисовку OpenGL” на время рисования пером и использования больших размеров кисти.

Проблема. Перекрестие указателя выборки инструмента клонирования не отображается.
Решение. Отключите параметр “Включить отрисовку OpenGL”.

Видеокарта: NVIDIA Geforce 7300GT
Проблема. При изменении размера кисти новый размер не отображается во время изменения.
Решение. Обновите драйвер дисплея или отключите параметр “Дополнительная отрисовка”.
Дополнительная информация. Параметр “Дополнительная отрисовка” для этой карты отключен по умолчанию. Установка внешнего модуля AllowOldGPU позволяет включить параметр “Дополнительная отрисовка”, что может повлечь за собой возникновение этой проблемы.

Видеокарта: NVIDIA GeForce 7300GT
Проблема. При изменении размера окна с использованием клавиатурных сокращений происходит аварийное завершение работы программы Photoshop.
Решение. Отключите параметр “Включить отрисовку OpenGL” и убедитесь, что используется последняя версия драйвера дисплея.

Проблема. Photoshop зависает при увеличении масштаба изображения и попытке переместить его.
Решение. Проверьте наличие обновлений драйвера дисплея или отключите параметр “Включить отрисовку OpenGL”.

Mac OS — PowerPC

Видеокарта: NIVIDA GeForce 7300GT
Проблема. Не удается выполнить просмотр результата рисования 3D-моделей или просмотр выполняется не полностью, пока не будет отпущена кнопка мыши.
Решение. Отключите параметр “Ускорение интерактивного 3D” в меню Photoshop > “Установки” > “Производительность” > “Дополнительные параметры”.

Знаете ли вы, что Photoshop дальтоник?
Когда я говорю «дальтоник», я не имею в виду небольшие проблемы с восприятием оттенков зеленого и пурпурного. Я имею в виду, что он совершенно не различает цвета. Все, что видит Photoshop –это черные и белые цвета. Черный, белый и множество промежуточных оттенков серого.  Самый мощный графический редактор в мире, промышленный стандарт среди фотографов, дизайнеров и практически всех творческих профессионалов, способный производить миллионы и даже миллиарды цветов, не имеет представления, что такое цвет.

Вы можете разглядывать свое фото кристально голубой воды океана, которое сделали во время последнего отдыха, но Photoshop видит его как серый океан. Удавалось ли вам заснять радугу, пересекающую небо после вечернего летнего урагана? Photoshop видит ее, как красивый набор оттенков серого цвета.  А что же по поводу знаменитого горшка с золотом? Для Photoshop это всего лишь большой горшок чего-то серого.
Не сочувствуйте Photoshop’у. Он абсолютно счастлив в своем бесцветном мире.

Фактически, единственная причина, по которой Photoshop показывает нам изображение в цвете, заключается в том, что сами люди ожидают увидеть их в цвете. Мы не знали бы, что и думать, если бы все отображалось в черно-белых тонах. Но только не Photoshop. Для него нет ничего дороже, чем черный, белый и серые цвета.

Итак, Photoshop не имеет представления о том, что за цвет перед ним, и все, что он знает и видит – это черный, белый и серый цвета, как же он показывает нам изображения в цвете? Я имею в виду вот это изображение, которое открыто в Photoshop:

Фото, открытое в окне документа Photoshop.

Очевидно, что этот мальчик (или девочка) цветной. Ну, действительно, я не думаю, что есть более красочные птицы, чем эта. Но здесь не только птица. Листья на фоне цветные. Кусочек дерева, на котором сидит птица тоже в цвете. Все, что на изображении – цветное! И это изображение открыто в Photoshop, так как же такое может быть, если Photoshop не различает цвета? И если он действительно не видит цвета, как Photoshop проделывает такую большую работу, показывая нам что-то, что он не видит?

Для ответа на этот вопрос нам необходимо рассмотреть две вещи. Первая – цветовые режимы (color mode) и вторая – цветовые каналы (channels). Обе очень взаимосвязаны между собой, если вы понимаете цветовые режимы (color mode), то цветовые каналы (color channels) станут для вас также понятнее.

Мы знаем, или, по крайней мере, согласились с тем фактом, что Photoshop не видит цвета. Все, что он видит – черный, белый и серый. Так как же он берет эти черные, белые и серые цвета, превращая их в цветные, которые мы видим на нашем экране? Ответ – зависимость. Зависимость от чего, спросите вы? Это зависимость от цветового режима (color mode), который использует Photoshop.

Существует совсем немного цветовых режимов в Photoshop, но два основных – это RGB и CMYK. Пару других, вы могли слышать в процессе работы с Photoshop, это Grayscale (Градации серого) и Lab (произносится, как «эл – эй –би», но не «Лэб»). Это все примеры цветовых режимов, и они определяют, как Photoshop переводит свою черно-белую информацию в цвет, за исключением цветового режима Grayscale (Градации серого), который не использует цвета. Это строго черно-белый режим, и довольно часто он используется для быстрой конвертации цветного изображения в черно-белое.

Из всех четырех режимов, которые я назвал, единственный, который мы рассмотрим – RGB. Режим CMYK подходит для печати и публикаций, мы вернемся к нему как-нибудь в другой раз. Режим Grayscale (Градации серого), как я уже сказал, используется строго для черно-белых изображений, а режим Lab не понятен для большинства людей, живущих на этой планете, равно как и живущих на других планетах, хотя он часто используется при профессиональном редактировании изображений, но даже те люди, которые его используют, не имеют полного представления о том, как он работает. Что оставляет нам только RGB.

Безусловно, наиболее широко используемый в мире цветовой режим компьютеров и технологий – это цветовой режим RGB. Photoshop использует его, другие программы на вашем компьютере также его используют, ваш монитор, цифровая камера и сканер, ваш телевизор, и даже маленький экран вашего мобильного или iPod’a используют данный режим, равно как и портативные игровые системы вроде PSP Sony или Nintendo DS. Если это девайс, который как-то отображает или создает изображения, или программное обеспечение для редактирования изображений, подобное Photoshop, оно использует цветовой режим RGB. Звучит достаточно громко, не так ли? И, конечно же, это так. Для всего он имеет довольно широкое значение и важность, RGB является аббревиатурой трех цветов – красного (red), зеленого (green) и синего (blue).

RGB и цветовые каналы: цветной мир красного, зеленого и синего.
Что же такого необычного в этих трех цветах – красном, зеленом и синем? Да, в общем-то, только то, что они являются основными цветами. Что это значит? Это значит, что каждый цвет, который мы с вами можем видеть, создается из некоторых комбинаций красного, зеленого и синего. Как мы получаем желтый? Путем смешивания красного и зеленого. Как мы получаем фиолетовый? Путем смешивания красного и синего. А как насчет оранжевого? 100% красного и 50% зеленого. И это только простые примеры. Каждый отдельный цвет, который мы видим, создается с помощью комбинации этих трех цветов. Знаю, это звучит практически нереально, но это действительно так.
Когда вы смешаете самые яркие варианты этих цветов между собой, то получите чисто белый цвет. Когда вы полностью удалите все эти три цвета, то получите чисто черный. А когда вы смешаете равное количество в процентном соотношении от 0 до 100%, вы получите оттенки серого.
Давайте снова посмотрим на наше изображение с птицей:

В самом деле, очень красочное изображение, но откуда появляются все эти цвета? Объясню для начинающих, давайте посмотрим на информацию, которая сообщается нам в верхней части окна документа Photoshop:

Информация в верхней части окна документа.

Тем, что я отметил красным кружком, Photoshop объясняет нам, что изображение используется в цветовом режиме RGB, который означает, что каждый цвет, который мы видим на фото, создан из некоторых комбинаций красного, зеленого и синего. Если вы хотите убедиться в этом, все, что нужно – навести курсор мыши на любую часть изображения и посмотреть на Панель информации (Info) в Photoshop.
Я наведу курсор мыши на кончик клюва в районе ярко-красного участка.

Наведение курсора мыши на кончик клюва птицы.

Давайте обратимся к панели Информации (Info) в Photoshop, чтобы посмотреть, что он нам говорит об этой точке в изображении:

Панель Информации (Info) Photoshop.

Часть, которая нас интересует в панели Информации (Info) Photoshop, расположена вверху слева, она показывает нам значения RGB. Единственное, что вы должны понимать, так это то, что Photoshop не отображает цвета RGB в процентном соотношении, то есть мы не увидим значения типа «10% красного (red), 40% зеленого (green) и 50% синего (blue)». Вместо этого RGB имеет значения от 0 до 255, где 0 означает полное отсутствие указанного цвета в изображении, а 255 указывает на то, что используется полноценный цвет.

Таким образом, если мы посмотрим на участок, который я выделил, мы увидим, что точка содержит значения 216 для красного (red) (очень большое значение), 59 зеленого (green) (довольно маленькое значение) и 1 синего (blue) (мог бы быть и 0), что означает, что в данной точке практически отсутствует синий цвет, и очень маленькое количество зеленого. Подавляющее большинство цвета идет от красного, что, в общем-то, естественно, поскольку клюв птицы определенно имеет красный цвет.
Посмотрим на другую точку. Я навожу курсор мыши на участок в районе спины птицы:

Наведение курсора мыши на точку в области спины птицы.

Этот участок выглядит для меня достаточно зеленым, и если мы посмотрим, что говорит нам панель Информации (Info):

Панель Информации (Info) Photoshop, показывающая нам значения RGB для участка изображения.

То мы убедимся, что зеленый (green) – доминирующий цвет, имеющий значение 180. Красный (red) имеет значение всего 20, что является очень маленьким значением, а синий (blue) даже меньше 16.
Давайте проделаем это еще раз. Я наведу курсор мыши где-нибудь в районе головы птицы:

Наведение курсора мыши на точку в районе головы птицы.

На этот раз синий должен иметь более высокое значение в панели Информации (Info):

Панель Информации (Info) Photoshop, показывающая информацию RGB для точки, выбранной на голове птицы.

И снова убедились, что на этот раз синий (blue) цвет имеет преобладающее значение 208 и является доминирующим цветом. Конечно, голова птицы не чисто синяя. Она больше пурпурно-синяя, что объясняет, почему зеленый (green) имеет большое значение 100, и даже красный (red) имеет достаточно большое значение 90. Все три цвета смешались между собой на экране, чтобы образовать пурпурно-синий цвет, который мы видим.

Я мог бы продолжать наводить курсор мыши на любую точку на фото (я не хочу, но мог бы), и мы могли бы наблюдать, как изменяются значения красного (red), зеленого (green) и синего (blue) в панели Информации (Info), поскольку каждый отдельно взятый цвет на изображении состоит из определенной комбинации этих трех цветов.
Вот так работает режим RGB. Повторим, RGB, означает не что иное, как Красный (Red), Зеленый (Green) и Синий (Blue), и поскольку это изображение находится в режиме RGB, Photoshop представляет каждый цвет с помощью комбинаций красного, зеленого и синего.
Следующее, что мы рассмотрим во второй части изображения – цветовые каналы (color channel).

На данный момент мы выяснили, что Photoshop не видит цвета. Все в мире Photoshop создано из черного, белого и некоторых оттенков серого. Мы также узнали, что Photoshop использует цветовой режим RGB для отображения цветов на экране путем смешивания различных комбинаций красного (red), зеленого (green) и синего (blue). Но как Photoshop узнает, сколько красного, зеленого и синего нужно смешать, чтобы получить отдельный цвет на экране, когда он не знает, какой именно цвет должен быть? Я имею ввиду, что здорово, что Photoshop может отображать чисто желтый путем смешивания полноцветного красного (red) со значением 255, а также зеленого (green) с таким же значением, но как он узнает, что отображать нужно именно желтый?
Ответ – никак. Как, никак?

А вот так. Photoshop не знает, что вы ожидаете увидеть желтый цвет в определенной части изображения. Он знает только, что он отображается при красном (red) со значением 255 и зеленом (green) со значением 255, и исключает при этом синий (blue). Если это сочетание создаст точно такой цвет, который вы и я называем «желтым», то это здорово, но Photoshop при этом не остается в стороне. Все, что он знает – «отображать красный (red) со значением 255, зеленый (green) – 255 и синий (blue) 0 в определенном пикселе». Во время добавления различных цветов к изображениям, Photoshop является художником, «раскрашивающим цифрами».

Итак, поскольку Photoshop добавляет определенное количество красного (red), зеленого (green) и синего (blue). Откуда он знает, сколько каждого цвета нужно добавить, когда все, что он понимает это черный, белый и серый? Два слова… Цветовые каналы (Color Channels).
Давайте снова посмотрим на изображение с птицей:

Так мы видим с вами это изображение. Вот так его видит Photoshop:

Но, погодите. Также он видит его так:

Но как он видит его в двух различных черно-белых вариантах? Хороший вопрос. Ответ – никак. Он видит его в трех различных черно-белых вариантах. Вот еще третий:

Все, что мы видим в одном цветном изображении, Photoshop видит в трех отдельных черно-белых изображениях. Каждое из этих изображений представляет цветовой канал. Первый представляет красный канал, второй – зеленый, а третий – синий. Три отдельных канала для трех различных цветов, совмещенные вместе создадут полноцветное изображение.

Рассматривайте цветовые каналы, как цветовые фильтры. В то время как Photoshop отображает цветное изображение на экране, он знает, какие цвета отображать благодаря яркости света, проходящего через фильтры. Сначала он подсвечивает через красный фильтр (красный канал). Если свет не проходит через фильтр, Photoshop знает, что отображать красный необходимо со значением 0. Если весь свет проходит через фильтр, то Photoshop в полной мере отображает красный цвет со значением 255. Если количество света, проходящего через фильтры немного меньше, Photoshop отображает красный цвет со значением между 0 и 255, в зависимости от того, как много света проходит через фильтр. Затем он то же самое проделывает с зеленым фильтром (зеленым каналом), устанавливая для него значение 0, если свет не проходит через фильтр, и 255 если свет полностью проходит через фильтр, и некоторое значение между 0 и 255, если проходит немного света. Затем он то же самое проделывает с синим фильтром (синим каналом). После этого он знает, с какое значение устанавливать для красного, зеленого и синего, и комбинирует их, создавая цвет, который мы видим. Он проделывает все это для каждого пикселя вашего изображения, так, если ваше изображение содержит миллионы пикселей, как большинство фотографий, сделанных с помощью цифровой камеры в наши дни, Photoshop проделывает эту операцию миллион раз и только для того, чтобы отобразить изображение, которое вы видите на экране. Видите, как сильно вас любит Photoshop? Итак, секунду назад я сказал, что Photoshop не остается в стороне. Двигаемся дальше.
«Фильтры» Photoshop используют те три отдельных черно-белых изображения, которые мы видели. Красный:

Так как же Photoshop использует это черно-белое изображение в качестве красного фильтра? Помните, как я сказал, что Photoshop приписывает значения красного от 0-255, базируясь на том, какое количество света проходит через фильтр? Итак, сколько света проходит через фильтр зависит от того, насколько яркий участок черного и белого на изображении. Любой участок чисто черного цвета не позволит проникнуть какому-либо свету, это означает, что в этих участках изображения значение красного будет равно 0. Любые участки чисто белого цвета, позволяют свету проникать полностью, в этих участках значение красного будет равно 255. А в участках с различными оттенками серого, которых большинство в изображении,  проходит некоторое количество света, зависящее от того, насколько светлый или темный участок серого представлен.

На изображении выше мы можем увидеть, что самые яркие участки изображения приходятся на клюв и грудь птицы, что подтверждает то, о чем я сейчас говорил: эти участки содержат большее количество красного цвета в полноцветном изображении. Равно как участки спины, крыльев и живота очень темные, поэтому в этих участках не должно быть много красного или он полностью отсутствует.
Давайте снова обратимся к полноцветному варианту изображения:

Мы сказали, что клюв и грудь должны содержать много красного цвета, и, как вы видите, это так! Мы также сказали, что спина, крылья и живот не должны содержать много красного, или он вообще должен отсутствовать, и я действительно не вижу на них красного.
Давайте снова обратимся к черно-белому изображению, которое Photoshop использует для зеленого канала:

Это черно-белое изображение содержит много ярких участков, которые означают, что на фото должно присутствовать много зеленого. Странно еще то, что один из самых ярких участков в изображении находится рядом с грудью птицы, но я не помню, чтобы там был зеленый цвет. Давайте это проверим, взглянув снова на полноцветное изображение:

На изображении, конечно, много зеленого, что объясняет множество ярких оттенков серого на черно-белом изображении. Если я посмотрю на ту сторону груди птицы, которая имела самый яркий участок в черно-белом изображении, то она не будет зеленой. В действительности она очень желтая! Как это возможно? Просто. Красный и зеленый в комбинации дают желтый, поэтому для отображения желтого цвета Photoshop смешал вместе красный и зеленый.
Посмотрим на еще одно черно-белое изображение, которое Photoshop использует в качестве синего канала:

На этом изображении множество очень темных участков, особенно на самой птице, за исключением головы, которая очень светлая. Это должно означать, что только одна часть птицы будет отображаться синим цветом – ее голова. Хотя ее животик тоже должен иметь заметное количество синего, так же ноги и кусок дерева, на котором она сидит. Давайте посмотрим:

Мы убедились, что голова птицы очень синяя, мы также увидели, что ее животик, так же как и ножки и кусок дерева тоже синие. Остальная часть птицы не имеет заметных синих участков, поэтому и появились в этих местах темные участки на черно-белом изображении.
Мы выяснили все о том, как работает цветовой режим RGB и цветовые каналы в Photoshop, все, кроме одной вещи. Мы до сих пор не видели, где вы можете получить доступ к этим цветовым каналам. Вы найдете их в соответствующе названной панели Каналы (Channels), которые сгруппированы вместе с палитрой слоев (Layers).

Панель Каналов (Channels) Photoshop.

Палитра Каналов (Channels) выглядит примерно так же, как и палитра слоев (Layers), только она показывает информацию о цветовых каналах (color channels) вместо слоев. Здесь вы видите один Красный (Red), один Зеленый (Green) и один Синий (Blue) канал, и каждый из них содержит свой собственный вариант черно-белого изображения, точно такие, как я показывал в этом уроке. Самый верхний канал «RGB» в действительности не является каналом. Это просто совокупность трех каналов, дающая нам полноцветное фото. Вы можете кликнуть отдельно по каждому каналу в палитре Каналов (Channels) для отображения его черно-белого изображения в окне документа.
Вот и все. Мы теперь знаем, что Photoshop видит все через призму черного, белого и серого цветов. Мы знаем, что использование режима RGB (в любом случае, установлен по умолчанию) смешивает разное количество красного, зеленого и синего для получения полноцветного изображения, которое мы видим на своих экранах. И мы также знаем, что в зависимости от того, как много красного, зеленого и синего цвета, черно-белый вариант изображения у каждого из трех каналов будет свой, что все эти операции проделываются для каждого отдельно взятого пикселя в изображении. И, таким образом, вы и я можем видеть полноцветную версию изображения, в то время как Photoshop довольствуется черно-белым.
Теперь мы знаем, как Photoshop любит нас. На этом мы закончим этот урок.

Автор: Steve Patterson
Перевод: Анцыперович Александра
Ссылка на источник

Шаг 1. Начнём с создания нового документа. В меню Файл – Новый (File – New) установим ширину и высоту  1100px, разрешение   72, фон – белый.

Далее, нам необходимо создать две направляющие, которые будут выступать в качестве границ для нашей страницы.
Выберите меню  Просмотр – Новая направляющая (View – New Guide). Для первой направляющей поставьте  Ориентация – Вертикальная и положение   70 пикселей.  (Orientation to Vertical and the Position 70 px).
Для второй направляющей снова выберите меню  Просмотр – Новая направляющая (View – New Guide) и поставьте  Ориентация – Вертикальная и положение 1030 пикселей.

И так, мы подготовили пространство для нашей веб-страницы шириной в 960 пикс.

Шаг 2. Следующий шаг –  подготовка фона. Выберите инструмент Заливка (Paint Bucket Tool (G)),  установите цвет переднего плана на  1e1e1e. Затем щелкните в любом месте на холсте, чтобы применить цвет к фоновому слою.

Давайте добавим текстуру нашему фону. Сделаем это в меню Фильтр – Шум – Добавить шум (Noise > Add Noise). Поставьте радиус (Amount) 2.5 и щёлкните ОК.

Шаг 3. Далее мы собираемся высветлить верхнюю часть нашей страницы. Этот ход  будет привлекать основное внимание именно в эту область, иными словами – там будет фокус.
Выберите  инструмент Кисть (Brush Tool), измените размер  до 400 пикселей, Жесткость (Hardness) 0%

Создайте новый слой и назовите его  “Spotlight”.

Измените цвет переднего плана на “FFFFFF” (белый) и создайте круг в верхней части документа  с помощью инструмента Кисть (Brush).

Чтобы вписать этот слой в фон, ему так же добавим немного шума, выбрав Фильтр – Шум – Добавить шум (Filter> Add Noise). Установите такие настройки.  Эффект (Amount)   20 и выберите опцию Монохромный ( Monochromatic) и кликните ОК.

Чтобы сгладить эту  вспышку выберите Фильтр – Размытие Размытие по Гауссу ( Filter- Blur-Gaussian Blur).
Установите радиус до 50,0 и нажмите кнопку ОК.

Наконец установите непрозрачность слоя  Spotlight около 25%.

Шаг 4. Настало время добавить элементы графики.  Скачаем изображение iPhone  здесь.  Имейте в виду, вы можете использовать любой телефон, который соответствует вашим конкретным задачам  (Android, Blackberry, и т.д …).
После загрузки откройте PSD файл  в Photoshop.  Раскройте папку “iPhones” щелкните правой кнопкой мыши  на папке “iPhones” и выберите Дубликат группы (Duplicate Group). В  появившемся окне  дайте  название  группе (я использовал “iPhone”) и укажите тот документ, над созданием которого вы сейчас трудитесь  и нажмите кнопку ОК.  Как только вы закончите, закройте  PSD с iphone.

Позиция нашего первого iPhone касается  левой направляющей и примерно 100px от верхней части холста документа.

Сейчас самое время  настроить скриншот в iPhone.  Самый простой способ сделать это  –  поместить взятый в интернете скриншот  меню телефона и поместить его на самый верх группы ” iPhone” , подогнать размер  под размер экрана.

Дублируйте группу iPhone  выбрав меню Слои – Дубликат группы (Layer – Duplicate Group), назовите её “iPhone 2? и нажмите кнопку ОК в диалоговом окне.
В меню Редактирование – Трансформирование – Масштабирование (Edit- Transform- Scale) изменим размер второго телефона. В настройках введите 107.0% по ширине и высоте. Позиция этого  iPhone  будет примерно  50px от верхнего края  и 200px от левой направляющей.

Повторите шаг  замены экрана в “iPhone 2″ как упоминалось выше.

Шаг 5. Последний штрих для наших  Iphones является создание их  отражения.  Выделим две группы -“iPhone” и “iPhone 2?, затем в меню Слои – Дубликат слоёв (Layer – Duplicate Layers) и нажмём ОК. Затем снова меню Слои – Объединить слои (Layer – Merge Layers).
Далее нам нужно перевернуть наши телефоны чтобы создать отражение.  Пройдите в меню Редактирование – Трансформирование – Отразить по вертикали (Edit- Transform- Flip Vertical). Подгоните отражение под оригинальные телефоны.

Добавить маску слоя, нажав на иконку маски слоя в панели слоев.

Выберите инструмент Градиент (Gradient Tool (G)) от черного к белому и проведите линию сверху вниз по слою с отражением.

Наконец  понизьте  непрозрачность этого слоя до 30%.

Шаг 6. Далее следует добавить основные детали справа от наших телефонов. Прежде чем мы начнем, давайте добавим еще одну направляющую, чтобы можно было по ней выровнять будущие элементы дизайна. Выберите меню  Просмотр – Новая направляющая (View – New Guide). Для этой направляющей поставьте  Ориентация – Вертикальная и положение   550 пикселей.  (Orientation to Vertical and the Position 550 px).
Примерно 100 пикс. от края документа мы добавим логотип. Автор использовал свой логотип. Вы можете просто использовать текст или вставить свой логотип.

Ниже логотипа мы добавим текст с описанием нашего приложения. Выберите  инструмент Текст (Horizontal Type Tool) и нарисуйте прямоугольник между центральной и правой направляющими. Установите такие настройки для текста:
Шрифт (Font): Helvetica Neue
Размер (Size): 16 px
Стиль (Style): Regular
Интерлиньяж (Leading): 26 px
Трекинг (Tracking): -25
Сглаживание (Anti-aliasing): Crisp Чёткое
Цвет (Color): #FFFFFF

Шаг 7. Далее мы создадим кнопку для посетителей, которые хотят приобрести наш продукт.  Используем для этого инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool (U))  Нарисуем  прямоугольник с такими настройками 240x75px 4px, где 4 это  радиус скругления углов. Выровняйте кнопку левой стороной к центральной направляющей и опустите её ниже текста примерно на 45 пикс.

Теперь применим  несколько стилей слоя. Дважды мышкой по слою в панели слоев и используйте скриншоты ниже для настроек.

Вставим иконку Apple и изменим её непрозрачность на 30%.

Справа от иконки добавим ещё текст, настройки ниже:
Шрифт (Font): Helvetica Neue
Размер (Size): 11 px и 24 px
Стиль (Style): Bold
Интерлиньяж (Leading): 26 px
Трекинг (Tracking): -25
Сглаживание (Anti-aliasing): Crisp Чёткое
Цвет (Color): #FFFFFF

Добавим стили слоя к тексту.  Воспользуйтесь настройками со скриншота.

Далее  мы добавим  разделитель справа от текста. Для этого выберите инструмент Линия (Line Tool) и зажав клавишу Shift, проведём линию от верхнего края кнопки до нижнего.  Цвет линии “FFFFFF” (белый).

Измените непрозрачность слоя с линией  до 15%,  дублируйте его, выбрав  меню Слои – Создать дубликат слоя (Layer> Duplicate Layer) и нажмите кнопку ОК. Измените цвет этой линии  на # 000000 (черный) и измените непрозрачность слоя со второй линией до 10%. Затем переместите чёрную линию на  1px влево  от белой линии.

Последний элемент  этой кнопки  –  значок, который указывает на Скачать.  Воспользуемся инструментом Эллипс (Ellipse Tool) и нарисуем круг 25px в диаметре.

Добавьте следующие стили слоя для эллипса:

Наконец возьмите инструмент Произвольная фигура (Custom Shape Tool) и выберите стрелку (я использую форму “Стрелка 9″), нарисуйте стрелочку белым цветом 10px в ширину, разместите внутри круга.

Шаг 8. Создадим фигуру, на которой будет отображаться цена продукта.  Возьмите инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool (U)),  радиус скругления углов  4 пикс.  Прямоугольник должен перекрывать собой кнопку загрузки и быть размером 52px в высоту и любой ширины больше чем 100 пикселей.

Изменените цвет этого прямоугольника на  “2B2B2B” и переместите его ниже кнопки загрузки в панели слоёв.

В стилях слоя добавьте прямоугольнику Обводку (Stroke), настройки на скриншоте.

Теперь мы можем добавить информацию о цене. Для этого мы создадим два отдельных текстовых поля. Для каждого будет свой стиль.
Для первого текстового поля применим следующие настройки:
Шрифт (Font): Helvetica Neue
Размер (Size): 19 px
Стиль (Style): Bold
Сглаживание (Anti-aliasing): Crisp Чёткое
Цвет (Color): #FFFFFF

Для второго текстового поля используем такие настройки:

Шаг 9. Перейдём  к нижней части нашей страницы,  где нам необходимо создать разделитель.  Для этого мы воспользуемся той же техникой, с помощью которой делали разделитель на кнопке загрузки.
Для этого выберите инструмент Линия (Line Tool) и зажав клавишу Shift, проведём линию от  левой направляющей до правой,  затем изменим цвет линии на “000000” (черный).

Изменените непрозрачность этой  линии  до 80%,  дублируйте этот слой, выбрав  меню  Слои – Создать дубликат слоя (Layer> Duplicate Layer) и нажмите кнопку ОК. Измените цвет этой линии  на # FFFFFF” (белый) и изменить непрозрачность слоя со второй линией до 10%. Затем переместите белую линию на  1px вниз  от чёрной линии.

Шаг 10. В разделе ниже разделителя строк, который  мы только что создали, добавим два столбца  для скриншотов и функций. Начнём со скриншотов. Выберите какой-нибудь скриншот с айфона и вставьте его, подгоните размер и расположите вблизи левой направляющей.

Выберите  этот слой  в панели слоев и нажмите дважды кнопку “Добавить маску”, чтобы добавить векторную маску. Теперь выберите инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool (U)), измените радиус углов  до 6px и создайте прямоугольник с размером 175x120px.

В стилях слоя добавьте прямоугольнику Обводку (Stroke), настройки на скриншоте.

Повторите эти шаги для всех ваших скриншотов   и задайте им расстояние  между собой 35px

Шаг 11. Нарисуем разделитель для созданных скриншотов. Проведём линию в 1 пикс. от верхнего скриншота к самому нижнему  и расположим этот разделитель  правее от них примерно на 55 пикс.  Измените цвет линии на “FFFFFF” (белый) и установите непрозрачность до 5%.

Шаг 12. Теперь добавим текст с информацией. Позиция текста  55 пикселей от левой линии разделителя. Для текста используем следующие настройки:
Шрифт (Font): Helvetica Neue
Размер (Size): 24 px
Стиль (Style): Regular
Трекинг (Tracking): -10
Сглаживание (Anti-aliasing): Crisp Чёткое
Цвет (Color): #FFFFFF

Теперь давайте создадим список  наших возможностей и поместим его под заголовком. Создайте текстовое поле и добавьте пять или шесть строчек  и задайте им следующие настройки:
Шрифт (Font): Helvetica Neue
Размер (Size): 15 px
Стиль (Style): Regular
Интерлиньяж (Leading): 28 px
Трекинг (Tracking): -10
Сглаживание (Anti-aliasing): Sharp Резкое
Цвет (Color): #8d8c90

Повторите вышеуказанные действия, чтобы добавить ещё один текстовый блок с требованиями для приложения.

Шаг 13. Чтобы как то выделить список возможностей  приложения, можно воспользоваться некоторыми хитростями. Сдвинем этот текстовый блок на 25px правее.

Используйте инструмент Эллипс (Ellipse Tool )с диаметром 9 пикс. и нарисуйте кружок цветом “bce086″.

Добавить следующие стили слоя для этого круга:

Шаг 14. Дублируйте эти кружки в меню Слой – Создать дубликат слоя (Layer> Duplicate Layer) и разместите как на скриншоте ниже.

Шаг 15. Создайте ещё один разделитель, используя технику, которую мы применяли ранее.

Шаг 16. Теперь мы должны добавить некоторые полезные ссылки на нижней части. Сначала мы создадим четыре текстовых поля, бок о бок, которые  будет содержать эти  ссылки.
Начните с создания текстового поля, которое размером  около 160x40px. Добавить в него текст и повторите 3 раза.

Вот пример текста, который вы можете использовать:
Вставка 1: Следуйте @ MyCompany на Twitter для новостей и обновлений.
Вставка 2: Для получения справки и поддержки.
Вставка 3: Информацию о продукте.
Вставка 4: Copyright 2011 “Моя компания”, ООО.

Используйте такие настройки для текста:
Шрифт (Font): Helvetica Neue
Размер (Size): 12 px
Стиль (Style): Regular
Интерлиньяж (Leading): 20 px
Сглаживание (Anti-aliasing): Sharp Резкое
Цвет (Color): #5555552

Вы должно быть заметили, что текстовые блоки не выровнены, не беспокойтесь, этим мы займёмся в следующем шаге.

Шаг 17.
Чтобы исправить нашу проблему с выравниванием, мы поместим текстовые блоки в группу под названием “Footer”.
Во-первых, положение первого  текстового поля 55 пикселей от левой направляющей, а последнее поле коснулось правой направляющей.

Теперь выделите четыре текстовых слоя в папке  “Footer” , активируйте инструмент Перемещение (Move Tool) и нажмите кнопку Выравнивание центров по вертикали (Align vertical centers), а затем нажмите кнопку Выравнивание центров по горизонтали (Distribute horizontal centers).

Шаг 18. Теперь мы можем добавить некоторые пользовательские иконки, чтобы обозначить наши ссылки. Выберите  инструмент Эллипс (Ellipse Tool (U) и создайте круг,  36px в диаметре, поместите его рядом с первым текстовым полем.  Изменение цвет  этого круга на “FFFFFF” (белый).  Теперь выберите Слой – Растрировать слой (Layer- Rasterize Layer).

Добавим на созданный круг значок Твиттера, который можно взять здесь.
Поместите этот значок в наш документ, уменьшите его размер до 28% по ширине и высоте и расположите его над слоем с кругом.

Затем щелкните правой кнопкой мыши на миниатюре слоя Twitter  в панели слоёв  и выберите опцию Выделить пикселы (Select Pixels). Теперь выберите слой с кругом в панели слоёв и в меню Редактирование нажмите  Очистить (Edit> Clear).
Иконка Твиттера  сослужила свою службу, теперь её можно удалить.
Наконец, понизьте  непрозрачность слоя с кругом  до 15%.

Шаг 19.

Для остальных значков, которые  показаны  выше, повторите  Шаг 18, с помощью других иконок  или воспользуйтесь  стандартными пользовательскими формами   Photoshop.

Шаг 20.
И последний штрих, который позволит нам выделить важную часть текста в созданных ссылках.  Для этого мы просто изменим цвет текста там, где считаем информацию наиболее важной.
Можно использовать цвет “83b546“.

Заключение
Вот и все! Я надеюсь, вам понравился  этот  урок,  и вы нашли несколько полезных методов, которые вы сможете применить в своей практике.

Вы можете посмотреть эту страничку здесь

Автор: Eric Alli
Переводчик: Рыбка.
Ссылка на источник